@fast-simon/dashboard-utilities 1.0.96 → 1.0.97

package/dist/components/ReactDatePicker/ReactDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactDatePicker.js","sourceRoot":"","sources":["../../../src/components/ReactDatePicker/ReactDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,4CAA4C,CAAC;AASpD,+CAA+C;AAC/C,kEAAkE;AAElE,MAAM,eAAe,GAAoB,CAAC,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAC,EAAE,EAAE;IAChG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAiB,QAAQ,CAAA,CAAC,CAAC,QAAQ,CAAA,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACjG,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,EAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IACb,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,IAAS,EAAE,EAAE,GAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAI,IAAa,aAAb,IAAI,uBAAJ,IAAI,CAAW,OAAO,EAAE,CAAC,CAAC,CAAA,CAAC,GAAI,CAClM,CAAC;AACJ,CAAC,CAAC;AACF,eAAgB,eAAe,CAAC","sourcesContent":["import React, {useEffect, useState} from \"react\";\r\nimport DatePicker from \"react-datepicker\";\r\nimport classes from './styles.module.css';\r\n\r\nimport \"react-datepicker/dist/react-datepicker.css\";\r\nexport interface Props {\r\n  startDate?: Date,\r\n  endDate?: Date,\r\n  selected?: Date,\r\n  onChange?: (date: any) => void;\r\n  placeholder?: string;\r\n}\r\n\r\n// CSS Modules, react-datepicker-cssmodules.css\r\n// import 'react-datepicker/dist/react-datepicker-cssmodules.css';\r\n\r\nconst ReactDatePicker: React.FC<Props> = ({startDate,endDate, selected, onChange, placeholder}) => {\r\n  const [selectedDate, setSelectedDate] = useState<Date|undefined>(selected? selected: new Date());\r\n  useEffect(() => {\r\n    setSelectedDate(selected);\r\n  },[selected])\r\n  return (\r\n    <DatePicker className={classes.fullWidthInput} placeholderText={placeholder} selected={selectedDate} onChange={(date: any) => {setSelectedDate(date); onChange?.((date as Date)?.getTime());}} />\r\n  );\r\n};\r\nexport default  ReactDatePicker;\r\n"]}
+{"version":3,"file":"ReactDatePicker.js","sourceRoot":"","sources":["../../../src/components/ReactDatePicker/ReactDatePicker.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,OAAO,4CAA4C,CAAC;AASpD,+CAA+C;AAC/C,kEAAkE;AAElE,MAAM,eAAe,GAAoB,CAAC,EAAC,SAAS,EAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAC,EAAE,EAAE;IAChG,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAiB,QAAQ,CAAA,CAAC,CAAC,QAAQ,CAAA,CAAC,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IACjG,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,QAAQ,CAAC,CAAC;IAC5B,CAAC,EAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IACb,OAAO,CACL,KAAC,UAAU,IAAC,SAAS,EAAE,OAAO,CAAC,cAAc,EAAE,eAAe,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,IAAS,EAAE,EAAE,GAAE,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAI,IAAa,aAAb,IAAI,uBAAJ,IAAI,CAAW,OAAO,EAAE,CAAC,CAAC,CAAA,CAAC,GAAI,CAClM,CAAC;AACJ,CAAC,CAAC;AACF,eAAgB,eAAe,CAAC","sourcesContent":["import React, {useEffect, useState} from \"react\";\nimport DatePicker from \"react-datepicker\";\nimport classes from './styles.module.css';\n\nimport \"react-datepicker/dist/react-datepicker.css\";\nexport interface Props {\n  startDate?: Date,\n  endDate?: Date,\n  selected?: Date,\n  onChange?: (date: any) => void;\n  placeholder?: string;\n}\n\n// CSS Modules, react-datepicker-cssmodules.css\n// import 'react-datepicker/dist/react-datepicker-cssmodules.css';\n\nconst ReactDatePicker: React.FC<Props> = ({startDate,endDate, selected, onChange, placeholder}) => {\n  const [selectedDate, setSelectedDate] = useState<Date|undefined>(selected? selected: new Date());\n  useEffect(() => {\n    setSelectedDate(selected);\n  },[selected])\n  return (\n    <DatePicker className={classes.fullWidthInput} placeholderText={placeholder} selected={selectedDate} onChange={(date: any) => {setSelectedDate(date); onChange?.((date as Date)?.getTime());}} />\n  );\n};\nexport default  ReactDatePicker;\n"]}

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

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

package/dist/components/ReactDatePicker/index.js

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

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

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

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

@@ -1,3 +1,3 @@
-.fullWidthInput{
-    width: 100%;
+.fullWidthInput{
+    width: 100%;
 }

package/dist/components/RenderIfVisible/RenderIfVisible.d.ts

@@ -1,12 +1,12 @@
-import React, { RefObject } from "react";
-type Props = {
-    defaultHeight: number;
-    visibleOffset: number;
-    id: string;
-    rootElementClass?: string;
-    placeholderElementClass?: string;
-    children: React.ReactNode;
-    rootRef?: RefObject<HTMLDivElement>;
-};
-declare const RenderIfVisible: React.FC<Props>;
-export default RenderIfVisible;
+import React, { RefObject } from "react";
+type Props = {
+    defaultHeight: number;
+    visibleOffset: number;
+    id: string;
+    rootElementClass?: string;
+    placeholderElementClass?: string;
+    children: React.ReactNode;
+    rootRef?: RefObject<HTMLDivElement>;
+};
+declare const RenderIfVisible: React.FC<Props>;
+export default RenderIfVisible;

package/dist/components/RenderIfVisible/RenderIfVisible.js

@@ -1,59 +1,59 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useRef, useEffect, createRef } from "react";
-const RenderIfVisible = ({ placeholderElementClass, rootElementClass, id, defaultHeight = 300, visibleOffset = 1000, children, rootRef, }) => {
-    const [isVisible, setIsVisible] = useState(false);
-    const placeholderHeight = useRef(defaultHeight);
-    const intersectionRef = createRef();
-    const [observerRef, setObserverRef] = useState();
-    const [isCalculated, setIsCalculated] = useState(false);
-    // Set visibility with intersection observer
-    useEffect(() => {
-        if (intersectionRef.current && !isCalculated && (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current)) {
-            setIsCalculated(true);
-            const observer = new IntersectionObserver((entries) => {
-                if (window.requestIdleCallback) {
-                    window.requestIdleCallback(() => setIsVisible(entries[entries.length - 1].isIntersecting), { timeout: 600 });
-                }
-                else {
-                    setIsVisible(entries[entries.length - 1].isIntersecting);
-                }
-            }, {
-                rootMargin: `${visibleOffset}px 0px ${visibleOffset}px 0px`,
-                root: rootRef === null || rootRef === void 0 ? void 0 : rootRef.current
-            });
-            setObserverRef(observer);
-            observer.observe(intersectionRef.current);
-            return () => {
-                if (intersectionRef.current) {
-                    observer.unobserve(intersectionRef.current);
-                }
-            };
-        }
-    }, [rootRef]);
-    useEffect(() => {
-        return () => {
-            if (intersectionRef.current) {
-                observerRef === null || observerRef === void 0 ? void 0 : observerRef.unobserve(intersectionRef.current);
-                observerRef === null || observerRef === void 0 ? void 0 : observerRef.disconnect();
-            }
-            setObserverRef(undefined);
-        };
-    }, []);
-    // Set height after render
-    useEffect(() => {
-        if (intersectionRef.current && isVisible) {
-            placeholderHeight.current =
-                intersectionRef.current.offsetHeight;
-        }
-        else if (intersectionRef.current && !isCalculated) {
-            setIsCalculated(true);
-        }
-    }, [isVisible, intersectionRef]);
-    return (_jsx("div", Object.assign({ style: {
-            width: "100%",
-            height: "100%",
-            minHeight: isVisible ? '100%' : placeholderHeight.current
-        }, ref: intersectionRef, id: id, className: placeholderElementClass }, { children: isVisible && children })));
-};
-export default RenderIfVisible;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect, createRef } from "react";
+const RenderIfVisible = ({ placeholderElementClass, rootElementClass, id, defaultHeight = 300, visibleOffset = 1000, children, rootRef, }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const placeholderHeight = useRef(defaultHeight);
+    const intersectionRef = createRef();
+    const [observerRef, setObserverRef] = useState();
+    const [isCalculated, setIsCalculated] = useState(false);
+    // Set visibility with intersection observer
+    useEffect(() => {
+        if (intersectionRef.current && !isCalculated && (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current)) {
+            setIsCalculated(true);
+            const observer = new IntersectionObserver((entries) => {
+                if (window.requestIdleCallback) {
+                    window.requestIdleCallback(() => setIsVisible(entries[entries.length - 1].isIntersecting), { timeout: 600 });
+                }
+                else {
+                    setIsVisible(entries[entries.length - 1].isIntersecting);
+                }
+            }, {
+                rootMargin: `${visibleOffset}px 0px ${visibleOffset}px 0px`,
+                root: rootRef === null || rootRef === void 0 ? void 0 : rootRef.current
+            });
+            setObserverRef(observer);
+            observer.observe(intersectionRef.current);
+            return () => {
+                if (intersectionRef.current) {
+                    observer.unobserve(intersectionRef.current);
+                }
+            };
+        }
+    }, [rootRef]);
+    useEffect(() => {
+        return () => {
+            if (intersectionRef.current) {
+                observerRef === null || observerRef === void 0 ? void 0 : observerRef.unobserve(intersectionRef.current);
+                observerRef === null || observerRef === void 0 ? void 0 : observerRef.disconnect();
+            }
+            setObserverRef(undefined);
+        };
+    }, []);
+    // Set height after render
+    useEffect(() => {
+        if (intersectionRef.current && isVisible) {
+            placeholderHeight.current =
+                intersectionRef.current.offsetHeight;
+        }
+        else if (intersectionRef.current && !isCalculated) {
+            setIsCalculated(true);
+        }
+    }, [isVisible, intersectionRef]);
+    return (_jsx("div", Object.assign({ style: {
+            width: "100%",
+            height: "100%",
+            minHeight: isVisible ? '100%' : placeholderHeight.current
+        }, ref: intersectionRef, id: id, className: placeholderElementClass }, { children: isVisible && children })));
+};
+export default RenderIfVisible;
 //# sourceMappingURL=RenderIfVisible.js.map

