@fast-simon/dashboard-utilities 1.0.96 → 1.0.98

package/dist/components/LastReceivedDateFilter/LastReceivedDate.js

@@ -1,88 +1,88 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import { getDisplayName, formatDateToString } from "./utils";
-import classes from './styles.module.css';
-import classNames from "classnames";
-import { getLastReceivedTimeRange } from "../BackOfficeFiltersMenu/utils";
-import { Radio } from "../RadioFilter/Radio/Radio";
-import ReactDatePicker from "../ReactDatePicker";
-export function LastReceivedDate({ facet, onChange, narrow, disableSelect = false }) {
-    var _a, _b;
-    const [expanded, setExpanded] = useState(false);
-    const [itemsToShow, setItemsToShow] = useState([]);
-    let timer;
-    const [fromDate, setFromDate] = useState(getDefaultFromDate());
-    const [toDate, setToDate] = useState(getDefaultToDate());
-    const [pickerFromDate, setPickerFromDate] = useState(getDefaultFromDate());
-    const [pickerToDate, setPickerToDate] = useState(getDefaultToDate());
-    const [pickerChange, setPickerChange] = useState(false);
-    useEffect(() => {
-        var _a;
-        setItemsToShow((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.slice(0, 5));
-    }, [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.id, name, undefined, (name === null || name === void 0 ? void 0 : name.toLowerCase()) === 'custom' ? (fromDate ? formatDateToString(fromDate) : '') : undefined, (name === null || name === void 0 ? void 0 : name.toLowerCase()) === 'custom' ? (toDate ? formatDateToString(toDate) : '') : undefined);
-        }, 750);
-    };
-    function isChecked(name) {
-        var _a;
-        let narrowName = name;
-        if (facet.id === 'merch_lrt') {
-            let todayValue = (_a = getLastReceivedTimeRange('today', '', '')) !== null && _a !== void 0 ? _a : '';
-            if (narrow && name.toLowerCase() === 'today' && (narrow === null || narrow === void 0 ? void 0 : narrow.has(todayValue))) {
-                return true;
-            }
-            else if (name.toLowerCase() === 'custom' && !(narrow === null || narrow === void 0 ? void 0 : narrow.has(todayValue)) && (narrow === null || narrow === void 0 ? void 0 : narrow.size)) {
-                return true;
-            }
-            else if (name.toLowerCase() === 'all' && !(narrow === null || narrow === void 0 ? void 0 : narrow.size)) {
-                return true;
-            }
-        }
-        return !!(narrow === null || narrow === void 0 ? void 0 : narrow.has(narrowName));
-    }
-    function onFromDateValueChange(value) {
-        setPickerChange(true);
-        setFromDate(new Date(value));
-    }
-    function onToDateValueChange(value) {
-        setPickerChange(true);
-        setToDate(new Date(value));
-    }
-    useEffect(() => { if (pickerChange) {
-        onFacetClicked('custom');
-        setPickerChange(false);
-    } }, [fromDate, toDate]);
-    function getDefaultFromDate() {
-        const today = new Date();
-        const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7);
-        return todayTimestamp;
-    }
-    function getDefaultToDate() {
-        const today = new Date();
-        const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
-        return tomorrowTimestamp;
-    }
-    return (_jsxs("div", Object.assign({ className: classes.fsOptions, style: { opacity: disableSelect ? 0.5 : 1, pointerEvents: disableSelect ? 'none' : 'auto' } }, { children: [itemsToShow.map(value => {
-                var _a;
-                return (_jsxs(React.Fragment, { children: [_jsx("span", Object.assign({ onClick: () => onFacetClicked(value.name) }, { children: _jsx(Radio, Object.assign({ isChecked: !(narrow === null || narrow === void 0 ? void 0 : narrow.size) && value.name.toLowerCase() === 'all' ? true : isChecked(value.name), id: value.name, onChange: () => onFacetClicked(value.name), ariaLabel: getDisplayName(value.displayName) }, { children: _jsx("span", Object.assign({ className: "filters-option-text fs-serp-filter-text" }, { children: getDisplayName(value.displayName) })) })) }), 'fs-checkbox-' + value.name), ((_a = value === null || value === void 0 ? void 0 : value.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'custom' && isChecked(value.name) ? (_jsxs("span", Object.assign({ className: classes.fsFacetContainer }, { children: [_jsx("div", Object.assign({ className: classes.fsFacetOptions }, { children: _jsx(ReactDatePicker, { selected: pickerFromDate, onChange: onFromDateValueChange }, 'from-date-picker-' + value.name) })), _jsx("div", Object.assign({ className: classes.fsFacetOptions }, { children: _jsx(ReactDatePicker, { selected: pickerToDate, onChange: onToDateValueChange }, 'to-date-picker-' + value.name) }))] }), 'fs-facet-container-' + value.name)) : null] }, 'fs-item-' + value.name));
-            }), expanded && ((_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) ? (_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) })] }) }))) : ((_b = facet === null || facet === void 0 ? void 0 : facet.values) === null || _b === void 0 ? void 0 : _b.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] })));
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { getDisplayName, formatDateToString } from "./utils";
+import classes from './styles.module.css';
+import classNames from "classnames";
+import { getLastReceivedTimeRange } from "../BackOfficeFiltersMenu/utils";
+import { Radio } from "../RadioFilter/Radio/Radio";
+import ReactDatePicker from "../ReactDatePicker";
+export function LastReceivedDate({ facet, onChange, narrow, disableSelect = false }) {
+    var _a, _b;
+    const [expanded, setExpanded] = useState(false);
+    const [itemsToShow, setItemsToShow] = useState([]);
+    let timer;
+    const [fromDate, setFromDate] = useState(getDefaultFromDate());
+    const [toDate, setToDate] = useState(getDefaultToDate());
+    const [pickerFromDate, setPickerFromDate] = useState(getDefaultFromDate());
+    const [pickerToDate, setPickerToDate] = useState(getDefaultToDate());
+    const [pickerChange, setPickerChange] = useState(false);
+    useEffect(() => {
+        var _a;
+        setItemsToShow((_a = facet === null || facet === void 0 ? void 0 : facet.values) === null || _a === void 0 ? void 0 : _a.slice(0, 5));
+    }, [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.id, name, undefined, (name === null || name === void 0 ? void 0 : name.toLowerCase()) === 'custom' ? (fromDate ? formatDateToString(fromDate) : '') : undefined, (name === null || name === void 0 ? void 0 : name.toLowerCase()) === 'custom' ? (toDate ? formatDateToString(toDate) : '') : undefined);
+        }, 750);
+    };
+    function isChecked(name) {
+        var _a;
+        let narrowName = name;
+        if (facet.id === 'merch_lrt') {
+            let todayValue = (_a = getLastReceivedTimeRange('today', '', '')) !== null && _a !== void 0 ? _a : '';
+            if (narrow && name.toLowerCase() === 'today' && (narrow === null || narrow === void 0 ? void 0 : narrow.has(todayValue))) {
+                return true;
+            }
+            else if (name.toLowerCase() === 'custom' && !(narrow === null || narrow === void 0 ? void 0 : narrow.has(todayValue)) && (narrow === null || narrow === void 0 ? void 0 : narrow.size)) {
+                return true;
+            }
+            else if (name.toLowerCase() === 'all' && !(narrow === null || narrow === void 0 ? void 0 : narrow.size)) {
+                return true;
+            }
+        }
+        return !!(narrow === null || narrow === void 0 ? void 0 : narrow.has(narrowName));
+    }
+    function onFromDateValueChange(value) {
+        setPickerChange(true);
+        setFromDate(new Date(value));
+    }
+    function onToDateValueChange(value) {
+        setPickerChange(true);
+        setToDate(new Date(value));
+    }
+    useEffect(() => { if (pickerChange) {
+        onFacetClicked('custom');
+        setPickerChange(false);
+    } }, [fromDate, toDate]);
+    function getDefaultFromDate() {
+        const today = new Date();
+        const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 7);
+        return todayTimestamp;
+    }
+    function getDefaultToDate() {
+        const today = new Date();
+        const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
+        return tomorrowTimestamp;
+    }
+    return (_jsxs("div", Object.assign({ className: classes.fsOptions, style: { opacity: disableSelect ? 0.5 : 1, pointerEvents: disableSelect ? 'none' : 'auto' } }, { children: [itemsToShow.map(value => {
+                var _a;
+                return (_jsxs(React.Fragment, { children: [_jsx("span", Object.assign({ onClick: () => onFacetClicked(value.name) }, { children: _jsx(Radio, Object.assign({ isChecked: !(narrow === null || narrow === void 0 ? void 0 : narrow.size) && value.name.toLowerCase() === 'all' ? true : isChecked(value.name), id: value.name, onChange: () => onFacetClicked(value.name), ariaLabel: getDisplayName(value.displayName) }, { children: _jsx("span", Object.assign({ className: "filters-option-text fs-serp-filter-text" }, { children: getDisplayName(value.displayName) })) })) }), 'fs-checkbox-' + value.name), ((_a = value === null || value === void 0 ? void 0 : value.name) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'custom' && isChecked(value.name) ? (_jsxs("span", Object.assign({ className: classes.fsFacetContainer }, { children: [_jsx("div", Object.assign({ className: classes.fsFacetOptions }, { children: _jsx(ReactDatePicker, { selected: pickerFromDate, onChange: onFromDateValueChange }, 'from-date-picker-' + value.name) })), _jsx("div", Object.assign({ className: classes.fsFacetOptions }, { children: _jsx(ReactDatePicker, { selected: pickerToDate, onChange: onToDateValueChange }, 'to-date-picker-' + value.name) }))] }), 'fs-facet-container-' + value.name)) : null] }, 'fs-item-' + value.name));
+            }), expanded && ((_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) ? (_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) })] }) }))) : ((_b = facet === null || facet === void 0 ? void 0 : facet.values) === null || _b === void 0 ? void 0 : _b.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=LastReceivedDate.js.map

package/dist/components/LastReceivedDateFilter/LastReceivedDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastReceivedDate.js","sourceRoot":"","sources":["../../../src/components/LastReceivedDateFilter/LastReceivedDate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\r\nimport {Facet} from \"@fast-simon/utilities\";\r\nimport {getDisplayName, formatDateToString} from \"./utils\";\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\nimport {getLastReceivedTimeRange} from \"../BackOfficeFiltersMenu/utils\";\r\nimport {Radio} from \"../RadioFilter/Radio/Radio\";\r\nimport ReactDatePicker from \"../ReactDatePicker\";\r\n\r\ninterface Props {\r\n    facet: Facet;\r\n    onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => void;\r\n    narrow?: Set<string>;\r\n    disableSelect?: boolean;\r\n}\r\n\r\nexport function LastReceivedDate({facet, onChange, narrow, disableSelect=false}: Props) {\r\n    const [expanded, setExpanded] = useState(false);\r\n    const [itemsToShow, setItemsToShow] = useState<any[]>([]);\r\n    let timer: string | number | NodeJS.Timeout | undefined;\r\n    const [fromDate, setFromDate] = useState<Date>(getDefaultFromDate());\r\n    const [toDate, setToDate] = useState<Date>(getDefaultToDate());\r\n    const [pickerFromDate, setPickerFromDate] = useState<Date>(getDefaultFromDate());\r\n    const [pickerToDate, setPickerToDate] = useState<Date>(getDefaultToDate());\r\n    const [pickerChange, setPickerChange] = useState<boolean>(false);\r\n    useEffect(() => {\r\n        setItemsToShow(facet?.values?.slice(0,5));\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.id , name, undefined,name?.toLowerCase() === 'custom'? (fromDate?formatDateToString(fromDate):'') : undefined,name?.toLowerCase() === 'custom'? (toDate?formatDateToString(toDate):''): undefined);\r\n        }, 750);\r\n    }\r\n    function isChecked(name: string) {\r\n        let narrowName = name;\r\n        if (facet.id === 'merch_lrt') {\r\n            let todayValue = getLastReceivedTimeRange('today', '', '')??'';\r\n            if(narrow && name.toLowerCase() === 'today' && narrow?.has(todayValue)) {\r\n                return true;\r\n            } else if(name.toLowerCase() === 'custom' && !narrow?.has(todayValue) && narrow?.size) {\r\n                return true;\r\n            }\r\n            else if(name.toLowerCase() === 'all' && !narrow?.size) {\r\n                return true;\r\n            }\r\n        }\r\n        return !!narrow?.has(narrowName)\r\n    }\r\n\r\n    function onFromDateValueChange(value: number) {\r\n        setPickerChange(true);\r\n        setFromDate(new Date(value));\r\n    }\r\n\r\n    function onToDateValueChange(value: number) {\r\n        setPickerChange(true);\r\n        setToDate(new Date(value));\r\n    }\r\nuseEffect(() =>{if(pickerChange) {onFacetClicked('custom');setPickerChange(false);}},[fromDate,toDate])\r\n\r\n    function getDefaultFromDate() {\r\n        const today = new Date();\r\n        const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() -7);\r\n        return todayTimestamp;\r\n    }\r\n\r\n    function getDefaultToDate() {\r\n        const today = new Date();\r\n        const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);\r\n        return tomorrowTimestamp;\r\n    }\r\n\r\n    return (\r\n        <div className={classes.fsOptions} style={{ opacity: disableSelect ? 0.5 : 1, pointerEvents: disableSelect ? 'none' : 'auto' }}>\r\n            {itemsToShow.map(value => (\r\n                <React.Fragment key={'fs-item-' + value.name}>\r\n            <span key={'fs-checkbox-' + value.name} onClick={() => onFacetClicked(value.name)}>\r\n                <Radio\r\n                    isChecked={!(narrow?.size) && value.name.toLowerCase() === 'all' ? true : isChecked(value.name)}\r\n                    id={value.name}\r\n                    onChange={() => onFacetClicked(value.name)}\r\n                    ariaLabel={getDisplayName(value.displayName)}\r\n                >\r\n                    <span className=\"filters-option-text fs-serp-filter-text\">{getDisplayName(value.displayName)}</span>\r\n                </Radio>\r\n            </span>\r\n                    {value?.name?.toLowerCase() === 'custom' && isChecked(value.name) ? (\r\n                        <span key={'fs-facet-container-' + value.name} className={classes.fsFacetContainer}>\r\n                    <div className={classes.fsFacetOptions}>\r\n                        <ReactDatePicker key={'from-date-picker-' + value.name} selected={pickerFromDate}\r\n                                         onChange={onFromDateValueChange}/>\r\n                    </div>\r\n                    <div className={classes.fsFacetOptions}>\r\n                        <ReactDatePicker key={'to-date-picker-' + value.name} selected={pickerToDate}\r\n                                         onChange={onToDateValueChange}/>\r\n                    </div>\r\n                </span>\r\n                    ) : null}\r\n                </React.Fragment>\r\n            ))}\r\n            {expanded && facet?.values?.length !== itemsToShow?.length ? (\r\n                <span onClick={handleShowLessClick} className={classes.showMore}>\r\n            <small>Show Less&nbsp;&nbsp;&nbsp;<i className={classNames(classes.arrow, classes.down)}/></small>\r\n        </span>\r\n            ) : facet?.values?.length !== itemsToShow?.length ? (\r\n                <span onClick={handleShowMoreClick} className={classes.showMore}>\r\n            <small>Show more&nbsp;&nbsp;&nbsp;<i className={classNames(classes.arrow, classes.down)}/></small>\r\n        </span>\r\n            ) : null}\r\n        </div>\r\n    )\r\n\r\n}\r\n\r\n"]}
+{"version":3,"file":"LastReceivedDate.js","sourceRoot":"","sources":["../../../src/components/LastReceivedDateFilter/LastReceivedDate.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useState} from 'react';\nimport {Facet} from \"@fast-simon/utilities\";\nimport {getDisplayName, formatDateToString} from \"./utils\";\nimport classes from './styles.module.css';\nimport classNames from \"classnames\";\nimport {getLastReceivedTimeRange} from \"../BackOfficeFiltersMenu/utils\";\nimport {Radio} from \"../RadioFilter/Radio/Radio\";\nimport ReactDatePicker from \"../ReactDatePicker\";\n\ninterface Props {\n    facet: Facet;\n    onChange: (facetName: string, narrowName: string, updateSingleNarrow?: boolean, fromDate?: string, toDate?: string) => void;\n    narrow?: Set<string>;\n    disableSelect?: boolean;\n}\n\nexport function LastReceivedDate({facet, onChange, narrow, disableSelect=false}: Props) {\n    const [expanded, setExpanded] = useState(false);\n    const [itemsToShow, setItemsToShow] = useState<any[]>([]);\n    let timer: string | number | NodeJS.Timeout | undefined;\n    const [fromDate, setFromDate] = useState<Date>(getDefaultFromDate());\n    const [toDate, setToDate] = useState<Date>(getDefaultToDate());\n    const [pickerFromDate, setPickerFromDate] = useState<Date>(getDefaultFromDate());\n    const [pickerToDate, setPickerToDate] = useState<Date>(getDefaultToDate());\n    const [pickerChange, setPickerChange] = useState<boolean>(false);\n    useEffect(() => {\n        setItemsToShow(facet?.values?.slice(0,5));\n    }, [facet]);\n\n    useEffect(() => {\n        if (facet?.values?.length <= itemsToShow?.length) {\n            setExpanded(true);\n        }\n    }, [itemsToShow]);\n\n    const handleShowMoreClick = () => {\n        setItemsToShow(facet?.values);\n        setExpanded(true);\n    }\n\n    const handleShowLessClick = () => {\n        setItemsToShow(facet?.values?.slice(0,5));\n        setExpanded(true);\n    }\n\n    const onFacetClicked = (name: string) => {\n        clearTimeout(timer);\n        timer = setTimeout(() => {\n            onChange(facet.id , name, undefined,name?.toLowerCase() === 'custom'? (fromDate?formatDateToString(fromDate):'') : undefined,name?.toLowerCase() === 'custom'? (toDate?formatDateToString(toDate):''): undefined);\n        }, 750);\n    }\n    function isChecked(name: string) {\n        let narrowName = name;\n        if (facet.id === 'merch_lrt') {\n            let todayValue = getLastReceivedTimeRange('today', '', '')??'';\n            if(narrow && name.toLowerCase() === 'today' && narrow?.has(todayValue)) {\n                return true;\n            } else if(name.toLowerCase() === 'custom' && !narrow?.has(todayValue) && narrow?.size) {\n                return true;\n            }\n            else if(name.toLowerCase() === 'all' && !narrow?.size) {\n                return true;\n            }\n        }\n        return !!narrow?.has(narrowName)\n    }\n\n    function onFromDateValueChange(value: number) {\n        setPickerChange(true);\n        setFromDate(new Date(value));\n    }\n\n    function onToDateValueChange(value: number) {\n        setPickerChange(true);\n        setToDate(new Date(value));\n    }\nuseEffect(() =>{if(pickerChange) {onFacetClicked('custom');setPickerChange(false);}},[fromDate,toDate])\n\n    function getDefaultFromDate() {\n        const today = new Date();\n        const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() -7);\n        return todayTimestamp;\n    }\n\n    function getDefaultToDate() {\n        const today = new Date();\n        const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);\n        return tomorrowTimestamp;\n    }\n\n    return (\n        <div className={classes.fsOptions} style={{ opacity: disableSelect ? 0.5 : 1, pointerEvents: disableSelect ? 'none' : 'auto' }}>\n            {itemsToShow.map(value => (\n                <React.Fragment key={'fs-item-' + value.name}>\n            <span key={'fs-checkbox-' + value.name} onClick={() => onFacetClicked(value.name)}>\n                <Radio\n                    isChecked={!(narrow?.size) && value.name.toLowerCase() === 'all' ? true : isChecked(value.name)}\n                    id={value.name}\n                    onChange={() => onFacetClicked(value.name)}\n                    ariaLabel={getDisplayName(value.displayName)}\n                >\n                    <span className=\"filters-option-text fs-serp-filter-text\">{getDisplayName(value.displayName)}</span>\n                </Radio>\n            </span>\n                    {value?.name?.toLowerCase() === 'custom' && isChecked(value.name) ? (\n                        <span key={'fs-facet-container-' + value.name} className={classes.fsFacetContainer}>\n                    <div className={classes.fsFacetOptions}>\n                        <ReactDatePicker key={'from-date-picker-' + value.name} selected={pickerFromDate}\n                                         onChange={onFromDateValueChange}/>\n                    </div>\n                    <div className={classes.fsFacetOptions}>\n                        <ReactDatePicker key={'to-date-picker-' + value.name} selected={pickerToDate}\n                                         onChange={onToDateValueChange}/>\n                    </div>\n                </span>\n                    ) : null}\n                </React.Fragment>\n            ))}\n            {expanded && facet?.values?.length !== itemsToShow?.length ? (\n                <span onClick={handleShowLessClick} className={classes.showMore}>\n            <small>Show Less&nbsp;&nbsp;&nbsp;<i className={classNames(classes.arrow, classes.down)}/></small>\n        </span>\n            ) : facet?.values?.length !== itemsToShow?.length ? (\n                <span onClick={handleShowMoreClick} className={classes.showMore}>\n            <small>Show more&nbsp;&nbsp;&nbsp;<i className={classNames(classes.arrow, classes.down)}/></small>\n        </span>\n            ) : null}\n        </div>\n    )\n\n}\n\n"]}

