@fast-simon/dashboard-utilities 1.0.3 → 1.0.5

package/lib/components/BackOfficeFiltersMenu/utils.js

@@ -0,0 +1,239 @@
+import { FromToTypes } from "../FromToFilter/utils";
+import { CustomTagsFilters } from "../../utils/customTagsFilters";
+export const getBackOfficeFilters = () => {
+    var _a, _b, _c, _d, _e;
+    let id = Date.now();
+    let customTagsFilters = CustomTagsFilters.getCustomTagsFilters();
+    let filters = {
+        "filter": {
+            id: "merch_tags", name: "merch_tags", displayName: "Filter by Tags",
+            values: [{ name: "new arrivals", displayName: "New Arrivals", count: 0 },
+                { name: "sale", displayName: "Sale", count: 0 },
+                { name: "best seller", displayName: "Best Seller", count: 0 }, ...(_a = customTagsFilters === null || customTagsFilters === void 0 ? void 0 : customTagsFilters.map) === null || _a === void 0 ? void 0 : _a.call(customTagsFilters, tag => ({
+                    name: tag,
+                    displayName: tag,
+                    count: 0
+                }))]
+        },
+        "lastReceivedDate": {
+            id: "merch_lrt", name: "merch_lrt", displayName: "Last Received Date",
+            values: [{ name: "All", displayName: "All", count: 0 },
+                { name: "Today", displayName: "Today", count: 0 },
+                { name: "Custom", displayName: "Custom", count: 0 },]
+        },
+        "stockAvailability": {
+            id: "merch_inventory", name: "Stock Availability", displayName: "Stock Availability",
+            from: {
+                key: "merch_inventory_from",
+                type: FromToTypes.number,
+                name: "From",
+                value: "",
+                fromPlaceHolder: "0"
+            },
+            to: {
+                key: "merch_inventory_to",
+                type: FromToTypes.number,
+                name: "To",
+                value: "",
+                toPlaceHolder: "no limit"
+            }
+        },
+        "variantsInStock": {
+            id: "merch_percent_variants_in_stock", name: "Variants In Stock", displayName: "Variants In Stock (Percent)",
+            from: {
+                key: "merch_percent_variants_in_stock_from",
+                type: FromToTypes.number,
+                name: "From",
+                value: "",
+                fromPlaceHolder: "0"
+            },
+            to: {
+                key: "merch_percent_variants_in_stock_to",
+                type: FromToTypes.number,
+                name: "To",
+                value: "",
+                toPlaceHolder: "100"
+            }
+        },
+        "sales": {
+            id: "merch_sales", name: "Sales(Weekly)", displayName: "Sales(Weekly)",
+            from: {
+                key: "merch_sales_from",
+                type: FromToTypes.number,
+                name: "From",
+                value: "",
+                fromPlaceHolder: "0"
+            },
+            to: {
+                key: "merch_sales_to",
+                type: FromToTypes.number,
+                name: "To",
+                value: "",
+                toPlaceHolder: "no limit"
+            }
+        },
+        "weeksOfStock": {
+            id: "merch_wos", name: "Weeks Of Stock", displayName: "Weeks Of Stock",
+            from: {
+                key: "merch_wos_from",
+                type: FromToTypes.number,
+                name: "From",
+                value: "",
+                fromPlaceHolder: "0"
+            },
+            to: {
+                key: "merch_wos_to",
+                type: FromToTypes.number,
+                name: "To",
+                value: "",
+                toPlaceHolder: "no limit"
+            }
+        },
+        "margin": {
+            id: "merch_margin", name: "Margin", displayName: "Margin",
+            from: {
+                key: "merch_margin_from",
+                type: FromToTypes.number,
+                name: "From",
+                value: "",
+                fromPlaceHolder: "0"
+            },
+            to: {
+                key: "merch_margin_to",
+                type: FromToTypes.number,
+                name: "To",
+                value: "",
+                toPlaceHolder: "no limit"
+            }
+        },
+        "marginPercent": {
+            id: "merch_margin_percent", name: "Margin Percent", displayName: "Margin Percent",
+            from: {
+                key: "marginPercent_from",
+                type: FromToTypes.number,
+                name: "From",
+                value: "",
+                fromPlaceHolder: "0"
+            },
+            to: {
+                key: "marginPercent_to",
+                type: FromToTypes.number,
+                name: "To",
+                value: "",
+                toPlaceHolder: "100"
+            }
+        },
+        "merchCreationDate": {
+            id: "merch_creation_date", name: "Creation Date", displayName: "Released Date",
+            from: {
+                key: "merch_creation_date_from",
+                type: FromToTypes.date,
+                name: "From",
+                value: "",
+                emptyValue: "Inf",
+                fromPlaceHolder: "MM/DD/YYYY"
+            },
+            to: {
+                key: "merch_creation_date_to",
+                type: FromToTypes.date,
+                name: "To",
+                value: "",
+                emptyValue: "Inf",
+                toPlaceHolder: "MM/DD/YYYY"
+            }
+        }
+    };
+    for (const [key, values] of Object.entries(filters)) {
+        // if(((filters as any)[key] as any)?.name) {
+        //     ((filters as any)[key] as any).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;
+};
+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"];
+};
+export const clearFilters = (filters) => {
+    var _a, _b, _c, _d;
+    for (const [key, values] of Object.entries(filters)) {
+        if ((_b = (_a = filters[key]) === null || _a === void 0 ? void 0 : _a.from) === null || _b === void 0 ? void 0 : _b.value) {
+            filters[key].from.value = "";
+        }
+        if ((_d = (_c = filters[key]) === null || _c === void 0 ? void 0 : _c.to) === null || _d === void 0 ? void 0 : _d.value) {
+            filters[key].to.value = "";
+        }
+    }
+};
+export const getLastReceivedTimeRange = (selectedType, fromDate, toDate) => {
+    const today = new Date();
+    const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime() / 1000;
+    const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1).getTime() / 1000;
+    if (selectedType.toLowerCase() === 'all') {
+        return undefined;
+    }
+    else if (selectedType.toLowerCase() === 'today') {
+        return `${todayTimestamp}-${tomorrowTimestamp}`;
+    }
+    if (fromDate || toDate) {
+        let fromDateTimestamp = 0;
+        let toDateTimestamp = tomorrowTimestamp;
+        if (fromDate) {
+            const fromDateArr = fromDate.split('-');
+            fromDateTimestamp = new Date(Number.parseInt(fromDateArr[2]), Number.parseInt(fromDateArr[1]) - 1, Number.parseInt(fromDateArr[0])).getTime() / 1000;
+        }
+        if (toDate) {
+            const toDateArr = toDate.split('-');
+            toDateTimestamp = new Date(Number.parseInt(toDateArr[2]), Number.parseInt(toDateArr[1]) - 1, Number.parseInt(toDateArr[0])).getTime() / 1000;
+        }
+        return `${fromDateTimestamp}-${toDateTimestamp}`;
+    }
+    return undefined;
+};
+export const getBackOfficeFilterTooltipText = {
+    "filter": "Shows products with selected tag filter",
+    "lastReceivedDate": "Shows products restocked within selected dates",
+    "stockAvailability": "Filters products by available inventory within specified range",
+    "variantsInStock": "Show products with variants in specified stock range",
+    "sales": "Filters products by recent weekly sales volume",
+    "weeksOfStock": "Est. weeks inventory remains based on sales volume",
+    "margin": "Filters products by specified profit range",
+    "marginPercent": "Filters products by specified profit range in percentage",
+    "merchCreationDate": "Creation date or publish date (according to the definition in /settings/options)"
+};
+//# sourceMappingURL=utils.js.map

