@faststore/components 3.0.7 → 3.0.32-alpha.0

package/dist/molecules/ToggleField/ToggleField.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+export interface ToggleFieldProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * ID to identify input and corresponding label.
+     */
+    id: string;
+    /**
+     * The text displayed to identify the input.
+     */
+    label: string;
+    /**
+     * Controls whether the label will be displayed or not.
+     */
+    displayLabel?: boolean;
+    /**
+     * Specifies that this input should be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Controls the component's direction.
+     */
+    variant?: 'horizontal' | 'vertical';
+}
+declare const ToggleField: React.ForwardRefExoticComponent<ToggleFieldProps & React.RefAttributes<HTMLDivElement>>;
+export default ToggleField;

package/dist/molecules/ToggleField/ToggleField.js

@@ -0,0 +1,9 @@
+import React, { forwardRef } from 'react';
+import { Label, SROnly, Toggle } from './../../';
+const ToggleField = forwardRef(function ToggleField({ testId = 'fs-toggle-field', id, label, disabled, displayLabel = true, variant = 'horizontal', ...otherProps }, ref) {
+    return (React.createElement("div", { ref: ref, "data-fs-toggle-field": true, "data-testid": testId },
+        React.createElement(Toggle, { id: id, variant: variant, disabled: disabled, ...otherProps }),
+        displayLabel ? (React.createElement(Label, { "data-fs-toggle-field-label": true, htmlFor: id }, label)) : (React.createElement(SROnly, { text: label }))));
+});
+export default ToggleField;
+//# sourceMappingURL=ToggleField.js.map

package/dist/molecules/ToggleField/ToggleField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleField.js","sourceRoot":"","sources":["../../../src/molecules/ToggleField/ToggleField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AA6BhD,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,MAAM,GAAG,iBAAiB,EAC1B,EAAE,EACF,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,IAAI,EACnB,OAAO,GAAG,YAAY,EACtB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,+CAAoC,MAAM;QACrD,oBAAC,MAAM,IAAC,EAAE,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,KAAM,UAAU,GAAI;QACvE,YAAY,CAAC,CAAC,CAAC,CACd,oBAAC,KAAK,wCAA4B,OAAO,EAAE,EAAE,IAC1C,KAAK,CACA,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,MAAM,IAAC,IAAI,EAAE,KAAK,GAAI,CACxB,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

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

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

package/dist/molecules/ToggleField/index.js

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

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

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

package/dist/organisms/BannerText/BannerText.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { HTMLAttributes } from 'react';
+type Variant = 'primary' | 'secondary';
+type ColorVariant = 'main' | 'light' | 'accent';
+interface BannerTextContext {
+    variant: Variant;
+    colorVariant: ColorVariant;
+}
+declare const BannerTextContext: React.Context<BannerTextContext | undefined>;
+export interface BannerTextProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies the component direction variant.
+     */
+    variant?: Variant;
+    /**
+     * Specifies the component's color variant combination.
+     */
+    colorVariant?: ColorVariant;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+}
+declare const BannerText: React.ForwardRefExoticComponent<BannerTextProps & React.RefAttributes<HTMLDivElement>>;
+export declare function useBannerText(): BannerTextContext;
+export default BannerText;

package/dist/organisms/BannerText/BannerText.js

@@ -0,0 +1,16 @@
+import React, { forwardRef, useContext, createContext } from 'react';
+const BannerTextContext = createContext(undefined);
+const BannerText = forwardRef(function BannerText({ children, testId = 'fs-banner-text', variant = 'primary', colorVariant = 'main', ...otherProps }, ref) {
+    const context = { variant, colorVariant };
+    return (React.createElement(BannerTextContext.Provider, { value: context },
+        React.createElement("article", { ref: ref, "data-fs-banner-text": true, "data-fs-content": "banner-text", "data-fs-banner-text-variant": variant, "data-fs-banner-text-color-variant": colorVariant, "data-testid": testId, ...otherProps }, children)));
+});
+export function useBannerText() {
+    const context = useContext(BannerTextContext);
+    if (context === undefined) {
+        throw new Error('Do not use BannerText components outside the BannerText context.');
+    }
+    return context;
+}
+export default BannerText;
+//# sourceMappingURL=BannerText.js.map