package/dist/components/LastReceivedDateFilter/styles.module.css

@@ -1,41 +1,41 @@
-.fsOptions {
-    padding: 0 0 8px 8px;
-}
-.showMore {
-    color: #737373;
-}
-
-.showMore:hover {
-    cursor: pointer;
-}
-
-.arrow {
-    border: solid #636363;
-    border-width: 0 1.5px 1.5px 0;
-    display: inline-block;
-    padding: 3px;
-}
-
-.down {
-    transform: rotate(45deg);
-    -webkit-transform: rotate(45deg);
-    margin-bottom: 2px;
-}
-.fsFacetContainer {
-    display: flex;
-    flex-direction: row;
-    padding: 0pc 2px;
-    width: calc(100% - 4px);
-}
-.fsFacetOptions {
-    width: calc(50% - 12px);
-    padding: 0px 6px;
-}
-.fsFacetOptions:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-.fsFacetOptions>.react-datepicker-wrapper {
-    width: calc(100% - 6px)!important;
+.fsOptions {
+    padding: 0 0 8px 8px;
+}
+.showMore {
+    color: #737373;
+}
+
+.showMore:hover {
+    cursor: pointer;
+}
+
+.arrow {
+    border: solid #636363;
+    border-width: 0 1.5px 1.5px 0;
+    display: inline-block;
+    padding: 3px;
+}
+
+.down {
+    transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+    margin-bottom: 2px;
+}
+.fsFacetContainer {
+    display: flex;
+    flex-direction: row;
+    padding: 0pc 2px;
+    width: calc(100% - 4px);
+}
+.fsFacetOptions {
+    width: calc(50% - 12px);
+    padding: 0px 6px;
+}
+.fsFacetOptions:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.fsFacetOptions>.react-datepicker-wrapper {
+    width: calc(100% - 6px)!important;
 }

package/dist/components/LastReceivedDateFilter/utils.d.ts

@@ -1,3 +1,3 @@
-export declare const getDisplayName: (displayName: string) => string;
-export declare const formatDateToString: (date: Date) => string;
-export declare const getLastReceivedTimeRange: (selectedType: string, fromDate: string, toDate: string) => string | undefined;
+export declare const getDisplayName: (displayName: string) => string;
+export declare const formatDateToString: (date: Date) => string;
+export declare const getLastReceivedTimeRange: (selectedType: string, fromDate: string, toDate: string) => string | undefined;

package/dist/components/LastReceivedDateFilter/utils.js

@@ -1,43 +1,43 @@
-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 formatDateToString = (date) => {
-    if (!(date === null || date === void 0 ? void 0 : date.getDate) && typeof date === 'number') {
-        console.log(date);
-        date = new Date(1688850000000);
-    }
-    const day = String(date.getDate()).padStart(2, '0');
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const year = String(date.getFullYear());
-    return `${day}-${month}-${year}`;
-};
-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 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 formatDateToString = (date) => {
+    if (!(date === null || date === void 0 ? void 0 : date.getDate) && typeof date === 'number') {
+        console.log(date);
+        date = new Date(1688850000000);
+    }
+    const day = String(date.getDate()).padStart(2, '0');
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const year = String(date.getFullYear());
+    return `${day}-${month}-${year}`;
+};
+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;
+};
 //# sourceMappingURL=utils.js.map