package/lib/components/BackOfficeFiltersMenu/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/BackOfficeFiltersMenu/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import {Facet} from \"@fast-simon/utilities\";\r\nimport {FromTo, FromToFilter, FromToTypes} from \"../FromToFilter/utils\";\r\nimport {CustomTagsFilters} from \"../../utils/customTagsFilters\";\r\n\r\nexport const getBackOfficeFilters = (): Record<string, Facet | FromTo> => {\r\n    let id = Date.now();\r\n    let customTagsFilters = CustomTagsFilters.getCustomTagsFilters();\r\n    let filters = {\r\n        \"filter\": {\r\n            id: \"merch_tags\", name: \"merch_tags\" , displayName: \"Filter by Tags\",\r\n            values: [{name: \"new arrivals\", displayName: \"New Arrivals\", count: 0},\r\n                {name: \"sale\", displayName: \"Sale\", count: 0},\r\n                {name: \"best seller\", displayName: \"Best Seller\", count: 0}, ...customTagsFilters?.map?.(tag => ({\r\n        name: tag,\r\n        displayName: tag, // Capitalize the first letter and lowercase the rest\r\n        count: 0\r\n    }))]\r\n        },\r\n        \"lastReceivedDate\": {\r\n            id: \"merch_lrt\", name: \"merch_lrt\" , displayName: \"Last Received Date\",\r\n            values: [{name: \"All\", displayName: \"All\", count: 0},\r\n                {name: \"Today\", displayName: \"Today\", count: 0},\r\n                {name: \"Custom\", displayName: \"Custom\", count: 0},]\r\n        },\r\n        \"stockAvailability\": {\r\n            id: \"merch_inventory\", name: \"Stock Availability\", displayName: \"Stock Availability\",\r\n            from: {\r\n                key: \"merch_inventory_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_inventory_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"variantsInStock\": {\r\n            id: \"merch_percent_variants_in_stock\", name: \"Variants In Stock\", displayName: \"Variants In Stock (Percent)\",\r\n            from: {\r\n                key: \"merch_percent_variants_in_stock_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_percent_variants_in_stock_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"100\"\r\n            }\r\n        },\r\n        \"sales\": {\r\n            id: \"merch_sales\", name: \"Sales(Weekly)\", displayName: \"Sales(Weekly)\",\r\n            from: {\r\n                key: \"merch_sales_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_sales_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"weeksOfStock\": {\r\n            id: \"merch_wos\", name: \"Weeks Of Stock\", displayName: \"Weeks Of Stock\",\r\n            from: {\r\n                key: \"merch_wos_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_wos_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"margin\": {\r\n            id: \"merch_margin\", name: \"Margin\", displayName: \"Margin\",\r\n            from: {\r\n                key: \"merch_margin_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"merch_margin_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"no limit\"\r\n            }\r\n        },\r\n        \"marginPercent\": {\r\n            id: \"merch_margin_percent\", name: \"Margin Percent\", displayName: \"Margin Percent\",\r\n            from: {\r\n                key: \"marginPercent_from\",\r\n                type: FromToTypes.number,\r\n                name: \"From\",\r\n                value: \"\",\r\n                fromPlaceHolder: \"0\"\r\n            },\r\n            to: {\r\n                key: \"marginPercent_to\",\r\n                type: FromToTypes.number,\r\n                name: \"To\",\r\n                value: \"\",\r\n                toPlaceHolder: \"100\"\r\n            }\r\n        },\r\n        \"merchCreationDate\": {\r\n            id: \"merch_creation_date\", name: \"Creation Date\", displayName: \"Released Date\",\r\n            from: {\r\n                key: \"merch_creation_date_from\",\r\n                type: FromToTypes.date,\r\n                name: \"From\",\r\n                value: \"\",\r\n                emptyValue: \"Inf\",\r\n                fromPlaceHolder: \"MM/DD/YYYY\"\r\n            },\r\n            to: {\r\n                key: \"merch_creation_date_to\",\r\n                type: FromToTypes.date,\r\n                name: \"To\",\r\n                value: \"\",\r\n                emptyValue: \"Inf\",\r\n                toPlaceHolder: \"MM/DD/YYYY\"\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;\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\nexport const clearFilters = (filters: Record<string, Facet | FromTo>) : void => {\r\n    for (const [key, values] of Object.entries(filters)) {\r\n        if((filters[key] as any)?.from?.value) {\r\n            (filters[key] as any).from.value = \"\";\r\n        }\r\n        if((filters[key] as any)?.to?.value) {\r\n            (filters[key] as any).to.value = \"\";\r\n        }\r\n    }\r\n}\r\nexport const getLastReceivedTimeRange = (selectedType: string, fromDate: string, toDate: string): string | undefined => {\r\n\r\n    const today = new Date();\r\n    const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime() / 1000;\r\n    const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1).getTime() / 1000;\r\n\r\n    if (selectedType.toLowerCase() === 'all') {\r\n        return undefined;\r\n\r\n    } else if (selectedType.toLowerCase() === 'today') {\r\n        return `${todayTimestamp}-${tomorrowTimestamp}`;\r\n    }\r\n\r\n    if (fromDate || toDate) {\r\n        let fromDateTimestamp = 0;\r\n        let toDateTimestamp = tomorrowTimestamp;\r\n\r\n        if (fromDate) {\r\n            const fromDateArr = fromDate.split('-');\r\n            fromDateTimestamp = new Date(Number.parseInt(fromDateArr[2]), Number.parseInt(fromDateArr[1]) - 1, Number.parseInt(fromDateArr[0])).getTime() / 1000;\r\n        }\r\n\r\n        if (toDate) {\r\n            const toDateArr = toDate.split('-');\r\n            toDateTimestamp = new Date( Number.parseInt(toDateArr[2]), Number.parseInt(toDateArr[1]) - 1,Number.parseInt(toDateArr[0])).getTime() / 1000;\r\n        }\r\n\r\n        return `${fromDateTimestamp}-${toDateTimestamp}`;\r\n    }\r\n\r\n    return undefined;\r\n}\r\nexport const getBackOfficeFilterTooltipText: Record<string, string> = {\r\n    \"filter\" : \"Shows products with selected tag filter\",\r\n    \"lastReceivedDate\" : \"Shows products restocked within selected dates\",\r\n    \"stockAvailability\": \"Filters products by available inventory within specified range\",\r\n    \"variantsInStock\" : \"Show products with variants in specified stock range\",\r\n    \"sales\" : \"Filters products by recent weekly sales volume\",\r\n    \"weeksOfStock\" : \"Est. weeks inventory remains based on sales volume\",\r\n    \"margin\" : \"Filters products by specified profit range\",\r\n    \"marginPercent\" : \"Filters products by specified profit range in percentage\",\r\n    \"merchCreationDate\" : \"Creation date or publish date (according to the definition in /settings/options)\"\r\n}\r\n"]}