package/dist/organisms/BannerText/BannerText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerText.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/BannerText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,iBAAiB,GAAG,aAAa,CACrC,SAAS,CACV,CAAA;AAkBD,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,MAAM,GAAG,gBAAgB,EACzB,OAAO,GAAG,SAAS,EACnB,YAAY,GAAG,MAAM,EACrB,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QACxC,iCACE,GAAG,EAAE,GAAG,kDAEQ,aAAa,iCACA,OAAO,uCACD,YAAY,iBAClC,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACiB,CAC9B,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,UAAU,aAAa;IAC3B,MAAM,OAAO,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAE7C,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CACb,kEAAkE,CACnE,CAAA;KACF;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/BannerText/BannerTextContent.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributes } from 'react';
+import React from 'react';
+export interface BannerTextContentProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The content for the h2 tag.
+     */
+    title: string;
+    /**
+     * The content for the p tag below the h2.
+     */
+    caption: string;
+    /**
+     * The href used at the link.
+     */
+    link: string;
+    /**
+     * The label used at the link.
+     */
+    linkText: string;
+    /**
+     * Specify if the link opens in a new tab.
+     */
+    linkTargetBlank?: boolean;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const BannerTextContent: React.ForwardRefExoticComponent<BannerTextContentProps & React.RefAttributes<HTMLDivElement>>;
+export default BannerTextContent;

package/dist/organisms/BannerText/BannerTextContent.js

@@ -0,0 +1,13 @@
+import React, { forwardRef } from 'react';
+import { LinkButton } from '../..';
+import { useBannerText } from './BannerText';
+const BannerTextContent = forwardRef(function BannerTextContent({ testId = 'fs-banner-text-content', title, caption, link, linkText, linkTargetBlank, ...otherProps }, ref) {
+    const { variant, colorVariant } = useBannerText();
+    return (React.createElement("header", { ref: ref, "data-fs-banner-text-content": true, "data-fs-content": "banner-text", "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-banner-text-heading": true, "data-fs-banner-text-color-variant": colorVariant },
+            React.createElement("h2", null, title),
+            variant === 'secondary' && caption && React.createElement("p", null, caption)),
+        React.createElement(LinkButton, { "data-fs-banner-text-link": true, href: link, variant: variant, inverse: colorVariant === 'main', "aria-label": linkText, target: linkTargetBlank ? '_blank' : undefined }, linkText)));
+});
+export default BannerTextContent;
+//# sourceMappingURL=BannerTextContent.js.map

package/dist/organisms/BannerText/BannerTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerTextContent.js","sourceRoot":"","sources":["../../../src/organisms/BannerText/BannerTextContent.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AA6B5C,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,iBAAiB,CACxB,EACE,MAAM,GAAG,wBAAwB,EACjC,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,eAAe,EACf,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IACjD,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,0DAEQ,aAAa,iBAChB,MAAM,KACf,UAAU;QAEd,uGAEqC,YAAY;YAE/C,gCAAK,KAAK,CAAM;YACf,OAAO,KAAK,WAAW,IAAI,OAAO,IAAI,+BAAI,OAAO,CAAK,CACnD;QACN,oBAAC,UAAU,sCAET,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,KAAK,MAAM,gBACpB,QAAQ,EACpB,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAE7C,QAAQ,CACE,CACN,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/organisms/BannerText/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './BannerText';
+export type { BannerTextProps } from './BannerText';
+export { default as BannerTextContent } from './BannerTextContent';
+export type { BannerTextContentProps } from './BannerTextContent';

package/dist/organisms/BannerText/index.js

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

package/dist/organisms/BannerText/index.js.map

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

package/dist/organisms/CartSidebar/CartSidebar.d.ts

