feat(smartSort): add widget

src/components/SmartSort/SmartSort.tsx

@@ -11,45 +11,46 @@ type SmartSortProps = {
   cssClasses: SmartSortCSSClasses;
   templates: SmartSortTemplates;
   isSmartSorted: boolean;
-  relevancyStrictness?: number;
+  isVirtualReplica: boolean;
   refine(relevancyStrictness: number | undefined): void;
 };
 
 const SmartSort = ({
   cssClasses,
   templates,
   isSmartSorted,
-  relevancyStrictness,
+  isVirtualReplica,
   refine,
-}: SmartSortProps) => (
-  <div className={cssClasses.root}>
-    <Template
-      templateKey="text"
-      templates={templates}
-      rootProps={{
-        className: cssClasses.text,
-      }}
-      data={{ isSmartSorted }}
-    />
-    <button
-      type="button"
-      className={cssClasses.button}
-      onClick={() => {
-        if (isSmartSorted) {
-          refine(0);
-        } else {
-          refine(relevancyStrictness);
-        }
-      }}
-    >
+}: SmartSortProps) =>
+  isVirtualReplica ? (
+    <div className={cssClasses.root}>
       <Template
-        rootTagName="span"
-        templateKey="button"
+        templateKey="text"
         templates={templates}
+        rootProps={{
+          className: cssClasses.text,
+        }}
         data={{ isSmartSorted }}
       />
-    </button>
-  </div>
-);
+      <button
+        type="button"
+        className={cssClasses.button}
+        onClick={() => {
+          if (isSmartSorted) {
+            refine(0);
+          } else {
+            refine(undefined);
+          }
+        }}
+      >
+        <Template
+          rootTagName="span"
+          templateKey="button"
+          templates={templates}
+          data={{ isSmartSorted }}
+        />
+      </button>
+    </div>
+  ) : null;
 
 export default SmartSort;

src/components/SmartSort/__tests__/SmartSort-test.tsx

@@ -19,12 +19,26 @@ const templates = {
 };
 
 describe('SmartSort', () => {
+  it('render nothing if not virtual replica', () => {
+    const { container } = render(
+      <SmartSort
+        cssClasses={cssClasses}
+        templates={templates}
+        isSmartSorted={false}
+        isVirtualReplica={false}
+        refine={() => {}}
+      />
+    );
+    expect(container).toMatchInlineSnapshot(`<div />`);
+  });
+
   it('render the default status', () => {
     const { container } = render(
       <SmartSort
         cssClasses={cssClasses}
         templates={templates}
         isSmartSorted={false}
+        isVirtualReplica={true}
         refine={() => {}}
       />
     );
@@ -56,35 +70,21 @@ describe('SmartSort', () => {
         cssClasses={cssClasses}
         templates={templates}
         isSmartSorted={false}
+        isVirtualReplica={true}
         refine={refine}
       />
     );
     fireEvent.click(getByText('See relevant results'));
     expect(refine).toHaveBeenCalledTimes(1);
   });
 
-  it('refine with given value', () => {
-    const refine = jest.fn();
-    const { getByText } = render(
-      <SmartSort
-        cssClasses={cssClasses}
-        templates={templates}
-        isSmartSorted={false}
-        relevancyStrictness={30}
-        refine={refine}
-      />
-    );
-    fireEvent.click(getByText('See relevant results'));
-    expect(refine).toHaveBeenCalledTimes(1);
-    expect(refine).toHaveBeenCalledWith(30);
-  });
-
   it('render sorted status', () => {
     const { container } = render(
       <SmartSort
         cssClasses={cssClasses}
         templates={templates}
         isSmartSorted={true}
+        isVirtualReplica={true}
         refine={() => {}}
       />
     );
@@ -109,13 +109,30 @@ describe('SmartSort', () => {
     `);
   });
 
-  it('refine with zero when seeing all results', () => {
+  it('refine with `undefined` on "See relevant results"', () => {
+    const refine = jest.fn();
+    const { getByText } = render(
+      <SmartSort
+        cssClasses={cssClasses}
+        templates={templates}
+        isSmartSorted={false}
+        isVirtualReplica={true}
+        refine={refine}
+      />
+    );
+    fireEvent.click(getByText('See relevant results'));
+    expect(refine).toHaveBeenCalledTimes(1);
+    expect(refine).toHaveBeenCalledWith(undefined);
+  });
+
+  it('refine with `0` on "Seeing all results"', () => {
     const refine = jest.fn();
     const { getByText } = render(
       <SmartSort
         cssClasses={cssClasses}
         templates={templates}
         isSmartSorted={true}
+        isVirtualReplica={true}
         refine={refine}
       />
     );