package/dist/components/RenderIfVisible/RenderIfVisible.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderIfVisible.js","sourceRoot":"","sources":["../../../src/components/RenderIfVisible/RenderIfVisible.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useState, useRef, useEffect, createRef, RefObject} from \"react\";\r\n\r\ntype Props = {\r\n    defaultHeight: number;\r\n    visibleOffset: number;\r\n    id: string;\r\n    rootElementClass?: string;\r\n    placeholderElementClass?: string;\r\n    children: React.ReactNode;\r\n    rootRef?: RefObject<HTMLDivElement>;\r\n};\r\n\r\nconst RenderIfVisible: React.FC<Props> = (\r\n    {\r\n        placeholderElementClass,\r\n        rootElementClass,\r\n        id,\r\n        defaultHeight = 300,\r\n        visibleOffset = 1000,\r\n        children,\r\n        rootRef,\r\n    }\r\n) => {\r\n    const [isVisible, setIsVisible] = useState<boolean>(false);\r\n    const placeholderHeight = useRef<number>(defaultHeight);\r\n    const intersectionRef = createRef<HTMLDivElement>();\r\n    const [observerRef, setObserverRef] = useState<IntersectionObserver>();\r\n    const [isCalculated, setIsCalculated] = useState(false);\r\n\r\n    // Set visibility with intersection observer\r\n    useEffect(() => {\r\n        if (intersectionRef.current && !isCalculated && rootRef?.current) {\r\n            setIsCalculated(true);\r\n            const observer = new IntersectionObserver(\r\n                (entries) => {\r\n                    if (window.requestIdleCallback) {\r\n                        window.requestIdleCallback(() => setIsVisible(entries[entries.length - 1].isIntersecting), {timeout: 600});\r\n                    } else {\r\n                        setIsVisible(entries[entries.length - 1].isIntersecting);\r\n                    }\r\n                },\r\n                {\r\n                    rootMargin: `${visibleOffset}px 0px ${visibleOffset}px 0px`,\r\n                    root: rootRef?.current\r\n                }\r\n            );\r\n            setObserverRef(observer);\r\n            observer.observe(intersectionRef.current);\r\n            return () => {\r\n                if (intersectionRef.current) {\r\n                    observer.unobserve(intersectionRef.current);\r\n                }\r\n            };\r\n        }\r\n    }, [rootRef]);\r\n\r\n    useEffect(() => {\r\n        return () => {\r\n            if (intersectionRef.current) {\r\n                observerRef?.unobserve(intersectionRef.current);\r\n                observerRef?.disconnect();\r\n            }\r\n            setObserverRef(undefined);\r\n        };\r\n    }, []);\r\n\r\n    // Set height after render\r\n    useEffect(() => {\r\n        if (intersectionRef.current && isVisible) {\r\n            placeholderHeight.current =\r\n                intersectionRef.current.offsetHeight;\r\n        } else if (intersectionRef.current && !isCalculated) {\r\n            setIsCalculated(true);\r\n        }\r\n    }, [isVisible, intersectionRef]);\r\n\r\n    return (\r\n        <div\r\n            style={{\r\n                width: \"100%\",\r\n                height: \"100%\",\r\n                minHeight: isVisible ? '100%' : placeholderHeight.current\r\n            }}\r\n            ref={intersectionRef}\r\n            id={id}\r\n            className={placeholderElementClass}\r\n        >\r\n            {isVisible && children}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default RenderIfVisible;\r\n"]}
+{"version":3,"file":"RenderIfVisible.js","sourceRoot":"","sources":["../../../src/components/RenderIfVisible/RenderIfVisible.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useState, useRef, useEffect, createRef, RefObject} from \"react\";\n\ntype Props = {\n    defaultHeight: number;\n    visibleOffset: number;\n    id: string;\n    rootElementClass?: string;\n    placeholderElementClass?: string;\n    children: React.ReactNode;\n    rootRef?: RefObject<HTMLDivElement>;\n};\n\nconst RenderIfVisible: React.FC<Props> = (\n    {\n        placeholderElementClass,\n        rootElementClass,\n        id,\n        defaultHeight = 300,\n        visibleOffset = 1000,\n        children,\n        rootRef,\n    }\n) => {\n    const [isVisible, setIsVisible] = useState<boolean>(false);\n    const placeholderHeight = useRef<number>(defaultHeight);\n    const intersectionRef = createRef<HTMLDivElement>();\n    const [observerRef, setObserverRef] = useState<IntersectionObserver>();\n    const [isCalculated, setIsCalculated] = useState(false);\n\n    // Set visibility with intersection observer\n    useEffect(() => {\n        if (intersectionRef.current && !isCalculated && rootRef?.current) {\n            setIsCalculated(true);\n            const observer = new IntersectionObserver(\n                (entries) => {\n                    if (window.requestIdleCallback) {\n                        window.requestIdleCallback(() => setIsVisible(entries[entries.length - 1].isIntersecting), {timeout: 600});\n                    } else {\n                        setIsVisible(entries[entries.length - 1].isIntersecting);\n                    }\n                },\n                {\n                    rootMargin: `${visibleOffset}px 0px ${visibleOffset}px 0px`,\n                    root: rootRef?.current\n                }\n            );\n            setObserverRef(observer);\n            observer.observe(intersectionRef.current);\n            return () => {\n                if (intersectionRef.current) {\n                    observer.unobserve(intersectionRef.current);\n                }\n            };\n        }\n    }, [rootRef]);\n\n    useEffect(() => {\n        return () => {\n            if (intersectionRef.current) {\n                observerRef?.unobserve(intersectionRef.current);\n                observerRef?.disconnect();\n            }\n            setObserverRef(undefined);\n        };\n    }, []);\n\n    // Set height after render\n    useEffect(() => {\n        if (intersectionRef.current && isVisible) {\n            placeholderHeight.current =\n                intersectionRef.current.offsetHeight;\n        } else if (intersectionRef.current && !isCalculated) {\n            setIsCalculated(true);\n        }\n    }, [isVisible, intersectionRef]);\n\n    return (\n        <div\n            style={{\n                width: \"100%\",\n                height: \"100%\",\n                minHeight: isVisible ? '100%' : placeholderHeight.current\n            }}\n            ref={intersectionRef}\n            id={id}\n            className={placeholderElementClass}\n        >\n            {isVisible && children}\n        </div>\n    );\n}\n\nexport default RenderIfVisible;\n"]}

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

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