@@ -0,0 +1,45 @@
+import type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import React from 'react';
+import { OverlayProps } from '../../';
+import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver';
+export interface CartSidebarProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * Title for the CartSidebar component.
+     */
+    title?: string;
+    /**
+     * Represents the side that the CartSidebar comes from.
+     */
+    direction?: SlideOverDirection;
+    /**
+     * Represents the size of the CartSidebar.
+     */
+    size?: SlideOverWidthSize;
+    /**
+     * Total of item in the Cart.
+     */
+    totalItems: number;
+    /**
+     * A React component that will be rendered as an icon on the Alert component.
+     */
+    alertIcon?: ReactNode;
+    /**
+     * The content for Alert component.
+     */
+    alertText?: string;
+    /**
+     * Props forwarded to the `Overlay` component.
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * Function called when Close Button is clicked.
+     */
+    onClose: () => void;
+}
+declare function CartSidebar({ testId, title, size, direction, totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }: PropsWithChildren<CartSidebarProps>): React.JSX.Element;
+export default CartSidebar;

package/dist/organisms/CartSidebar/CartSidebar.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Alert, Badge, SlideOver, SlideOverHeader, useFadeEffect, useUI, } from '../../';
+function CartSidebar({ testId = 'fs-cart-sidebar', title = 'Your Cart', size = 'partial', direction = 'rightSide', totalItems, children, alertIcon, alertText, overlayProps, onClose, ...otherProps }) {
+    const { fade, fadeOut } = useFadeEffect();
+    const { closeCart } = useUI();
+    return (React.createElement(SlideOver, { "data-fs-cart-sidebar": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeCart(), testId: testId, overlayProps: overlayProps, ...otherProps },
+        React.createElement(SlideOverHeader, { closeBtnProps: { testId: 'fs-cart-sidebar-button-close' }, onClose: () => {
+                onClose();
+                fadeOut();
+            } },
+            React.createElement("h2", { "data-fs-cart-sidebar-title": true },
+                title,
+                React.createElement(Badge, { variant: "info" }, totalItems))),
+        alertText && React.createElement(Alert, { icon: alertIcon }, alertText),
+        children));
+}
+export default CartSidebar;
+//# sourceMappingURL=CartSidebar.js.map

