@faststore/components 2.2.0-alpha.4 → 2.2.0

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

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { OnFacetChange } from './Filter';
+export interface FacetRangeProps {
+    /**
+     * 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;
+    };
+    /**
+     * Formatter function that transforms the raw price value and render the result.
+     */
+    formatter: (price: number) => string;
+    /**
+     * String that identifies the current Facet key.
+     */
+    facetKey: string;
+    /**
+     * This function is called when `Checkbox` from the facet changes.
+     */
+    onFacetChange: OnFacetChange;
+}
+declare function FacetRange({ min, max, formatter, facetKey, onFacetChange, }: FacetRangeProps): JSX.Element;
+export default FacetRange;

package/dist/organisms/Filter/FacetRange.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { PriceRange } from '../../';
+const formatRange = (min, max) => `${min.toFixed(2)}-to-${max.toFixed(2)}`;
+function FacetRange({ 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 FacetRange;
+//# sourceMappingURL=FacetRange.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FacetRange.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FacetRange.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AA0BnC,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,UAAU,CAAC,EAClB,GAAG,EACH,GAAG,EACH,SAAS,EACT,QAAQ,EACR,aAAa,GACG;IAChB,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,UAAU,CAAA"}

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

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

package/dist/organisms/Filter/Facets.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { AccordionButton, AccordionItem, AccordionPanel } from '../..';
+function Facets({ label, index, testId, 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 Facets;
+//# sourceMappingURL=Facets.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Facets.js","sourceRoot":"","sources":["../../../src/organisms/Filter/Facets.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAqBtE,SAAS,MAAM,CAAC,EACd,KAAK,EACL,KAAK,EACL,MAAM,EACN,QAAQ,EACR,IAAI,GAC2B;IAC/B,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,MAAM,CAAA"}

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

@@ -0,0 +1,26 @@
+import { 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>): 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 { ReactNode } from 'react';
+declare function FilterFacetBoolean({ children }: {
+    children: ReactNode;
+}): 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 @@
+/// <reference types="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): 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 @@
+/// <reference types="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): 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 { 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>): 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,35 @@
+import type { HTMLAttributes, PropsWithChildren } 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>): 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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSlider.js","sourceRoot":"","sources":["../../../src/organisms/Filter/FilterSlider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EACL,MAAM,EAGN,SAAS,EACT,eAAe,EACf,aAAa,EACb,KAAK,GACN,MAAM,QAAQ,CAAA;AAmCf,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,aAAa,EACb,aAAa,EACb,YAAY,EACZ,OAAO,EACP,GAAG,UAAU,EACwB;IACrC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE,CAAA;IACzC,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,CAAA;IAE/B,OAAO,CACL,oBAAC,SAAS,mCAER,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,WAAW,EAAE,EACtD,YAAY,EAAE,YAAY,KACtB,UAAU;QAEd;YACE,oBAAC,eAAe,IACd,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,EAAE,CAAA;oBACT,OAAO,EAAE,CAAA;gBACX,CAAC;gBAED,mEAAiC,KAAK,CAAM,CAC5B;YACjB,QAAQ,CACL;QACN;YACE,oBAAC,MAAM,0DAA+C,aAAa,GAAI;YACvE,oBAAC,MAAM,sEAEO,4BAA4B,KACpC,aAAa,EACjB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,aAAa,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAA;oBAC3B,OAAO,EAAE,CAAA;gBACX,CAAC,GACD,CACK,CACC,CACb,CAAA;AACH,CAAC;AAED,eAAe,YAAY,CAAA"}

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

@@ -0,0 +1,11 @@
+export { default } from './Filter';
+export type { FilterProps } from './Filter';
+export { default as FilterFacetBoolean } from './FilterFacetBoolean';
+export { default as FilterFacetBooleanItem } from './FilterFacetBooleanItem';
+export type { FilterFacetBooleanItemProps } from './FilterFacetBooleanItem';
+export { default as FilterFacetRange } from './FilterFacetRange';
+export type { FilterFacetRangeProps } from './FilterFacetRange';
+export { default as FilterFacets } from './FilterFacets';
+export type { FilterFacetsProps } from './FilterFacets';
+export { default as FilterSlider } from './FilterSlider';
+export type { FilterSliderProps } from './FilterSlider';

package/dist/organisms/Filter/index.js

@@ -0,0 +1,7 @@
+export { default } from './Filter';
+export { default as FilterFacetBoolean } from './FilterFacetBoolean';
+export { default as FilterFacetBooleanItem } from './FilterFacetBooleanItem';
+export { default as FilterFacetRange } from './FilterFacetRange';
+export { default as FilterFacets } from './FilterFacets';
+export { default as FilterSlider } from './FilterSlider';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/Filter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAElC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAE5E,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAEhE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAExD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/organisms/Hero/Hero.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 HeroContext {
+    variant: Variant;
+    colorVariant: ColorVariant;
+}
+declare const HeroContext: React.Context<HeroContext | undefined>;
+export interface HeroProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Specifies the component 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 Hero: React.ForwardRefExoticComponent<HeroProps & React.RefAttributes<HTMLDivElement>>;
+export declare function useHero(): HeroContext;
+export default Hero;

package/dist/organisms/Hero/Hero.js

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

package/dist/organisms/Hero/Hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hero.js","sourceRoot":"","sources":["../../../src/organisms/Hero/Hero.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAWpE,MAAM,WAAW,GAAG,aAAa,CAA0B,SAAS,CAAC,CAAA;AAkBrE,MAAM,IAAI,GAAG,UAAU,CAA4B,SAAS,IAAI,CAC9D,EACE,QAAQ,EACR,MAAM,GAAG,SAAS,EAClB,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,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO;QAClC,iCACE,GAAG,EAAE,GAAG,gDAEc,OAAO,gCACD,YAAY,iBAC3B,MAAM,KACf,UAAU,IAEb,QAAQ,CACD,CACW,CACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,UAAU,OAAO;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,IAAI,OAAO,KAAK,SAAS,EAAE;QACzB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;KACxE;IAED,OAAO,OAAO,CAAA;AAChB,CAAC;AAED,eAAe,IAAI,CAAA"}

package/dist/organisms/Hero/HeroHeader.d.ts

@@ -0,0 +1,30 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+import React from 'react';
+export interface HeroHeaderProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content for the h1 tag.
+     */
+    title: string;
+    /**
+     * Content for the p tag.
+     */
+    subtitle: string;
+    /**
+     * Icon component for additional customization.
+     */
+    icon?: ReactNode;
+    /**
+     * Specifies the URL the action button goes to.
+     */
+    link?: string;
+    /**
+     * Specifies the action button's content.
+     */
+    linkText?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const HeroHeader: React.ForwardRefExoticComponent<HeroHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroHeader;

package/dist/organisms/Hero/HeroHeader.js

@@ -0,0 +1,15 @@
+import React, { forwardRef } from 'react';
+import { Icon, LinkButton } from '../..';
+import { useHero } from './Hero';
+const HeroHeader = forwardRef(function HeroHeader({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-hero-wrapper": true, "data-fs-content": "hero" },
+            React.createElement("div", { "data-fs-hero-info": true },
+                React.createElement("h1", { "data-fs-hero-title": true }, title),
+                React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(Icon, { name: "ArrowRight" }), iconPosition: "right" }, linkText))),
+            !!icon && variant === 'secondary' && (React.createElement("span", { "data-fs-hero-icon": true }, icon)))));
+});
+export default HeroHeader;
+//# sourceMappingURL=HeroHeader.js.map

