@fast-simon/dashboard-utilities 1.0.1

package/dist/frontends/dashboard-utilities/src/components/FastSimonApi/reducer.d.ts

@@ -0,0 +1,172 @@
+import { FastStateProps, IsLoading } from "./context";
+import { AppType, AutocompleteResults, FullTextResults, Narrow, Product, smartCollectionsResults, SortBy } from "fast-simon-sdk";
+import { Widget } from "fast-simon-sdk/lib/models/related";
+type FastStateAction = {
+    type: 'setReady';
+    payload: boolean;
+} | {
+    type: 'setType';
+    payload: AppType;
+} | {
+    type: 'setPage';
+    payload: number;
+} | {
+    type: 'setQuery';
+    payload: string;
+} | {
+    type: 'setSortBy';
+    payload: SortBy;
+} | {
+    type: 'setIsLoading';
+    payload: IsLoading;
+} | {
+    type: 'setCollectionID';
+    payload: string;
+} | {
+    type: 'setNarrow';
+    payload: Narrow[] | undefined;
+} | {
+    type: 'setResults';
+    payload: FullTextResults | smartCollectionsResults | undefined;
+} | {
+    type: 'mergeResults';
+    payload: {
+        results: FullTextResults | smartCollectionsResults;
+        infiniteScroll: boolean;
+    };
+} | {
+    type: 'mergeResultsKeepProduct';
+    payload: {
+        results: FullTextResults | smartCollectionsResults;
+    };
+} | {
+    type: 'setState';
+    payload: Partial<FastStateProps>;
+} | {
+    type: 'setRecommendations';
+    payload: {
+        id: string;
+        widget: Widget;
+    };
+} | {
+    type: 'setSingleProducts';
+    payload: Product[];
+} | {
+    type: 'setAutocomplete';
+    payload: AutocompleteResults;
+} | {
+    type: 'setSearchWithinSearch';
+    payload: string;
+} | {
+    type: 'setSegments';
+    payload: string[];
+};
+export declare function fastStateReducer(state: FastStateProps, action: FastStateAction): FastStateProps | {
+    results: {
+        products: Product[];
+        query: string;
+        facets?: import("fast-simon-sdk").Facet[] | undefined;
+        totalResults: number;
+        narrow?: Narrow[] | undefined;
+        sortBy?: SortBy | undefined;
+        isNoResults?: boolean | undefined;
+        page?: number | undefined;
+        pageCount?: number | undefined;
+        ancestors?: import("fast-simon-sdk").CategoryAncestor[] | undefined;
+        avoidPrefixList?: string[] | undefined;
+        merch?: any;
+    } | {
+        products: Product[];
+        ancestors: import("fast-simon-sdk").CategoryAncestor[];
+        categoryID: string;
+        name: string;
+        facets?: import("@fast-simon/utilities").ServerFacet[] | undefined;
+        totalResults: number;
+        sortBy?: SortBy | undefined;
+        narrow?: Narrow[] | undefined;
+        isNoResults?: boolean | undefined;
+        page?: number | undefined;
+        pageCount?: number | undefined;
+        avoidPrefixList?: string[] | undefined;
+        merch?: any;
+        bannerHTML?: string | undefined;
+    } | {
+        products: Product[];
+        query: string;
+        facets?: import("fast-simon-sdk").Facet[] | undefined;
+        totalResults: number;
+        narrow?: Narrow[] | undefined;
+        sortBy?: SortBy | undefined;
+        isNoResults?: boolean | undefined;
+        page?: number | undefined;
+        pageCount?: number | undefined;
+        ancestors?: import("fast-simon-sdk").CategoryAncestor[] | undefined;
+        avoidPrefixList?: string[] | undefined;
+        merch?: any;
+    } | {
+        products: Product[];
+        ancestors: import("fast-simon-sdk").CategoryAncestor[];
+        categoryID: string;
+        name: string;
+        facets?: import("fast-simon-sdk").Facet[] | import("@fast-simon/utilities").ServerFacet[] | undefined;
+        totalResults: number;
+        sortBy?: SortBy | undefined;
+        narrow?: Narrow[] | undefined;
+        isNoResults?: boolean | undefined;
+        page?: number | undefined;
+        pageCount?: number | undefined;
+        avoidPrefixList?: string[] | undefined;
+        merch?: any;
+        bannerHTML?: string | undefined;
+        query: string;
+    } | {
+        products: Product[];
+        query: string;
+        facets?: import("fast-simon-sdk").Facet[] | import("@fast-simon/utilities").ServerFacet[] | undefined;
+        totalResults: number;
+        narrow?: Narrow[] | undefined;
+        sortBy?: SortBy | undefined;
+        isNoResults?: boolean | undefined;
+        page?: number | undefined;
+        pageCount?: number | undefined;
+        ancestors: import("fast-simon-sdk").CategoryAncestor[];
+        avoidPrefixList?: string[] | undefined;
+        merch?: any;
+        categoryID: string;
+        name: string;
+        bannerHTML?: string | undefined;
+    } | {
+        products: Product[];
+        ancestors: import("fast-simon-sdk").CategoryAncestor[];
+        categoryID: string;
+        name: string;
+        facets?: import("@fast-simon/utilities").ServerFacet[] | undefined;
+        totalResults: number;
+        sortBy?: SortBy | undefined;
+        narrow?: Narrow[] | undefined;
+        isNoResults?: boolean | undefined;
+        page?: number | undefined;
+        pageCount?: number | undefined;
+        avoidPrefixList?: string[] | undefined;
+        merch?: any;
+        bannerHTML?: string | undefined;
+    };
+    isReady: boolean;
+    isLoading: IsLoading;
+    query: string;
+    page: number;
+    narrow?: Narrow[] | undefined;
+    type: AppType;
+    collectionID?: string | undefined;
+    sortBy?: SortBy | undefined;
+    recommendations?: {
+        [id: string]: Widget;
+    } | undefined;
+    singleProducts?: {
+        [id: string]: Product;
+    } | undefined;
+    autocomplete?: AutocompleteResults | undefined;
+    searchWithinSearch?: string | undefined;
+    segments?: string[] | undefined;
+};
+export {};