package/dist/organisms/CartSidebar/CartSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSidebar.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,KAAK,EACL,KAAK,EAEL,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AA4Cf,SAAS,WAAW,CAAC,EACnB,MAAM,GAAG,iBAAiB,EAC1B,KAAK,GAAG,WAAW,EACnB,IAAI,GAAG,SAAS,EAChB,SAAS,GAAG,WAAW,EACvB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,UAAU,EACuB;IACpC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,CAAA;IAE7B,OAAO,CACL,oBAAC,SAAS,kCAER,MAAM,QACN,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,OAAO,EAClB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,KAAK,KAAK,IAAI,SAAS,EAAE,EACpD,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,KACtB,UAAU;QAEd,oBAAC,eAAe,IACd,aAAa,EAAE,EAAE,MAAM,EAAE,8BAA8B,EAAE,EACzD,OAAO,EAAE,GAAG,EAAE;gBACZ,OAAO,EAAE,CAAA;gBACT,OAAO,EAAE,CAAA;YACX,CAAC;YAED;gBACG,KAAK;gBACN,oBAAC,KAAK,IAAC,OAAO,EAAC,MAAM,IAAE,UAAU,CAAS,CACvC,CACW;QAEjB,SAAS,IAAI,oBAAC,KAAK,IAAC,IAAI,EAAE,SAAS,IAAG,SAAS,CAAS;QACxD,QAAQ,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/CartSidebar/CartSidebarFooter.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+declare function CartSidebarFooter({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export default CartSidebarFooter;

package/dist/organisms/CartSidebar/CartSidebarFooter.js

@@ -0,0 +1,6 @@
+import React from 'react';
+function CartSidebarFooter({ children }) {
+    return React.createElement("footer", { "data-fs-cart-sidebar-footer": true }, children);
+}
+export default CartSidebarFooter;
+//# sourceMappingURL=CartSidebarFooter.js.map

package/dist/organisms/CartSidebar/CartSidebarFooter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSidebarFooter.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebarFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,SAAS,iBAAiB,CAAC,EAAE,QAAQ,EAA2B;IAC9D,OAAO,uEAAqC,QAAQ,CAAU,CAAA;AAChE,CAAC;AAED,eAAe,iBAAiB,CAAA"}

package/dist/organisms/CartSidebar/CartSidebarList.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+declare function CartSidebarList({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export default CartSidebarList;

package/dist/organisms/CartSidebar/CartSidebarList.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { List } from '../../';
+function CartSidebarList({ children }) {
+    return React.createElement(List, { "data-fs-cart-sidebar-list": true }, children);
+}
+export default CartSidebarList;
+//# sourceMappingURL=CartSidebarList.js.map

package/dist/organisms/CartSidebar/CartSidebarList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartSidebarList.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/CartSidebarList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,SAAS,eAAe,CAAC,EAAE,QAAQ,EAA2B;IAC5D,OAAO,oBAAC,IAAI,yCAA4B,QAAQ,CAAQ,CAAA;AAC1D,CAAC;AAED,eAAe,eAAe,CAAA"}

package/dist/organisms/CartSidebar/index.d.ts

@@ -0,0 +1,4 @@
+export { default } from './CartSidebar';
+export type { CartSidebarProps } from './CartSidebar';
+export { default as CartSidebarList } from './CartSidebarList';
+export { default as CartSidebarFooter } from './CartSidebarFooter';

package/dist/organisms/CartSidebar/index.js

@@ -0,0 +1,4 @@
+export { default } from './CartSidebar';
+export { default as CartSidebarList } from './CartSidebarList';
+export { default as CartSidebarFooter } from './CartSidebarFooter';
+//# sourceMappingURL=index.js.map

package/dist/organisms/CartSidebar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/CartSidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}

package/dist/organisms/EmptyState/EmptyState.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
+type Variant = 'default' | 'rounded';
+type BackgroundColor = 'default' | 'light';
+export interface EmptyStateProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+    /**
+     * The EmptyState component's title.
+     */
+    title?: string;
+    /**
+     * A React component that will be rendered as an icon on the Title.
+     */
+    titleIcon?: ReactNode;
+    /**
+     * Specifies the component border variant.
+     */
+    variant?: Variant;
+    /**
+     * Specifies the component background color.
+     */
+    bkgColor?: BackgroundColor;
+}
+declare function EmptyState({ testId, title, titleIcon, variant, bkgColor, children, ...otherProps }: PropsWithChildren<EmptyStateProps>): React.JSX.Element;
+export default EmptyState;

package/dist/organisms/EmptyState/EmptyState.js

@@ -0,0 +1,10 @@
+import React from 'react';
+function EmptyState({ testId = 'fs-empty-state', title, titleIcon, variant = 'default', bkgColor = 'default', children, ...otherProps }) {
+    return (React.createElement("section", { "data-fs-empty-state": true, "data-fs-empty-state-variant": variant, "data-fs-empty-state-bkg-color": bkgColor, "data-fs-content": "empty-state", "data-testid": testId, ...otherProps },
+        title && (React.createElement("header", { "data-fs-empty-state-title": true },
+            titleIcon && React.createElement(React.Fragment, null, titleIcon),
+            React.createElement("p", null, title))),
+        children));
+}
+export default EmptyState;
+//# sourceMappingURL=EmptyState.js.map

package/dist/organisms/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","sourceRoot":"","sources":["../../../src/organisms/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AA6BzB,SAAS,UAAU,CAAC,EAClB,MAAM,GAAG,gBAAgB,EACzB,KAAK,EACL,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,QAAQ,GAAG,SAAS,EACpB,QAAQ,EACR,GAAG,UAAU,EACsB;IACnC,OAAO,CACL,6FAE+B,OAAO,mCACL,QAAQ,qBACvB,aAAa,iBAChB,MAAM,KACf,UAAU;QAEb,KAAK,IAAI,CACR;YACG,SAAS,IAAI,0CAAG,SAAS,CAAI;YAC9B,+BAAI,KAAK,CAAK,CACP,CACV;QACA,QAAQ,CACD,CACX,CAAA;AACH,CAAC;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/EmptyState/index.d.ts

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

package/dist/organisms/EmptyState/index.js

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

package/dist/organisms/EmptyState/index.js.map

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

package/dist/organisms/Filter/Filter.d.ts

@@ -0,0 +1,26 @@
+import React, { PropsWithChildren } from 'react';
+export type OnFacetChange = (item: {
+    key: string;
+    value: string;
+}, type: 'BOOLEAN' | 'RANGE') => void;
+export interface FilterProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId: string;
+    /**
+     * Title for the `Filter` component.
+     */
+    title?: string;
+    /**
+     * The expanded items from the `Accordion`.
+     */
+    indicesExpanded: Set<number>;
+    /**
+     * This function is called when `Accordion` is expanded or collapsed.
+     */
+    onAccordionChange: (index: number) => void;
+}
+declare function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }: PropsWithChildren<FilterProps>): React.JSX.Element;
+export default Filter;

