@faststore/components 2.2.0-alpha.9 → 2.2.0

package/dist/molecules/SearchHistory/SearchHistoryTerm.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import { HTMLAttributes } from 'react';
+import { LinkElementType, LinkProps } from '../..';
+export interface SearchHistoryTermProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Defines the text displayed in history term item.
+     */
+    value: string;
+    /**
+     * Props for the link from term component.
+     */
+    linkProps?: Partial<LinkProps<LinkElementType>>;
+    /**
+     * A React component that will be rendered as an icon.
+     */
+    icon?: ReactNode;
+}
+declare const SearchHistoryTerm: ({ testId, value, linkProps, icon, }: SearchHistoryTermProps) => JSX.Element;
+export default SearchHistoryTerm;

package/dist/molecules/SearchHistory/SearchHistoryTerm.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Icon, Link } from '../..';
+const SearchHistoryTerm = ({ testId = 'fs-search-history-term', value, linkProps, icon = React.createElement(Icon, { name: "ClockClockwise", width: 18, height: 18 }), }) => {
+    return (React.createElement("li", { "data-fs-search-history-item": true, "data-testid": testId },
+        React.createElement(Link, { ...linkProps, "data-fs-search-history-item-link": true, variant: "display" },
+            React.createElement("span", { "data-fs-search-history-item-icon": true }, icon),
+            React.createElement("span", null, value))));
+};
+export default SearchHistoryTerm;
+//# sourceMappingURL=SearchHistoryTerm.js.map

package/dist/molecules/SearchHistory/SearchHistoryTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHistoryTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchHistory/SearchHistoryTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAqB9D,MAAM,iBAAiB,GAAG,CAAC,EACzB,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,SAAS,EACT,IAAI,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,gBAAgB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACrC,EAAE,EAAE;IAC3B,OAAO,CACL,gFAA6C,MAAM;QACjD,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS;YACrE,0EAAwC,IAAI,CAAQ;YACpD,kCAAO,KAAK,CAAQ,CACf,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,iBAAiB,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default } from './SearchHistory';
+export type { SearchHistoryProps } from './SearchHistory';
+export { default as SearchHistoryTerm } from './SearchHistoryTerm';
+export type { SearchHistoryTermProps } from './SearchHistoryTerm';

package/dist/molecules/SearchHistory/index.js

@@ -0,0 +1,3 @@
+export { default } from './SearchHistory';
+export { default as SearchHistoryTerm } from './SearchHistoryTerm';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchHistory/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGzC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/molecules/SearchInputField/SearchInputField.d.ts

@@ -0,0 +1,36 @@
+import type { AriaAttributes, InputHTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'onSubmit'>;
+type ButtonProps = {
+    onClick?: () => void;
+    testId?: string;
+};
+export interface SearchInputFieldProps extends InputProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Props for the submit button inside the input.
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * A React component that will be rendered as an icon (submit button).
+     * @default <Icon name="MagnifyingGlass" />
+     */
+    buttonIcon?: ReactNode;
+    /**
+     * Custom aria-label for input and button.
+     */
+    'aria-label'?: AriaAttributes['aria-label'];
+    /**
+     * Callback function when submitted.
+     */
+    onSubmit: (value: string) => void;
+}
+export interface SearchInputFieldRef {
+    inputRef?: HTMLInputElement | null;
+    formRef?: HTMLFormElement | null;
+}
+declare const SearchInputField: React.ForwardRefExoticComponent<SearchInputFieldProps & React.RefAttributes<SearchInputFieldRef | null>>;
+export default SearchInputField;

package/dist/molecules/SearchInputField/SearchInputField.js