package/dist/frontends/dashboard-utilities/src/components/FastSimonApi/reducer.js

@@ -0,0 +1,67 @@
+export function fastStateReducer(state, action) {
+    var _a, _b, _c, _d, _e;
+    switch (action.type) {
+        case "setReady":
+            return Object.assign(Object.assign({}, state), { isReady: action.payload });
+        case 'setType':
+            return Object.assign(Object.assign({}, state), { type: action.payload });
+        case 'setPage':
+            return Object.assign(Object.assign({}, state), { page: action.payload });
+        case 'setQuery':
+            return Object.assign(Object.assign({}, state), { query: action.payload, collectionID: undefined, page: 1, narrow: undefined, searchWithinSearch: undefined });
+        case 'setSortBy':
+            return Object.assign(Object.assign({}, state), { sortBy: action.payload, page: 1 });
+        case 'setSegments':
+            return Object.assign(Object.assign({}, state), { segments: action.payload, page: 1 });
+        case 'setIsLoading':
+            return Object.assign(Object.assign({}, state), { isLoading: action.payload });
+        case 'setCollectionID':
+            return Object.assign(Object.assign({}, state), { collectionID: action.payload, query: "", page: 1, narrow: undefined, searchWithinSearch: undefined });
+        case 'setNarrow':
+            return Object.assign(Object.assign({}, state), { narrow: action.payload, page: 1 });
+        case 'setResults':
+            return Object.assign(Object.assign({}, state), { results: Object.assign({ isNoResults: false }, action.payload) });
+        case 'mergeResultsKeepProduct': {
+            return Object.assign(Object.assign({}, state), { results: Object.assign(Object.assign(Object.assign({}, state.results), action.payload.results), { products: ((_a = state.results) === null || _a === void 0 ? void 0 : _a.products) || [] }) });
+        }
+        case 'mergeResults': {
+            const sortBy = (_b = action.payload.results.sortBy) !== null && _b !== void 0 ? _b : state.sortBy;
+            if (!action.payload.infiniteScroll) {
+                return Object.assign(Object.assign({}, state), { sortBy, results: Object.assign(Object.assign(Object.assign({}, state.results), { isNoResults: false }), action.payload.results) });
+            }
+            const products = (_d = (_c = state.results) === null || _c === void 0 ? void 0 : _c.products) !== null && _d !== void 0 ? _d : [];
+            const newProducts = (_e = action.payload.results.products) !== null && _e !== void 0 ? _e : [];
+            for (const product of newProducts) {
+                if (!(products === null || products === void 0 ? void 0 : products.find(x => x.id === product.id))) {
+                    return Object.assign(Object.assign({}, state), { results: Object.assign(Object.assign(Object.assign(Object.assign({}, state.results), { isNoResults: false }), action.payload.results), { products: [...products, ...newProducts] }) });
+                }
+            }
+            return Object.assign(Object.assign({}, state), { results: Object.assign(Object.assign(Object.assign(Object.assign({}, state.results), { isNoResults: false }), action.payload.results), { products: products }) });
+        }
+        case 'setState': {
+            if (action.payload.query) {
+                return Object.assign(Object.assign(Object.assign({}, state), action.payload), { collectionID: undefined, searchWithinSearch: undefined, segments: undefined });
+            }
+            else {
+                return Object.assign(Object.assign(Object.assign({}, state), action.payload), { query: "", searchWithinSearch: undefined, segments: undefined });
+            }
+        }
+        case "setRecommendations": {
+            return Object.assign(Object.assign({}, state), { recommendations: Object.assign(Object.assign({}, state.recommendations), { [action.payload.id]: action.payload.widget }) });
+        }
+        case "setSingleProducts": {
+            const products = Object.assign({}, state.singleProducts);
+            for (const product of action.payload) {
+                products[product.id] = product;
+            }
+            return Object.assign(Object.assign({}, state), { singleProducts: products });
+        }
+        case "setAutocomplete": {
+            return Object.assign(Object.assign({}, state), { autocomplete: action.payload });
+        }
+        case "setSearchWithinSearch": {
+            return Object.assign(Object.assign({}, state), { searchWithinSearch: action.payload });
+        }
+    }
+}
+//# sourceMappingURL=reducer.js.map

