@faststore/core 3.2.0 → 3.3.0

package/src/components/search/Filter/Filter.tsx

@@ -1,101 +0,0 @@
-import { useUI } from '@faststore/ui'
-import type { Filter_FacetsFragment } from '@generated/graphql'
-import { Suspense } from 'react'
-
-import { gql } from '@generated'
-import { ProductGalleryProps } from 'src/components/ui/ProductGallery/ProductGallery'
-import { useOverrideComponents } from 'src/sdk/overrides/OverrideContext'
-import { useFilter } from 'src/sdk/search/useFilter'
-import useScreenResize from 'src/sdk/ui/useScreenResize'
-
-interface Props {
-  /**
-   * CMS defined data to be used in filter component.
-   */
-  filter: ProductGalleryProps['filter']
-  /**
-   * The array that represents the details of every facet.
-   */
-  facets: Filter_FacetsFragment[]
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-}
-
-function Filter({
-  facets: allFacets,
-  testId = 'fs-filter',
-  filter: filterCmsData,
-}: Props) {
-  const {
-    __experimentalFilterDesktop: FilterDesktop,
-    __experimentalFilterSlider: FilterSlider,
-  } = useOverrideComponents<'ProductGallery'>()
-
-  const filter = useFilter(allFacets)
-  const { filter: displayFilter } = useUI()
-  const { isDesktop } = useScreenResize()
-
-  return (
-    <>
-      {isDesktop && (
-        <FilterDesktop.Component
-          {...FilterDesktop.props}
-          {...filter}
-          testId={testId}
-          title={filterCmsData?.title}
-        />
-      )}
-
-      {displayFilter && (
-        <Suspense fallback={null}>
-          <FilterSlider.Component
-            {...FilterSlider.props}
-            {...filter}
-            testId={testId}
-            title={filterCmsData?.title}
-            clearButtonLabel={filterCmsData?.mobileOnly?.clearButtonLabel}
-            applyButtonLabel={filterCmsData?.mobileOnly?.applyButtonLabel}
-          />
-        </Suspense>
-      )}
-    </>
-  )
-}
-
-export const fragment = gql(`
-  fragment Filter_facets on StoreFacet {
-    ... on StoreFacetRange {
-      key
-      label
-
-      min {
-        selected
-        absolute
-      }
-
-      max {
-        selected
-        absolute
-      }
-
-      __typename
-    }
-    ... on StoreFacetBoolean {
-      key
-      label
-      values {
-        label
-        value
-        selected
-        quantity
-      }
-
-      __typename
-    }
-  }
-`)
-
-export default Filter