@@ -0,0 +1,21 @@
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
+import { Icon, IconButton, Input } from '../..';
+const SearchInputField = forwardRef(function SearchInputField({ onSubmit, buttonIcon, 'aria-label': ariaLabel = 'search', testId = 'fs-search-input', buttonProps, ...otherProps }, ref) {
+    const inputRef = useRef(null);
+    const formRef = useRef(null);
+    const handleSubmit = (event) => {
+        event.preventDefault();
+        if (inputRef.current?.value !== '') {
+            onSubmit(inputRef.current.value);
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        inputRef: inputRef.current,
+        formRef: formRef.current,
+    }));
+    return (React.createElement("form", { ref: formRef, "data-fs-search-input-field": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
+        React.createElement(Input, { ref: inputRef, "aria-label": ariaLabel, "data-fs-search-input-field-input": true, ...otherProps }),
+        React.createElement(IconButton, { type: "submit", "aria-label": "Submit Search", icon: buttonIcon ?? React.createElement(Icon, { name: "MagnifyingGlass" }), size: "small", ...buttonProps })));
+});
+export default SearchInputField;
+//# sourceMappingURL=SearchInputField.js.map

package/dist/molecules/SearchInputField/SearchInputField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInputField.js","sourceRoot":"","sources":["../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAqC/C,MAAM,gBAAgB,GAAG,UAAU,CAGjC,SAAS,gBAAgB,CACzB,EACE,QAAQ,EACR,UAAU,EACV,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,MAAM,GAAG,iBAAiB,EAC1B,WAAW,EACX,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE;YAClC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;SAClC;IACH,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL,8BACE,GAAG,EAAE,OAAO,qDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;QAEb,oBAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,gBACD,SAAS,+CAEjB,UAAU,GACd;QACF,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACF,eAAe,EAC1B,IAAI,EAAE,UAAU,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EACnD,IAAI,EAAC,OAAO,KACR,WAAW,GACf,CACG,CACR,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

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

@@ -0,0 +1,2 @@
+export { default } from './SearchInputField';
+export type { SearchInputFieldProps, SearchInputFieldRef, } from './SearchInputField';

package/dist/molecules/SearchInputField/index.js

@@ -0,0 +1,2 @@
+export { default } from './SearchInputField';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchInputField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA"}

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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Price } from '../../';
+import type { PriceFormatter } from '../../atoms/Price/Price';
+interface Price {
+    value: number;
+    listPrice: number;
+    formatter: PriceFormatter;
+}
+export type SearchProductCardContentProps = {
+    /**
+     * Specifies the product's title.
+     */
+    title: string;
+    /**
+     * Specifies product's prices.
+     */
+    price: Price;
+};
+declare const SearchProductCardContent: React.ForwardRefExoticComponent<SearchProductCardContentProps & React.RefAttributes<HTMLElement>>;
+export default SearchProductCardContent;