package/dist/frontends/dashboard-utilities/src/components/FastSimonApi/reducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reducer.js","sourceRoot":"","sources":["../../../../../../src/components/FastSimonApi/reducer.ts"],"names":[],"mappings":"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","sourcesContent":["import {FastStateProps, IsLoading} from \"./context\";\r\nimport {AppType, AutocompleteResults, FullTextResults, Narrow, Product, smartCollectionsResults, SortBy} from \"fast-simon-sdk\";\r\nimport {Widget} from \"fast-simon-sdk/lib/models/related\";\r\n\r\ntype FastStateAction =\r\n    | { type: 'setReady', payload: boolean }\r\n    | { type: 'setType', payload: AppType }\r\n    | { type: 'setPage', payload: number }\r\n    | { type: 'setQuery', payload: string }\r\n    | { type: 'setSortBy', payload: SortBy }\r\n    | { type: 'setIsLoading', payload: IsLoading }\r\n    | { type: 'setCollectionID', payload: string }\r\n    | { type: 'setNarrow', payload: Narrow[] | undefined }\r\n    | { type: 'setResults', payload: FullTextResults | smartCollectionsResults | undefined }\r\n    | { type: 'mergeResults', payload: { results: FullTextResults | smartCollectionsResults, infiniteScroll: boolean } }\r\n    | { type: 'mergeResultsKeepProduct', payload: { results: FullTextResults | smartCollectionsResults } }\r\n    | { type: 'setState', payload: Partial<FastStateProps> }\r\n    | { type: 'setRecommendations', payload: { id: string, widget: Widget } }\r\n    | { type: 'setSingleProducts', payload: Product[] }\r\n    | { type: 'setAutocomplete', payload: AutocompleteResults }\r\n    | { type: 'setSearchWithinSearch', payload: string }\r\n    | { type: 'setSegments', payload: string[] }\r\n\r\n\r\n\r\nexport function fastStateReducer(state: FastStateProps, action: FastStateAction) {\r\n    switch (action.type) {\r\n        case \"setReady\":\r\n            return {...state, isReady: action.payload}\r\n\r\n        case 'setType':\r\n            return {...state, type: action.payload};\r\n\r\n        case 'setPage':\r\n            return {...state, page: action.payload};\r\n\r\n        case 'setQuery':\r\n            return {...state, query: action.payload, collectionID: undefined, page: 1, narrow: undefined, searchWithinSearch: undefined};\r\n\r\n        case 'setSortBy':\r\n            return {...state, sortBy: action.payload, page: 1};\r\n\r\n        case 'setSegments':\r\n            return {...state, segments: action.payload, page: 1};\r\n\r\n        case 'setIsLoading':\r\n            return {...state, isLoading: action.payload};\r\n\r\n        case 'setCollectionID':\r\n            return {...state, collectionID: action.payload, query: \"\", page: 1, narrow: undefined, searchWithinSearch: undefined};\r\n\r\n        case 'setNarrow':\r\n            return {...state, narrow: action.payload, page: 1};\r\n\r\n        case 'setResults':\r\n            return {...state, results: {isNoResults: false, ...action.payload}} as FastStateProps;\r\n\r\n        case 'mergeResultsKeepProduct': {\r\n            return {...state, results: {...state.results, ...action.payload.results, products: state.results?.products || []}};\r\n        }\r\n\r\n        case 'mergeResults': {\r\n            const sortBy = action.payload.results.sortBy ?? state.sortBy\r\n\r\n            if (!action.payload.infiniteScroll) {\r\n                return {...state,sortBy, results: {...state.results, isNoResults: false, ...action.payload.results}} as FastStateProps;\r\n            }\r\n\r\n            const products = state.results?.products ?? [];\r\n            const newProducts = action.payload.results.products ?? [];\r\n            for (const product of newProducts) {\r\n                if(!products?.find(x => x.id === product.id)) {\r\n                    return {\r\n                        ...state,\r\n                        results: {...state.results, isNoResults: false, ...action.payload.results, products: [...products, ...newProducts]}\r\n                    } as FastStateProps;\r\n                }\r\n            }\r\n            return {\r\n                ...state,\r\n                results: {...state.results, isNoResults: false, ...action.payload.results, products: products}\r\n            } as FastStateProps;\r\n\r\n        }\r\n\r\n        case 'setState': {\r\n            if (action.payload.query) {\r\n                return {...state, ...action.payload, collectionID: undefined, searchWithinSearch: undefined, segments: undefined}\r\n            } else {\r\n                return {...state, ...action.payload, query: \"\", searchWithinSearch: undefined, segments: undefined};\r\n            }\r\n        }\r\n\r\n        case \"setRecommendations\": {\r\n            return {\r\n                ...state,\r\n                recommendations: {\r\n                    ...state.recommendations,\r\n                    [action.payload.id]: action.payload.widget\r\n                }\r\n            }\r\n        }\r\n\r\n        case \"setSingleProducts\": {\r\n            const products: { [id: string]: Product } = {...state.singleProducts};\r\n\r\n            for (const product of action.payload) {\r\n                products[product.id] = product;\r\n            }\r\n\r\n            return {...state, singleProducts: products}\r\n        }\r\n\r\n        case \"setAutocomplete\": {\r\n            return {...state, autocomplete: action.payload}\r\n        }\r\n\r\n        case \"setSearchWithinSearch\": {\r\n            return {...state, searchWithinSearch: action.payload}\r\n        }\r\n    }\r\n}\r\n\r\n"]}

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/From/From.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import { FromToTypes } from "../utils";
+interface Props {
+    type: FromToTypes;
+    toValue?: string | number | Date;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    id?: string;
+    children?: React.ReactNode;
+    placeholder?: string;
+    defaultValue?: string | number;
+    limit?: {
+        min: number;
+        max: number;
+    };
+}
+export declare function From({ onChange, id, type, placeholder, children, defaultValue, limit }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/From/From.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { FromToTypes } from "../utils";
+import classes from "./styles.module.css";
+import Input from "../../Input";
+import ReactDatePicker from "../../ReactDatePicker";
+export function From({ onChange, id, type, placeholder, children, defaultValue, limit }) {
+    const [value, setValue] = useState(defaultValue);
+    useEffect(() => { setValue(defaultValue); }, [id]);
+    const onValueChange = (value) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    const onValueCompleted = (value) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: classes.from }, { children: [type === FromToTypes.text || type === FromToTypes.number ?
+                    _jsx(Input, { initialInput: value !== null && value !== void 0 ? value : '', placeholder: placeholder, type: type, debounceTime: 400, onChange: onValueChange, onCompleted: onValueCompleted, selectAllOnFocus: true, limit: limit })
+                    : null, type === FromToTypes.date ?
+                    _jsx(ReactDatePicker, { onChange: onValueChange, placeholder: placeholder })
+                    : null] }), "fs-filters-to" + (id === null || id === void 0 ? void 0 : id.toString())) }));
+}
+//# sourceMappingURL=From.js.map

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/From/From.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"From.js","sourceRoot":"","sources":["../../../../../../../src/components/FromToFilter/From/From.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAapD,MAAM,UAAU,IAAI,CAAC,EAAC,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAQ;IACxF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,SAAS,CAAC,GAAE,EAAE,GAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAA,CAAC,EAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC7C,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;IACtB,CAAC,CAAA;IACD,MAAM,gBAAgB,GAAG,CAAC,KAAW,EAAE,EAAE;QACrC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;IACtB,CAAC,CAAA;IAED,OAAO,CACH,4BACI,6BAA2C,SAAS,EAAE,OAAO,CAAC,IAAI,iBAC7D,IAAI,KAAK,WAAW,CAAC,IAAI,IAAI,IAAI,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC;oBACvD,KAAC,KAAK,IAAC,YAAY,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG;oBACxL,CAAC,CAAC,IAAI,EACT,IAAI,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC;oBACxB,KAAC,eAAe,IAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAG;oBACtE,CAAC,CAAC,IAAI,MANJ,eAAe,IAAE,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,QAAQ,EAAE,CAAA,CAOnC,GACP,CACN,CAAA;AAEL,CAAC","sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { FromToTypes } from \"../utils\";\r\nimport classes from \"./styles.module.css\";\r\nimport Input from \"../../Input\";\r\nimport ReactDatePicker from \"../../ReactDatePicker\";\r\n\r\ninterface Props {\r\n    type: FromToTypes;\r\n    toValue?: string | number | Date;\r\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\r\n    id?: string;\r\n    children?: React.ReactNode;\r\n    placeholder?: string;\r\n    defaultValue?: string | number;\r\n    limit?: {min: number, max: number}\r\n}\r\n\r\nexport function From({onChange, id, type, placeholder, children, defaultValue, limit}: Props) {\r\n    const [value, setValue] = useState(defaultValue);\r\n    useEffect(()=>{setValue(defaultValue);},[id])\r\n    const onValueChange = (value: any) => {\r\n        onChange?.(value);\r\n    }\r\n    const onValueCompleted = (value?: any) => {\r\n        onChange?.(value);\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div key={\"fs-filters-to\" +id?.toString()} className={classes.from}>\r\n                {type === FromToTypes.text || type === FromToTypes.number ?\r\n                    <Input initialInput={value??''} placeholder={placeholder} type={type} debounceTime={400} onChange={onValueChange} onCompleted={onValueCompleted} selectAllOnFocus={true} limit={limit}/>\r\n                    : null}\r\n                {type === FromToTypes.date ?\r\n                    <ReactDatePicker  onChange={onValueChange} placeholder={placeholder}/>\r\n                    : null}\r\n            </div>\r\n        </>\r\n    )\r\n\r\n}"]}

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/FromToFilter.d.ts