package/dist/organisms/Hero/HeroHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeader.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,UAAU,GAAG,UAAU,CAC3B,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAC3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,8EAA0C,MAAM;YAC9C;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,EAChC,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,CAAC,CAAC,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CACpC,2DAAyB,IAAI,CAAQ,CACtC,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,UAAU,CAAA"}

package/dist/organisms/Hero/HeroHeading.d.ts

@@ -0,0 +1,30 @@
+import type { ReactNode, HTMLAttributes } from 'react';
+import React from 'react';
+export interface HeroHeadingProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content for the h1 tag.
+     */
+    title: string;
+    /**
+     * Content for the p tag.
+     */
+    subtitle: string;
+    /**
+     * Icon component for additional customization.
+     */
+    icon?: ReactNode;
+    /**
+     * Specifies the URL the action button goes to.
+     */
+    link?: string;
+    /**
+     * Specifies the action button's content.
+     */
+    linkText?: string;
+    /**
+     * ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
+     */
+    testId?: string;
+}
+declare const HeroHeading: React.ForwardRefExoticComponent<HeroHeadingProps & React.RefAttributes<HTMLDivElement>>;
+export default HeroHeading;

package/dist/organisms/Hero/HeroHeading.js

@@ -0,0 +1,16 @@
+import React, { forwardRef } from 'react';
+import { Icon, LinkButton } from '../..';
+import { ArrowRight } from '../../assets';
+import { useHero } from './Hero';
+const HeroHeading = forwardRef(function HeroHeading({ icon, link, title, linkText, subtitle, children, testId = 'fs-hero-heading', ...otherProps }, ref) {
+    const { variant, colorVariant } = useHero();
+    return (React.createElement("header", { ref: ref, "data-fs-hero-heading": true, "data-testid": testId, ...otherProps },
+        React.createElement("div", { "data-fs-hero-wrapper": true, className: "layout__content" },
+            React.createElement("div", { "data-fs-hero-info": true },
+                React.createElement("h1", { "data-fs-hero-title": true }, title),
+                React.createElement("p", { "data-fs-hero-subtitle": true }, subtitle),
+                !!link && (React.createElement(LinkButton, { href: link, inverse: colorVariant === 'main', icon: React.createElement(ArrowRight, null), iconPosition: "right" }, linkText))),
+            icon && variant === 'secondary' && (React.createElement(Icon, { "data-fs-hero-icon": true, component: icon })))));
+});
+export default HeroHeading;
+//# sourceMappingURL=HeroHeading.js.map