package/lib/components/CheckboxFilter/Checkbox/Checkbox.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    isChecked: boolean;
+    ariaLabel?: string;
+    children: React.ReactNode;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    id?: string;
+}
+export declare function Checkbox({ isChecked, ariaLabel, children, onChange, id }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/CheckboxFilter/Checkbox/Checkbox.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classes from './styles.module.css';
+import classNames from "classnames";
+export function Checkbox({ isChecked, ariaLabel, children, onChange, id }) {
+    return (_jsx(_Fragment, { children: _jsxs("div", Object.assign({ className: classNames(classes.checkbox, classes.fsCheckbox, isChecked ? classes.fsSelectedCheckboxTrue : classes.fsSelectedCheckboxFalse) }, { children: [_jsx("input", { type: "checkbox", checked: isChecked, onChange: onChange, "aria-label": ariaLabel, id: id }), _jsx("span", { className: classNames(classes.checkmark, classes.fsSerpCheckmark) }), _jsxs("span", Object.assign({ className: classNames(classes.checkboxLabel, classes.fsCheckboxLabel) }, { children: [children, _jsx("slot", {})] }))] })) }));
+}
+//# sourceMappingURL=Checkbox.js.map

package/lib/components/CheckboxFilter/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/CheckboxFilter/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAEA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,UAAU,QAAQ,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAQ;IAC1E,OAAO,CACH,4BACI,6BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,CAAA,CAAC,CAAC,OAAO,CAAC,sBAAsB,CAAA,CAAC,CAAC,OAAO,CAAC,uBAAuB,CAAC,iBACxI,gBAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,SAAS,EACtC,QAAQ,EAAE,QAAQ,gBACF,SAAS,EACxB,EAAE,EAAE,EAAE,GACR,EACE,eAAM,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,EAAE,OAAO,CAAC,eAAe,CAAC,GAAU,EACjF,8BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,iBACtE,QAAQ,EACb,gBAAO,KACJ,KAEL,GACP,CACV,CAAA;AAED,CAAC","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport {Facet} from \"@fast-simon/utilities\";\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\n\r\ninterface Props {\r\n    isChecked: boolean;\r\n    ariaLabel?: string;\r\n    children: React.ReactNode,\r\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void,\r\n    id?: string\r\n}\r\n\r\nexport function Checkbox({isChecked, ariaLabel, children, onChange, id}: Props) {\r\n    return (\r\n        <>\r\n            <div className={classNames(classes.checkbox, classes.fsCheckbox, isChecked? classes.fsSelectedCheckboxTrue: classes.fsSelectedCheckboxFalse)}>\r\n                <input type=\"checkbox\" checked={isChecked}\r\n                   onChange={onChange}\r\n                       aria-label={ariaLabel}\r\n                    id={id}\r\n                />\r\n                    <span className={classNames(classes.checkmark, classes.fsSerpCheckmark)} ></span>\r\n                    <span className={classNames(classes.checkboxLabel, classes.fsCheckboxLabel)}>\r\n                        {children}\r\n                    <slot/>\r\n                </span>\r\n\r\n            </div>\r\n        </>\r\n)\r\n\r\n}"]}

package/lib/components/CheckboxFilter/CheckboxFilter.d.ts

@@ -0,0 +1,6 @@
+import { Facet } from "@fast-simon/utilities";
+interface Props {
+    facet: Facet;
+}
+export declare function CheckboxFilter({ facet }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/CheckboxFilter/CheckboxFilter.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Checkbox } from "./Checkbox/Checkbox";
+export function CheckboxFilter({ facet }) {
+    const handleChange = (e) => {
+        console.log();
+    };
+    return (_jsx(Checkbox, Object.assign({ isChecked: true, ariaLabel: facet.name }, { children: _jsx("span", Object.assign({ className: "filters-option-text fs-serp-filter-text" }, { children: facet.name })) })));
+}
+//# sourceMappingURL=CheckboxFilter.js.map