@@ -0,0 +1,14 @@
+import { FromTo } from "./utils";
+interface Props {
+    facet: FromTo;
+    onChange: (facetId: string, value: string) => void;
+    value?: string[] | number[];
+    convertValueCallback?: (value: string) => string;
+    tooltipText?: string;
+    limit?: {
+        min: number;
+        max: number;
+    };
+}
+export declare function FromToFilter({ facet, onChange, value, convertValueCallback, tooltipText, limit }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/FromToFilter.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import classes from './styles.module.css';
+import { From } from "./From/From";
+import { To } from "./To/To";
+import Tooltip from "../Tooltip/Tooltip";
+export function FromToFilter({ facet, onChange, value, convertValueCallback, tooltipText, limit }) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    const [fromValue, setFromValue] = useState((_a = facet === null || facet === void 0 ? void 0 : facet.from) === null || _a === void 0 ? void 0 : _a.value);
+    const [toValue, setToValue] = useState((_b = facet === null || facet === void 0 ? void 0 : facet.to) === null || _b === void 0 ? void 0 : _b.value);
+    const [fromId, setFromId] = useState((_c = facet === null || facet === void 0 ? void 0 : facet.from) === null || _c === void 0 ? void 0 : _c.name);
+    const [toId, setToId] = useState((_d = facet === null || facet === void 0 ? void 0 : facet.to) === null || _d === void 0 ? void 0 : _d.name);
+    useEffect(() => {
+        var _a, _b, _c, _d;
+        if (value && (value === null || value === void 0 ? void 0 : value.length) === 2) {
+            setFromValue(value === null || value === void 0 ? void 0 : value[0]);
+            setToValue(value === null || value === void 0 ? void 0 : value[1]);
+        }
+        else {
+            setFromValue((_a = facet === null || facet === void 0 ? void 0 : facet.from) === null || _a === void 0 ? void 0 : _a.value);
+            setToValue((_b = facet === null || facet === void 0 ? void 0 : facet.to) === null || _b === void 0 ? void 0 : _b.value);
+        }
+        setFromId((_c = facet === null || facet === void 0 ? void 0 : facet.from) === null || _c === void 0 ? void 0 : _c.key);
+        setToId((_d = facet === null || facet === void 0 ? void 0 : facet.to) === null || _d === void 0 ? void 0 : _d.key);
+    }, [facet, value]);
+    const onFromValueChanged = (value) => {
+        var _a;
+        setFromValue(value);
+        if (value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(facet === null || facet === void 0 ? void 0 : facet.id, (convertValueCallback ? convertValueCallback === null || convertValueCallback === void 0 ? void 0 : convertValueCallback(value) : value) + '-' + ((_a = (convertValueCallback ? convertValueCallback === null || convertValueCallback === void 0 ? void 0 : convertValueCallback(toValue === null || toValue === void 0 ? void 0 : toValue.toString()) : toValue)) !== null && _a !== void 0 ? _a : ''));
+        }
+        else if (!value && toValue) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(facet === null || facet === void 0 ? void 0 : facet.id, '-' + (convertValueCallback ? convertValueCallback === null || convertValueCallback === void 0 ? void 0 : convertValueCallback(toValue === null || toValue === void 0 ? void 0 : toValue.toString()) : toValue));
+        }
+        else {
+            onChange === null || onChange === void 0 ? void 0 : onChange(facet === null || facet === void 0 ? void 0 : facet.id, '');
+        }
+    };
+    const onToValueChanged = (value) => {
+        var _a;
+        setToValue(value);
+        if (value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(facet === null || facet === void 0 ? void 0 : facet.id, ((_a = (convertValueCallback ? convertValueCallback === null || convertValueCallback === void 0 ? void 0 : convertValueCallback(fromValue === null || fromValue === void 0 ? void 0 : fromValue.toString()) : fromValue)) !== null && _a !== void 0 ? _a : '') + '-' + (convertValueCallback ? convertValueCallback === null || convertValueCallback === void 0 ? void 0 : convertValueCallback(value === null || value === void 0 ? void 0 : value.toString()) : value));
+        }
+        else if (fromValue && !value) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(facet === null || facet === void 0 ? void 0 : facet.id, (convertValueCallback ? convertValueCallback === null || convertValueCallback === void 0 ? void 0 : convertValueCallback(fromValue === null || fromValue === void 0 ? void 0 : fromValue.toString()) : fromValue) + '-');
+        }
+        else {
+            onChange === null || onChange === void 0 ? void 0 : onChange(facet === null || facet === void 0 ? void 0 : facet.id, '');
+        }
+    };
+    return (_jsxs("div", Object.assign({ className: classes.fromToContainer }, { children: [(facet === null || facet === void 0 ? void 0 : facet.displayName) ? _jsxs("div", Object.assign({ className: classes.fsFacetTitle }, { children: [facet === null || facet === void 0 ? void 0 : facet.displayName, tooltipText && _jsx(Tooltip, { text: tooltipText })] })) : null, _jsxs("div", Object.assign({ className: classes.fsFacetOptions }, { children: [_jsx(From, { defaultValue: fromValue, toValue: fromValue, id: fromId, type: (_e = facet === null || facet === void 0 ? void 0 : facet.from) === null || _e === void 0 ? void 0 : _e.type, onChange: (value) => {
+                            onFromValueChanged(value);
+                        }, placeholder: (_g = (_f = facet === null || facet === void 0 ? void 0 : facet.from) === null || _f === void 0 ? void 0 : _f.fromPlaceHolder) !== null && _g !== void 0 ? _g : (_h = facet === null || facet === void 0 ? void 0 : facet.from) === null || _h === void 0 ? void 0 : _h.name, limit: limit }), _jsx(To, { defaultValue: toValue, fromValue: toValue, id: toId, type: (_j = facet === null || facet === void 0 ? void 0 : facet.to) === null || _j === void 0 ? void 0 : _j.type, onChange: (value) => {
+                            onToValueChanged(value);
+                        }, ariaLabel: (_k = facet === null || facet === void 0 ? void 0 : facet.to) === null || _k === void 0 ? void 0 : _k.name, placeholder: (_m = (_l = facet === null || facet === void 0 ? void 0 : facet.to) === null || _l === void 0 ? void 0 : _l.toPlaceHolder) !== null && _m !== void 0 ? _m : (_o = facet === null || facet === void 0 ? void 0 : facet.to) === null || _o === void 0 ? void 0 : _o.name, limit: limit })] }))] }), "fs-filters-fromto" + (facet === null || facet === void 0 ? void 0 : facet.id.toString())));
+}
+//# sourceMappingURL=FromToFilter.js.map

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/FromToFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FromToFilter.js","sourceRoot":"","sources":["../../../../../../src/components/FromToFilter/FromToFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport classes from './styles.module.css';\r\nimport {From} from \"./From/From\";\r\nimport {To} from \"./To/To\";\r\nimport { FromTo, FromToValue } from \"./utils\";\r\nimport Tooltip from \"../Tooltip/Tooltip\";\r\n\r\ninterface Props {\r\n    facet: FromTo;\r\n    onChange: (facetId: string, value: string) => void;\r\n    value?: string[] | number[],\r\n    convertValueCallback?: (value: string) => string\r\n    tooltipText?: string\r\n    limit?: {min: number, max: number}\r\n}\r\n\r\nexport function FromToFilter({facet, onChange, value, convertValueCallback, tooltipText, limit}: Props) {\r\n    const [fromValue, setFromValue] = useState(facet?.from?.value);\r\n    const [toValue, setToValue] = useState(facet?.to?.value);\r\n    const [fromId, setFromId] = useState(facet?.from?.name);\r\n    const [toId, setToId] = useState(facet?.to?.name);\r\n\r\n    useEffect(() =>{\r\n        if(value && value?.length === 2) {\r\n            setFromValue(value?.[0]);\r\n            setToValue(value?.[1]);\r\n        } else {\r\n            setFromValue(facet?.from?.value);\r\n            setToValue(facet?.to?.value);\r\n        }\r\n        setFromId(facet?.from?.key);\r\n        setToId(facet?.to?.key);\r\n    },[facet, value])\r\n    const onFromValueChanged = (value: any) => {\r\n        setFromValue(value);\r\n        if(value) {\r\n            onChange?.(facet?.id, (convertValueCallback ? convertValueCallback?.(value): value) + '-' + ((convertValueCallback ? convertValueCallback?.(toValue?.toString()): toValue)??''));\r\n        } else if(!value && toValue){\r\n            onChange?.(facet?.id, '-' + (convertValueCallback ? convertValueCallback?.(toValue?.toString()): toValue));\r\n        } else{\r\n            onChange?.(facet?.id, '');\r\n        }\r\n    }\r\n    const onToValueChanged = (value: any) => {\r\n        setToValue(value);\r\n        if(value) {\r\n            onChange?.(facet?.id, ((convertValueCallback ? convertValueCallback?.(fromValue?.toString()): fromValue)??'') + '-' + (convertValueCallback ? convertValueCallback?.(value?.toString()): value));\r\n        } else if(fromValue && !value){\r\n            onChange?.(facet?.id, (convertValueCallback ? convertValueCallback?.(fromValue?.toString()): fromValue) + '-');\r\n        } else {\r\n            onChange?.(facet?.id, '');\r\n        }\r\n\r\n    }\r\n\r\n    return (\r\n        <div key={\"fs-filters-fromto\"+facet?.id.toString()} className={classes.fromToContainer}>\r\n            {facet?.displayName ? <div className={classes.fsFacetTitle}>\r\n                {facet?.displayName}\r\n                {tooltipText && <Tooltip text={tooltipText}/>}\r\n            </div> : null}\r\n            <div className={classes.fsFacetOptions}>\r\n                <From defaultValue={(fromValue as any)} toValue={fromValue} id={fromId} type={facet?.from?.type}\r\n                      onChange={(value: any) => {\r\n                          onFromValueChanged(value);\r\n                      }} placeholder={facet?.from?.fromPlaceHolder ?? facet?.from?.name} limit={limit}>\r\n                </From>\r\n                <To defaultValue={(toValue as any)}   fromValue={toValue} id={toId} type={facet?.to?.type}\r\n                    onChange={(value: any) => {\r\n                        onToValueChanged(value)\r\n                    }} ariaLabel={facet?.to?.name} placeholder={facet?.to?.toPlaceHolder ?? facet?.to?.name} limit={limit}>\r\n                </To>\r\n            </div>\r\n        </div>\r\n\r\n    )\r\n\r\n}\r\n\r\n"]}

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/To/To.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { FromToTypes } from "../utils";
+interface Props {
+    type: FromToTypes;
+    defaultValue: string | number | Date;
+    fromValue?: string | number | Date;
+    ariaLabel?: string;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    id?: string;
+    children?: React.ReactNode;
+    placeholder?: string;
+    limit?: {
+        min: number;
+        max: number;
+    };
+}
+export declare function To({ defaultValue, ariaLabel, onChange, id, type, placeholder, children, limit }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/To/To.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { FromToTypes } from "../utils";
+import classes from './styles.module.css';
+import Input from "../../Input";
+import ReactDatePicker from "../../ReactDatePicker";
+export function To({ defaultValue, ariaLabel, onChange, id, type, placeholder, children, limit }) {
+    var _a;
+    const [value, setValue] = useState(defaultValue);
+    useEffect(() => { setValue(defaultValue); }, [id]);
+    const onValueChange = (value) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    const onValueCompleted = (value) => {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: classes.to }, { children: [type === FromToTypes.text || type === FromToTypes.number ?
+                    _jsx(Input, { initialInput: (_a = value) !== null && _a !== void 0 ? _a : '', placeholder: placeholder, type: type, debounceTime: 400, onChange: onValueChange, onCompleted: onValueCompleted, selectAllOnFocus: true, limit: limit })
+                    : null, type === FromToTypes.date ?
+                    _jsx(ReactDatePicker, { onChange: onValueChange, placeholder: placeholder })
+                    : null] }), "fs-filters-to" + (id === null || id === void 0 ? void 0 : id.toString())) }));
+}
+//# sourceMappingURL=To.js.map

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/To/To.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"To.js","sourceRoot":"","sources":["../../../../../../../src/components/FromToFilter/To/To.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AACrC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAcpD,MAAM,UAAU,EAAE,CAAC,EAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAQ;;IACjG,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IACjD,SAAS,CAAC,GAAE,EAAE,GAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAA,CAAC,EAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC7C,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,EAAE;QACjC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;IACtB,CAAC,CAAA;IACD,MAAM,gBAAgB,GAAG,CAAC,KAAU,EAAE,EAAE;QACpC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,CAAC,CAAC;IACtB,CAAC,CAAA;IAED,OAAO,CACH,4BACI,6BAA2C,SAAS,EAAE,OAAO,CAAC,EAAE,iBAC3D,IAAI,KAAK,WAAW,CAAC,IAAI,IAAI,IAAI,KAAK,WAAW,CAAC,MAAM,CAAC,CAAC;oBACvD,KAAC,KAAK,IAAC,YAAY,EAAE,MAAC,KAAa,mCAAE,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,EAAE,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAG;oBACjM,CAAC,CAAC,IAAI,EACT,IAAI,KAAK,WAAW,CAAC,IAAI,CAAC,CAAC;oBACxB,KAAC,eAAe,IAAC,QAAQ,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,GAAG;oBACrE,CAAC,CAAC,IAAI,MANJ,eAAe,IAAE,EAAE,aAAF,EAAE,uBAAF,EAAE,CAAE,QAAQ,EAAE,CAAA,CAOnC,GACP,CACN,CAAA;AAEL,CAAC","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport {FromToTypes} from \"../utils\";\r\nimport classes from './styles.module.css';\r\nimport Input from \"../../Input\";\r\nimport ReactDatePicker from \"../../ReactDatePicker\";\r\n\r\ninterface Props {\r\n    type: FromToTypes;\r\n    defaultValue: string | number | Date;\r\n    fromValue?: string | number | Date;\r\n    ariaLabel?: string;\r\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void,\r\n    id?: string,\r\n    children?: React.ReactNode\r\n    placeholder?: string;\r\n    limit?: {min: number, max: number}\r\n}\r\n\r\nexport function To({defaultValue, ariaLabel, onChange, id, type, placeholder, children, limit}: Props) {\r\n    const [value, setValue] = useState(defaultValue);\r\n    useEffect(()=>{setValue(defaultValue);},[id])\r\n    const onValueChange = (value: any) => {\r\n        onChange?.(value);\r\n    }\r\n    const onValueCompleted = (value: any) => {\r\n        onChange?.(value);\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div key={\"fs-filters-to\" +id?.toString()} className={classes.to}>\r\n                {type === FromToTypes.text || type === FromToTypes.number ?\r\n                    <Input initialInput={(value as any)??''} placeholder={placeholder} type={type} debounceTime={400} onChange={onValueChange} onCompleted={onValueCompleted} selectAllOnFocus={true} limit={limit}/>\r\n                    : null}\r\n                {type === FromToTypes.date ?\r\n                    <ReactDatePicker onChange={onValueChange} placeholder={placeholder}/>\r\n                    : null}\r\n            </div>\r\n        </>\r\n    )\r\n\r\n}"]}

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/utils.d.ts

