@faststore/components 3.0.7 → 3.0.32-alpha.0

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import React, { HTMLAttributes } from 'react';
+import { LinkElementType, LinkProps } from '../..';
+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;
+}
+declare const SearchAutoCompleteTerm: ({ testId, suggestion, term, linkProps, icon, }: SearchAutoCompleteTermProps) => React.JSX.Element;
+export default SearchAutoCompleteTerm;

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js

@@ -0,0 +1,27 @@
+import React, { Fragment } from 'react';
+import { Icon, Link } from '../..';
+function formatSearchTerm(indexSubstring, searchTerm, suggestion) {
+    if (indexSubstring === 0) {
+        return searchTerm
+            .split('')
+            .map((char, idx) => idx === 0 && suggestion.indexOf(char.toUpperCase()) === 0
+            ? char.toUpperCase()
+            : char.toLowerCase())
+            .join('');
+    }
+    return searchTerm.toLowerCase();
+}
+const SearchAutoCompleteTerm = ({ testId = 'fs-search-auto-complete-term', suggestion, term, linkProps, icon = React.createElement(Icon, { name: "MagnifyingGlass", width: 18, height: 18 }), }) => {
+    const suggestionSubstring = suggestion.toLowerCase().split(term.toLowerCase());
+    return (React.createElement("li", { "data-fs-search-auto-complete-item": true, "data-testid": testId },
+        React.createElement(Link, { ...linkProps, "data-fs-search-auto-complete-item-link": true, variant: "display" },
+            React.createElement("span", { "data-fs-search-auto-complete-item-icon": true }, icon),
+            React.createElement("p", null, suggestionSubstring.map((substring, indexSubstring) => (React.createElement(Fragment, { key: [substring, indexSubstring].join() },
+                substring.length > 0 && (React.createElement("strong", { "data-fs-search-auto-complete-item-suggestion": true }, indexSubstring === 0
+                    ? substring.charAt(0).toUpperCase() + substring.slice(1)
+                    : substring)),
+                indexSubstring !== suggestionSubstring.length - 1 &&
+                    formatSearchTerm(indexSubstring, term, suggestion))))))));
+};
+export default SearchAutoCompleteTerm;
+//# sourceMappingURL=SearchAutoCompleteTerm.js.map

package/dist/molecules/SearchAutoComplete/SearchAutoCompleteTerm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchAutoCompleteTerm.js","sourceRoot":"","sources":["../../../src/molecules/SearchAutoComplete/SearchAutoCompleteTerm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAkB,MAAM,OAAO,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,IAAI,EAA8B,MAAM,OAAO,CAAA;AAE9D,SAAS,gBAAgB,CACvB,cAAsB,EACtB,UAAkB,EAClB,UAAkB;IAElB,IAAI,cAAc,KAAK,CAAC,EAAE;QACxB,OAAO,UAAU;aACd,KAAK,CAAC,EAAE,CAAC;aACT,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CACjB,GAAG,KAAK,CAAC,IAAI,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC;YACvD,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE;YACpB,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CACvB;aACA,IAAI,CAAC,EAAE,CAAC,CAAA;KACZ;IAED,OAAO,UAAU,CAAC,WAAW,EAAE,CAAA;AACjC,CAAC;AA0BD,MAAM,sBAAsB,GAAG,CAAC,EAC9B,MAAM,GAAG,8BAA8B,EACvC,UAAU,EACV,IAAI,EACJ,SAAS,EACT,IAAI,GAAG,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjC,EAAE,EAAE;IAChC,MAAM,mBAAmB,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAA;IAE9E,OAAO,CACL,sFAAmD,MAAM;QACvD,oBAAC,IAAI,OACC,SAAS,kDAEb,OAAO,EAAC,SAAS;YAEjB,gFAA8C,IAAI,CAAQ;YAC1D,+BACG,mBAAmB,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,cAAc,EAAE,EAAE,CAAC,CACtD,oBAAC,QAAQ,IAAC,GAAG,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,IAAI,EAAE;gBAC9C,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,wFACG,cAAc,KAAK,CAAC;oBACnB,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC;oBACxD,CAAC,CAAC,SAAS,CACN,CACV;gBACA,cAAc,KAAK,mBAAmB,CAAC,MAAM,GAAG,CAAC;oBAChD,gBAAgB,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,CAAC,CAC3C,CACZ,CAAC,CACA,CACC,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}

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

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

package/dist/molecules/SearchAutoComplete/index.js

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

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

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

package/dist/molecules/SearchDropdown/SearchDropdown.d.ts

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

