@fast-simon/dashboard-utilities 1.0.84 → 1.0.85

package/dist/components/FromToFilter/FromToFilter.js.map

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

package/dist/components/FromToFilter/To/To.js.map

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

package/dist/components/FromToFilter/To/styles.module.css

@@ -1,9 +1,9 @@
-.to {
-    float: left;
-    width: calc(50% - 20px);
-    padding: 0 10px;
-}
-
-.to >  div > input {
-    max-width: 100%;
+.to {
+    float: left;
+    width: calc(50% - 20px);
+    padding: 0 10px;
+}
+
+.to >  div > input {
+    max-width: 100%;
 }

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

@@ -1,34 +1,34 @@
-.fsFacetTitle {
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    letter-spacing: .2px;
-    background-color: #fff0;
-    border: none;
-    width: 100%;
-    text-align: left;
-    padding: 8px 0;
-    position: relative;
-    border-radius: 8px;
-    transition: background-color .2s ease-out;
-    cursor: pointer;
-    color: #000;
-    font-size: 14px;
-    font-weight: 600;
-    display: flex;
-    gap: 10px;
-    align-items: center;
-}
-
-.fsFacetContainer {
-    display: flex;
-    flex-direction: column;
-}
-.fsFacetOptions {
-    width: 100%;
-    margin: 0 -5px;
-}
-.fsFacetOptions:after {
-  content: "";
-  display: table;
-  clear: both;
+.fsFacetTitle {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    letter-spacing: .2px;
+    background-color: #fff0;
+    border: none;
+    width: 100%;
+    text-align: left;
+    padding: 8px 0;
+    position: relative;
+    border-radius: 8px;
+    transition: background-color .2s ease-out;
+    cursor: pointer;
+    color: #000;
+    font-size: 14px;
+    font-weight: 600;
+    display: flex;
+    gap: 10px;
+    align-items: center;
+}
+
+.fsFacetContainer {
+    display: flex;
+    flex-direction: column;
+}
+.fsFacetOptions {
+    width: 100%;
+    margin: 0 -5px;
+}
+.fsFacetOptions:after {
+  content: "";
+  display: table;
+  clear: both;
 }

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

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

package/dist/components/InStoreFiltersMenu/InStoreFiltersMenu.js.map

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

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

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

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

@@ -1,10 +1,10 @@
-.filtersContainer {
-        padding: 8px 16px;
-        font-size: 12px;
-}
-.clearAll {
-        color: var(--blue);
-    text-decoration: none;
-    cursor: pointer;
-    font-size: 1.2rem;
+.filtersContainer {
+        padding: 8px 16px;
+        font-size: 12px;
+}
+.clearAll {
+        color: var(--blue);
+    text-decoration: none;
+    cursor: pointer;
+    font-size: 1.2rem;
 }

package/dist/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\r\nimport classes from './styles.module.css';\r\nimport clsx from \"clsx\";\r\nexport interface Props {\r\n    initialInput: string | number;\r\n    onChange: (input: string) => void;\r\n    onCompleted: (input: string) => void;\r\n    debounceTime: number;\r\n    customClasses?: {\r\n        container?: string;\r\n        input?: string;\r\n    }\r\n    type?: string;\r\n    placeholder?: string;\r\n\r\n    isInputValidForCommit?: (userInput: string) => boolean;\r\n\r\n    placeholderIcon?: JSX.Element;\r\n    selectAllOnFocus?: boolean;\r\n    limit?: {min: number, max: number}\r\n}\r\n\r\nconst Input: React.FC<Props> = ({initialInput, onChange, onCompleted, debounceTime, customClasses, type=\"text\", placeholder =\"\", isInputValidForCommit, placeholderIcon=null, selectAllOnFocus = false, limit}) => {\r\n\r\n    const [input, setInput] = useState(initialInput);\r\n    const [timer, setTimer] = useState<NodeJS.Timeout>();\r\n    const inputRef = useRef(null);\r\n    const handleFocus = () => {\r\n        if (selectAllOnFocus) {\r\n            (inputRef?.current as any)?.select?.();\r\n        }\r\n    };\r\n    useEffect(() => {\r\n        setInput(initialInput);\r\n    }, []);\r\n\r\n    const isValidLimitation = (value: number) => {\r\n        if(limit) {\r\n            return value >= limit.min && value <= limit.max\r\n        }\r\n        return true\r\n    }\r\n\r\n    const onInputChanged = (event: any) => {\r\n        if(type === 'num' && (Number(event.target.value) !== Number(event.target.value) * 1))  {\r\n            return;\r\n        }\r\n        if(type === 'number' && !isValidLimitation(Number(event.target.value))){\r\n            return;\r\n        }\r\n        clearTimeout(timer);\r\n        setInput(event.target.value);\r\n        onChange(event.target.value);\r\n        const isValid = !isInputValidForCommit || isInputValidForCommit(event.target.value);\r\n        if(!isValid) {\r\n            return;\r\n        }\r\n        const key = setTimeout(() => {\r\n            onCompleted(event.target.value);\r\n        }, debounceTime);\r\n        setTimer(key);\r\n    }\r\n\r\n    const onClick = (event: any) => {\r\n        event.stopPropagation();\r\n    }\r\n\r\n    return (\r\n        <div className={clsx(classes.inputContainer, customClasses?.container)}>\r\n            {!String(input).length && placeholderIcon ? placeholderIcon : null}\r\n            <input ref={inputRef}\r\n                   type={type} value={input} onChange={onInputChanged} placeholder={placeholder}\r\n                   className={customClasses?.input} onMouseDown={onClick} onMouseUp={onClick} onClick={onClick}\r\n                   onFocus={handleFocus}/>\r\n        </div>\r\n    )\r\n};\r\n\r\nexport default Input;\r\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect, useRef, useState} from 'react';\nimport classes from './styles.module.css';\nimport clsx from \"clsx\";\nexport interface Props {\n    initialInput: string | number;\n    onChange: (input: string) => void;\n    onCompleted: (input: string) => void;\n    debounceTime: number;\n    customClasses?: {\n        container?: string;\n        input?: string;\n    }\n    type?: string;\n    placeholder?: string;\n\n    isInputValidForCommit?: (userInput: string) => boolean;\n\n    placeholderIcon?: JSX.Element;\n    selectAllOnFocus?: boolean;\n    limit?: {min: number, max: number}\n}\n\nconst Input: React.FC<Props> = ({initialInput, onChange, onCompleted, debounceTime, customClasses, type=\"text\", placeholder =\"\", isInputValidForCommit, placeholderIcon=null, selectAllOnFocus = false, limit}) => {\n\n    const [input, setInput] = useState(initialInput);\n    const [timer, setTimer] = useState<NodeJS.Timeout>();\n    const inputRef = useRef(null);\n    const handleFocus = () => {\n        if (selectAllOnFocus) {\n            (inputRef?.current as any)?.select?.();\n        }\n    };\n    useEffect(() => {\n        setInput(initialInput);\n    }, []);\n\n    const isValidLimitation = (value: number) => {\n        if(limit) {\n            return value >= limit.min && value <= limit.max\n        }\n        return true\n    }\n\n    const onInputChanged = (event: any) => {\n        if(type === 'num' && (Number(event.target.value) !== Number(event.target.value) * 1))  {\n            return;\n        }\n        if(type === 'number' && !isValidLimitation(Number(event.target.value))){\n            return;\n        }\n        clearTimeout(timer);\n        setInput(event.target.value);\n        onChange(event.target.value);\n        const isValid = !isInputValidForCommit || isInputValidForCommit(event.target.value);\n        if(!isValid) {\n            return;\n        }\n        const key = setTimeout(() => {\n            onCompleted(event.target.value);\n        }, debounceTime);\n        setTimer(key);\n    }\n\n    const onClick = (event: any) => {\n        event.stopPropagation();\n    }\n\n    return (\n        <div className={clsx(classes.inputContainer, customClasses?.container)}>\n            {!String(input).length && placeholderIcon ? placeholderIcon : null}\n            <input ref={inputRef}\n                   type={type} value={input} onChange={onInputChanged} placeholder={placeholder}\n                   className={customClasses?.input} onMouseDown={onClick} onMouseUp={onClick} onClick={onClick}\n                   onFocus={handleFocus}/>\n        </div>\n    )\n};\n\nexport default Input;\n"]}

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

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

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

@@ -1,3 +1,3 @@
-.inputContainer {
-
+.inputContainer {
+
 }

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

@@ -1 +1 @@
-{"version":3,"file":"LastReceivedDate.js","sourceRoot":"","sources":["../../../src/components/LastReceivedDateFilter/LastReceivedDate.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAC,cAAc,EAAE,kBAAkB,EAAC,MAAM,SAAS,CAAC;AAC3D,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAC,KAAK,EAAC,MAAM,4BAA4B,CAAC;AACjD,OAAO,eAAe,MAAM,oBAAoB,CAAC;AASjD,MAAM,UAAU,gBAAgB,CAAC,EAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,GAAC,KAAK,EAAQ;;IAClF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAQ,EAAE,CAAC,CAAC;IAC1D,IAAI,KAAmD,CAAC;IACxD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAO,kBAAkB,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAO,gBAAgB,EAAE,CAAC,CAAC;IAC/D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAO,kBAAkB,EAAE,CAAC,CAAC;IACjF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAO,gBAAgB,EAAE,CAAC,CAAC;IAC3E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,SAAS,CAAC,GAAG,EAAE;;QACX,cAAc,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;IAC9C,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,SAAS,CAAC,GAAG,EAAE;;QACX,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,MAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE;YAC9C,WAAW,CAAC,IAAI,CAAC,CAAC;SACrB;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC7B,cAAc,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC;QAC9B,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAA;IAED,MAAM,mBAAmB,GAAG,GAAG,EAAE;;QAC7B,cAAc,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,KAAK,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAC;QAC1C,WAAW,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,EAAE;QACpC,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACpB,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAG,IAAI,EAAE,SAAS,EAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,MAAK,QAAQ,CAAA,CAAC,CAAC,CAAC,QAAQ,CAAA,CAAC,CAAA,kBAAkB,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAA,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,EAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,MAAK,QAAQ,CAAA,CAAC,CAAC,CAAC,MAAM,CAAA,CAAC,CAAA,kBAAkB,CAAC,MAAM,CAAC,CAAA,CAAC,CAAA,EAAE,CAAC,CAAA,CAAC,CAAC,SAAS,CAAC,CAAC;QACtN,CAAC,EAAE,GAAG,CAAC,CAAC;IACZ,CAAC,CAAA;IACD,SAAS,SAAS,CAAC,IAAY;;QAC3B,IAAI,UAAU,GAAG,IAAI,CAAC;QACtB,IAAI,KAAK,CAAC,EAAE,KAAK,WAAW,EAAE;YAC1B,IAAI,UAAU,GAAG,MAAA,wBAAwB,CAAC,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,mCAAE,EAAE,CAAC;YAC/D,IAAG,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,OAAO,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAU,CAAC,CAAA,EAAE;gBACpE,OAAO,IAAI,CAAC;aACf;iBAAM,IAAG,IAAI,CAAC,WAAW,EAAE,KAAK,QAAQ,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAU,CAAC,CAAA,KAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE;gBACnF,OAAO,IAAI,CAAC;aACf;iBACI,IAAG,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,IAAI,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA,EAAE;gBACnD,OAAO,IAAI,CAAC;aACf;SACJ;QACD,OAAO,CAAC,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAU,CAAC,CAAA,CAAA;IACpC,CAAC;IAED,SAAS,qBAAqB,CAAC,KAAa;QACxC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,WAAW,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,SAAS,mBAAmB,CAAC,KAAa;QACtC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,SAAS,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/B,CAAC;IACL,SAAS,CAAC,GAAG,EAAE,GAAC,IAAG,YAAY,EAAE;QAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;QAAA,eAAe,CAAC,KAAK,CAAC,CAAC;KAAC,CAAA,CAAC,EAAC,CAAC,QAAQ,EAAC,MAAM,CAAC,CAAC,CAAA;IAEnG,SAAS,kBAAkB;QACvB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,MAAM,cAAc,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,GAAE,CAAC,CAAC,CAAC;QAC3F,OAAO,cAAc,CAAC;IAC1B,CAAC;IAED,SAAS,gBAAgB;QACrB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;QACzB,MAAM,iBAAiB,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;QAC/F,OAAO,iBAAiB,CAAC;IAC7B,CAAC;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAAE,iBACzH,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;;gBAAC,OAAA,CACtB,MAAC,KAAK,CAAC,QAAQ,eACnB,6BAAwC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,gBAC7E,KAAC,KAAK,kBACF,SAAS,EAAE,CAAC,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,EAC/F,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,EAC1C,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,gBAE5C,6BAAM,SAAS,EAAC,yCAAyC,gBAAE,cAAc,CAAC,KAAK,CAAC,WAAW,CAAC,IAAQ,IAChG,KARD,cAAc,GAAG,KAAK,CAAC,IAAI,CAS/B,EACE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,0CAAE,WAAW,EAAE,MAAK,QAAQ,IAAI,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAChE,8BAA+C,SAAS,EAAE,OAAO,CAAC,gBAAgB,iBACtF,4BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,gBAClC,KAAC,eAAe,IAAwC,QAAQ,EAAE,cAAc,EAC/D,QAAQ,EAAE,qBAAqB,IAD1B,mBAAmB,GAAG,KAAK,CAAC,IAAI,CACH,IACjD,EACN,4BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,gBAClC,KAAC,eAAe,IAAsC,QAAQ,EAAE,YAAY,EAC3D,QAAQ,EAAE,mBAAmB,IADxB,iBAAiB,GAAG,KAAK,CAAC,IAAI,CACH,IAC/C,MARS,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAS9C,CACF,CAAC,CAAC,CAAC,IAAI,KAtBS,UAAU,GAAG,KAAK,CAAC,IAAI,CAuB3B,CACpB,CAAA;aAAA,CAAC,EACD,QAAQ,IAAI,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,OAAK,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CACzD,6BAAM,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,gBACnE,2DAAkC,YAAG,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAQ,IAC/F,CACF,CAAC,CAAC,CAAC,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,0CAAE,MAAM,OAAK,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,CAAC,CAAC,CAAC,CAChD,6BAAM,OAAO,EAAE,mBAAmB,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,gBACnE,2DAAkC,YAAG,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,IAAQ,IAC/F,CACF,CAAC,CAAC,CAAC,IAAI,KACN,CACT,CAAA;AAEL,CAAC","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.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.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.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.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/ProductLabel/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,aAAa,EAAE,WAAW;CAC7B,CAAA","sourcesContent":["export const labelToColorDict = {\r\n    'Promoted': '#008847',\r\n    'Selected': '#008847',\r\n    'Pinned': '#0093E5',\r\n    'Buried': '#EA0C19',\r\n    'Hidden': '#EA0C19',\r\n    'Unpublished': '#880000d1'\r\n}"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/ProductLabel/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC5B,UAAU,EAAE,SAAS;IACrB,UAAU,EAAE,SAAS;IACrB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,aAAa,EAAE,WAAW;CAC7B,CAAA","sourcesContent":["export const labelToColorDict = {\n    'Promoted': '#008847',\n    'Selected': '#008847',\n    'Pinned': '#0093E5',\n    'Buried': '#EA0C19',\n    'Hidden': '#EA0C19',\n    'Unpublished': '#880000d1'\n}"]}

package/dist/components/RadioFilter/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/RadioFilter/Radio/Radio.tsx"],"names":[],"mappings":";AAEA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,UAAU,KAAK,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAQ;IACvE,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,OAAO,EAAC,OAAO,EAAE,SAAS,EACnC,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 Radio({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=\"radio\" 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}"]}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../src/components/RadioFilter/Radio/Radio.tsx"],"names":[],"mappings":";AAEA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAUpC,MAAM,UAAU,KAAK,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAQ;IACvE,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,OAAO,EAAC,OAAO,EAAE,SAAS,EACnC,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';\nimport {Facet} from \"@fast-simon/utilities\";\nimport classes from './styles.module.css';\nimport classNames from \"classnames\";\n\ninterface Props {\n    isChecked: boolean;\n    ariaLabel?: string;\n    children: React.ReactNode,\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void,\n    id?: string\n}\n\nexport function Radio({isChecked, ariaLabel, children, onChange, id}: Props) {\n    return (\n        <>\n            <div className={classNames(classes.checkbox, classes.fsCheckbox, isChecked? classes.fsSelectedCheckboxTrue: classes.fsSelectedCheckboxFalse)}>\n                <input type=\"radio\" checked={isChecked}\n                   onChange={onChange}\n                       aria-label={ariaLabel}\n                    id={id}\n                />\n                    <span className={classNames(classes.checkmark, classes.fsSerpCheckmark)} ></span>\n                    <span className={classNames(classes.checkboxLabel, classes.fsCheckboxLabel)}>\n                        {children}\n                    <slot/>\n                </span>\n\n            </div>\n        </>\n)\n\n}"]}