package/dist/organisms/Filter/Filter.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Accordion } from '../../';
+function Filter({ testId, title, indicesExpanded, onAccordionChange, children, }) {
+    return (React.createElement("div", { "data-fs-filter": true, "data-testid": testId },
+        React.createElement("h2", { "data-fs-filter-title": true }, title),
+        React.createElement(Accordion, { indices: indicesExpanded, onChange: onAccordionChange, "data-fs-filter-accordion": true }, children)));
+}
+export default Filter;
+//# sourceMappingURL=Filter.js.map

package/dist/organisms/Filter/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","sourceRoot":"","sources":["../../../src/organisms/Filter/Filter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AA2BlC,SAAS,MAAM,CAAC,EACd,MAAM,EACN,KAAK,EACL,eAAe,EACf,iBAAiB,EACjB,QAAQ,GACuB;IAC/B,OAAO,CACL,oEAAiC,MAAM;QACrC,4DAA0B,KAAK,CAAM;QACrC,oBAAC,SAAS,IACR,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,iBAAiB,sCAG1B,QAAQ,CACC,CACR,CACP,CAAA;AACH,CAAC;AAED,eAAe,MAAM,CAAA"}

package/dist/organisms/Filter/FilterFacetBoolean.d.ts

@@ -0,0 +1,5 @@
+import React, { ReactNode } from 'react';
+declare function FilterFacetBoolean({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export default FilterFacetBoolean;

package/dist/organisms/Filter/FilterFacetBoolean.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { List } from '../../';
+function FilterFacetBoolean({ children }) {
+    return React.createElement(List, { "data-fs-filter-list": true }, children);
+}
+export default FilterFacetBoolean;
+//# sourceMappingURL=FilterFacetBoolean.js.map

package/dist/organisms/Filter/FilterFacetBoolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacetBoolean.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterFacetBoolean.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAA2B;IAC/D,OAAO,oBAAC,IAAI,mCAAsB,QAAQ,CAAQ,CAAA;AACpD,CAAC;AAED,eAAe,kBAAkB,CAAA"}

package/dist/organisms/Filter/FilterFacetBooleanItem.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { OnFacetChange } from './Filter';
+export interface FilterFacetBooleanItemProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId: string;
+    /**
+     * The text displayed to identify the Boolean Facet Item.
+     */
+    label: string;
+    /**
+     * Value to be emitted when Checkbox is clicked.
+     */
+    value: string;
+    /**
+     * Boolean that represents the Checkbox checked state.
+     */
+    selected: boolean;
+    /**
+     * Counter badge shown besides the Facet Item.
+     */
+    quantity: number;
+    /**
+     * ID to identify the Checkbox and corresponding label.
+     */
+    id: string;
+    /**
+     * String that identifies the current Facet key.
+     */
+    facetKey: string;
+    /**
+     * This function is called when `Checkbox` from the facet changes.
+     */
+    onFacetChange: OnFacetChange;
+}
+declare function FilterFacetBooleanItem({ testId, id, selected, value, quantity, facetKey, label, onFacetChange, }: FilterFacetBooleanItemProps): React.JSX.Element;
+export default FilterFacetBooleanItem;

package/dist/organisms/Filter/FilterFacetBooleanItem.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Badge, Checkbox, Label } from '../..';
+function FilterFacetBooleanItem({ testId, id, selected, value, quantity, facetKey, label, onFacetChange, }) {
+    return (React.createElement("li", { key: id, "data-fs-filter-list-item": true },
+        React.createElement(Checkbox, { id: id, checked: selected, onChange: () => onFacetChange({ key: facetKey, value }, 'BOOLEAN'), "data-fs-filter-list-item-checkbox": true, "data-testid": `${testId}-accordion-panel-checkbox`, "data-value": value, "data-quantity": quantity }),
+        React.createElement(Label, { htmlFor: id, className: "text__title-mini-alt", "data-fs-filter-list-item-label": true },
+            label,
+            " ",
+            React.createElement(Badge, { "data-fs-filter-list-item-badge": true }, quantity))));
+}
+export default FilterFacetBooleanItem;
+//# sourceMappingURL=FilterFacetBooleanItem.js.map

