@faststore/components 2.0.74-alpha.0 → 2.0.78-alpha.0

package/src/assets/FadersHorizontal.tsx

@@ -0,0 +1,84 @@
+import React from 'react'
+import type { FC } from 'react'
+
+// Icon from Phosphor Icons
+const FadersHorizontal: FC = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 256 256"
+    strokeWidth="16"
+    width={24}
+    height={24}
+  >
+    <rect width="256" height="256" fill="none"></rect>
+    <line
+      x1="136"
+      y1="172"
+      x2="40"
+      y2="172"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="216"
+      y1="172"
+      x2="168"
+      y2="172"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="72"
+      y1="84"
+      x2="40"
+      y2="84"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="216"
+      y1="84"
+      x2="104"
+      y2="84"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="104"
+      y1="60"
+      x2="104"
+      y2="108"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+    <line
+      x1="168"
+      y1="196"
+      x2="168"
+      y2="148"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+  </svg>
+)
+
+export default FadersHorizontal

package/src/assets/MagnifyingGlass.tsx

@@ -0,0 +1,39 @@
+import React from 'react'
+import type { FC } from 'react'
+
+// Icon from Phosphor Icons
+const MagnifyingGlass: FC = () => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    fill="currentColor"
+    viewBox="0 0 256 256"
+    strokeWidth="16"
+    width={24}
+    height={24}
+  >
+    <rect width="256" height="256" fill="none"></rect>
+    <circle
+      cx="116"
+      cy="116"
+      r="84"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></circle>
+    <line
+      x1="175.4"
+      y1="175.4"
+      x2="224"
+      y2="224"
+      fill="none"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth="16"
+    ></line>
+  </svg>
+)
+
+export default MagnifyingGlass

package/src/assets/TagIcon.tsx

@@ -5,10 +5,10 @@ import React from 'react'
 const TagIcon: FC = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
-    width="192"
-    height="192"
     fill="currentColor"
     viewBox="0 0 256 256"
+    width={24}
+    height={24}
   >
     <rect width="256" height="256" fill="none"></rect>
     <path

package/src/assets/index.ts

@@ -7,10 +7,12 @@ export { default as CaretDown } from './CaretDown'
 export { default as Checked } from './Checked'
 export { default as ClockClockwise } from './ClockClockwise'
 export { default as DotsThree } from './DotsThree'
+export { default as FadersHorizontal } from './FadersHorizontal'
 export { default as Heart } from './Heart'
 export { default as House } from './House'
 export { default as Minus } from './Minus'
 export { default as Plus } from './Plus'
+export { default as MagnifyingGlass } from './MagnifyingGlass'
 export { default as MinusCircle } from './MinusCircle'
 export { default as PlusCircle } from './PlusCircle'
 export { default as Ruler } from './Ruler'

package/src/hooks/UIProvider.tsx

@@ -1,6 +1,5 @@
-import React from 'react'
-import { createContext, useContext, useMemo, useReducer } from 'react'
 import type { PropsWithChildren } from 'react'