package/dist/organisms/Hero/HeroHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroHeading.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AA6BhC,MAAM,WAAW,GAAG,UAAU,CAC5B,SAAS,WAAW,CAClB,EACE,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,GAAG,iBAAiB,EAC1B,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,OAAO,EAAE,CAAA;IAE3C,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,+CAEK,MAAM,KACf,UAAU;QAEd,2DAA0B,SAAS,EAAC,iBAAiB;YACnD;gBACE,0DAAwB,KAAK,CAAM;gBACnC,4DAA0B,QAAQ,CAAK;gBACtC,CAAC,CAAC,IAAI,IAAI,CACT,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,KAAK,MAAM,EAChC,IAAI,EAAE,oBAAC,UAAU,OAAG,EACpB,YAAY,EAAC,OAAO,IAEnB,QAAQ,CACE,CACd,CACG;YACL,IAAI,IAAI,OAAO,KAAK,WAAW,IAAI,CAClC,oBAAC,IAAI,+BAAmB,SAAS,EAAE,IAAI,GAAI,CAC5C,CACG,CACC,CACV,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/organisms/Hero/HeroImage.d.ts

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

package/dist/organisms/Hero/HeroImage.js

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

package/dist/organisms/Hero/HeroImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeroImage.js","sourceRoot":"","sources":["../../../src/organisms/Hero/HeroImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AASzC,MAAM,SAAS,GAAG,UAAU,CAAiC,SAAS,SAAS,CAC7E,EAAE,QAAQ,EAAE,MAAM,GAAG,eAAe,EAAE,GAAG,UAAU,EAAE,EACrD,GAAG;IAEH,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,6CAAkC,MAAM,KAAM,UAAU,IAClE,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

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

@@ -0,0 +1,6 @@
+export { default } from './Hero';
+export type { HeroProps } from './Hero';
+export { default as HeroImage } from './HeroImage';
+export type { HeroImageProps } from './HeroImage';
+export { default as HeroHeader } from './HeroHeader';
+export type { HeroHeaderProps } from './HeroHeader';

package/dist/organisms/Hero/index.js

@@ -0,0 +1,4 @@
+export { default } from './Hero';
+export { default as HeroImage } from './HeroImage';
+export { default as HeroHeader } from './HeroHeader';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/organisms/Hero/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAGhC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/organisms/ImageGallery/ImageGallery.d.ts

@@ -0,0 +1,42 @@
+import React from 'react';
+import type { HTMLAttributes, FunctionComponent } from 'react';
+type ImageComponentType = FunctionComponent<{
+    url: string;
+    alternateName?: string;
+    loading?: 'eager' | 'lazy';
+}>;
+export interface ImageElementData {
+    /**
+     * Image URL.
+     */
+    url: string;
+    /**
+     * Alternative text description of the image.
+     */
+    alternateName: string;
+}
+export interface ImageGalleryProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * ID to find this component in testing tools (e.g.: cypress,
+     * testing-library, and jest).
+     */
+    testId?: string;
+    /**
+     * List of images that should be rendered.
+     */
+    images: ImageElementData[];
+    /**
+     * Function that returns a React component that will be used to render images.
+     */
+    ImageComponent: ImageComponentType;
+    /**
+     * The currently active thumbnail.
+     */
+    selectedImageIdx: number;
+    /**
+     * Event handler for clicks on each thumbnail.
+     */
+    setSelectedImageIdx: (idx: number) => void;
+}
+declare const ImageGallery: React.ForwardRefExoticComponent<ImageGalleryProps & React.RefAttributes<HTMLDivElement>>;
+export default ImageGallery;