@fast-simon/dashboard-utilities 1.0.1

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

@@ -0,0 +1,90 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Checkbox } from '../CheckboxFilter/Checkbox/Checkbox';
+import { getDisplayName } from "./utils";
+import classes from './styles.module.css';
+import classNames from "classnames";
+import SliderFilter from "../SliderFilter";
+import { FromToFilter } from "../FromToFilter/FromToFilter";
+import { getCustomPriceFilter } from "../BackOfficeFiltersMenu/utils";
+export function SingleFilter({ facet, onChange, narrow, disableSelect = false, onNarrowChange, onPageChange }) {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const [expanded, setExpanded] = useState(false);
+    const [itemsToShow, setItemsToShow] = useState([]);
+    const [metaValue, setMetaValue] = useState([]);
+    useEffect(() => {
+        var _a, _b, _c;
+        setItemsToShow((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.slice(0, 5));
+        setExpanded(false);
+        if ((facet === null || facet === void 0 ? void 0 : facet.meta) && !(metaValue === null || metaValue === void 0 ? void 0 : metaValue.length)) {
+            setMetaValue([Number((_b = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _b === void 0 ? void 0 : _b.min), Number((_c = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _c === void 0 ? void 0 : _c.max)]);
+        }
+    }, [facet]);
+    useEffect(() => {
+        var _a;
+        if (((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.length) <= (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length)) {
+            setExpanded(true);
+        }
+    }, [itemsToShow]);
+    const handleShowMoreClick = () => {
+        setItemsToShow(facet === null || facet === void 0 ? void 0 : facet.values);
+        setExpanded(true);
+    };
+    const handleShowLessClick = () => {
+        var _a;
+        setItemsToShow((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.slice(0, 5));
+        setExpanded(true);
+    };
+    const onFacetClicked = (name) => {
+        // clearTimeout(timer);
+        // timer = setTimeout(() => {
+        onChange(facet.name, name);
+        // }, 750);
+    };
+    const onSliderFacetClicked = (value) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            var _a, _b;
+            setMetaValue(value);
+            if ((value === null || value === void 0 ? void 0 : value[0]) !== Number((_a = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _a === void 0 ? void 0 : _a.min) || (value === null || value === void 0 ? void 0 : value[1]) !== Number((_b = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _b === void 0 ? void 0 : _b.max)) {
+                onChange("Price_from_to", value[0] + "-" + value[1], true);
+            }
+            else {
+                onPageChange(1);
+                onNarrowChange((n) => {
+                    const narrow = Object.assign({}, n);
+                    delete narrow["Price_from_to"];
+                    return narrow;
+                });
+            }
+        }, 75);
+    };
+    const getMetaNarrow = () => {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        let values = (_h = (_f = (_e = (_d = (_c = (_b = (_a = narrow === null || narrow === void 0 ? void 0 : narrow.values) === null || _a === void 0 ? void 0 : _a.call(narrow)) === null || _b === void 0 ? void 0 : _b.next) === null || _c === void 0 ? void 0 : _c.call(_b)) === null || _d === void 0 ? void 0 : _d.value) === null || _e === void 0 ? void 0 : _e.split) === null || _f === void 0 ? void 0 : (_g = _f.call(_e, "-")).map) === null || _h === void 0 ? void 0 : _h.call(_g, val => { return !isNaN(val) ? Number(val) : null; });
+        return values && (values === null || values === void 0 ? void 0 : values[0]) && (values === null || values === void 0 ? void 0 : values[1]) ? values : metaValue;
+    };
+    let timer;
+    const onFromToFilterChange = (facetid, value) => {
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            onChange((facet === null || facet === void 0 ? void 0 : facet.name) + "_from_to", value, true);
+        }, 750);
+    };
+    return (_jsxs("div", Object.assign({ className: classes.fsOptions, style: { pointerEvents: disableSelect ? 'none' : 'auto' } }, { children: [(itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                itemsToShow.map(value => {
+                    return (_jsx("span", Object.assign({ onClick: () => onFacetClicked(value.name) }, { children: _jsx(Checkbox, Object.assign({ isChecked: !!(narrow === null || narrow === void 0 ? void 0 : narrow.has(value.name)), id: value.name, onChange: () => {
+                                onFacetClicked(value.name);
+                            }, ariaLabel: getDisplayName(value.displayName) }, { children: _jsxs("span", Object.assign({ className: "filters-option-text fs-serp-filter-text" }, { children: [getDisplayName(value.displayName), " ", (value === null || value === void 0 ? void 0 : value.count) > 0 ? `(${value === null || value === void 0 ? void 0 : value.count})` : null] })) })) }), 'fs-checkbox-' + value.name));
+                }) :
+                (facet === null || facet === void 0 ? void 0 : facet.meta) ?
+                    _jsx(SliderFilter, { value: (_a = getMetaNarrow()) !== null && _a !== void 0 ? _a : [Number((_b = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _b === void 0 ? void 0 : _b.min), Number((_c = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _c === void 0 ? void 0 : _c.max)], id: 'fs-checkbox-' + (facet === null || facet === void 0 ? void 0 : facet.name), min: Number((_d = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _d === void 0 ? void 0 : _d.min), max: Number((_e = facet === null || facet === void 0 ? void 0 : facet.meta) === null || _e === void 0 ? void 0 : _e.max), onChange: (val) => {
+                            onSliderFacetClicked(val);
+                        } }) : null, (facet === null || facet === void 0 ? void 0 : facet.name) === "Price" && (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                _jsx(FromToFilter, { facet: getCustomPriceFilter(), value: getMetaNarrow(), onChange: onFromToFilterChange }) : null, expanded && ((_f = facet === null || facet === void 0 ? void 0 : facet.values) === null || _f === void 0 ? void 0 : _f.length) !== (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                _jsx("span", Object.assign({ onClick: handleShowLessClick, className: classes.showMore }, { children: _jsxs("small", { children: ["Show Less\u00A0\u00A0\u00A0", _jsx("i", { className: classNames(classes.arrow, classes.down) })] }) }))
+                :
+                    ((_g = facet === null || facet === void 0 ? void 0 : facet.values) === null || _g === void 0 ? void 0 : _g.length) !== (itemsToShow === null || itemsToShow === void 0 ? void 0 : itemsToShow.length) ?
+                        _jsx("span", Object.assign({ onClick: handleShowMoreClick, className: classes.showMore }, { children: _jsxs("small", { children: ["Show more\u00A0\u00A0\u00A0", _jsx("i", { className: classNames(classes.arrow, classes.down) })] }) })) : null] })));
+}
+//# sourceMappingURL=SingleFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SingleFilter.js","sourceRoot":"","sources":["../../../../../../src/components/SingleFilter/SingleFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport {Facet} from \"@fast-simon/utilities\";\r\nimport { Checkbox } from '../CheckboxFilter/Checkbox/Checkbox';\r\nimport {getDisplayName} from \"./utils\";\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\nimport SliderFilter from \"../SliderFilter\";\r\nimport {FromToFilter} from \"../FromToFilter/FromToFilter\";\r\nimport {getCustomPriceFilter} from \"../BackOfficeFiltersMenu/utils\";\r\nimport {useVisualEditorContext} from \"../../../../../dashboard/dashboard-client/src/pages/LandingPages/editor/context/visualEditorContext\";\r\nimport {Narrow} from \"../../@types/narrow\";\r\n\r\ninterface Props {\r\n    facet: Facet;\r\n    onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean) => void;\r\n    narrow?: Set<string>;\r\n    disableSelect?: boolean;\r\n    onNarrowChange: (narrow: any) => void;\r\n    onPageChange: (page: number) => void;\r\n}\r\n\r\nexport function SingleFilter({facet, onChange, narrow, disableSelect = false, onNarrowChange, onPageChange}: Props) {\r\n    const [expanded, setExpanded] = useState(false);\r\n    const [itemsToShow, setItemsToShow] = useState<any[]>([]);\r\n    const [metaValue, setMetaValue] = useState<number[]>([])\r\n\r\n    useEffect(() => {\r\n        setItemsToShow(facet?.values?.slice(0,5));\r\n        setExpanded(false);\r\n        if(facet?.meta && !metaValue?.length) {\r\n            setMetaValue([Number(facet?.meta?.min), Number(facet?.meta?.max)])\r\n        }\r\n    }, [facet]);\r\n\r\n    useEffect(() => {\r\n        if (facet?.values?.length <= itemsToShow?.length) {\r\n            setExpanded(true);\r\n        }\r\n    }, [itemsToShow]);\r\n\r\n    const handleShowMoreClick = () => {\r\n        setItemsToShow(facet?.values);\r\n        setExpanded(true);\r\n    }\r\n\r\n    const handleShowLessClick = () => {\r\n        setItemsToShow(facet?.values?.slice(0,5));\r\n        setExpanded(true);\r\n    }\r\n\r\n    const onFacetClicked = (name: string) => {\r\n        // clearTimeout(timer);\r\n        // timer = setTimeout(() => {\r\n            onChange(facet.name , name);\r\n        // }, 750);\r\n    }\r\n    const onSliderFacetClicked = (value: number[]) : void => {\r\n        clearTimeout(timer);\r\n        timer = setTimeout(() => {\r\n            setMetaValue(value);\r\n            if(value?.[0] !== Number(facet?.meta?.min) || value?.[1] !== Number(facet?.meta?.max)) {\r\n                onChange(\"Price_from_to\" , value[0] + \"-\" + value[1], true);\r\n            } else {\r\n                onPageChange(1);\r\n                onNarrowChange((n: Narrow) => {\r\n                    const narrow = { ...n };\r\n                    delete narrow[\"Price_from_to\"];\r\n                    return narrow;\r\n                });\r\n            }\r\n        }, 75);\r\n    }\r\n    const getMetaNarrow = (): number[] => {\r\n       let values = (narrow?.values?.()?.next?.()?.value as string)?.split?.(\"-\").map?.(val => {return !isNaN(val as any)? Number(val): null});\r\n       return values && values?.[0] && values?.[1] ?values as number[]:metaValue;\r\n    }\r\n    let timer: string | number | NodeJS.Timeout | undefined;\r\n    const onFromToFilterChange = (facetid: string, value: string) => {\r\n        clearTimeout(timer);\r\n        timer = setTimeout(() => {\r\n            onChange(facet?.name+\"_from_to\" , value, true);\r\n        }, 750);\r\n    }\r\n    return (\r\n        <div className={classes.fsOptions} style={{ pointerEvents: disableSelect ? 'none' : 'auto'}}>\r\n            {\r\n                 itemsToShow?.length ?\r\n                        itemsToShow.map(value => {\r\n                            return (\r\n                                <span key={'fs-checkbox-' + value.name} onClick={() => onFacetClicked(value.name)}>\r\n                            <Checkbox isChecked={!!narrow?.has(value.name)} id={value.name} onChange={() => {\r\n                                onFacetClicked(value.name)\r\n                            }} ariaLabel={getDisplayName(value.displayName)}>\r\n                                <span\r\n                                    className=\"filters-option-text fs-serp-filter-text\">{getDisplayName(value.displayName)} {value?.count > 0?`(${value?.count})`: null}</span>\r\n                            </Checkbox>\r\n                        </span>\r\n                            )\r\n                        }) :\r\n                    facet?.meta ?\r\n                        <SliderFilter value={getMetaNarrow()??[Number(facet?.meta?.min),Number(facet?.meta?.max)]} id={'fs-checkbox-' + facet?.name}\r\n                                      min={Number(facet?.meta?.min)} max={Number(facet?.meta?.max)}\r\n                                      onChange={(val) => {\r\n                                          onSliderFacetClicked(val)\r\n                                      }}/> : null\r\n\r\n\r\n\r\n            }\r\n            {facet?.name === \"Price\" && itemsToShow?.length ?\r\n                <FromToFilter facet={getCustomPriceFilter()}\r\n                                value={getMetaNarrow()}\r\n                              onChange={onFromToFilterChange}></FromToFilter> : null}\r\n            {expanded && facet?.values?.length !== itemsToShow?.length ?\r\n                <span onClick={handleShowLessClick} className={classes.showMore}><small>Show Less&nbsp;&nbsp;&nbsp;<i\r\n                    className={classNames(classes.arrow, classes.down)}/></small>\r\n                </span>\r\n                :\r\n                facet?.values?.length !== itemsToShow?.length ?\r\n                <span onClick={handleShowMoreClick} className={classes.showMore}><small>Show more&nbsp;&nbsp;&nbsp;<i\r\n                    className={classNames(classes.arrow, classes.down)}/></small>\r\n                </span> : null\r\n            }\r\n        </div>\r\n\r\n    )\r\n\r\n}\r\n\r\n"]}

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

@@ -0,0 +1,3 @@
+import { FromTo } from "../FromToFilter/utils";
+export declare const getDisplayName: (displayName: string) => string;
+export declare const getCustomPriceFilter: () => FromTo;

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

@@ -0,0 +1,42 @@
+import { FromToTypes } from "../FromToFilter/utils";
+export const getDisplayName = (displayName) => {
+    let splittedName = displayName === null || displayName === void 0 ? void 0 : displayName.split(':');
+    if (splittedName === null || splittedName === void 0 ? void 0 : splittedName[1]) {
+        return splittedName === null || splittedName === void 0 ? void 0 : splittedName[1];
+    }
+    return displayName;
+};
+export const getCustomPriceFilter = () => {
+    var _a, _b, _c, _d, _e;
+    let id = Date.now();
+    let filters = {
+        "price": {
+            id: "price", name: "Price", displayName: "",
+            from: {
+                key: "price_from",
+                type: FromToTypes.number,
+                name: "From",
+                value: ""
+            },
+            to: {
+                key: "price_to",
+                type: FromToTypes.number,
+                name: "To",
+                value: ""
+            }
+        }
+    };
+    for (const [key, values] of Object.entries(filters)) {
+        if ((_a = filters[key]) === null || _a === void 0 ? void 0 : _a.name) {
+            filters[key].name += id.toString();
+        }
+        if ((_c = (_b = filters[key]) === null || _b === void 0 ? void 0 : _b.from) === null || _c === void 0 ? void 0 : _c.key) {
+            filters[key].from.key += id.toString();
+        }
+        if ((_e = (_d = filters[key]) === null || _d === void 0 ? void 0 : _d.to) === null || _e === void 0 ? void 0 : _e.key) {
+            filters[key].to.key += id.toString();
+        }
+    }
+    return filters === null || filters === void 0 ? void 0 : filters["price"];
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/SingleFilter/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,WAAmB,EAAE,EAAE;IAClD,IAAI,YAAY,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IAC3C,IAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,EAAC;QACjB,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,CAAC,CAAC,CAAA;KAC3B;IACD,OAAO,WAAW,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAW,EAAE;;IAC7C,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;IACpB,IAAI,OAAO,GAAG;QACV,OAAO,EAAE;YACL,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE;YAC3C,IAAI,EAAE;gBACF,GAAG,EAAE,YAAY;gBACjB,IAAI,EAAE,WAAW,CAAC,MAAM;gBACxB,IAAI,EAAE,MAAM;gBACZ,KAAK,EAAE,EAAE;aACZ;YACD,EAAE,EAAE;gBACA,GAAG,EAAE,UAAU;gBACf,IAAI,EAAE,WAAW,CAAC,MAAM;gBACxB,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,EAAE;aACZ;SACJ;KACJ,CAAC;IACF,KAAK,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QACjD,IAAG,MAAE,OAAe,CAAC,GAAG,CAAS,0CAAE,IAAI,EAAE;YACnC,OAAe,CAAC,GAAG,CAAS,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;SACxD;QACD,IAAG,MAAA,MAAE,OAAe,CAAC,GAAG,CAAS,0CAAE,IAAI,0CAAE,GAAG,EAAE;YACxC,OAAe,CAAC,GAAG,CAAS,CAAC,IAAI,CAAC,GAAG,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;SAC5D;QACD,IAAG,MAAA,MAAE,OAAe,CAAC,GAAG,CAAS,0CAAE,EAAE,0CAAE,GAAG,EAAE;YACtC,OAAe,CAAC,GAAG,CAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC;SAC1D;KACJ;IACD,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,OAAO,CAAW,CAAC;AACxC,CAAC,CAAA","sourcesContent":["import { FromTo, FromToTypes } from \"../FromToFilter/utils\";\r\n\r\nexport const getDisplayName = (displayName: string) => {\r\n    let splittedName = displayName?.split(':');\r\n    if(splittedName?.[1]){\r\n        return splittedName?.[1]\r\n    }\r\n    return displayName;\r\n};\r\n\r\nexport const getCustomPriceFilter = (): FromTo => {\r\n    let id = Date.now();\r\n    let filters = {\r\n        \"price\": {\r\n            id: \"price\", name: \"Price\", displayName: \"\",\r\n            from: {\r\n                key: \"price_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\"\r\n            },\r\n            to: {\r\n                key: \"price_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\"\r\n            }\r\n        }\r\n    };\r\n    for (const [key, values] of Object.entries(filters)) {\r\n        if(((filters as any)[key] as any)?.name) {\r\n            ((filters as any)[key] as any).name += id.toString();\r\n        }\r\n        if(((filters as any)[key] as any)?.from?.key) {\r\n            ((filters as any)[key] as any).from.key += id.toString();\r\n        }\r\n        if(((filters as any)[key] as any)?.to?.key) {\r\n            ((filters as any)[key] as any).to.key += id.toString();\r\n        }\r\n    }\r\n    return filters?.[\"price\"] as FromTo;\r\n}\r\n"]}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import 'rc-slider/assets/index.css';
+export interface Classes {
+}
+export interface SliderProps {
+    disabled?: boolean;
+    className?: string;
+    onChange: (value: number[]) => void;
+    onChangeEnd?: (value: number) => void;
+    value?: number | number[];
+    id: string;
+    min: number;
+    max: number;
+    step?: number;
+    marks?: {
+        [id: number]: string;
+    };
+}
+declare const SliderFilter: React.FC<SliderProps>;
+export default SliderFilter;

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

@@ -0,0 +1,45 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import Slider from 'rc-slider';
+import 'rc-slider/assets/index.css';
+import classes from './styles.module.css';
+const SliderFilter = ({ min, max, onChange, value, disabled, marks, step }) => {
+    const [options, setOptions] = useState({});
+    const [optionSize, setOptionSize] = useState(10);
+    const [currentValue, setCurrentValue] = useState([]);
+    const createSliderMarks = (minPrice, maxPrice, step, numberOfMarks) => {
+        const marks = {};
+        // Generate the marks
+        for (let i = 0; i < numberOfMarks; i++) {
+            let markValue = min + i * step;
+            // Ensure the last mark is exactly the max value
+            if (i === numberOfMarks - 1) {
+                markValue = max;
+            }
+            marks[markValue] = markValue.toString();
+        }
+        return marks;
+    };
+    useEffect(() => {
+        const maxVal = Math.ceil(max ? max : 500);
+        const numberOfMarks = maxVal > 10000 ? 6 : 10;
+        // Calculate the step size
+        const tempStep = Math.ceil(step ? step : (maxVal - min) / (numberOfMarks - 1));
+        const tempDots = createSliderMarks(min, maxVal, tempStep, numberOfMarks);
+        setOptionSize(tempStep);
+        setOptions(tempDots);
+    }, [max, step]);
+    useEffect(() => {
+        setCurrentValue(value);
+    }, [value]);
+    const onSliderChange = (e) => {
+        clearTimeout(window.priceSliderTimer);
+        setCurrentValue(e);
+        window.priceSliderTimer = setTimeout(() => {
+            onChange(e);
+        }, 750);
+    };
+    return (_jsx(_Fragment, { children: _jsx(Slider, { range: true, min: min, max: max, marks: options, step: optionSize, onChange: (e) => { onSliderChange(e); }, value: currentValue ? currentValue : [min, max], allowCross: false, pushable: true, draggableTrack: true, trackStyle: { backgroundColor: '#282828' }, handleStyle: { borderColor: '#575757' }, dotStyle: { borderColor: '#575757' }, activeDotStyle: { borderColor: '#575757' }, className: classes.rcSlider }) }));
+};
+export default SliderFilter;
+//# sourceMappingURL=SliderFilter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SliderFilter.js","sourceRoot":"","sources":["../../../../../../src/components/SliderFilter/SliderFilter.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport Slider from 'rc-slider';\r\nimport 'rc-slider/assets/index.css';\r\nimport classes from './styles.module.css';\r\n\r\nexport interface Classes {\r\n\r\n}\r\n\r\nexport interface SliderProps {\r\n    disabled?: boolean\r\n    className?: string\r\n    onChange: (value: number[]) => void\r\n    onChangeEnd?: (value: number) => void\r\n    value?: number | number[]\r\n    id: string\r\n    min: number\r\n    max: number\r\n    step?: number\r\n    marks?: { [id: number] :string }\r\n}\r\n\r\nconst SliderFilter: React.FC<SliderProps> = ({min, max, onChange, value, disabled, marks, step}: SliderProps)=> {\r\n    const [options, setOptions]= useState<Record<string | number, any>>({});\r\n    const [optionSize, setOptionSize]= useState<number>(10);\r\n    const [currentValue, setCurrentValue] = useState<number |number[] | undefined>([])\r\n\r\n    const createSliderMarks = (minPrice: number, maxPrice: number, step: number, numberOfMarks: number) => {\r\n        const marks: Record<string, string> = {};\r\n\r\n        // Generate the marks\r\n        for (let i = 0; i < numberOfMarks; i++) {\r\n            let markValue = min + i * step;\r\n\r\n            // Ensure the last mark is exactly the max value\r\n            if (i === numberOfMarks - 1) {\r\n                markValue = max;\r\n            }\r\n\r\n            marks[markValue] = markValue.toString();\r\n        }\r\n\r\n        return marks;\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n        const maxVal = Math.ceil( max ? max : 500);\r\n        const numberOfMarks = maxVal > 10000 ? 6 : 10;\r\n        // Calculate the step size\r\n        const tempStep = Math.ceil(step ? step :(maxVal - min) / (numberOfMarks - 1));\r\n        const tempDots = createSliderMarks(min, maxVal, tempStep, numberOfMarks);\r\n        setOptionSize(tempStep);\r\n        setOptions(tempDots);\r\n    }, [max, step]);\r\n\r\n\r\n    useEffect(() =>{\r\n        setCurrentValue(value);\r\n    },[value])\r\n\r\n    const onSliderChange = (e: number[]) => {\r\n        clearTimeout((window as any).priceSliderTimer);\r\n        setCurrentValue(e);\r\n        (window as any).priceSliderTimer = setTimeout(() => {\r\n            onChange(e);\r\n        }, 750);\r\n    }\r\n\r\n    return (<>\r\n        <Slider\r\n            range\r\n            min={min}\r\n            max={max}\r\n            marks={options}\r\n            step={optionSize}\r\n            onChange={(e: number | number[]) => {onSliderChange(e as number[]);}}\r\n            value={currentValue?currentValue:[min, max]}\r\n            allowCross={false}\r\n            pushable\r\n            draggableTrack\r\n            trackStyle={{backgroundColor: '#282828'}}\r\n            handleStyle={{borderColor: '#575757'}}\r\n            dotStyle={{borderColor: '#575757'}}\r\n            activeDotStyle={{borderColor: '#575757'}}\r\n            className={classes.rcSlider}\r\n        />\r\n    </>);\r\n};\r\n\r\nexport default SliderFilter;\r\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import React from "react";
+export interface Props {
+    text?: string;
+    className?: string;
+    type?: 'help' | 'lock';
+}
+declare const Tooltip: React.FC<Props>;
+export default Tooltip;

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

@@ -0,0 +1,9 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import classes from "./styles.module.css";
+import { HelpIcon } from "../../icons/HelpIcon";
+const Tooltip = ({ text, className, type = 'help' }) => {
+    return (_jsxs(_Fragment, { children: [type === 'help' && _jsx(HelpIcon, { width: 20, height: 20, customClass: classes.tooltipIcon }), type === 'lock' && _jsx("span", Object.assign({ className: clsx('material-symbols-outlined', classes.tooltipIcon) }, { children: "lock" })), _jsx("div", Object.assign({ className: classes.miniTooltip }, { children: text }))] }));
+};
+export default Tooltip;
+//# sourceMappingURL=Tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAQ9C,MAAM,OAAO,GAAoB,CAAC,EAAC,IAAI,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAC,EAAE,EAAE;IAElE,OAAO,CACH,8BACK,IAAI,KAAK,MAAM,IAAI,KAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,GAAG,EACvF,IAAI,KAAK,MAAM,IAAI,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,WAAW,CAAC,0BAAa,EACxG,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAAG,IAAI,IAAO,IACnD,CACL,CAAA;AACL,CAAC,CAAA;AAED,eAAe,OAAO,CAAC","sourcesContent":["import React from \"react\";\r\nimport clsx from \"clsx\";\r\nimport classes from \"./styles.module.css\";\r\nimport {HelpIcon} from \"../../icons/HelpIcon\";\r\n\r\nexport interface Props {\r\n    text?: string;\r\n    className?: string;\r\n    type?: 'help' | 'lock'\r\n}\r\n\r\nconst Tooltip: React.FC<Props> = ({text, className, type = 'help'}) => {\r\n\r\n    return (\r\n        <>\r\n            {type === 'help' && <HelpIcon width={20} height={20} customClass={classes.tooltipIcon}/>}\r\n            {type === 'lock' && <span className={clsx('material-symbols-outlined', classes.tooltipIcon)}>lock</span>}\r\n            <div className={classes.miniTooltip}>{text}</div>\r\n       </>\r\n    )\r\n}\r\n\r\nexport default Tooltip;"]}

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

@@ -0,0 +1,34 @@
+import { Attribute, Variant } from "fast-simon-sdk";
+export declare enum ReportType {
+    Search = "search",
+    Collection = "collection",
+    Recommendation = "recommendations"
+}
+export type RedirectType = "single-page" | "multi-page";
+export type ClickSource = "recommnedetions";
+export declare const Defaults: {
+    SWITCH_FACETS_NAMES: string[];
+    CATEGORY_FACET_NAME: string;
+    PRICE_FACET_NAME: string;
+    SELLABLE_FACET_NAME: string;
+    PRICE_MIN_FACET_NAME: string;
+    PRICE_MAX_FACET_NAME: string;
+    PRICE_RANGE_FACET_NAME: string;
+    IMAGE_FACET_NAME: string;
+    TAG_FACET_NAME: string;
+    PROMO_TILE_TAG_NAME: string;
+    COLOR_FACET_NAMES: string[];
+    REVIEW_FACET_NAME: string;
+    SIZE_FACET_NAME: string;
+};
+export declare const newObject: <T>(obj: any) => Record<string, T>;
+interface VariantItem {
+    id: string;
+    value: string;
+    sellable: boolean;
+}
+export declare const getSelectedVariantID: (image: string, variants?: Variant[]) => string | undefined;
+export declare const getVariantList: (variants: Variant[], variantName: string, showSoldOut: boolean) => VariantItem[];
+export declare const getAttributeList: (attributes: Attribute[], name: string) => string[];
+export declare const useScrollBar: () => string;
+export {};

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

@@ -0,0 +1,80 @@
+import { createUseStyles, useTheme } from "react-jss";
+export var ReportType;
+(function (ReportType) {
+    ReportType["Search"] = "search";
+    ReportType["Collection"] = "collection";
+    ReportType["Recommendation"] = "recommendations";
+})(ReportType || (ReportType = {}));
+export const Defaults = {
+    SWITCH_FACETS_NAMES: ["Isp-in-stock", "Isp-on-sale"],
+    CATEGORY_FACET_NAME: "Categories",
+    PRICE_FACET_NAME: "Price",
+    SELLABLE_FACET_NAME: "Sellable",
+    PRICE_MIN_FACET_NAME: "Price_min",
+    PRICE_MAX_FACET_NAME: "Price_max",
+    PRICE_RANGE_FACET_NAME: "Price_from_to",
+    IMAGE_FACET_NAME: "imgs",
+    TAG_FACET_NAME: "Tag",
+    PROMO_TILE_TAG_NAME: "phantom",
+    COLOR_FACET_NAMES: ["Color", "Isp-color-family", "Colour"],
+    REVIEW_FACET_NAME: "Isp-review-stars",
+    SIZE_FACET_NAME: "Size"
+};
+export const newObject = (obj) => {
+    const newObj = {};
+    for (const [key, value] of Object.entries(obj)) {
+        if (typeof value !== "undefined" && value !== null) {
+            newObj[key] = value;
+        }
+    }
+    return newObj;
+};
+export const getSelectedVariantID = (image, variants) => {
+    var _a;
+    if (!variants) {
+        return undefined;
+    }
+    const variantList = getVariantList(variants, Defaults.IMAGE_FACET_NAME, true);
+    return variantList.length > 0 ? (_a = variantList.find(v => v.value === image)) === null || _a === void 0 ? void 0 : _a.id : undefined;
+};
+export const getVariantList = (variants, variantName, showSoldOut) => {
+    const valueSet = new Set();
+    return variants.map(([id, data]) => {
+        const variant = data.find(value => value[0] === variantName);
+        const inStock = Boolean(data.find(value => value[0] === Defaults.SELLABLE_FACET_NAME && value[1][0]));
+        if (variant && !valueSet.has(variant[1][0])) {
+            valueSet.add(variant[1][0]);
+            return {
+                id: id.toString(),
+                value: variant[1][0],
+                sellable: inStock
+            };
+        }
+        return undefined;
+    }).filter(v => v && (showSoldOut || v.sellable));
+};
+export const getAttributeList = (attributes, name) => {
+    var _a, _b;
+    return (_b = (_a = attributes.find(attribute => attribute[0] === name)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : [];
+};
+export const useScrollBar = () => {
+    const theme = useTheme();
+    return (createUseStyles({
+        scrollBar: {
+            overflowY: "auto",
+            "&::-webkit-scrollbar": {
+                width: 10
+            },
+            "&::-webkit-scrollbar-track": {
+                background: "#f1f1f1"
+            },
+            "&::-webkit-scrollbar-thumb": {
+                background: theme.lighterPrimary,
+            },
+            "&::-webkit-scrollbar-thumb:hover": {
+                background: theme.primaryColor,
+            },
+        }
+    }))().scrollBar;
+};
+//# sourceMappingURL=common.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../../../../src/components/common.ts"],"names":[],"mappings":"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","sourcesContent":["import {Attribute, Variant} from \"fast-simon-sdk\"\r\nimport {createUseStyles, useTheme} from \"react-jss\";\r\nimport {MainTheme} from \"./FastSimonApi/FastSimonApi\";\r\n\r\nexport enum ReportType {\r\n    Search = \"search\",\r\n    Collection = \"collection\",\r\n    Recommendation = \"recommendations\"\r\n}\r\n\r\nexport type RedirectType = \"single-page\" | \"multi-page\"\r\n\r\nexport type ClickSource = \"recommnedetions\"\r\n\r\nexport const Defaults = {\r\n    SWITCH_FACETS_NAMES: [\"Isp-in-stock\", \"Isp-on-sale\"],\r\n    CATEGORY_FACET_NAME: \"Categories\",\r\n    PRICE_FACET_NAME: \"Price\",\r\n    SELLABLE_FACET_NAME: \"Sellable\",\r\n    PRICE_MIN_FACET_NAME: \"Price_min\",\r\n    PRICE_MAX_FACET_NAME: \"Price_max\",\r\n    PRICE_RANGE_FACET_NAME: \"Price_from_to\",\r\n    IMAGE_FACET_NAME: \"imgs\",\r\n    TAG_FACET_NAME: \"Tag\",\r\n    PROMO_TILE_TAG_NAME: \"phantom\",\r\n    COLOR_FACET_NAMES: [\"Color\",\"Isp-color-family\", \"Colour\"],\r\n    REVIEW_FACET_NAME:  \"Isp-review-stars\",\r\n    SIZE_FACET_NAME: \"Size\"\r\n}\r\n\r\nexport const newObject = <T>(obj: any): Record<string, T> => {\r\n    const newObj: Record<string, any> = {};\r\n\r\n    for (const [key, value] of Object.entries(obj)) {\r\n        if (typeof value !== \"undefined\" && value !== null) {\r\n            newObj[key] = value;\r\n        }\r\n    }\r\n\r\n    return newObj;\r\n}\r\n\r\ninterface VariantItem {\r\n    id: string,\r\n    value: string,\r\n    sellable: boolean\r\n}\r\n\r\nexport const getSelectedVariantID = (image: string, variants?: Variant[]): string | undefined => {\r\n    if (!variants) {\r\n        return undefined;\r\n    }\r\n\r\n    const variantList = getVariantList(variants, Defaults.IMAGE_FACET_NAME, true);\r\n\r\n    return variantList.length > 0 ? variantList.find(v => v.value === image)?.id : undefined;\r\n}\r\n\r\nexport const getVariantList = (variants: Variant[], variantName: string, showSoldOut: boolean): VariantItem[] => {\r\n    const valueSet = new Set<string>();\r\n\r\n    return variants.map(([id, data]) => {\r\n        const variant = data.find(value => value[0] === variantName);\r\n        const inStock = Boolean(data.find(value => value[0] === Defaults.SELLABLE_FACET_NAME && value[1][0]));\r\n        if (variant && !valueSet.has(variant[1][0])) {\r\n            valueSet.add(variant[1][0]);\r\n\r\n            return {\r\n                id: id.toString(),\r\n                value: variant[1][0],\r\n                sellable: inStock\r\n            }\r\n        }\r\n\r\n        return undefined;\r\n    }).filter(v => v && (showSoldOut || v.sellable)) as VariantItem[];\r\n}\r\n\r\nexport const getAttributeList = (attributes: Attribute[], name: string): string[] => {\r\n    return attributes.find(attribute => attribute[0] === name)?.[1] as unknown as string[] ?? []\r\n}\r\n\r\nexport const useScrollBar = () => {\r\n    const theme: MainTheme = useTheme();\r\n\r\n    return (createUseStyles({\r\n        scrollBar: {\r\n            overflowY: \"auto\",\r\n            \"&::-webkit-scrollbar\": {\r\n                width: 10\r\n            },\r\n            \"&::-webkit-scrollbar-track\": {\r\n                background: \"#f1f1f1\"\r\n            },\r\n            \"&::-webkit-scrollbar-thumb\": {\r\n                background: theme.lighterPrimary,\r\n            },\r\n            \"&::-webkit-scrollbar-thumb:hover\": {\r\n                background: theme.primaryColor,\r\n            },\r\n        }\r\n    }))().scrollBar\r\n}"]}

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

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    numberPerRow: number;
+}
+declare const ProductGrid: React.FC<Props>;
+export default ProductGrid;

package/dist/frontends/dashboard-utilities/src/components/productGrid/ProductGrid.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+const ProductGrid = (props) => {
+    const { numberPerRow, children } = props;
+    return (_jsx("div", Object.assign({ className: classes.grid, style: {
+            "--products-per-row": numberPerRow,
+            width: numberPerRow === 2 ? "500px" : "100%",
+        } }, { children: children })));
+};
+export default ProductGrid;
+//# sourceMappingURL=ProductGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductGrid.js","sourceRoot":"","sources":["../../../../../../src/components/productGrid/ProductGrid.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAM1C,MAAM,WAAW,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC3C,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAEzC,OAAO,CACH,4BACI,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,KAAK,EACD;YACI,oBAAoB,EAAE,YAAY;YAClC,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;SACxC,gBAGX,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from \"react\";\nimport classes from \"./styles.module.css\";\n\ninterface Props {\n    numberPerRow: number;\n}\n\nconst ProductGrid: React.FC<Props> = (props) => {\n    const { numberPerRow, children } = props;\n\n    return (\n        <div\n            className={classes.grid}\n            style={\n                {\n                    \"--products-per-row\": numberPerRow,\n                    width: numberPerRow === 2 ? \"500px\" : \"100%\",\n                } as any\n            }\n        >\n            {children}\n        </div>\n    );\n};\n\nexport default ProductGrid;\n"]}

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

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

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

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

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

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

package/dist/frontends/dashboard-utilities/src/icons/BackOfficeFiltersIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const BackOfficeFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/BackOfficeFiltersIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const BackOfficeFiltersIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapperForStrokedSvg, style: { transform: 'scale(0.85)' } }, { children: _jsxs("svg", Object.assign({ width: width, height: height, viewBox: "0 0 35 34", fill: 'white', xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M3.33203 16.9995V21.2495C3.33203 28.3329 6.16536 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { className: clsx(classes.svgPath, customClasses === null || customClasses === void 0 ? void 0 : customClasses.path), d: "M5.24616 2.83301H17.8545C18.9028 2.83301 19.767 3.69717 19.767 4.74551V6.84217C19.767 7.60717 19.2853 8.55634 18.8178 9.03801L14.7095 12.6647C14.1428 13.1463 13.7603 14.0955 13.7603 14.8605V18.9688C13.7603 19.5355 13.3778 20.3005 12.8962 20.598L11.5645 21.4622C10.3178 22.2272 8.60366 21.363 8.60366 19.833V14.7755C8.60366 14.1097 8.22116 13.2455 7.83866 12.7638L4.21199 8.93884C3.73033 8.45717 3.34783 7.60717 3.34783 7.02634V4.83051C3.33366 3.69717 4.19783 2.83301 5.24616 2.83301Z", strokeWidth: "2", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" })] })) })));
+};
+//# sourceMappingURL=BackOfficeFiltersIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/BackOfficeFiltersIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackOfficeFiltersIcon.js","sourceRoot":"","sources":["../../../../../src/icons/BackOfficeFiltersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IAC/E,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,wBAAwB,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,aAAa,EAAC,gBAC/E,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAC,4BAA4B,iBACpG,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,wRAAwR,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,EACtZ,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CAAC,EAAE,CAAC,EAAC,qeAAqe,EAAC,WAAW,EAAC,GAAG,EAAC,gBAAgB,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAE,KACvnB,IACJ,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const BackOfficeFiltersIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapperForStrokedSvg} style={{transform: 'scale(0.85)'}}>\r\n            <svg width={width} height={height} viewBox=\"0 0 35 34\" fill={'white'} xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M3.33203 16.9995V21.2495C3.33203 28.3329 6.16536 31.1662 13.2487 31.1662H21.7487C28.832 31.1662 31.6654 28.3329 31.6654 21.2495V12.7495C31.6654 8.32952 30.5604 5.55285 27.9962 4.10785C27.2737 3.69702 25.8287 3.38535 24.5112 3.17285M18.9154 18.4162H25.9987M16.082 24.0829H25.9987\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n                <path className={clsx(classes.svgPath, customClasses?.path)} d=\"M5.24616 2.83301H17.8545C18.9028 2.83301 19.767 3.69717 19.767 4.74551V6.84217C19.767 7.60717 19.2853 8.55634 18.8178 9.03801L14.7095 12.6647C14.1428 13.1463 13.7603 14.0955 13.7603 14.8605V18.9688C13.7603 19.5355 13.3778 20.3005 12.8962 20.598L11.5645 21.4622C10.3178 22.2272 8.60366 21.363 8.60366 19.833V14.7755C8.60366 14.1097 8.22116 13.2455 7.83866 12.7638L4.21199 8.93884C3.73033 8.45717 3.34783 7.60717 3.34783 7.02634V4.83051C3.33366 3.69717 4.19783 2.83301 5.24616 2.83301Z\" strokeWidth=\"2\" strokeMiterlimit=\"10\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\r\n            </svg>\r\n        </div>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/BannersIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const BannersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/BannersIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const BannersIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "fertile" })) })));
+};
+//# sourceMappingURL=BannersIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/BannersIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannersIcon.js","sourceRoot":"","sources":["../../../../../src/icons/BannersIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACrE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAC/B,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,6BAErF,IACL,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\n\r\nexport const BannersIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapper}>\r\n            <span className={clsx(\"material-symbols-outlined\", classes.materialIcon, customClasses?.svg)}>\r\n                fertile\r\n            </span>\r\n        </div>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/BuriedIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const BuriedIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/BuriedIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const BuriedIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper, style: { transform: 'scale(0.8)' } }, { children: _jsxs("svg", Object.assign({ width: width, height: height, xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("g", { children: _jsx("path", { className: clsx(classes.svg, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg), d: "M33.8029 5.71891L28.7806 0.697266C28.3177 0.232422 27.7068 0 27.1025 0C26.4964 0 25.8819 0.232422 25.4257 0.697266L23.4833 2.63102C22.3624 3.75992 21.7481 5.26203 21.7481 6.81461C21.7481 8.44953 22.3956 9.5957 22.8106 10.1847L14.3524 18.6469L10.6004 14.8856C10.1887 14.4699 9.63751 14.2574 9.09961 14.2574C8.55169 14.2574 8.01254 14.4659 7.59749 14.881L3.08782 19.3309C-0.232516 22.6512 0.0829161 31.3504 1.58503 32.8578C2.24113 33.5684 4.26853 34 6.618 34C9.6561 34 13.2328 33.2875 15.1114 31.4115L19.6191 26.9032C20.4492 26.0731 20.4492 24.7284 19.6191 23.8983L15.8532 20.1477L24.3134 11.6875C24.9028 12.1025 26.0566 12.75 27.6835 12.75C29.2361 12.75 30.7382 12.1357 31.8671 11.0155L33.8016 9.07309C34.7326 8.15469 34.7326 6.64062 33.8029 5.71891ZM13.6086 29.9094C11.1761 32.3498 4.68357 32.0842 3.10973 31.3869C2.39586 29.918 2.20461 23.2854 4.59591 20.8947L9.09961 16.3891L18.1176 25.4004L13.6086 29.9094ZM32.3021 7.57031L30.363 9.50937C26.8601 13.0123 21.4579 7.65863 24.9841 4.13047L26.9265 2.19672C27.0178 2.09711 27.1755 2.09711 27.2751 2.19672L32.2975 7.21902C32.4017 7.31797 32.4017 7.47734 32.3021 7.57031Z", fill: "black" }) }), _jsx("defs", { children: _jsx("clipPath", Object.assign({ id: "clip0_453_1822" }, { children: _jsx("rect", { width: "34", height: "34", fill: "white", transform: "translate(0.5)" }) })) })] })) })));
+};
+//# sourceMappingURL=BuriedIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/BuriedIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuriedIcon.js","sourceRoot":"","sources":["../../../../../src/icons/BuriedIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACpE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,EAAE,EAAC,SAAS,EAAE,YAAY,EAAC,gBACjE,6BAAK,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAC,4BAA4B,iBACjE,sBACI,eAAM,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,EAAE,CAAC,EAAC,+lCAA+lC,EAAC,IAAI,EAAC,OAAO,GAAE,GACxqC,EACJ,yBACI,iCAAU,EAAE,EAAC,gBAAgB,gBACzB,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,gBAAgB,GAAE,IAC/D,GACR,KACL,IACJ,CAET,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const BuriedIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapper} style={{transform: 'scale(0.8)'}}>\r\n            <svg width={width} height={height} xmlns=\"http://www.w3.org/2000/svg\">\r\n                <g>\r\n                    <path className={clsx(classes.svg, customClasses?.svg)} d=\"M33.8029 5.71891L28.7806 0.697266C28.3177 0.232422 27.7068 0 27.1025 0C26.4964 0 25.8819 0.232422 25.4257 0.697266L23.4833 2.63102C22.3624 3.75992 21.7481 5.26203 21.7481 6.81461C21.7481 8.44953 22.3956 9.5957 22.8106 10.1847L14.3524 18.6469L10.6004 14.8856C10.1887 14.4699 9.63751 14.2574 9.09961 14.2574C8.55169 14.2574 8.01254 14.4659 7.59749 14.881L3.08782 19.3309C-0.232516 22.6512 0.0829161 31.3504 1.58503 32.8578C2.24113 33.5684 4.26853 34 6.618 34C9.6561 34 13.2328 33.2875 15.1114 31.4115L19.6191 26.9032C20.4492 26.0731 20.4492 24.7284 19.6191 23.8983L15.8532 20.1477L24.3134 11.6875C24.9028 12.1025 26.0566 12.75 27.6835 12.75C29.2361 12.75 30.7382 12.1357 31.8671 11.0155L33.8016 9.07309C34.7326 8.15469 34.7326 6.64062 33.8029 5.71891ZM13.6086 29.9094C11.1761 32.3498 4.68357 32.0842 3.10973 31.3869C2.39586 29.918 2.20461 23.2854 4.59591 20.8947L9.09961 16.3891L18.1176 25.4004L13.6086 29.9094ZM32.3021 7.57031L30.363 9.50937C26.8601 13.0123 21.4579 7.65863 24.9841 4.13047L26.9265 2.19672C27.0178 2.09711 27.1755 2.09711 27.2751 2.19672L32.2975 7.21902C32.4017 7.31797 32.4017 7.47734 32.3021 7.57031Z\" fill=\"black\"/>\r\n                </g>\r\n                <defs>\r\n                    <clipPath id=\"clip0_453_1822\">\r\n                        <rect width=\"34\" height=\"34\" fill=\"white\" transform=\"translate(0.5)\"/>\r\n                    </clipPath>\r\n                </defs>\r\n            </svg>\r\n        </div>\r\n\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/CutIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const CutIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/CutIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const CutIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper, style: { fontSize: '24px' } }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "cut" })) })));
+};
+//# sourceMappingURL=CutIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/CutIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CutIcon.js","sourceRoot":"","sources":["../../../../../src/icons/CutIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACjE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAE,MAAM,EAAC,gBAC1D,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,yBAErF,IACL,CACT,CAAA;AACL,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const CutIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapper} style={{fontSize: '24px'}}>\r\n            <span className={clsx(\"material-symbols-outlined\", classes.materialIcon, customClasses?.svg)}>\r\n                cut\r\n            </span>\r\n        </div>\r\n    )\r\n};\r\n\r\n\r\n"]}

package/dist/frontends/dashboard-utilities/src/icons/HelpIcon.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    width?: number;
+    height?: number;
+    customClass?: string;
+}
+export declare const HelpIcon: ({ width, height, customClass }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/frontends/dashboard-utilities/src/icons/HelpIcon.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const HelpIcon = ({ width, height, customClass }) => {
+    return (_jsx("svg", Object.assign({ className: customClass, xmlns: "http://www.w3.org/2000/svg", width: width, height: height, viewBox: "0 -960 960 960", fill: "#d7d7d7" }, { children: _jsx("path", { d: "M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z" }) })));
+};
+//# sourceMappingURL=HelpIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/HelpIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelpIcon.js","sourceRoot":"","sources":["../../../../../src/icons/HelpIcon.tsx"],"names":[],"mappings":";AAQA,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAS,EAAE,EAAE;IAC7D,OAAO,CACH,4BAAK,SAAS,EAAE,WAAW,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,gBAAgB,EAAC,IAAI,EAAC,SAAS,gBACjI,eAAM,CAAC,EAAC,4dAA4d,GAAE,IACpe,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\n\r\ninterface Props {\r\n    width?: number\r\n    height?: number\r\n    customClass?: string\r\n}\r\n\r\nexport const HelpIcon = ({width, height, customClass} : Props) => {\r\n    return (\r\n        <svg className={customClass} xmlns=\"http://www.w3.org/2000/svg\" width={width} height={height} viewBox=\"0 -960 960 960\" fill=\"#d7d7d7\">\r\n            <path d=\"M478-240q21 0 35.5-14.5T528-290q0-21-14.5-35.5T478-340q-21 0-35.5 14.5T428-290q0 21 14.5 35.5T478-240Zm-36-154h74q0-33 7.5-52t42.5-52q26-26 41-49.5t15-56.5q0-56-41-86t-97-30q-57 0-92.5 30T342-618l66 26q5-18 22.5-39t53.5-21q32 0 48 17.5t16 38.5q0 20-12 37.5T506-526q-44 39-54 59t-10 73Zm38 314q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Z\"/>\r\n        </svg>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/HiddenIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const HiddenIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/frontends/dashboard-utilities/src/icons/HiddenIcon.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export const HiddenIcon = ({ width, height, customClasses }) => {
+    return (_jsx("div", Object.assign({ className: classes.iconWrapper }, { children: _jsx("span", Object.assign({ className: clsx("material-symbols-outlined", classes.materialIcon, customClasses === null || customClasses === void 0 ? void 0 : customClasses.svg) }, { children: "visibility_off" })) })));
+};
+//# sourceMappingURL=HiddenIcon.js.map

package/dist/frontends/dashboard-utilities/src/icons/HiddenIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HiddenIcon.js","sourceRoot":"","sources":["../../../../../src/icons/HiddenIcon.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAA;AACzC,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAC,KAAK,EAAE,MAAM,EAAE,aAAa,EAAY,EAAE,EAAE;IACpE,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,WAAW,gBAC/B,6BAAM,SAAS,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,CAAC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,oCAErF,IACL,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\"\r\nimport clsx from \"clsx\";\r\nimport {IconProps} from \"../@types/iconProps\";\r\n\r\nexport const HiddenIcon = ({width, height, customClasses}: IconProps) => {\r\n    return (\r\n        <div className={classes.iconWrapper}>\r\n            <span className={clsx(\"material-symbols-outlined\", classes.materialIcon, customClasses?.svg)}>\r\n                visibility_off\r\n            </span>\r\n        </div>\r\n    )\r\n}"]}

package/dist/frontends/dashboard-utilities/src/icons/InStoreFiltersIcon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from "../@types/iconProps";
+export declare const InStoreFiltersIcon: ({ width, height, customClasses }: IconProps) => import("react/jsx-runtime").JSX.Element;