+import React, { createContext, useContext, useMemo, useReducer } from 'react'
 
 interface Toast {
   message: string
@@ -108,7 +107,7 @@ interface Context extends State {
 
 const UIContext = createContext<Context | undefined>(undefined)
 
-function UIProvider({ children }: PropsWithChildren) {
+function UIProvider({ children }: PropsWithChildren<unknown>) {
   const [ui, dispatch] = useReducer(reducer, undefined, initializer)
 
   const callbacks = useMemo(

package/src/index.ts

@@ -116,6 +116,14 @@ export { default as RadioGroup, RadioOption } from './molecules/RadioGroup'
 export type { RadioGroupProps, RadioOptionProps } from './molecules/RadioGroup'
 export { default as Rating } from './molecules/Rating'
 export type { RatingProps } from './molecules/Rating'
+export {
+  default as SearchAutoComplete,
+  SearchAutoCompleteTerm,
+} from './molecules/SearchAutoComplete'
+export type {
+  SearchAutoCompleteProps,
+  SearchAutoCompleteTermProps,
+} from './molecules/SearchAutoComplete'
 export {
   default as SearchHistory,
   SearchHistoryTerm,
@@ -125,15 +133,17 @@ export type {
   SearchHistoryTermProps,
 } from './molecules/SearchHistory'
 export {
-  default as SearchProductCard,
-  SearchProductCardImage,
-  SearchProductCardContent,
-} from './molecules/SearchProductCard'
+  default as SearchProducts,
+  SearchProductItem,
+  SearchProductItemImage,
+  SearchProductItemContent,
+} from './molecules/SearchProducts'
 export type {
-  SearchProductCardProps,
-  SearchProductCardImageProps,
-  SearchProductCardContentProps,
-} from './molecules/SearchProductCard'
+  SearchProductsProps,
+  SearchProductItemProps,
+  SearchProductItemImageProps,
+  SearchProductItemContentProps,
+} from './molecules/SearchProducts'
 export { default as SearchTop, SearchTopTerm } from './molecules/SearchTop'
 export type { SearchTopProps, SearchTopTermProps } from './molecules/SearchTop'
 export { default as SelectField } from './molecules/SelectField'

package/src/molecules/SearchAutoComplete/SearchAutoComplete.tsx

@@ -0,0 +1,24 @@
+import React, { HTMLAttributes } from 'react'
+import { List } from '../..'
+
+export interface SearchAutoCompleteProps
+  extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+}
+
+const SearchAutoComplete = ({
+  testId = 'fs-search-auto-complete',
+  children,
+  ...otherProps
+}: SearchAutoCompleteProps) => {
+  return (
+    <section data-testid={testId} data-fs-search-auto-complete {...otherProps}>
+      <List as="ol">{children}</List>
+    </section>
+  )
+}
+
+export default SearchAutoComplete

package/src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx

@@ -0,0 +1,92 @@
+import type { ReactNode } from 'react'
+import React, { HTMLAttributes, Fragment } from 'react'
+import { Icon, MagnifyingGlass, Link, LinkProps, LinkElementType } from '../..'
+
+function formatSearchTerm(
+  indexSubstring: number,
+  searchTerm: string,
+  suggestion: string
+) {
+  if (indexSubstring === 0) {
+    return searchTerm
+      .split('')
+      .map((char, idx) =>
+        idx === 0 && suggestion.indexOf(char.toUpperCase()) === 0
+          ? char.toUpperCase()
+          : char.toLowerCase()
+      )
+      .join('')
+  }
+
+  return searchTerm.toLowerCase()
+}
+
+export interface SearchAutoCompleteTermProps
+  extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+  /**
+   * Props for the link from term component.
+   */
+  linkProps?: Partial<LinkProps<LinkElementType>>
+  /**
+   * A React component that will be rendered as an icon.
+   */
+  icon?: ReactNode
+  /**
+   * Term researched.
+   */
+  term: string
+  /**
+   * Suggestion proposed with auto complete.
+   */
+  suggestion: string
+}
+
+const SearchAutoCompleteTerm = ({
+  testId = 'fs-search-auto-complete-term',
+  suggestion,
+  term,
+  linkProps,
+  icon,
+}: SearchAutoCompleteTermProps) => {
+  const autoCompleteIcon = icon ? icon : <MagnifyingGlass />
+
+  const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase())
+
+  return (
+    <li data-fs-search-auto-complete-item data-testid={testId}>
+      <Link
+        {...linkProps}
+        data-fs-search-auto-complete-item-link
+        variant="display"
+      >
+        {autoCompleteIcon && (
+          <Icon
+            component={autoCompleteIcon}
+            data-fs-search-auto-complete-item-icon
+          />
+        )}
+        <p>
+          {suggestionSubstring.map((substring, indexSubstring) => (
+            <Fragment key={[substring, indexSubstring].join()}>
+              {substring.length > 0 && (
+                <strong data-fs-search-auto-complete-item-suggestion>
+                  {indexSubstring === 0
+                    ? substring.charAt(0).toUpperCase() + substring.slice(1)
+                    : substring}
+                </strong>
+              )}
+              {indexSubstring !== suggestionSubstring.length - 1 &&
+                formatSearchTerm(indexSubstring, term, suggestion)}
+            </Fragment>
+          ))}
+        </p>
+      </Link>
+    </li>
+  )
+}
+
+export default SearchAutoCompleteTerm

package/src/molecules/SearchAutoComplete/index.ts

@@ -0,0 +1,5 @@
+export { default } from './SearchAutoComplete'
+export type { SearchAutoCompleteProps } from './SearchAutoComplete'
+
+export { default as SearchAutoCompleteTerm } from './SearchAutoCompleteTerm'
+export type { SearchAutoCompleteTermProps } from './SearchAutoCompleteTerm'

package/src/molecules/SearchProducts/SearchProductItem.tsx

@@ -0,0 +1,34 @@
+import React, { forwardRef } from 'react'
+import type { HTMLAttributes } from 'react'
+
+import { Link, LinkProps, LinkElementType } from '../..'
+
+export interface SearchProductItemProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress,
+   * testing-library, and jest).
+   */
+  testId?: string
+  /**
+   * Props for the link from SearchProduct component.
+   */
+  linkProps?: Partial<LinkProps<LinkElementType>>
+}
+
+const SearchProductItem = forwardRef<HTMLDivElement, SearchProductItemProps>(
+  function ProductItem({
+    testId = 'fs-search-product-item',
+    linkProps,
+    children,
+  }) {
+    return (
+      <li data-fs-search-product-item data-testid={testId}>
+        <Link {...linkProps} data-fs-search-product-item-link variant="display">
+          {children}
+        </Link>
+      </li>
+    )
+  }
+)
+
+export default SearchProductItem