package/dist/molecules/SearchDropdown/SearchDropdown.js

@@ -0,0 +1,14 @@
+import React, { forwardRef } from 'react';
+import { useSearch } from '../../hooks';
+const SearchLoading = () => {
+    const { inContext, values } = useSearch();
+    return (React.createElement(React.Fragment, null, (inContext && values.isLoading) && React.createElement("p", { "data-fs-search-dropdown-loading-text": true }, "Loading...")));
+};
+const SearchDropdown = forwardRef(function SearchDropdown({ testId = 'fs-search-dropdown', children, ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-search-dropdown": true, "data-testid": testId, ...otherProps },
+        React.createElement("section", null,
+            React.createElement(SearchLoading, null),
+            children)));
+});
+export default SearchDropdown;
+//# sourceMappingURL=SearchDropdown.js.map

package/dist/molecules/SearchDropdown/SearchDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchDropdown.js","sourceRoot":"","sources":["../../../src/molecules/SearchDropdown/SearchDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAWvC,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAA;IAEzC,OAAO,CACL,0CACI,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,wFAAsD,CAC1F,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,cAAc,GAAG,UAAU,CAG/B,SAAS,cAAc,CACvB,EACE,MAAM,GAAG,oBAAoB,EAC7B,QAAQ,EACR,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,kDAAuC,MAAM,KAAM,UAAU;QACxE;YACE,oBAAC,aAAa,OAAE;YACf,QAAQ,CACD,CACN,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,cAAc,CAAA"}

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

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

package/dist/molecules/SearchDropdown/index.js

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

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

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

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

@@ -0,0 +1,21 @@
+import React, { HTMLAttributes } from 'react';
+export interface SearchHistoryProps 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;
+    /**
+     * Defines the text displayed in clear history button.
+     */
+    clearLabel?: string;
+    /**
+     * Event handler for click on clear history button.
+     */
+    onClear?: () => void;
+}
+declare const SearchHistory: ({ testId, title, clearLabel, onClear, children, ...otherProps }: SearchHistoryProps) => React.JSX.Element | null;
+export default SearchHistory;

package/dist/molecules/SearchHistory/SearchHistory.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { List, Button, useSearch } from '../..';
+const SearchHistory = ({ testId = 'fs-search-history', title = 'History', clearLabel = 'Clear History', onClear, children, ...otherProps }) => {
+    const { inContext, values } = useSearch();
+    if (inContext && (values.term.length !== 0 || values.isLoading)) {
+        return null;
+    }
+    return (React.createElement("section", { "data-testid": testId, "data-fs-search-history": true, ...otherProps },
+        React.createElement("header", { "data-fs-search-history-header": true },
+            React.createElement("p", { "data-fs-search-history-title": true }, title),
+            React.createElement(Button, { variant: "tertiary", onClick: onClear, size: "small" }, clearLabel)),
+        React.createElement(List, { as: "ol" }, children)));
+};
+export default SearchHistory;
+//# sourceMappingURL=SearchHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchHistory.js","sourceRoot":"","sources":["../../../src/molecules/SearchHistory/SearchHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAqB/C,MAAM,aAAa,GAAG,CAAC,EACrB,MAAM,GAAG,mBAAmB,EAC5B,KAAK,GAAG,SAAS,EACjB,UAAU,GAAG,eAAe,EAC5B,OAAO,EACP,QAAQ,EACR,GAAG,UAAU,EACM,EAAE,EAAE;IAEvB,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,gDAAsB,MAAM,qCAA6B,UAAU;QACjE;YACE,mEAAiC,KAAK,CAAK;YAC3C,oBAAC,MAAM,IAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,IACtD,UAAU,CACJ,CACF;QACT,oBAAC,IAAI,IAAC,EAAE,EAAC,IAAI,IAAE,QAAQ,CAAQ,CACvB,CACX,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import React, { 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) => React.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/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,9 @@
+import React, { forwardRef } from 'react';
+import { ProductPrice } 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),
+        price.value !== 0 && (React.createElement(ProductPrice, { "data-fs-search-product-item-prices": true, listPrice: price.listPrice, value: price.value, formatter: price.formatter }))));
+});
+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,YAAY,EAAE,MAAM,OAAO,CAAA;AAepC,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;QAE/C,KAAK,CAAC,KAAK,KAAK,CAAC,IAAI,CACpB,oBAAC,YAAY,gDAEX,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,SAAS,EAAE,KAAK,CAAC,SAAS,GAC1B,CACH,CACO,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 React, { 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) => React.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>): React.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;