@fast-simon/dashboard-utilities 1.0.84 → 1.0.86

package/dist/components/CheckboxFilter/Checkbox/styles.module.css

@@ -1,143 +1,143 @@
-.fsCheckbox {
-    display: flex;
-    position: relative;
-    padding: 0 5px 0 0;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    font-family: Arial, serif;
-    animation: growDown 300ms ease forwards;
-    align-items: center;
-}
-
-.fsCheckbox input {
-    position: fixed;
-    opacity: 0;
-    cursor: pointer;
-    height: 0;
-    width: 0;
-}
-
-.checkmark {
-    min-height: 16px;
-    min-width: 16px;
-    background-color: #eee;
-    margin-right: 10px;
-}
-
-.fsCheckbox:hover input ~ .checkmark {
-    background-color: #d00202cf;
-}
-
-.fsCheckbox input:checked ~ .checkmark {
-    background-color: white;
-}
-
-.fsCheckbox input:checked ~ .checkmark:after {
-    display: block;
-}
-
-.fsCheckboxx .checkmark:after {
-    left: 5px;
-    width: 4px;
-    height: 9px;
-    border: solid white;
-    border-width: 0 2px 2px 0;
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-.fsSelectedCheckboxTrue{}
-.fsSelectedCheckboxFalse{}
-
-    @keyframes growDown {
-        0% {
-            transform: scaleY(0)
-        }
-        80% {
-            transform: scaleY(1.1)
-        }
-        100% {
-            transform: scaleY(1)
-        }
-    }
-
-    .checkbox {
-        display: flex;
-        position: relative;
-        padding: 0 5px 0 0;
-        margin-top: 5px;
-        margin-bottom: 5px;
-        cursor: pointer;
-        -webkit-user-select: none;
-        -moz-user-select: none;
-        -ms-user-select: none;
-        user-select: none;
-        font-family: Arial, serif;
-        animation: growDown 300ms ease forwards;
-        align-items: center;
-    }
-
-    .checkbox .checkboxLabel {
-        align-self: start;
-        text-transform: capitalize;
-        display: flex;
-        line-height: 20px;
-        align-items: center;
-        margin-top: 2px;
-        width: -webkit-fill-available;
-        justify-content: space-between;
-        text-overflow: ellipsis;
-        overflow: hidden;
-    }
-
-    .checkbox input {
-        position: fixed;
-        opacity: 0;
-        cursor: pointer;
-        height: 0;
-        width: 0;
-    }
-
-    .checkmark {
-        min-height: 16px;
-        min-width: 16px;
-        background-color: #eee;
-        margin-right: 10px;
-    }
-
-    .checkbox:hover input ~ .checkmark {
-        background-color: #ccc;
-    }
-
-    .checkbox input:checked ~ .checkmark {
-        background-color: #000000;
-    }
-
-    .checkmark:after {
-        content: "";
-        position: absolute;
-        display: none;
-    }
-
-    .checkbox input:checked ~ .checkmark:after {
-        display: block;
-    }
-
-    .checkbox .checkmark:after {
-        left: 5px;
-        width: 4px;
-        height: 9px;
-        border: solid white;
-        border-width: 0 2px 2px 0;
-        -webkit-transform: rotate(45deg);
-        -ms-transform: rotate(45deg);
-        transform: rotate(45deg);
-    }
-:global(.modal-mobile-filters .fs-serp-filter-count, .modal-mobile-filters .fsSerpCheckmark) {
-        display: none;
+.fsCheckbox {
+    display: flex;
+    position: relative;
+    padding: 0 5px 0 0;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    cursor: pointer;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    font-family: Arial, serif;
+    animation: growDown 300ms ease forwards;
+    align-items: center;
+}
+
+.fsCheckbox input {
+    position: fixed;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+}
+
+.checkmark {
+    min-height: 16px;
+    min-width: 16px;
+    background-color: #eee;
+    margin-right: 10px;
+}
+
+.fsCheckbox:hover input ~ .checkmark {
+    background-color: #d00202cf;
+}
+
+.fsCheckbox input:checked ~ .checkmark {
+    background-color: white;
+}
+
+.fsCheckbox input:checked ~ .checkmark:after {
+    display: block;
+}
+
+.fsCheckboxx .checkmark:after {
+    left: 5px;
+    width: 4px;
+    height: 9px;
+    border: solid white;
+    border-width: 0 2px 2px 0;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+.fsSelectedCheckboxTrue{}
+.fsSelectedCheckboxFalse{}
+
+    @keyframes growDown {
+        0% {
+            transform: scaleY(0)
+        }
+        80% {
+            transform: scaleY(1.1)
+        }
+        100% {
+            transform: scaleY(1)
+        }
+    }
+
+    .checkbox {
+        display: flex;
+        position: relative;
+        padding: 0 5px 0 0;
+        margin-top: 5px;
+        margin-bottom: 5px;
+        cursor: pointer;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        font-family: Arial, serif;
+        animation: growDown 300ms ease forwards;
+        align-items: center;
+    }
+
+    .checkbox .checkboxLabel {
+        align-self: start;
+        text-transform: capitalize;
+        display: flex;
+        line-height: 20px;
+        align-items: center;
+        margin-top: 2px;
+        width: -webkit-fill-available;
+        justify-content: space-between;
+        text-overflow: ellipsis;
+        overflow: hidden;
+    }
+
+    .checkbox input {
+        position: fixed;
+        opacity: 0;
+        cursor: pointer;
+        height: 0;
+        width: 0;
+    }
+
+    .checkmark {
+        min-height: 16px;
+        min-width: 16px;
+        background-color: #eee;
+        margin-right: 10px;
+    }
+
+    .checkbox:hover input ~ .checkmark {
+        background-color: #ccc;
+    }
+
+    .checkbox input:checked ~ .checkmark {
+        background-color: #000000;
+    }
+
+    .checkmark:after {
+        content: "";
+        position: absolute;
+        display: none;
+    }
+
+    .checkbox input:checked ~ .checkmark:after {
+        display: block;
+    }
+
+    .checkbox .checkmark:after {
+        left: 5px;
+        width: 4px;
+        height: 9px;
+        border: solid white;
+        border-width: 0 2px 2px 0;
+        -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        transform: rotate(45deg);
+    }
+:global(.modal-mobile-filters .fs-serp-filter-count, .modal-mobile-filters .fsSerpCheckmark) {
+        display: none;
     }

package/dist/components/CheckboxFilter/CheckboxFilter.js.map

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

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

@@ -1,5 +1,5 @@
-.fs-switch-left-margin{
-    margin-left: 10px;
-}
-.fs-serp-filter-text {}
+.fs-switch-left-margin{
+    margin-left: 10px;
+}
+.fs-serp-filter-text {}
 .filters-option-text {}

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

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

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

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

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

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

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

@@ -1,16 +1,16 @@
-.over:after {
-    background-color: #4c9ffe;
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 3px;
-}
-
-.after:after {
-    right: -12px;
-}
-
-.before:after {
-    left: -12px;
+.over:after {
+    background-color: #4c9ffe;
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    width: 3px;
+}
+
+.after:after {
+    right: -12px;
+}
+
+.before:after {
+    left: -12px;
 }

package/dist/components/FacetItem/FacetItem.js.map

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

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

@@ -1,55 +1,55 @@
-.fsFlexFacetTitle {
-    display: flex;
-}
-.fsFlexFacetSpan {
-    margin-left: 0.7rem;
-}
-.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 {
-    display: flex;
-    flex-direction: column;
-    padding: 0;
-    max-height: 230px;
-    overflow: auto;
-}
-.fsFacetOptions::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-}
-
-.fsFacetOptions::-webkit-scrollbar-track {
-    border-radius: 4px;
-    border: 1px solid #cacaca;
-    background-color: white;
-}
-
-.fsFacetOptions::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: #e1e1e1;
-    border: 1px solid #cacaca;
-    transition: background-color ease-in-out 100ms;
+.fsFlexFacetTitle {
+    display: flex;
+}
+.fsFlexFacetSpan {
+    margin-left: 0.7rem;
+}
+.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 {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+    max-height: 230px;
+    overflow: auto;
+}
+.fsFacetOptions::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+.fsFacetOptions::-webkit-scrollbar-track {
+    border-radius: 4px;
+    border: 1px solid #cacaca;
+    background-color: white;
+}
+
+.fsFacetOptions::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: #e1e1e1;
+    border: 1px solid #cacaca;
+    transition: background-color ease-in-out 100ms;
 }

package/dist/components/FastSimonApi/FastSimonApi.d.ts

@@ -26,6 +26,7 @@ interface Props {
     siteKey?: string;
     isEnterpriseMerchandising?: boolean;
     subscription?: number;
+    marketContext?: string | null;
 }
 export interface MainTheme {
     primaryColor: string;