package/dist/components/LastReceivedDateFilter/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/LastReceivedDateFilter/utils.ts"],"names":[],"mappings":"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","sourcesContent":["\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\nexport const formatDateToString = (date: Date): string => {\r\n    if (!date?.getDate && typeof date === 'number') {\r\n        console.log(date)\r\n        date = new Date(1688850000000)\r\n    }\r\n\r\n    const day = String(date.getDate()).padStart(2, '0');\r\n    const month = String(date.getMonth() + 1).padStart(2, '0');\r\n    const year = String(date.getFullYear());\r\n\r\n    return `${day}-${month}-${year}`;\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}"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/LastReceivedDateFilter/utils.ts"],"names":[],"mappings":"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","sourcesContent":["\nexport const getDisplayName = (displayName: string) => {\n    let splittedName = displayName?.split(':');\n    if(splittedName?.[1]){\n        return splittedName?.[1]\n    }\n    return displayName;\n};\nexport const formatDateToString = (date: Date): string => {\n    if (!date?.getDate && typeof date === 'number') {\n        console.log(date)\n        date = new Date(1688850000000)\n    }\n\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = String(date.getFullYear());\n\n    return `${day}-${month}-${year}`;\n}\n\nexport const getLastReceivedTimeRange = (selectedType: string, fromDate: string, toDate: string): string | undefined => {\n\n    const today = new Date();\n    const todayTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate()).getTime() / 1000;\n    const tomorrowTimestamp = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1).getTime() / 1000;\n\n    if (selectedType.toLowerCase() === 'all') {\n        return undefined;\n\n    } else if (selectedType.toLowerCase() === 'today') {\n        return `${todayTimestamp}-${tomorrowTimestamp}`;\n    }\n\n    if (fromDate || toDate) {\n        let fromDateTimestamp = 0;\n        let toDateTimestamp = tomorrowTimestamp;\n\n        if (fromDate) {\n            const fromDateArr = fromDate.split('-');\n            fromDateTimestamp = new Date(Number.parseInt(fromDateArr[2]), Number.parseInt(fromDateArr[1]) - 1, Number.parseInt(fromDateArr[0])).getTime() / 1000;\n        }\n\n        if (toDate) {\n            const toDateArr = toDate.split('-');\n            toDateTimestamp = new Date( Number.parseInt(toDateArr[2]), Number.parseInt(toDateArr[1]) - 1,Number.parseInt(toDateArr[0])).getTime() / 1000;\n        }\n\n        return `${fromDateTimestamp}-${toDateTimestamp}`;\n    }\n\n    return undefined;\n}"]}