@@ -0,0 +1,25 @@
+export declare const enum FromToTypes {
+    text = "text",
+    number = "number",
+    date = "date"
+}
+export type FromTo = {
+    id: string;
+    name: string;
+    from: FromToFilter;
+    to: FromToFilter;
+    displayName?: string;
+};
+export type FromToValue = {
+    from: string | number;
+    to: string | number;
+};
+export type FromToFilter = {
+    key: string;
+    type: FromToTypes;
+    name: string;
+    value: string | number | Date;
+    emptyValue?: string | number | Date;
+    fromPlaceHolder?: string;
+    toPlaceHolder?: string;
+};

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/utils.js

@@ -0,0 +1,7 @@
+export var FromToTypes;
+(function (FromToTypes) {
+    FromToTypes["text"] = "text";
+    FromToTypes["number"] = "number";
+    FromToTypes["date"] = "date";
+})(FromToTypes || (FromToTypes = {}));
+//# sourceMappingURL=utils.js.map

package/dist/frontends/dashboard-utilities/src/components/FromToFilter/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/FromToFilter/utils.ts"],"names":[],"mappings":"AACA,MAAM,CAAN,IAAkB,WAIjB;AAJD,WAAkB,WAAW;IACzB,4BAAa,CAAA;IACb,gCAAiB,CAAA;IACjB,4BAAa,CAAA;AACjB,CAAC,EAJiB,WAAW,KAAX,WAAW,QAI5B","sourcesContent":["\r\nexport const enum FromToTypes {\r\n    text = \"text\",\r\n    number = \"number\",\r\n    date = \"date\"\r\n}\r\n\r\nexport type FromTo = {\r\n    id: string,\r\n    name: string,\r\n    from: FromToFilter,\r\n    to: FromToFilter,\r\n    displayName?: string\r\n}\r\nexport type FromToValue = {\r\n    from: string| number,\r\n    to: string| number\r\n}\r\nexport type FromToFilter = {\r\n    key: string,\r\n    type: FromToTypes,\r\n    name: string\r\n    value: string | number | Date,\r\n    emptyValue?: string | number | Date,\r\n    fromPlaceHolder?: string,\r\n    toPlaceHolder?: string\r\n}"]}