package/dist/organisms/Filter/FilterFacetBooleanItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacetBooleanItem.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterFacetBooleanItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AAsC9C,SAAS,sBAAsB,CAAC,EAC9B,MAAM,EACN,EAAE,EACF,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,GACe;IAC5B,OAAO,CACL,4BAAI,GAAG,EAAE,EAAE;QACT,oBAAC,QAAQ,IACP,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,SAAS,CAAC,4DAErD,GAAG,MAAM,2BAA2B,gBACrC,KAAK,mBACF,QAAQ,GACvB;QACF,oBAAC,KAAK,IACJ,OAAO,EAAE,EAAE,EACX,SAAS,EAAC,sBAAsB;YAG/B,KAAK;;YAAE,oBAAC,KAAK,8CAAiC,QAAQ,CAAS,CAC1D,CACL,CACN,CAAA;AACH,CAAC;AAED,eAAe,sBAAsB,CAAA"}

package/dist/organisms/Filter/FilterFacetRange.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+import { OnFacetChange } from './Filter';
+export interface FilterFacetRangeProps {
+    /**
+     * The minimum value of the Slider Range Facet
+     */
+    min: {
+        selected: number;
+        absolute: number;
+    };
+    /**
+     * The maximum value of the Slider Range Facet
+     */
+    max: {
+        selected: number;
+        absolute: number;
+    };
+    /**
+     * String that identifies the current Facet key.
+     */
+    facetKey: string;
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter: (price: number) => string;
+    /**
+     * This function is called when `Checkbox` from the facet changes.
+     */
+    onFacetChange: OnFacetChange;
+}
+declare function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }: FilterFacetRangeProps): React.JSX.Element;
+export default FilterFacetRange;

package/dist/organisms/Filter/FilterFacetRange.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PriceRange } from '../..';
+const formatRange = (min, max) => `${min.toFixed(2)}-to-${max.toFixed(2)}`;
+function FilterFacetRange({ min, max, formatter, facetKey, onFacetChange, }) {
+    return (React.createElement(PriceRange, { "data-fs-filter-facet-range": true, min: min, max: max, formatter: formatter, step: 1, onEnd: (v) => onFacetChange({
+            key: facetKey,
+            value: formatRange(v.min, v.max),
+        }, 'RANGE') }));
+}
+export default FilterFacetRange;
+//# sourceMappingURL=FilterFacetRange.js.map

package/dist/organisms/Filter/FilterFacetRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacetRange.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterFacetRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AA0BlC,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,EAAE,CAC/C,GAAG,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAA;AAE1C,SAAS,gBAAgB,CAAC,EACxB,GAAG,EACH,GAAG,EACH,SAAS,EACT,QAAQ,EACR,aAAa,GACS;IACtB,OAAO,CACL,oBAAC,UAAU,wCAET,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,CAAC,EAAE,EAAE,CACX,aAAa,CACX;YACE,GAAG,EAAE,QAAQ;YACb,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC;SACjC,EACD,OAAO,CACR,GAEH,CACH,CAAA;AACH,CAAC;AAED,eAAe,gBAAgB,CAAA"}

package/dist/organisms/Filter/FilterFacets.d.ts

@@ -0,0 +1,21 @@
+import React, { PropsWithChildren } from 'react';
+export interface FilterFacetsProps {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId: string;
+    /**
+     * Current Facet's position in a list of facets.
+     */
+    index: number;
+    /**
+     * Current Facet's type, usually `StoreFacetBoolean` or `StoreFacetRange`.
+     */
+    type: string;
+    /**
+     * The text displayed to identify the Facet.
+     */
+    label: string;
+}
+declare function FilterFacets({ testId, label, index, children, type, }: PropsWithChildren<FilterFacetsProps>): React.JSX.Element;
+export default FilterFacets;