package/dist/components/ProductLabel/ProductLabel.d.ts

@@ -1,11 +1,11 @@
-import React from 'react';
-import { ProductLabelType } from "../../@types/productLabel";
-export interface Props {
-    position?: number;
-    label?: ProductLabelType;
-    isUnpublished?: boolean;
-    onlyUnpublished?: boolean;
-    sellable?: boolean;
-}
-declare const ProductLabel: React.FC<Props>;
-export default ProductLabel;
+import React from 'react';
+import { ProductLabelType } from "../../@types/productLabel";
+export interface Props {
+    position?: number;
+    label?: ProductLabelType;
+    isUnpublished?: boolean;
+    onlyUnpublished?: boolean;
+    sellable?: boolean;
+}
+declare const ProductLabel: React.FC<Props>;
+export default ProductLabel;

package/dist/components/ProductLabel/ProductLabel.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import classes from './styles.module.css';
-import { labelToColorDict } from "./utils";
-const ProductLabel = ({ position, label, isUnpublished, onlyUnpublished, sellable }) => {
-    return (_jsxs("div", Object.assign({ className: classes.productLabelContainer }, { children: [_jsxs("div", Object.assign({ className: classes.badgesContainer }, { children: [!onlyUnpublished && label &&
-                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict[label], color: "white" } }, { children: label })), isUnpublished &&
-                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict['Unpublished'], color: "white", marginTop: "2px" } }, { children: "Unpublished" })), !sellable && !isUnpublished &&
-                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: 'black', color: "white", marginTop: "2px" } }, { children: "Out of Stock" }))] })), !onlyUnpublished && position !== undefined && (_jsx("div", Object.assign({ className: classes.productPosition }, { children: position })))] })));
-};
-export default ProductLabel;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from './styles.module.css';
+import { labelToColorDict } from "./utils";
+const ProductLabel = ({ position, label, isUnpublished, onlyUnpublished, sellable }) => {
+    return (_jsxs("div", Object.assign({ className: classes.productLabelContainer }, { children: [_jsxs("div", Object.assign({ className: classes.badgesContainer }, { children: [!onlyUnpublished && label &&
+                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict[label], color: "white" } }, { children: label })), isUnpublished &&
+                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: labelToColorDict['Unpublished'], color: "white", marginTop: "2px" } }, { children: "Unpublished" })), !sellable && !isUnpublished &&
+                        _jsx("div", Object.assign({ className: classes.labelText, style: { backgroundColor: 'black', color: "white", marginTop: "2px" } }, { children: "Out of Stock" }))] })), !onlyUnpublished && position !== undefined && (_jsx("div", Object.assign({ className: classes.productPosition }, { children: position })))] })));
+};
+export default ProductLabel;
 //# sourceMappingURL=ProductLabel.js.map