package/dist/frontends/dashboard-utilities/src/components/InStoreFiltersMenu/InStoreFiltersMenu.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Narrow, Facet } from "@fast-simon/utilities";
+export interface Props {
+    facets: Facet[];
+    narrow: Narrow;
+    onNarrowChange: (narrow: any) => void;
+    onPageChange: (page: number) => void;
+}
+declare const InStoreFiltersMenu: React.FC<Props>;
+export default InStoreFiltersMenu;

package/dist/frontends/dashboard-utilities/src/components/InStoreFiltersMenu/InStoreFiltersMenu.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import classes from './styles.module.css';
+import { FacetItem } from "../FacetItem/FacetItem";
+import { NarrowParser } from "@fast-simon/utilities";
+import classNames from "classnames";
+const InStoreFiltersMenu = ({ facets, narrow, onNarrowChange, onPageChange }) => {
+    const filtersRef = React.createRef();
+    useEffect(() => {
+        if (filtersRef.current && !filtersRef.current.style.height) {
+            filtersRef.current.style.height = `calc(100vh - ${filtersRef.current.getBoundingClientRect().top + 20}px)`;
+        }
+    }, [filtersRef]);
+    const handleNarrowChange = (facetName, narrowName, updateSingleNarrow) => {
+        let newNarrow = {};
+        if (updateSingleNarrow) {
+            newNarrow = NarrowParser.updateSingleNarrow(narrow, facetName, narrowName);
+        }
+        else {
+            newNarrow = NarrowParser.updateNarrow(narrow, facetName, narrowName);
+        }
+        onNarrowChange(newNarrow);
+        onPageChange(1);
+    };
+    const clearAll = () => {
+        onNarrowChange({});
+        onPageChange(1);
+    };
+    return (_jsxs("div", Object.assign({ className: classes.filtersContainer, ref: filtersRef }, { children: [facets.map(facet => {
+                return (_jsx(FacetItem, { narrow: narrow[((facet === null || facet === void 0 ? void 0 : facet.meta) && narrow[((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to")]) ? ((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to") : facet === null || facet === void 0 ? void 0 : facet.name], facet: facet, onChange: handleNarrowChange, onNarrowChange: onNarrowChange, onPageChange: onPageChange }, "fs-filters" + facet.id.toString()));
+            }), _jsx("span", Object.assign({ onClick: clearAll, className: classNames(classes.arrow, classes.clearAll) }, { children: _jsxs("small", { children: ["Clear All\u00A0\u00A0\u00A0", _jsx("i", {})] }) }))] })));
+};
+export default InStoreFiltersMenu;
+//# sourceMappingURL=InStoreFiltersMenu.js.map

package/dist/frontends/dashboard-utilities/src/components/InStoreFiltersMenu/InStoreFiltersMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InStoreFiltersMenu.js","sourceRoot":"","sources":["../../../../../../src/components/InStoreFiltersMenu/InStoreFiltersMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAiB,MAAM,uBAAuB,CAAC;AACpE,OAAO,UAAU,MAAM,YAAY,CAAC;AASpC,MAAM,kBAAkB,GAAoB,CAAC,EAAC,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,YAAY,EAAC,EAAE,EAAE;IAC3F,MAAM,UAAU,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACX,IAAG,UAAU,CAAC,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE;YACvD,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,gBAAgB,UAAU,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,GAAG,GAAC,EAAE,KAAK,CAAC;SAC5G;IACL,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,kBAAkB,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,kBAA4B,EAAE,EAAE;QAC/F,IAAI,SAAS,GAAW,EAAE,CAAC;QAC3B,IAAG,kBAAkB,EAAE;YAClB,SAAS,GAAG,YAAY,CAAC,kBAAkB,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SAC/E;aAAM;YACF,SAAS,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC;SACzE;QACD,cAAc,CAAC,SAAS,CAAC,CAAC;QAC1B,YAAY,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAA;IACD,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,YAAY,CAAC,CAAC,CAAC,CAAC;IACpB,CAAC,CAAA;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB,EAAE,GAAG,EAAE,UAAU,iBAGjD,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACf,OAAO,CACJ,KAAC,SAAS,IACC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,KAAI,MAAM,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IAAG,UAAU,CAAC,CAAC,CAAC,CAAE,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IAAG,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,CAAC,EAC/G,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,kBAAkB,EAC5B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,IALrB,YAAY,GAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,EAAE,CAKG,CACrD,CAAA;YACL,CAAC,CAAC,EAEN,6BAAM,OAAO,EAAE,QAAQ,EAAC,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC,gBAAE,2DAAkC,aAAI,IAAQ,IACvH,KACL,CACT,CAAA;AACL,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import React, {useEffect} from 'react';\r\nimport classes from './styles.module.css';\r\nimport {useVisualEditorContext} from \"../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/context/visualEditorContext\";\r\nimport {FacetItem} from \"../FacetItem/FacetItem\";\r\nimport { NarrowParser, Narrow, Facet } from \"@fast-simon/utilities\";\r\nimport classNames from \"classnames\";\r\n\r\nexport interface Props {\r\n    facets: Facet[];\r\n    narrow: Narrow;\r\n    onNarrowChange: (narrow: any) => void;\r\n    onPageChange: (page: number) => void;\r\n}\r\n\r\nconst InStoreFiltersMenu: React.FC<Props> = ({facets, narrow, onNarrowChange, onPageChange}) => {\r\n    const filtersRef = React.createRef<HTMLDivElement>();\r\n\r\n    useEffect(() => {\r\n        if(filtersRef.current && !filtersRef.current.style.height) {\r\n            filtersRef.current.style.height = `calc(100vh - ${filtersRef.current.getBoundingClientRect().top+20}px)`;\r\n        }\r\n    }, [filtersRef]);\r\n\r\n    const handleNarrowChange = (facetName: string, narrowName: string, updateSingleNarrow?: boolean) => {\r\n        let newNarrow: Narrow = {};\r\n        if(updateSingleNarrow) {\r\n             newNarrow = NarrowParser.updateSingleNarrow(narrow, facetName, narrowName);\r\n        } else {\r\n             newNarrow = NarrowParser.updateNarrow(narrow, facetName, narrowName);\r\n        }\r\n        onNarrowChange(newNarrow);\r\n        onPageChange(1);\r\n    }\r\n    const clearAll = () => {\r\n        onNarrowChange({});\r\n        onPageChange(1);\r\n    }\r\n\r\n    return (\r\n        <div className={classes.filtersContainer} ref={filtersRef}>\r\n\r\n            {\r\n                facets.map(facet => {\r\n                    return (\r\n                       <FacetItem key={\"fs-filters\"+facet.id.toString()} \r\n                                  narrow={narrow[(facet?.meta && narrow[(facet?.name + \"_from_to\")])  ? (facet?.name + \"_from_to\") : facet?.name]} \r\n                                  facet={facet} \r\n                                  onChange={handleNarrowChange} \r\n                                  onNarrowChange={onNarrowChange} \r\n                                  onPageChange={onPageChange}></FacetItem>\r\n                    )\r\n                })\r\n            }\r\n            <span onClick={clearAll}className={classNames(classes.arrow, classes.clearAll)}><small>Clear All&nbsp;&nbsp;&nbsp;<i/></small>\r\n            </span>\r\n        </div>\r\n    )\r\n};\r\n\r\nexport default InStoreFiltersMenu;\r\n"]}

package/dist/frontends/dashboard-utilities/src/components/InStoreFiltersMenu/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./InStoreFiltersMenu";

package/dist/frontends/dashboard-utilities/src/components/InStoreFiltersMenu/index.js

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

package/dist/frontends/dashboard-utilities/src/components/InStoreFiltersMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/InStoreFiltersMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { default } from \"./InStoreFiltersMenu\";\r\n"]}

package/dist/frontends/dashboard-utilities/src/components/Input/Input.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface Props {
+    initialInput: string | number;
+    onChange: (input: string) => void;
+    onCompleted: (input: string) => void;
+    debounceTime: number;
+    customClasses?: {
+        container?: string;
+        input?: string;
+    };
+    type?: string;
+    placeholder?: string;
+    isInputValidForCommit?: (userInput: string) => boolean;
+    placeholderIcon?: JSX.Element;
+    selectAllOnFocus?: boolean;
+    limit?: {
+        min: number;
+        max: number;
+    };
+}
+declare const Input: React.FC<Props>;
+export default Input;