package/dist/molecules/SearchProductCard/SearchProductCardContent.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { Price } from '../../';
+const SearchProductCardContent = forwardRef(function SearchProductCardContent({ price, title, ...otherProps }, ref) {
+    return (React.createElement("section", { ref: ref, "data-fs-search-product-card-content": true, ...otherProps },
+        React.createElement("p", { "data-fs-search-product-card-title": true }, title),
+        React.createElement("span", { "data-fs-search-product-card-prices": true },
+            React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
+            React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Price:" }))));
+});
+export default SearchProductCardContent;
+//# sourceMappingURL=SearchProductCardContent.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface SearchProductCardImageProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const SearchProductCardImage: React.ForwardRefExoticComponent<SearchProductCardImageProps & React.RefAttributes<HTMLDivElement>>;
+export default SearchProductCardImage;

package/dist/molecules/SearchProductCard/SearchProductCardImage.js

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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/dist/molecules/SearchProducts/SearchProductItem.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import { LinkElementType, LinkProps } 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>>;
+}
+declare const SearchProductItem: React.ForwardRefExoticComponent<SearchProductItemProps & React.RefAttributes<HTMLLIElement>>;
+export default SearchProductItem;

package/dist/molecules/SearchProducts/SearchProductItem.js

@@ -0,0 +1,8 @@
+import React, { forwardRef } from 'react';
+import { Link } from '../..';
+const SearchProductItem = forwardRef(function ProductItem({ testId = 'fs-search-product-item', linkProps, children }, ref) {
+    return (React.createElement("li", { ref: ref, "data-fs-search-product-item": true, "data-testid": testId },
+        React.createElement(Link, { ...linkProps, "data-fs-search-product-item-link": true, variant: "display" }, children)));
+});
+export default SearchProductItem;
+//# sourceMappingURL=SearchProductItem.js.map

package/dist/molecules/SearchProducts/SearchProductItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProductItem.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAcxD,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,wBAAwB,EAAE,SAAS,EAAE,QAAQ,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,sDAA2C,MAAM;QAC3D,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS,IACpE,QAAQ,CACJ,CACJ,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/molecules/SearchProducts/SearchProductItemContent.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { PriceDefinition } from '../../typings/PriceDefinition';
+export interface SearchProductItemContentProps {
+    /**
+     * Specifies the product's title.
+     */
+    title: string;
+    /**
+     * Specifies product's prices.
+     */
+    price: PriceDefinition;
+}
+declare const SearchProductItemContent: React.ForwardRefExoticComponent<SearchProductItemContentProps & React.RefAttributes<HTMLElement>>;
+export default SearchProductItemContent;

package/dist/molecules/SearchProducts/SearchProductItemContent.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { Price } from '../..';
+const SearchProductItemContent = forwardRef(function SearchProductItemContent({ price, title, ...otherProps }, ref) {
+    return (React.createElement("section", { ref: ref, "data-fs-search-product-item-content": true, ...otherProps },
+        React.createElement("p", { "data-fs-search-product-item-title": true }, title),
+        React.createElement("span", { "data-fs-search-product-item-prices": true },
+            React.createElement(Price, { value: price?.listPrice ? price.listPrice : 0, formatter: price?.formatter, testId: "list-price", "data-value": price?.listPrice, variant: "listing", SRText: "Original price:" }),
+            React.createElement(Price, { value: price?.value ? price.value : 0, formatter: price?.formatter, testId: "price", "data-value": price?.value, variant: "spot", SRText: "Price:" }))));
+});
+export default SearchProductItemContent;
+//# sourceMappingURL=SearchProductItemContent.js.map

package/dist/molecules/SearchProducts/SearchProductItemContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProductItemContent.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItemContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAe7B,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/SearchProducts/SearchProductItemImage.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface SearchProductItemImageProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const SearchProductItemImage: React.ForwardRefExoticComponent<SearchProductItemImageProps & React.RefAttributes<HTMLDivElement>>;
+export default SearchProductItemImage;

package/dist/molecules/SearchProducts/SearchProductItemImage.js

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

package/dist/molecules/SearchProducts/SearchProductItemImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProductItemImage.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProductItemImage.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/SearchProducts/SearchProducts.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes } from 'react';
+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;
+}
+declare const SearchProductsProps: ({ testId, title, children, ...otherProps }: SearchProductsProps) => JSX.Element | null;
+export default SearchProductsProps;

package/dist/molecules/SearchProducts/SearchProducts.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { List, useSearch } from '../..';
+const SearchProductsProps = ({ testId = 'fs-search-products', title = 'Suggested Products', children, ...otherProps }) => {
+    const { inContext, values } = useSearch();
+    if (inContext && (values.products.length <= 0)) {
+        return null;
+    }
+    return (React.createElement("section", { "data-testid": testId, "data-fs-search-products": true, ...otherProps },
+        React.createElement("header", { "data-fs-search-products-header": true },
+            React.createElement("p", { "data-fs-search-products-title": true }, title)),
+        React.createElement(List, { as: "ol" }, children)));
+};
+export default SearchProductsProps;
+//# sourceMappingURL=SearchProducts.js.map

package/dist/molecules/SearchProducts/SearchProducts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProducts.js","sourceRoot":"","sources":["../../../src/molecules/SearchProducts/SearchProducts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAavC,MAAM,mBAAmB,GAAG,CAAC,EAC3B,MAAM,GAAG,oBAAoB,EAC7B,KAAK,GAAG,oBAAoB,EAC5B,QAAQ,EACR,GAAG,UAAU,EACO,EAAE,EAAE;IACxB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAEzC,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,CAAC,EAAE;QAC9C,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CACL,gDAAsB,MAAM,sCAA8B,UAAU;QAClE;YACE,oEAAkC,KAAK,CAAK,CACrC;QACT,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,IAAE,QAAQ,CAAQ,CACvB,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

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

@@ -0,0 +1,8 @@
+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/SearchProducts/index.js