package/dist/components/ProductLabel/ProductLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductLabel.js","sourceRoot":"","sources":["../../../src/components/ProductLabel/ProductLabel.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAYzC,MAAM,YAAY,GAAoB,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,EAAE,EAAE;IAClG,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,iBACzC,6BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,iBAClC,CAAC,eAAe,IAAI,KAAK;wBACtB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAC,gBAC/F,KAAK,IACJ,EAET,aAAa;wBACV,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,iCAExH,EAET,CAAC,QAAQ,IAAI,CAAC,aAAa;wBACxB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,kCAEhG,KAER,EACL,CAAC,eAAe,IAAI,QAAQ,KAAK,SAAS,IAAI,CAC3C,4BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,gBAAG,QAAQ,IAAO,CAC5D,KAEC,CACT,CAAC;AACN,CAAC,CAAA;AACD,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\r\nimport classes from './styles.module.css';\r\nimport {labelToColorDict} from \"./utils\";\r\nimport {ProductLabelType} from \"../../@types/productLabel\";\r\n\r\nexport interface Props {\r\n    position?: number;\r\n    label?: ProductLabelType;\r\n    isUnpublished?: boolean;\r\n\r\n    onlyUnpublished?: boolean;\r\n    sellable?: boolean;\r\n}\r\n\r\nconst ProductLabel: React.FC<Props> = ({position, label, isUnpublished, onlyUnpublished, sellable}) => {\r\n    return (\r\n        <div className={classes.productLabelContainer}>\r\n            <div className={classes.badgesContainer}>\r\n                {!onlyUnpublished && label &&\r\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict[label], color: \"white\"}}>\r\n                        {label}\r\n                    </div>\r\n                }\r\n                {isUnpublished &&\r\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict['Unpublished'], color: \"white\", marginTop: \"2px\"}}>\r\n                        Unpublished\r\n                    </div>\r\n                }\r\n                {!sellable && !isUnpublished &&\r\n                    <div className={classes.labelText} style={{backgroundColor: 'black', color: \"white\", marginTop: \"2px\"}}>\r\n                        Out of Stock\r\n                    </div>\r\n                }\r\n            </div>\r\n            {!onlyUnpublished && position !== undefined && (\r\n                <div className={classes.productPosition}>{position}</div>\r\n            )}\r\n\r\n        </div>\r\n    );\r\n}\r\nexport default ProductLabel;\r\n"]}
+{"version":3,"file":"ProductLabel.js","sourceRoot":"","sources":["../../../src/components/ProductLabel/ProductLabel.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,SAAS,CAAC;AAYzC,MAAM,YAAY,GAAoB,CAAC,EAAC,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,QAAQ,EAAC,EAAE,EAAE;IAClG,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,qBAAqB,iBACzC,6BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,iBAClC,CAAC,eAAe,IAAI,KAAK;wBACtB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,OAAO,EAAC,gBAC/F,KAAK,IACJ,EAET,aAAa;wBACV,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,gBAAgB,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,iCAExH,EAET,CAAC,QAAQ,IAAI,CAAC,aAAa;wBACxB,4BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAC,eAAe,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAC,kCAEhG,KAER,EACL,CAAC,eAAe,IAAI,QAAQ,KAAK,SAAS,IAAI,CAC3C,4BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,gBAAG,QAAQ,IAAO,CAC5D,KAEC,CACT,CAAC;AACN,CAAC,CAAA;AACD,eAAe,YAAY,CAAC","sourcesContent":["import React from 'react';\nimport classes from './styles.module.css';\nimport {labelToColorDict} from \"./utils\";\nimport {ProductLabelType} from \"../../@types/productLabel\";\n\nexport interface Props {\n    position?: number;\n    label?: ProductLabelType;\n    isUnpublished?: boolean;\n\n    onlyUnpublished?: boolean;\n    sellable?: boolean;\n}\n\nconst ProductLabel: React.FC<Props> = ({position, label, isUnpublished, onlyUnpublished, sellable}) => {\n    return (\n        <div className={classes.productLabelContainer}>\n            <div className={classes.badgesContainer}>\n                {!onlyUnpublished && label &&\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict[label], color: \"white\"}}>\n                        {label}\n                    </div>\n                }\n                {isUnpublished &&\n                    <div className={classes.labelText} style={{backgroundColor: labelToColorDict['Unpublished'], color: \"white\", marginTop: \"2px\"}}>\n                        Unpublished\n                    </div>\n                }\n                {!sellable && !isUnpublished &&\n                    <div className={classes.labelText} style={{backgroundColor: 'black', color: \"white\", marginTop: \"2px\"}}>\n                        Out of Stock\n                    </div>\n                }\n            </div>\n            {!onlyUnpublished && position !== undefined && (\n                <div className={classes.productPosition}>{position}</div>\n            )}\n\n        </div>\n    );\n}\nexport default ProductLabel;\n"]}

package/dist/components/ProductLabel/index.d.ts

@@ -1 +1 @@
-export { default } from "./ProductLabel";
+export { default } from "./ProductLabel";

package/dist/components/ProductLabel/index.js

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

package/dist/components/ProductLabel/index.js.map

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

package/dist/components/ProductLabel/styles.module.css

@@ -1,42 +1,42 @@
-.productLabelContainer {
-    width: inherit;
-    font-size: 12px;
-    display: flex;
-    align-items: center;
-    flex-direction: row;
-    position: absolute;
-    justify-content: space-between;
-    top: 6px;
-}
-
-.productPosition {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    margin-right: 6px;
-    padding: 5px 5px;
-    border-radius: 50px;
-    border: 1px solid #00000017;
-    background-color: #ffffffc9;
-    min-width: 16px;
-    min-height: 16px;
-    width: fit-content;
-    height: fit-content;
-}
-
-.productLabelContainerWithText {
-    color: white;
-}
-
-.labelText {
-    display: flex;
-    justify-content: center;
-    padding: 4px 4px;
-    border-radius: 0 4px 4px 0;
-}
-
-.badgesContainer {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
+.productLabelContainer {
+    width: inherit;
+    font-size: 12px;
+    display: flex;
+    align-items: center;
+    flex-direction: row;
+    position: absolute;
+    justify-content: space-between;
+    top: 6px;
+}
+
+.productPosition {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-right: 6px;
+    padding: 5px 5px;
+    border-radius: 50px;
+    border: 1px solid #00000017;
+    background-color: #ffffffc9;
+    min-width: 16px;
+    min-height: 16px;
+    width: fit-content;
+    height: fit-content;
+}
+
+.productLabelContainerWithText {
+    color: white;
+}
+
+.labelText {
+    display: flex;
+    justify-content: center;
+    padding: 4px 4px;
+    border-radius: 0 4px 4px 0;
+}
+
+.badgesContainer {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
 }

package/dist/components/ProductLabel/utils.d.ts

@@ -1,8 +1,8 @@
-export declare const labelToColorDict: {
-    Promoted: string;
-    Selected: string;
-    Pinned: string;
-    Buried: string;
-    Hidden: string;
-    Unpublished: string;
-};
+export declare const labelToColorDict: {
+    Promoted: string;
+    Selected: string;
+    Pinned: string;
+    Buried: string;
+    Hidden: string;
+    Unpublished: string;
+};