package/src/molecules/{SearchProductCard/SearchProductCardContent.tsx → SearchProducts/SearchProductItemContent.tsx}

@@ -1,5 +1,5 @@
 import React, { forwardRef } from 'react'
-import { Price } from '../../'
+import { Price } from '../..'
 import type { PriceFormatter } from '../../atoms/Price/Price'
 
 interface Price {
@@ -8,7 +8,7 @@ interface Price {
   formatter: PriceFormatter
 }
 
-export type SearchProductCardContentProps = {
+export type SearchProductItemContentProps = {
   /**
    * Specifies the product's title.
    */
@@ -19,14 +19,14 @@ export type SearchProductCardContentProps = {
   price: Price
 }
 
-const SearchProductCardContent = forwardRef<
+const SearchProductItemContent = forwardRef<
   HTMLElement,
-  SearchProductCardContentProps
->(function SearchProductCardContent({ price, title, ...otherProps }, ref) {
+  SearchProductItemContentProps
+>(function SearchProductItemContent({ price, title, ...otherProps }, ref) {
   return (
-    <section ref={ref} data-fs-search-product-card-content {...otherProps}>
-      <p data-fs-search-product-card-title>{title}</p>
-      <span data-fs-search-product-card-prices>
+    <section ref={ref} data-fs-search-product-item-content {...otherProps}>
+      <p data-fs-search-product-item-title>{title}</p>
+      <span data-fs-search-product-item-prices>
         <Price
           value={price?.listPrice ? price.listPrice : 0}
           formatter={price?.formatter}
@@ -48,4 +48,4 @@ const SearchProductCardContent = forwardRef<
   )
 })
 
-export default SearchProductCardContent
+export default SearchProductItemContent

package/src/molecules/{SearchProductCard/SearchProductCardImage.tsx → SearchProducts/SearchProductItemImage.tsx}

@@ -1,7 +1,7 @@
 import type { HTMLAttributes } from 'react'
 import React, { forwardRef } from 'react'
 
-export interface SearchProductCardImageProps
+export interface SearchProductItemImageProps
   extends HTMLAttributes<HTMLDivElement> {
   /**
    * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
@@ -9,17 +9,17 @@ export interface SearchProductCardImageProps
   testId?: string
 }
 
-const SearchProductCardImage = forwardRef<
+const SearchProductItemImage = forwardRef<
   HTMLDivElement,
-  SearchProductCardImageProps
->(function SearchProductCardImage(
-  { testId = 'fs-search-product-card-image', children, ...otherProps },
+  SearchProductItemImageProps
+>(function SearchProductItemImage(
+  { testId = 'fs-search-product-item-image', children, ...otherProps },
   ref
 ) {
   return (
     <div
       ref={ref}
-      data-fs-search-product-card-image
+      data-fs-search-product-item-image
       data-testid={testId}
       {...otherProps}
     >
@@ -28,4 +28,4 @@ const SearchProductCardImage = forwardRef<
   )
 })
 
-export default SearchProductCardImage
+export default SearchProductItemImage

package/src/molecules/SearchProducts/SearchProducts.tsx

@@ -0,0 +1,31 @@
+import React, { HTMLAttributes } from 'react'
+import { List } from '../..'
+
+export interface SearchProductsProps extends HTMLAttributes<HTMLDivElement> {
+  /**
+   * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+   */
+  testId?: string
+  /**
+   * Title attribute for the <section> tag rendered by this component.
+   */
+  title?: string
+}
+
+const SearchProductsProps = ({
+  testId = 'fs-search-products',
+  title = 'Suggested Products',
+  children,
+  ...otherProps
+}: SearchProductsProps) => {
+  return (
+    <section data-testid={testId} data-fs-search-products {...otherProps}>
+      <header data-fs-search-products-header>
+        <p data-fs-search-products-title>{title}</p>
+      </header>
+      <List as="ol">{children}</List>
+    </section>
+  )
+}
+
+export default SearchProductsProps

package/src/molecules/SearchProducts/index.ts

@@ -0,0 +1,11 @@
+export { default } from './SearchProducts'
+export type { SearchProductsProps } from './SearchProducts'
+
+export { default as SearchProductItem } from './SearchProductItem'
+export type { SearchProductItemProps } from './SearchProductItem'
+
+export { default as SearchProductItemImage } from './SearchProductItemImage'
+export type { SearchProductItemImageProps } from './SearchProductItemImage'
+
+export { default as SearchProductItemContent } from './SearchProductItemContent'
+export type { SearchProductItemContentProps } from './SearchProductItemContent'

package/dist/molecules/SearchProductCard/SearchProductCard.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import type { HTMLAttributes } from 'react';
-import { LinkProps, LinkElementType } from '../../';
-export interface SearchProductCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * ID to find this component in testing tools (e.g.: cypress,
-     * testing-library, and jest).
-     */
-    testId?: string;
-    /**
-     * Props for the link from SearchProduct component.
-     */
-    linkProps?: Partial<LinkProps<LinkElementType>>;
-    /**
-     * Callback function when SearchProduct link is clicked.
-     */
-    onLinkClick?: () => void;
-}
-declare const SearchProductCard: React.ForwardRefExoticComponent<SearchProductCardProps & React.RefAttributes<HTMLDivElement>>;
-export default SearchProductCard;

package/dist/molecules/SearchProductCard/SearchProductCard.js

@@ -1,8 +0,0 @@
-import React, { forwardRef } from 'react';
-import { Link } from '../../';
-const SearchProductCard = forwardRef(function ProductCard({ testId = 'fs-search-product-card', linkProps, onLinkClick, children, ...otherProps }, ref) {
-    return (React.createElement("article", { ref: ref, "data-fs-search-product-card": true, "data-testid": testId, ...otherProps },
-        React.createElement(Link, { ...linkProps, "data-fs-search-product-card-link": true, title: name, variant: "display", onClick: onLinkClick }, children)));
-});
-export default SearchProductCard;
-//# sourceMappingURL=SearchProductCard.js.map

package/dist/molecules/SearchProductCard/SearchProductCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchProductCard.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,IAAI,EAA8B,MAAM,QAAQ,CAAA;AAkBzD,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,wBAAwB,EACjC,SAAS,EACT,WAAW,EACX,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,sDAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,OACC,SAAS,4CAEb,KAAK,EAAE,IAAI,EACX,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,WAAW,IAEnB,QAAQ,CACJ,CACC,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/molecules/SearchProductCard/SearchProductCardContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchProductCardContent.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAA;AAoB9B,MAAM,wBAAwB,GAAG,UAAU,CAGzC,SAAS,wBAAwB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,UAAU,EAAE,EAAE,GAAG;IACtE,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,kDAA0C,UAAU;QACnE,wEAAsC,KAAK,CAAK;QAChD;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAC7C,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,YAAY,gBACP,KAAK,EAAE,SAAS,EAC5B,OAAO,EAAC,SAAS,EACjB,MAAM,EAAC,iBAAiB,GACxB;YACF,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EACrC,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAC,OAAO,gBACF,KAAK,EAAE,KAAK,EACxB,OAAO,EAAC,MAAM,EACd,MAAM,EAAC,QAAQ,GACf,CACG,CACC,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,wBAAwB,CAAA"}

package/dist/molecules/SearchProductCard/SearchProductCardImage.js

@@ -1,6 +0,0 @@
-import React, { forwardRef } from 'react';
-const SearchProductCardImage = forwardRef(function SearchProductCardImage({ testId = 'fs-search-product-card-image', children, ...otherProps }, ref) {
-    return (React.createElement("div", { ref: ref, "data-fs-search-product-card-image": true, "data-testid": testId, ...otherProps }, children));
-});
-export default SearchProductCardImage;
-//# sourceMappingURL=SearchProductCardImage.js.map

package/dist/molecules/SearchProductCard/SearchProductCardImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchProductCardImage.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/SearchProductCardImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAUzC,MAAM,sBAAsB,GAAG,UAAU,CAGvC,SAAS,sBAAsB,CAC/B,EAAE,MAAM,GAAG,8BAA8B,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,4DAEK,MAAM,KACf,UAAU,IAEb,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,sBAAsB,CAAA"}

package/dist/molecules/SearchProductCard/index.d.ts

@@ -1,6 +0,0 @@
-export { default } from './SearchProductCard';
-export type { SearchProductCardProps } from './SearchProductCard';
-export { default as SearchProductCardImage } from './SearchProductCardImage';
-export type { SearchProductCardImageProps } from './SearchProductCardImage';
-export { default as SearchProductCardContent } from './SearchProductCardContent';
-export type { SearchProductCardContentProps } from './SearchProductCardContent';

package/dist/molecules/SearchProductCard/index.js

@@ -1,4 +0,0 @@
-export { default } from './SearchProductCard';
-export { default as SearchProductCardImage } from './SearchProductCardImage';
-export { default as SearchProductCardContent } from './SearchProductCardContent';
-//# sourceMappingURL=index.js.map

package/dist/molecules/SearchProductCard/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchProductCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAG7C,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAG5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA"}

package/src/molecules/SearchProductCard/SearchProductCard.tsx

@@ -1,54 +0,0 @@
-import React, { forwardRef } from 'react'
-import type { HTMLAttributes } from 'react'
-
-import { Link, LinkProps, LinkElementType } from '../../'
-
-export interface SearchProductCardProps extends HTMLAttributes<HTMLDivElement> {
-  /**
-   * ID to find this component in testing tools (e.g.: cypress,
-   * testing-library, and jest).
-   */
-  testId?: string
-  /**
-   * Props for the link from SearchProduct component.
-   */
-  linkProps?: Partial<LinkProps<LinkElementType>>
-  /**
-   * Callback function when SearchProduct link is clicked.
-   */
-  onLinkClick?: () => void
-}
-
-const SearchProductCard = forwardRef<HTMLDivElement, SearchProductCardProps>(
-  function ProductCard(
-    {
-      testId = 'fs-search-product-card',
-      linkProps,
-      onLinkClick,
-      children,
-      ...otherProps
-    },
-    ref
-  ) {
-    return (
-      <article
-        ref={ref}
-        data-fs-search-product-card
-        data-testid={testId}
-        {...otherProps}
-      >
-        <Link
-          {...linkProps}
-          data-fs-search-product-card-link
-          title={name}
-          variant="display"
-          onClick={onLinkClick}
-        >
-          {children}
-        </Link>
-      </article>
-    )
-  }
-)
-
-export default SearchProductCard

package/src/molecules/SearchProductCard/index.ts

@@ -1,8 +0,0 @@
-export { default } from './SearchProductCard'
-export type { SearchProductCardProps } from './SearchProductCard'
-
-export { default as SearchProductCardImage } from './SearchProductCardImage'
-export type { SearchProductCardImageProps } from './SearchProductCardImage'
-
-export { default as SearchProductCardContent } from './SearchProductCardContent'
-export type { SearchProductCardContentProps } from './SearchProductCardContent'