package/dist/organisms/Filter/FilterFacets.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AccordionButton, AccordionItem, AccordionPanel } from '../..';
+function FilterFacets({ testId, label, index, children, type, }) {
+    return (React.createElement(AccordionItem, { key: `${label}-${index}`, prefixId: testId, testId: `${testId}-accordion`, index: index, "data-type": type, "data-fs-filter-accordion-item": true },
+        React.createElement(AccordionButton, { testId: `${testId}-accordion-button` }, label),
+        React.createElement(AccordionPanel, null, children)));
+}
+export default FilterFacets;
+//# sourceMappingURL=FilterFacets.js.map

package/dist/organisms/Filter/FilterFacets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterFacets.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterFacets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAqBtE,SAAS,YAAY,CAAC,EACpB,MAAM,EACN,KAAK,EACL,KAAK,EACL,QAAQ,EACR,IAAI,GACiC;IACrC,OAAO,CACL,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,KAAK,IAAI,KAAK,EAAE,EACxB,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,GAAG,MAAM,YAAY,EAC7B,KAAK,EAAE,KAAK,eACD,IAAI;QAGf,oBAAC,eAAe,IAAC,MAAM,EAAE,GAAG,MAAM,mBAAmB,IAClD,KAAK,CACU;QAClB,oBAAC,cAAc,QAAE,QAAQ,CAAkB,CAC7B,CACjB,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

package/dist/organisms/Filter/FilterSlider.d.ts

@@ -0,0 +1,36 @@
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import React from 'react';
+import { ButtonProps, OverlayProps } from '../../';
+import { SlideOverDirection, SlideOverWidthSize } from '../SlideOver';
+export interface FilterSliderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Title for the FilterSlider component.
+     */
+    title?: string;
+    /**
+     * Represents the side that the FilterSlider comes from.
+     */
+    direction: SlideOverDirection;
+    /**
+     * Represents the size of the FilterSlider.
+     */
+    size: SlideOverWidthSize;
+    /**
+     * Props for the Apply Button from FilterSlider component.
+     */
+    applyBtnProps?: Partial<ButtonProps>;
+    /**
+     * Props for the Clear Button from FilterSlider component.
+     */
+    clearBtnProps?: Partial<ButtonProps>;
+    /**
+     * Props forwarded to the `Overlay` component.
+     */
+    overlayProps?: OverlayProps;
+    /**
+     * Function called when Close Button is clicked.
+     */
+    onClose: () => void;
+}
+declare function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }: PropsWithChildren<FilterSliderProps>): React.JSX.Element;
+export default FilterSlider;

package/dist/organisms/Filter/FilterSlider.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Button, SlideOver, SlideOverHeader, useFadeEffect, useUI, } from '../../';
+function FilterSlider({ title, size, direction, children, applyBtnProps, clearBtnProps, overlayProps, onClose, ...otherProps }) {
+    const { fade, fadeOut } = useFadeEffect();
+    const { closeFilter } = useUI();
+    return (React.createElement(SlideOver, { "data-fs-filter-slider": true, isOpen: true, fade: fade, onDismiss: fadeOut, size: size, direction: direction, onTransitionEnd: () => fade === 'out' && closeFilter(), overlayProps: overlayProps, ...otherProps },
+        React.createElement("div", { "data-fs-filter-slider-content": true },
+            React.createElement(SlideOverHeader, { onClose: () => {
+                    onClose();
+                    fadeOut();
+                } },
+                React.createElement("h2", { "data-fs-filter-slider-title": true }, title)),
+            children),
+        React.createElement("footer", { "data-fs-filter-slider-footer": true },
+            React.createElement(Button, { "data-fs-filter-slider-footer-button-clear": true, ...clearBtnProps }),
+            React.createElement(Button, { "data-fs-filter-slider-footer-button-apply": true, "data-testid": "filter-slider-button-apply", ...applyBtnProps, onClick: (e) => {
+                    applyBtnProps?.onClick?.(e);
+                    fadeOut();
+                } }))));
+}
+export default FilterSlider;
+//# sourceMappingURL=FilterSlider.js.map