package/lib/components/CheckboxFilter/CheckboxFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFilter.js","sourceRoot":"","sources":["../../../src/components/CheckboxFilter/CheckboxFilter.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAC,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAM7C,MAAM,UAAU,cAAc,CAAC,EAAC,KAAK,EAAQ;IACzC,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC5B,OAAO,CAAC,GAAG,EAAE,CAAC;IAClB,CAAC,CAAA;IACD,OAAO,CACH,KAAC,QAAQ,kBAAC,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,gBAC5C,6BAAM,SAAS,EAAC,yCAAyC,gBAAE,KAAK,CAAC,IAAI,IAAQ,IACtE,CAClB,CAAA;AAED,CAAC","sourcesContent":["import React from 'react';\r\nimport {Facet} from \"@fast-simon/utilities\";\r\nimport classes from './styles.module.css';\r\nimport {Checkbox} from \"./Checkbox/Checkbox\";\r\n\r\ninterface Props {\r\n    facet: Facet;\r\n}\r\n\r\nexport function CheckboxFilter({facet}: Props) {\r\n    const handleChange = (e: any) => {\r\n        console.log();\r\n    }\r\n    return (\r\n        <Checkbox isChecked={true} ariaLabel={facet.name}>\r\n            <span className=\"filters-option-text fs-serp-filter-text\">{facet.name}</span>\r\n        </Checkbox>\r\n)\r\n\r\n}"]}

package/lib/components/DragAndDrop/DndContextWrapper.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from "react";
+import { EditorProduct } from "../../@types/editorProduct";
+export interface DndContextWrapperProps {
+    children: ReactNode;
+    onDragStart: ({ active }: {
+        active: any;
+    }) => void;
+    onDragEnd: ({ over, active }: {
+        over: any;
+        active: any;
+    }) => void;
+    activeId: string | null;
+    findActiveProduct: (activeId: string) => EditorProduct | undefined;
+    selectedProductIds: Record<string, number>;
+    ProductCardComponent: React.ComponentType<any>;
+    SelectCardComponent: React.ComponentType<any>;
+    disableDragging?: boolean;
+}
+declare const DndContextWrapper: ({ children, onDragStart, onDragEnd, activeId, selectedProductIds, findActiveProduct, ProductCardComponent, SelectCardComponent, disableDragging }: DndContextWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export default DndContextWrapper;

package/lib/components/DragAndDrop/DndContextWrapper.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { closestCorners, defaultDropAnimationSideEffects, DndContext, DragOverlay, MouseSensor, useSensor, useSensors, } from "@dnd-kit/core";
+import { isEditorProduct } from "../../@types/editorProduct";
+const DndContextWrapper = ({ children, onDragStart, onDragEnd, activeId, selectedProductIds, findActiveProduct, ProductCardComponent, SelectCardComponent, disableDragging = false }) => {
+    const sensors = useSensors(useSensor(MouseSensor, {
+        activationConstraint: {
+            distance: 10,
+        },
+    }));
+    // console.log(disableDragging)
+    // console.log({disableDragging: disableDragging, MouseSensor: MouseSensor, KeyboardSensor: KeyboardSensor})
+    return (_jsx(_Fragment, { children: _jsxs(DndContext, Object.assign({ sensors: sensors, collisionDetection: closestCorners, onDragStart: onDragStart, onDragEnd: onDragEnd }, { children: [children, _jsx(DragOverlay, Object.assign({ style: {
+                        boxShadow: "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+                        zIndex: 9999999,
+                    }, dropAnimation: {
+                        easing: "cubic-bezier(0.22, 1, 0.36, 1)",
+                        keyframes: (parameters) => [{}],
+                        sideEffects: defaultDropAnimationSideEffects({
+                            styles: {
+                                active: {
+                                    opacity: "0.5",
+                                },
+                            },
+                        }),
+                    } }, { children: activeId &&
+                        (Object.keys(selectedProductIds).length <= 1 &&
+                            isEditorProduct(findActiveProduct(activeId)) ? (_jsx(ProductCardComponent, { isSelected: false, onClick: () => { }, product: findActiveProduct(activeId) })) : (_jsx(SelectCardComponent, { numSelected: (Object.keys(selectedProductIds).length) +
+                                (activeId in selectedProductIds
+                                    ? 0
+                                    : 1) }))) }))] })) }));
+};
+export default DndContextWrapper;
+//# sourceMappingURL=DndContextWrapper.js.map

package/lib/components/DragAndDrop/DndContextWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DndContextWrapper.js","sourceRoot":"","sources":["../../../src/components/DragAndDrop/DndContextWrapper.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,cAAc,EACd,+BAA+B,EAC/B,UAAU,EACV,WAAW,EACX,WAAW,EACX,SAAS,EACT,UAAU,GACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAc7D,MAAM,iBAAiB,GAAG,CAAC,EACI,QAAQ,EACR,WAAW,EACX,SAAS,EACT,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,GAAG,KAAK,EAC5B,EAAE,EAAE;IAE1B,MAAM,OAAO,GAAG,UAAU,CACxB,SAAS,CAAC,WAAW,EAAE;QACrB,oBAAoB,EAAE;YACpB,QAAQ,EAAE,EAAE;SACb;KACF,CAAC,CACH,CAAC;IAEJ,+BAA+B;IAC/B,4GAA4G;IAE5G,OAAO,CACH,4BAKc,MAAC,UAAU,kBACP,OAAO,EAAE,OAAO,EAChB,kBAAkB,EAAE,cAAc,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,iBAEnB,QAAQ,EACT,KAAC,WAAW,kBACV,KAAK,EAAE;wBACL,SAAS,EAAE,qCAAqC;wBAChD,MAAM,EAAE,OAAO;qBAChB,EACD,aAAa,EAAE;wBACb,MAAM,EAAE,gCAAgC;wBACxC,SAAS,EAAE,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;wBAC/B,WAAW,EAAE,+BAA+B,CAAC;4BAC3C,MAAM,EAAE;gCACN,MAAM,EAAE;oCACN,OAAO,EAAE,KAAK;iCACf;6BACF;yBACF,CAAC;qBACH,gBAEA,QAAQ;wBACP,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,IAAI,CAAC;4BAC5C,eAAe,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAC3C,KAAC,oBAAoB,IACjB,UAAU,EAAE,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EACjB,OAAO,EAAE,iBAAiB,CAAC,QAAQ,CAAmB,GACtD,CACP,CAAC,CAAC,CAAC,CACC,KAAC,mBAAmB,IACjB,WAAW,EACT,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,MAAM,CAAC;gCACxC,CAAC,QAAQ,IAAI,kBAAkB;oCAC7B,CAAC,CAAC,CAAC;oCACH,CAAC,CAAC,CAAC,CAAC,GAEZ,CACH,CAAC,IACQ,KACH,GAG1B,CACN,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import React, { ReactNode, useMemo, useState } from \"react\";\r\nimport {\r\n  closestCorners,\r\n  defaultDropAnimationSideEffects,\r\n  DndContext,\r\n  DragOverlay,\r\n  MouseSensor,\r\n  useSensor,\r\n  useSensors,\r\n} from \"@dnd-kit/core\";\r\nimport { EditorProduct } from \"../../@types/editorProduct\";\r\nimport { isEditorProduct } from \"../../@types/editorProduct\";\r\n\r\nexport interface DndContextWrapperProps {\r\n  children: ReactNode;\r\n  onDragStart: ({active}: {active: any}) => void;\r\n  onDragEnd: ({over, active}: {over: any, active: any}) => void;\r\n  activeId: string | null;\r\n  findActiveProduct: (activeId: string) => EditorProduct | undefined;\r\n  selectedProductIds: Record<string, number>;\r\n  ProductCardComponent: React.ComponentType<any>;\r\n  SelectCardComponent: React.ComponentType<any>;\r\n  disableDragging?: boolean;\r\n}\r\n\r\nconst DndContextWrapper = ({\r\n                               children,\r\n                               onDragStart,\r\n                               onDragEnd,\r\n                               activeId,\r\n                               selectedProductIds,\r\n                               findActiveProduct,\r\n                               ProductCardComponent,\r\n                               SelectCardComponent,\r\n                               disableDragging = false\r\n} : DndContextWrapperProps) => {\r\n\r\n    const sensors = useSensors(\r\n      useSensor(MouseSensor, {\r\n        activationConstraint: {\r\n          distance: 10,\r\n        },\r\n      }),\r\n    );\r\n\r\n  // console.log(disableDragging)\r\n  // console.log({disableDragging: disableDragging, MouseSensor: MouseSensor, KeyboardSensor: KeyboardSensor})\r\n\r\n  return (\r\n      <>\r\n        {/*{*/}\r\n        {/*    disableDragging ? ( <div className={classes.disabledChildren} >{children}</div> ) :*/}\r\n\r\n        {/*        (*/}\r\n                    <DndContext\r\n                        sensors={sensors}\r\n                        collisionDetection={closestCorners}\r\n                        onDragStart={onDragStart}\r\n                        onDragEnd={onDragEnd}\r\n                      >\r\n                        {children}\r\n                        <DragOverlay\r\n                          style={{\r\n                            boxShadow: \"0 25px 50px -12px rgb(0 0 0 / 0.25)\",\r\n                            zIndex: 9999999,\r\n                          }}\r\n                          dropAnimation={{\r\n                            easing: \"cubic-bezier(0.22, 1, 0.36, 1)\",\r\n                            keyframes: (parameters) => [{}],\r\n                            sideEffects: defaultDropAnimationSideEffects({\r\n                              styles: {\r\n                                active: {\r\n                                  opacity: \"0.5\",\r\n                                },\r\n                              },\r\n                            }),\r\n                          }}\r\n                        >\r\n                          {activeId &&\r\n                            (Object.keys(selectedProductIds).length <= 1 &&\r\n                            isEditorProduct(findActiveProduct(activeId)) ? (\r\n                                <ProductCardComponent\r\n                                    isSelected={false}\r\n                                    onClick={() => {}}\r\n                                    product={findActiveProduct(activeId)! as EditorProduct}\r\n                                  />\r\n                            ) : (\r\n                                 <SelectCardComponent\r\n                                    numSelected={\r\n                                      (Object.keys(selectedProductIds).length) +\r\n                                      (activeId in selectedProductIds\r\n                                        ? 0\r\n                                        : 1)\r\n                                    }\r\n                              />\r\n                            ))}\r\n                        </DragOverlay>\r\n                      </DndContext>\r\n        {/*        )*/}\r\n        {/*}*/}\r\n      </>\r\n  );\r\n\r\n};\r\n\r\nexport default DndContextWrapper;\r\n"]}

