@fast-simon/dashboard-utilities 1.0.96 → 1.0.98

package/dist/components/CheckboxFilter/CheckboxFilter.js

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

package/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.d.ts

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

package/dist/components/DragAndDrop/DndContextWrapper.js

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

package/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.d.ts

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

package/dist/components/DragAndDrop/Droppable.js

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

package/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.d.ts

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

package/dist/components/DragAndDrop/SortableItem.js

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

package/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.d.ts

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

package/dist/components/FacetItem/FacetItem.js

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

package/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}"]}