package/dist/components/RenderIfVisible/index.js

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

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

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

package/dist/components/ScrollToTop/ScrollToTop.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-interface Props {
-    scrollableRef: React.RefObject<HTMLDivElement>;
-}
-export declare function ScrollToTop({ scrollableRef }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+import React from 'react';
+interface Props {
+    scrollableRef: React.RefObject<HTMLDivElement>;
+}
+export declare function ScrollToTop({ scrollableRef }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ScrollToTop/ScrollToTop.js

@@ -1,28 +1,28 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useEffect } from 'react';
-import classes from './styles.module.css';
-import classNames from "classnames";
-export function ScrollToTop({ scrollableRef }) {
-    const [isVisible, setIsVisible] = React.useState(false);
-    const scrollToTop = (event) => {
-        var _a;
-        (_a = scrollableRef === null || scrollableRef === void 0 ? void 0 : scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0, behavior: 'smooth' });
-    };
-    useEffect(() => {
-        var _a;
-        const handleScrollButton = () => {
-            var _a;
-            if (!(scrollableRef === null || scrollableRef === void 0 ? void 0 : scrollableRef.current)) {
-                return;
-            }
-            setIsVisible(!!((_a = scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop));
-        };
-        (_a = scrollableRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScrollButton);
-        return () => {
-            var _a;
-            (_a = scrollableRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScrollButton);
-        };
-    }, [scrollableRef]);
-    return (_jsx("div", Object.assign({ className: classNames(classes.wrapper, isVisible ? classes.visible : '', 'scroll-to-top-btn'), onClick: scrollToTop }, { children: "Scroll to Top" })));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import classes from './styles.module.css';
+import classNames from "classnames";
+export function ScrollToTop({ scrollableRef }) {
+    const [isVisible, setIsVisible] = React.useState(false);
+    const scrollToTop = (event) => {
+        var _a;
+        (_a = scrollableRef === null || scrollableRef === void 0 ? void 0 : scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ top: 0, behavior: 'smooth' });
+    };
+    useEffect(() => {
+        var _a;
+        const handleScrollButton = () => {
+            var _a;
+            if (!(scrollableRef === null || scrollableRef === void 0 ? void 0 : scrollableRef.current)) {
+                return;
+            }
+            setIsVisible(!!((_a = scrollableRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop));
+        };
+        (_a = scrollableRef.current) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScrollButton);
+        return () => {
+            var _a;
+            (_a = scrollableRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScrollButton);
+        };
+    }, [scrollableRef]);
+    return (_jsx("div", Object.assign({ className: classNames(classes.wrapper, isVisible ? classes.visible : '', 'scroll-to-top-btn'), onClick: scrollToTop }, { children: "Scroll to Top" })));
+}
 //# sourceMappingURL=ScrollToTop.js.map

package/dist/components/ScrollToTop/ScrollToTop.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../../src/components/ScrollToTop/ScrollToTop.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,UAAU,WAAW,CAAC,EAAC,aAAa,EAAQ;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;;QAC/B,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;IACnE,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;;QACX,MAAM,kBAAkB,GAAG,GAAG,EAAE;;YAC5B,IAAG,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAA,EAAE;gBACxB,OAAO;aACV;YACD,YAAY,CAAC,CAAC,CAAC,CAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,SAAS,CAAA,CAAC,CAAC;QACrD,CAAC,CAAA;QACD,MAAA,aAAa,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE;;YACR,MAAA,aAAa,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QAC7E,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACH,4BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,mBAAmB,CAAC,EAAE,OAAO,EAAE,WAAW,mCAElH,CAET,CAAA;AAEL,CAAC","sourcesContent":["import React, {useEffect} from 'react';\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\n\r\ninterface Props {\r\n    scrollableRef: React.RefObject<HTMLDivElement>;\r\n}\r\nexport function ScrollToTop({scrollableRef}: Props) {\r\n\r\n    const [isVisible, setIsVisible] = React.useState(false);\r\n    const scrollToTop = (event: any) => {\r\n        scrollableRef?.current?.scrollTo({top: 0, behavior: 'smooth'});\r\n    }\r\n\r\n    useEffect(() => {\r\n        const handleScrollButton = () => {\r\n            if(!scrollableRef?.current) {\r\n                return;\r\n            }\r\n            setIsVisible(!!scrollableRef.current?.scrollTop);\r\n        }\r\n        scrollableRef.current?.addEventListener('scroll', handleScrollButton);\r\n        return () => {\r\n            scrollableRef.current?.removeEventListener('scroll', handleScrollButton);\r\n        }\r\n    }, [scrollableRef]);\r\n\r\n    return (\r\n        <div className={classNames(classes.wrapper, isVisible ? classes.visible : '', 'scroll-to-top-btn')} onClick={scrollToTop}>\r\n            Scroll to Top\r\n        </div>\r\n\r\n    )\r\n\r\n}\r\n\r\n"]}
+{"version":3,"file":"ScrollToTop.js","sourceRoot":"","sources":["../../../src/components/ScrollToTop/ScrollToTop.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AACvC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAKpC,MAAM,UAAU,WAAW,CAAC,EAAC,aAAa,EAAQ;IAE9C,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,WAAW,GAAG,CAAC,KAAU,EAAE,EAAE;;QAC/B,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,0CAAE,QAAQ,CAAC,EAAC,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAC,CAAC,CAAC;IACnE,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;;QACX,MAAM,kBAAkB,GAAG,GAAG,EAAE;;YAC5B,IAAG,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAA,EAAE;gBACxB,OAAO;aACV;YACD,YAAY,CAAC,CAAC,CAAC,CAAA,MAAA,aAAa,CAAC,OAAO,0CAAE,SAAS,CAAA,CAAC,CAAC;QACrD,CAAC,CAAA;QACD,MAAA,aAAa,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QACtE,OAAO,GAAG,EAAE;;YACR,MAAA,aAAa,CAAC,OAAO,0CAAE,mBAAmB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;QAC7E,CAAC,CAAA;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,OAAO,CACH,4BAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,mBAAmB,CAAC,EAAE,OAAO,EAAE,WAAW,mCAElH,CAET,CAAA;AAEL,CAAC","sourcesContent":["import React, {useEffect} from 'react';\nimport classes from './styles.module.css';\nimport classNames from \"classnames\";\n\ninterface Props {\n    scrollableRef: React.RefObject<HTMLDivElement>;\n}\nexport function ScrollToTop({scrollableRef}: Props) {\n\n    const [isVisible, setIsVisible] = React.useState(false);\n    const scrollToTop = (event: any) => {\n        scrollableRef?.current?.scrollTo({top: 0, behavior: 'smooth'});\n    }\n\n    useEffect(() => {\n        const handleScrollButton = () => {\n            if(!scrollableRef?.current) {\n                return;\n            }\n            setIsVisible(!!scrollableRef.current?.scrollTop);\n        }\n        scrollableRef.current?.addEventListener('scroll', handleScrollButton);\n        return () => {\n            scrollableRef.current?.removeEventListener('scroll', handleScrollButton);\n        }\n    }, [scrollableRef]);\n\n    return (\n        <div className={classNames(classes.wrapper, isVisible ? classes.visible : '', 'scroll-to-top-btn')} onClick={scrollToTop}>\n            Scroll to Top\n        </div>\n\n    )\n\n}\n\n"]}

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

@@ -1,18 +1,18 @@
-.wrapper {
-    visibility: hidden;
-    position: absolute;
-    bottom: 72px;
-    right: 44px;
-    font-size: 14px;
-    background: #000000a6;
-    color: white;
-    padding: 3px 6px;
-    border-radius: 8px;
-    cursor: pointer;
-}
-
-.visible {
-    visibility: visible;
-    opacity: 1;
-    transition: opacity 0.2s linear;
-}
+.wrapper {
+    visibility: hidden;
+    position: absolute;
+    bottom: 72px;
+    right: 44px;
+    font-size: 14px;
+    background: #000000a6;
+    color: white;
+    padding: 3px 6px;
+    border-radius: 8px;
+    cursor: pointer;
+}
+
+.visible {
+    visibility: visible;
+    opacity: 1;
+    transition: opacity 0.2s linear;
+}

package/dist/components/SelectCard/SelectCard.d.ts

@@ -1,5 +1,5 @@
-interface SelectCardProps {
-    numSelected: number;
-}
-declare const SelectCard: ({ numSelected }: SelectCardProps) => import("react/jsx-runtime").JSX.Element;
-export default SelectCard;
+interface SelectCardProps {
+    numSelected: number;
+}
+declare const SelectCard: ({ numSelected }: SelectCardProps) => import("react/jsx-runtime").JSX.Element;
+export default SelectCard;

package/dist/components/SelectCard/SelectCard.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classes from "./styles.module.css";
-const SelectCard = ({ numSelected }) => {
-    return (_jsx("div", Object.assign({ className: classes.selectCardContainer }, { children: _jsx("div", Object.assign({ className: classes.selectCardText }, { children: numSelected })) })));
-};
-export default SelectCard;
+import { jsx as _jsx } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+const SelectCard = ({ numSelected }) => {
+    return (_jsx("div", Object.assign({ className: classes.selectCardContainer }, { children: _jsx("div", Object.assign({ className: classes.selectCardText }, { children: numSelected })) })));
+};
+export default SelectCard;
 //# sourceMappingURL=SelectCard.js.map

package/dist/components/SelectCard/SelectCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectCard.js","sourceRoot":"","sources":["../../../src/components/SelectCard/SelectCard.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAM1C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAmB,EAAE,EAAE;IACtD,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,CAAC,mBAAmB,gBACzC,4BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,gBAAG,WAAW,IAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import classes from \"./styles.module.css\";\r\n\r\ninterface SelectCardProps {\r\n  numSelected: number;\r\n}\r\n\r\nconst SelectCard = ({ numSelected }: SelectCardProps) => {\r\n  return (\r\n    <div className={classes.selectCardContainer}>\r\n      <div className={classes.selectCardText}>{numSelected}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SelectCard;\r\n"]}
+{"version":3,"file":"SelectCard.js","sourceRoot":"","sources":["../../../src/components/SelectCard/SelectCard.tsx"],"names":[],"mappings":";AAAA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAM1C,MAAM,UAAU,GAAG,CAAC,EAAE,WAAW,EAAmB,EAAE,EAAE;IACtD,OAAO,CACL,4BAAK,SAAS,EAAE,OAAO,CAAC,mBAAmB,gBACzC,4BAAK,SAAS,EAAE,OAAO,CAAC,cAAc,gBAAG,WAAW,IAAO,IACvD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import classes from \"./styles.module.css\";\n\ninterface SelectCardProps {\n  numSelected: number;\n}\n\nconst SelectCard = ({ numSelected }: SelectCardProps) => {\n  return (\n    <div className={classes.selectCardContainer}>\n      <div className={classes.selectCardText}>{numSelected}</div>\n    </div>\n  );\n};\n\nexport default SelectCard;\n"]}

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

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

package/dist/components/SelectCard/index.js

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

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

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

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

@@ -1,21 +1,21 @@
-.selectCardContainer {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    background: rgba(255, 255, 255, 0.8);
-    backdrop-filter: blur(10px);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    flex-direction: column;
-    border: 2px solid #ebebeb;
-    border-radius: 6px;
-    transition: border ease-in-out 150ms;
-    cursor: pointer;
-}
-
-.selectCardText {
-    font-size: 48px;
-    font-weight: 900;
-    text-align: center;
+.selectCardContainer {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    background: rgba(255, 255, 255, 0.8);
+    backdrop-filter: blur(10px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+    border: 2px solid #ebebeb;
+    border-radius: 6px;
+    transition: border ease-in-out 150ms;
+    cursor: pointer;
+}
+
+.selectCardText {
+    font-size: 48px;
+    font-weight: 900;
+    text-align: center;
 }

package/dist/components/SingleFilter/SingleFilter.d.ts

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