package/lib/components/DragAndDrop/Droppable.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from "react";
+interface DroppableProps {
+    id: string;
+    children: ReactNode;
+}
+declare const Droppable: ({ id, children }: DroppableProps) => import("react/jsx-runtime").JSX.Element;
+export default Droppable;

package/lib/components/DragAndDrop/Droppable.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useDroppable } from "@dnd-kit/core";
+const Droppable = ({ id, children }) => {
+    const { setNodeRef } = useDroppable({
+        id: id,
+    });
+    return (_jsx("div", Object.assign({ ref: setNodeRef, style: { width: '100%', height: '100%', position: 'relative' } }, { children: children })));
+};
+export default Droppable;
+//# sourceMappingURL=Droppable.js.map

package/lib/components/DragAndDrop/Droppable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Droppable.js","sourceRoot":"","sources":["../../../src/components/DragAndDrop/Droppable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,YAAY,EAAC,MAAM,eAAe,CAAC;AAQ3C,MAAM,SAAS,GAAG,CAAC,EAAC,EAAE,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACjD,MAAM,EAAC,UAAU,EAAC,GAAG,YAAY,CAAC;QAC9B,EAAE,EAAE,EAAE;KACT,CAAC,CAAC;IAEH,OAAO,CACH,4BAAK,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAC,gBAC7E,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CAAA;AAED,eAAe,SAAS,CAAA","sourcesContent":["import {useDroppable} from \"@dnd-kit/core\";\r\nimport { ReactNode } from \"react\";\r\n\r\ninterface DroppableProps {\r\n    id: string;\r\n    children: ReactNode;\r\n}\r\n\r\nconst Droppable = ({id, children}: DroppableProps) => {\r\n    const {setNodeRef} = useDroppable({\r\n        id: id,\r\n    });\r\n\r\n    return (\r\n        <div ref={setNodeRef} style={{width: '100%', height: '100%', position: 'relative'}}>\r\n            {children}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Droppable"]}