@@ -0,0 +1,5 @@
+export { default } from './SearchProducts';
+export { default as SearchProductItem } from './SearchProductItem';
+export { default as SearchProductItemImage } from './SearchProductItemImage';
+export { default as SearchProductItemContent } from './SearchProductItemContent';
+//# sourceMappingURL=index.js.map

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

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

package/dist/molecules/SearchProvider/SearchProvider.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { PropsWithChildren } from 'react';
+export interface SearchProviderContextValue {
+    /**
+     * Term to be researched.
+     */
+    term: string;
+    /**
+     * Enables a loading state.
+     */
+    isLoading: boolean;
+    /**
+     * List of Suggestion terms.
+     */
+    terms: Array<{
+        value: string;
+    }>;
+    /**
+     * List of Suggested products.
+     */
+    products: {}[];
+    /**
+     * Callback function when a search term is selected.
+     */
+    onSearchSelection?: (term: string, path: string) => void;
+}
+export declare const SearchContext: React.Context<SearchProviderContextValue | null>;
+declare function SearchProvider({ onSearchSelection, children, term, terms, products, isLoading, }: PropsWithChildren<SearchProviderContextValue>): JSX.Element;
+export default SearchProvider;

package/dist/molecules/SearchProvider/SearchProvider.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { createContext } from 'react';
+export const SearchContext = createContext(null);
+function SearchProvider({ onSearchSelection, children, term, terms, products, isLoading, }) {
+    return (React.createElement(SearchContext.Provider, { value: { onSearchSelection, term, terms, products, isLoading } }, children));
+}
+export default SearchProvider;
+//# sourceMappingURL=SearchProvider.js.map

package/dist/molecules/SearchProvider/SearchProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchProvider.js","sourceRoot":"","sources":["../../../src/molecules/SearchProvider/SearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAyBrC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACxC,IAAI,CACL,CAAA;AAED,SAAS,cAAc,CAAC,EACtB,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,GACqC;IAC9C,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAE7D,QAAQ,CACc,CAC1B,CAAA;AACH,CAAC;AAED,eAAe,cAAc,CAAA"}

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

@@ -0,0 +1,2 @@
+export { default } from './SearchProvider';
+export type { SearchProviderContextValue } from './SearchProvider';

package/dist/molecules/SearchProvider/index.js

@@ -0,0 +1,2 @@
+export { default } from './SearchProvider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchProvider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/molecules/SearchTop/SearchTop.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+export interface SearchTopProps 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;
+}
+declare const SearchTop: React.ForwardRefExoticComponent<SearchTopProps & React.RefAttributes<HTMLDivElement>>;
+export default SearchTop;

package/dist/molecules/SearchTop/SearchTop.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { forwardRef } from 'react';
+import { List, useSearch } from '../../';
+const SearchTop = forwardRef(function SearchTop({ testId = 'fs-top-search', title = 'Top Search', children, ...otherProps }, ref) {
+    const { inContext, values } = useSearch();
+    if (inContext && (values.term.length !== 0 || values.isLoading)) {
+        return null;
+    }
+    return (React.createElement("section", { ref: ref, "data-testid": testId, "data-fs-search-top": true, ...otherProps },
+        React.createElement("header", { "data-fs-search-top-header": true },
+            React.createElement("p", { "data-fs-search-top-title": true }, title)),
+        React.createElement(List, { as: "ol" }, children)));
+});
+export default SearchTop;
+//# sourceMappingURL=SearchTop.js.map

package/dist/molecules/SearchTop/SearchTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTop.js","sourceRoot":"","sources":["../../../src/molecules/SearchTop/SearchTop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGlC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAaxC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EACE,MAAM,GAAG,eAAe,EACxB,KAAK,GAAG,YAAY,EACpB,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAGH,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAEzC,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE;QAC/D,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,CACL,iCAAS,GAAG,EAAE,GAAG,iBAAe,MAAM,iCAAyB,UAAU;QACrE;YACE,+DAA6B,KAAK,CAAK,CAChC;QACT,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,IAAE,QAAQ,CAAQ,CACzB,CACX,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/dist/molecules/SearchTop/SearchTopTerm.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+import { LinkElementType, LinkProps } from '../../';
+export interface SearchTopTermProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * Search term to be shown.
+     */
+    value: string;
+    /**
+     * Props for the `<Link>` rendered by this component.
+     */
+    linkProps?: Partial<LinkProps<LinkElementType>>;
+    /**
+     * Current term's position in a list of search terms.
+     */
+    index: number;
+}
+declare const SearchTopTerm: React.ForwardRefExoticComponent<SearchTopTermProps & React.RefAttributes<HTMLLIElement>>;
+export default SearchTopTerm;