package/lib/components/DragAndDrop/SortableItem.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { Narrow } from "@fast-simon/utilities";
+interface Props {
+    id: string;
+    children: ReactNode;
+    narrow: Narrow;
+    searchWithinResultsQuery?: string;
+    style?: Record<string, any>;
+    cssClass?: string | undefined;
+    index?: string;
+}
+export declare function SortableItem({ id, children, searchWithinResultsQuery, style, narrow, cssClass, index, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/DragAndDrop/SortableItem.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useSortable } from "@dnd-kit/sortable";
+import { CSS } from "@dnd-kit/utilities";
+import classes from "./styles.module.css";
+import clsx from "clsx";
+export function SortableItem({ id, children, searchWithinResultsQuery, style, narrow, cssClass, index, }) {
+    var _a;
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, isOver, isSorting, activeIndex, overIndex, active, over, } = useSortable({
+        id,
+        animateLayoutChanges: () => true,
+        disabled: !!searchWithinResultsQuery || !!Object.keys(narrow).length,
+    });
+    const activeId = active === null || active === void 0 ? void 0 : active.id;
+    const overId = over === null || over === void 0 ? void 0 : over.id;
+    const noOverlay = activeId === overId ||
+        (overId === null || overId === void 0 ? void 0 : overId.includes("_")) ||
+        overIndex === -1 ||
+        activeId.startsWith("related");
+    let isAfter = true;
+    if (overIndex < activeIndex || ((_a = active === null || active === void 0 ? void 0 : active.id) === null || _a === void 0 ? void 0 : _a.includes("_"))) {
+        isAfter = false;
+    }
+    let opacity = isDragging ? 0.5 : 1;
+    let zIndex = isDragging ? 10 : 0;
+    const combinedStyle = {
+        transition: transition,
+        transform: isSorting ? undefined : CSS.Translate.toString(transform),
+        zIndex: zIndex,
+        opacity: opacity,
+        width: "100%",
+        height: "100%",
+        outlineOffset: "2px",
+        borderRadius: "8px",
+        border: "1px solid #e0e0e0",
+        display: "flex",
+    };
+    return (_jsx("div", Object.assign({ "product-id": id, "product-index": index, className: cssClass, style: Object.assign({ display: "flex", position: "relative", height: "100%", width: "100%" }, style) }, { children: _jsx("div", Object.assign({ style: combinedStyle, className: clsx(isOver && !isDragging && !noOverlay && classes.over, isAfter ? classes.after : classes.before), ref: setNodeRef }, attributes, listeners, { children: children })) })));
+}
+//# sourceMappingURL=SortableItem.js.map

package/lib/components/DragAndDrop/SortableItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItem.js","sourceRoot":"","sources":["../../../src/components/DragAndDrop/SortableItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGhD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,IAAI,MAAM,MAAM,CAAC;AAaxB,MAAM,UAAU,YAAY,CAAC,EACzB,EAAE,EACF,QAAQ,EACR,wBAAwB,EACxB,KAAK,EACL,MAAM,EACN,QAAQ,EACR,KAAK,GACD;;IACJ,MAAM,EACF,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,EACT,MAAM,EACN,IAAI,GACP,GAAG,WAAW,CAAC;QACZ,EAAE;QACF,oBAAoB,EAAE,GAAG,EAAE,CAAC,IAAI;QAChC,QAAQ,EAAE,CAAC,CAAC,wBAAwB,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM;KACvE,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAY,CAAC;IACtC,MAAM,MAAM,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAwB,CAAC;IAE9C,MAAM,SAAS,GACX,QAAQ,KAAK,MAAM;SACnB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,QAAQ,CAAC,GAAG,CAAC,CAAA;QACrB,SAAS,KAAK,CAAC,CAAC;QAChB,QAAQ,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAEnC,IAAI,OAAO,GAAG,IAAI,CAAC;IACnB,IAAI,SAAS,GAAG,WAAW,KAAI,MAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAa,0CAAE,QAAQ,CAAC,GAAG,CAAC,CAAA,EAAE;QAClE,OAAO,GAAG,KAAK,CAAC;KACnB;IAED,IAAI,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,MAAM,GAAG,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEjC,MAAM,aAAa,GAAG;QAClB,UAAU,EAAE,UAAU;QACtB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;QACpE,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,aAAa,EAAE,KAAK;QACpB,YAAY,EAAE,KAAK;QACnB,MAAM,EAAE,mBAAmB;QAC3B,OAAO,EAAE,MAAM;KAClB,CAAC;IAEF,OAAO,CACH,0CACgB,EAAE,mBACC,KAAK,EACpB,SAAS,EAAE,QAAQ,EACnB,KAAK,kBACD,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,UAAU,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,IACV,KAAK,iBAGZ,4BACI,KAAK,EAAE,aAAa,EACpB,SAAS,EAAE,IAAI,CACX,MAAM,IAAI,CAAC,UAAU,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,EACnD,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAC3C,EACD,GAAG,EAAE,UAAU,IACX,UAAU,EACV,SAAS,cAEZ,QAAQ,IACP,IACJ,CACT,CAAC;AACN,CAAC","sourcesContent":["import { useSortable } from \"@dnd-kit/sortable\";\nimport { ReactNode } from \"react\";\nimport React from \"react\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport classes from \"./styles.module.css\";\nimport clsx from \"clsx\";\nimport { Narrow } from \"@fast-simon/utilities\";\n\ninterface Props {\n    id: string;\n    children: ReactNode;\n    narrow: Narrow;\n    searchWithinResultsQuery?: string;\n    style?: Record<string, any>;\n    cssClass?: string | undefined;\n    index?: string;\n}\n\nexport function SortableItem({\n    id,\n    children,\n    searchWithinResultsQuery,\n    style,\n    narrow,\n    cssClass,\n    index,\n}: Props) {\n    const {\n        attributes,\n        listeners,\n        setNodeRef,\n        transform,\n        transition,\n        isDragging,\n        isOver,\n        isSorting,\n        activeIndex,\n        overIndex,\n        active,\n        over,\n    } = useSortable({\n        id,\n        animateLayoutChanges: () => true,\n        disabled: !!searchWithinResultsQuery || !!Object.keys(narrow).length,\n    });\n\n    const activeId = active?.id as string;\n    const overId = over?.id as string | undefined;\n\n    const noOverlay =\n        activeId === overId ||\n        overId?.includes(\"_\") ||\n        overIndex === -1 ||\n        activeId.startsWith(\"related\");\n\n    let isAfter = true;\n    if (overIndex < activeIndex || (active?.id as string)?.includes(\"_\")) {\n        isAfter = false;\n    }\n\n    let opacity = isDragging ? 0.5 : 1;\n    let zIndex = isDragging ? 10 : 0;\n\n    const combinedStyle = {\n        transition: transition,\n        transform: isSorting ? undefined : CSS.Translate.toString(transform),\n        zIndex: zIndex,\n        opacity: opacity,\n        width: \"100%\",\n        height: \"100%\",\n        outlineOffset: \"2px\",\n        borderRadius: \"8px\",\n        border: \"1px solid #e0e0e0\",\n        display: \"flex\",\n    };\n\n    return (\n        <div\n            product-id={id}\n            product-index={index}\n            className={cssClass}\n            style={{\n                display: \"flex\",\n                position: \"relative\",\n                height: \"100%\",\n                width: \"100%\",\n                ...style,\n            }}\n        >\n            <div\n                style={combinedStyle}\n                className={clsx(\n                    isOver && !isDragging && !noOverlay && classes.over,\n                    isAfter ? classes.after : classes.before\n                )}\n                ref={setNodeRef}\n                {...attributes}\n                {...listeners}\n            >\n                {children}\n            </div>\n        </div>\n    );\n}\n"]}