package/dist/molecules/SearchTop/SearchTopTerm.js

@@ -0,0 +1,10 @@
+import React, { forwardRef } from 'react';
+import { Badge, Link } from '../../';
+const SearchTopTerm = forwardRef(function SearchTopTerm({ testId = 'fs-top-search-term', value, linkProps, index }, ref) {
+    return (React.createElement("li", { ref: ref, "data-fs-search-top-item": true, "data-testid": testId },
+        React.createElement(Link, { ...linkProps, "data-fs-search-top-item-link": true, variant: "display" },
+            React.createElement(Badge, { "data-fs-search-top-item-badge": true, variant: "info" }, index + 1),
+            value)));
+});
+export default SearchTopTerm;
+//# sourceMappingURL=SearchTopTerm.js.map

package/dist/molecules/SearchTop/SearchTopTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchTopTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchTop/SearchTopTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,EAAE,IAAI,EAA8B,MAAM,QAAQ,CAAA;AAqBhE,MAAM,aAAa,GAAG,UAAU,CAC9B,SAAS,aAAa,CACpB,EAAE,MAAM,GAAG,oBAAoB,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAC1D,GAAG;IAEH,OAAO,CACL,4BAAI,GAAG,EAAE,GAAG,kDAAuC,MAAM;QACvD,oBAAC,IAAI,OAAK,SAAS,wCAA+B,OAAO,EAAC,SAAS;YACjE,oBAAC,KAAK,2CAA+B,OAAO,EAAC,MAAM,IAChD,KAAK,GAAG,CAAC,CACJ;YACP,KAAK,CACD,CACJ,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,4 @@
+export { default } from './SearchTop';
+export type { SearchTopProps } from './SearchTop';
+export { default as SearchTopTerm } from './SearchTopTerm';
+export type { SearchTopTermProps } from './SearchTopTerm';

package/dist/molecules/SearchTop/index.js

@@ -0,0 +1,3 @@
+export { default } from './SearchTop';
+export { default as SearchTopTerm } from './SearchTopTerm';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SearchTop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAA;AAGrC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/molecules/SelectField/SelectField.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { SelectProps } from '../../atoms/Select';
+export interface SelectFieldProps extends SelectProps {
+    /**
+     * Defines the text displayed in the label right next to the Select.
+     */
+    label: string;
+}
+declare const SelectField: React.ForwardRefExoticComponent<SelectFieldProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default SelectField;

package/dist/molecules/SelectField/SelectField.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { Label, Select } from '../..';
+const SelectField = forwardRef(function SelectField({ id, label, options, testId = 'fs-select-field', ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-select-field": true },
+        React.createElement(Label, { "data-fs-select-field-label": true, htmlFor: id }, label),
+        React.createElement(Select, { id: id, options: options, "data-testid": testId, ...otherProps })));
+});
+export default SelectField;
+//# sourceMappingURL=SelectField.js.map

package/dist/molecules/SelectField/SelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.js","sourceRoot":"","sources":["../../../src/molecules/SelectField/SelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAUrC,MAAM,WAAW,GAAG,UAAU,CAG5B,SAAS,WAAW,CACpB,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAAG,iBAAiB,EAAE,GAAG,UAAU,EAAE,EACjE,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG;QACX,oBAAC,KAAK,wCAA4B,OAAO,EAAE,EAAE,IAC1C,KAAK,CACA;QACR,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,iBAAe,MAAM,KAAM,UAAU,GAAI,CACrE,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,2 @@
+export { default } from './SelectField';
+export type { SelectFieldProps } from './SelectField';

package/dist/molecules/SelectField/index.js

@@ -0,0 +1,2 @@
+export { default } from './SelectField';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/molecules/SelectField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}