package/lib/components/FacetItem/FacetItem.d.ts

@@ -0,0 +1,13 @@
+import { Facet, FacetsTypes } from "@fast-simon/utilities";
+interface Props {
+    facet: Facet;
+    onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => void;
+    type?: FacetsTypes;
+    narrow?: Set<string>;
+    tooltipText?: string;
+    disableSelect?: boolean;
+    onNarrowChange: (narrow: any) => void;
+    onPageChange: (page: number) => void;
+}
+export declare function FacetItem({ facet, onChange, type, narrow, tooltipText, disableSelect, onNarrowChange, onPageChange }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/FacetItem/FacetItem.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SpecialFacetID, FacetsTypes } from "@fast-simon/utilities";
+import classes from './styles.module.css';
+import { SingleFilter } from "../SingleFilter/SingleFilter";
+import { RadioFilter } from "../RadioFilter/RadioFilter";
+import { Checkbox } from "../CheckboxFilter/Checkbox/Checkbox";
+import classNames from "classnames";
+import { LastReceivedDate } from "../LastReceivedDateFilter/LastReceivedDate";
+import Tooltip from "../Tooltip/Tooltip";
+export function FacetItem({ facet, onChange, type, narrow, tooltipText, disableSelect, onNarrowChange, onPageChange }) {
+    let timer;
+    const [disableFilters, setDisableFilters] = useState(false);
+    const onFacetClicked = (name) => {
+        setDisableFilters(true);
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+            onChange(facet.name, name);
+            const timerId = setTimeout(() => {
+                setDisableFilters(false);
+            }, 750);
+            return () => clearTimeout(timerId);
+        }, 750);
+    };
+    const displayName = (facet === null || facet === void 0 ? void 0 : facet.displayName) ? facet === null || facet === void 0 ? void 0 : facet.displayName : facet === null || facet === void 0 ? void 0 : facet.name;
+    return (_jsx(_Fragment, { children: (facet === null || facet === void 0 ? void 0 : facet.id) ?
+            _jsxs("div", Object.assign({ id: facet.id + '_facet_container', className: classes.fsFacetContainer, style: { opacity: disableFilters ? 0.5 : 1, pointerEvents: disableFilters ? 'none' : 'auto' } }, { children: [_jsxs("div", Object.assign({ id: facet.id + '_facet_title', className: classNames(classes.fsFacetTitle, (facet === null || facet === void 0 ? void 0 : facet.id) === SpecialFacetID.OnSale ? classes.fsFlexFacetTitle : null) }, { children: [displayName, tooltipText && _jsx(Tooltip, { text: tooltipText }), (facet === null || facet === void 0 ? void 0 : facet.id) === SpecialFacetID.OnSale ?
+                                _jsx("span", Object.assign({ className: (facet === null || facet === void 0 ? void 0 : facet.id) === SpecialFacetID.OnSale ? classes.fsFlexFacetSpan : undefined, onClick: () => (narrow === null || narrow === void 0 ? void 0 : narrow.has(facet === null || facet === void 0 ? void 0 : facet.name)) ? narrow === null || narrow === void 0 ? true : delete narrow[facet === null || facet === void 0 ? void 0 : facet.name] : onFacetClicked("True") }, { children: _jsx(Checkbox, { isChecked: !!(narrow === null || narrow === void 0 ? void 0 : narrow.has("True")), id: facet === null || facet === void 0 ? void 0 : facet.name, onChange: () => {
+                                            (narrow === null || narrow === void 0 ? void 0 : narrow.has(facet === null || facet === void 0 ? void 0 : facet.name)) ? narrow === null || narrow === void 0 ? true : delete narrow[facet === null || facet === void 0 ? void 0 : facet.name] : onFacetClicked("True");
+                                        }, ariaLabel: '' }) }), 'fs-checkbox-onsale')
+                                : null] }), facet.id + '_facet_title'), _jsx("div", Object.assign({ className: classes.fsFacetOptions }, { children: (facet === null || facet === void 0 ? void 0 : facet.id) === SpecialFacetID.OnSale ?
+                            null :
+                            type === FacetsTypes.RadioSelect && (facet === null || facet === void 0 ? void 0 : facet.id) === 'merch_lrt' ?
+                                _jsx(LastReceivedDate, { facet: facet, onChange: onChange, narrow: narrow, disableSelect: disableSelect }) :
+                                type === FacetsTypes.RadioSelect ?
+                                    _jsx(RadioFilter, { facet: facet, onChange: onChange, narrow: narrow, disableSelect: disableSelect })
+                                    : _jsx(SingleFilter, { facet: facet, onChange: onChange, narrow: narrow, disableSelect: disableSelect, onPageChange: onPageChange, onNarrowChange: onNarrowChange }) }))] }), facet.id + '_facet_container')
+            : null }));
+}
+//# sourceMappingURL=FacetItem.js.map

package/lib/components/FacetItem/FacetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FacetItem.js","sourceRoot":"","sources":["../../../src/components/FacetItem/FacetItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useState} from 'react';\r\nimport {Facet, SpecialFacetID, FacetsTypes} from \"@fast-simon/utilities\";\r\nimport classes from './styles.module.css';\r\nimport {SingleFilter} from \"../SingleFilter/SingleFilter\";\r\nimport {RadioFilter} from \"../RadioFilter/RadioFilter\";\r\nimport {Checkbox} from \"../CheckboxFilter/Checkbox/Checkbox\";\r\nimport classNames from \"classnames\";\r\nimport {LastReceivedDate} from \"../LastReceivedDateFilter/LastReceivedDate\";\r\nimport Tooltip from \"../Tooltip/Tooltip\";\r\ninterface Props {\r\n    facet: Facet;\r\n    onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => void;\r\n    type?: FacetsTypes,\r\n    narrow?: Set<string>\r\n    tooltipText?: string\r\n    disableSelect?: boolean\r\n    onNarrowChange: (narrow: any) => void;\r\n    onPageChange: (page: number) => void;\r\n}\r\n\r\nexport function FacetItem({facet, onChange, type, narrow, tooltipText, disableSelect, onNarrowChange, onPageChange}: Props) {\r\n    let timer: string | number | NodeJS.Timeout | undefined;\r\n    const [disableFilters, setDisableFilters] = useState<boolean>(false);\r\n\r\n    const onFacetClicked = (name: string) => {\r\n        setDisableFilters(true)\r\n        clearTimeout(timer);\r\n\r\n        timer = setTimeout(() => {\r\n            onChange(facet.name, name);\r\n            const timerId = setTimeout(() => {\r\n                setDisableFilters(false);\r\n            }, 750);\r\n            return () => clearTimeout(timerId);\r\n        }, 750);\r\n    }\r\n\r\n    const displayName = (facet as any)?.displayName ? (facet as any)?.displayName: facet?.name;\r\n\r\n    return (\r\n        <>\r\n            {facet?.id?\r\n            <div key={facet.id + '_facet_container'} id={facet.id + '_facet_container'}  className={classes.fsFacetContainer} style={{ opacity: disableFilters ? 0.5 : 1, pointerEvents: disableFilters ? 'none' : 'auto' }}>\r\n                <div key={facet.id + '_facet_title'} id={facet.id + '_facet_title'}   className={classNames(classes.fsFacetTitle, facet?.id === SpecialFacetID.OnSale ? classes.fsFlexFacetTitle: null)}>\r\n                    {displayName}\r\n                    {tooltipText && <Tooltip text={tooltipText}/>}\r\n                    {facet?.id === SpecialFacetID.OnSale ?\r\n                        <span key={'fs-checkbox-onsale'} className={facet?.id === SpecialFacetID.OnSale ? classes.fsFlexFacetSpan: undefined}\r\n                              onClick={() => narrow?.has(facet?.name) ? delete (narrow as any)?.[facet?.name] : onFacetClicked(\"True\")}>\r\n                            <Checkbox isChecked={!!narrow?.has(\"True\")} id={facet?.name} onChange={() => {\r\n                                narrow?.has(facet?.name) ? delete (narrow as any)?.[facet?.name] : onFacetClicked(\"True\")\r\n                            }} ariaLabel={''}>\r\n\r\n                            </Checkbox>\r\n                        </span>\r\n                        : null}\r\n                </div>\r\n                <div className={classes.fsFacetOptions}>\r\n                    {\r\n                        facet?.id === SpecialFacetID.OnSale ?\r\n                            null :\r\n                            type === FacetsTypes.RadioSelect && facet?.id === 'merch_lrt'?\r\n                                <LastReceivedDate facet={facet} onChange={onChange} narrow={narrow} disableSelect={disableSelect}/> :\r\n                                type === FacetsTypes.RadioSelect?\r\n                                <RadioFilter facet={facet} onChange={onChange} narrow={narrow} disableSelect={disableSelect}/>\r\n                                : <SingleFilter facet={facet} onChange={onChange} narrow={narrow} disableSelect={disableSelect} onPageChange={onPageChange} onNarrowChange={onNarrowChange}/>\r\n                    }\r\n\r\n                </div>\r\n            </div>\r\n                    : null}\r\n            </>\r\n    )\r\n\r\n}"]}

package/lib/components/FastSimonApi/FastSimonApi.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+import { AppType, FullTextResults, smartCollectionsResults, SortBy } from "fast-simon-sdk";
+interface Props {
+    storeID: number;
+    uuid: string;
+    type?: AppType;
+    onReady?: VoidFunction;
+    cartToken?: string;
+    defaultSort?: SortBy;
+    collectionID?: string;
+    withProductAttributes?: boolean;
+    promoTiles?: boolean;
+    getTitle?: ({}: {
+        categoryID?: string;
+        query?: string;
+    }) => string;
+    isInfiniteScroll?: boolean;
+    useFilters?: boolean;
+    noReport?: boolean;
+    customTitleChange?: (results?: FullTextResults | smartCollectionsResults) => void;
+    theme?: Partial<MainTheme>;
+    children?: React.ReactNode;
+}
+export interface MainTheme {
+    primaryColor: string;
+    lighterPrimary: string;
+    successGreen: string;
+    errorRed: string;
+    loadingYellow: string;
+}
+declare const FastSimonApi: React.FC<Props>;
+export default FastSimonApi;