react-science 0.32.1 → 0.32.2

package/lib/components/forms/utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SubText"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/forms/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/forms/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,4CAA0B"}

package/lib/components/fullscreen/FullscreenContext.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface FullscreenProps {
+    children: ReactNode;
+}
+interface FullscreenState {
+    isFullScreen: boolean;
+}
+interface ContextType extends FullscreenState {
+    toggle: () => void;
+}
+export declare function useFullscreen(): ContextType;
+export declare function FullScreenProvider(props: FullscreenProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FullscreenContext.d.ts.map

package/lib/components/fullscreen/FullscreenContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenContext.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,SAAS,EAMV,MAAM,OAAO,CAAC;AAUf,UAAU,eAAe;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB;AACD,UAAU,eAAe;IACvB,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,UAAU,WAAY,SAAQ,eAAe;IAC3C,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AASD,wBAAgB,aAAa,gBAE5B;AACD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,eAAe,2CAYxD"}

package/lib/components/fullscreen/FullscreenContext.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullScreenProvider = exports.useFullscreen = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable no-alert */
+const react_1 = require("react");
+const fullscreenContextInit = {
+    isFullScreen: false,
+    toggle: () => {
+        // empty
+    },
+};
+const FullscreenContext = (0, react_1.createContext)(fullscreenContextInit);
+function useFullscreen() {
+    return (0, react_1.useContext)(FullscreenContext);
+}
+exports.useFullscreen = useFullscreen;
+function FullScreenProvider(props) {
+    const [isFullScreen, toggle] = (0, react_1.useReducer)((value) => !value, false);
+    const value = (0, react_1.useMemo)(() => ({ isFullScreen, toggle }), [isFullScreen, toggle]);
+    return ((0, jsx_runtime_1.jsx)(FullscreenContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(FullscreenInner, { ...props }) }));
+}
+exports.FullScreenProvider = FullScreenProvider;
+function FullscreenInner(props) {
+    const { children } = props;
+    const { isFullScreen, toggle } = useFullscreen();
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        function onFullscreenChange() {
+            const document = window.document;
+            const value = Boolean(document.fullscreenElement || document.webkitFullscreenElement);
+            if (!value && isFullScreen)
+                toggle();
+        }
+        const div = ref.current;
+        if (!div) {
+            return;
+        }
+        div.addEventListener('fullscreenchange', onFullscreenChange);
+        div.addEventListener('webkitfullscreenchange', onFullscreenChange);
+        return () => {
+            div.removeEventListener('fullscreenchange', onFullscreenChange);
+            div.removeEventListener('webkitfullscreenchange', onFullscreenChange);
+        };
+    }, [isFullScreen, toggle]);
+    (0, react_1.useEffect)(() => {
+        if (isFullScreen && ref.current) {
+            if (ref.current.requestFullscreen) {
+                ref.current.requestFullscreen().catch(() => {
+                    alert('Fullscreen is not supported');
+                });
+            }
+            else if (ref.current.webkitRequestFullscreen) {
+                ref.current.webkitRequestFullscreen()?.catch(() => {
+                    alert('Fullscreen is not supported');
+                });
+            }
+        }
+        const document = window.document;
+        if (!isFullScreen && document.fullscreenElement) {
+            if (document.exitFullscreen) {
+                document.exitFullscreen().catch(() => {
+                    alert("Can't exit fullscreen");
+                });
+            }
+            else if (document.webkitExitFullscreen) {
+                document.webkitExitFullscreen().catch(() => {
+                    alert("Can't exit fullscreen");
+                });
+            }
+        }
+    }, [isFullScreen]);
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: {
+            width: '100%',
+            height: '100%',
+            backgroundColor: 'white',
+        }, children: children }));
+}
+//# sourceMappingURL=FullscreenContext.js.map

package/lib/components/fullscreen/FullscreenContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenContext.js","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenContext.tsx"],"names":[],"mappings":"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"}

package/lib/components/fullscreen/FullscreenToolbarButton.d.ts

@@ -0,0 +1,2 @@
+export declare function FullscreenToolbarButton(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FullscreenToolbarButton.d.ts.map

package/lib/components/fullscreen/FullscreenToolbarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenToolbarButton.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenToolbarButton.tsx"],"names":[],"mappings":"AAIA,wBAAgB,uBAAuB,4CAKtC"}

package/lib/components/fullscreen/FullscreenToolbarButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FullscreenToolbarButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const toolbar_1 = require("../toolbar");
+const FullscreenContext_1 = require("./FullscreenContext");
+function FullscreenToolbarButton() {
+    const { toggle } = (0, FullscreenContext_1.useFullscreen)();
+    return ((0, jsx_runtime_1.jsx)(toolbar_1.Toolbar.Item, { icon: "fullscreen", title: "Full screen", onClick: toggle }));
+}
+exports.FullscreenToolbarButton = FullscreenToolbarButton;
+//# sourceMappingURL=FullscreenToolbarButton.js.map

package/lib/components/fullscreen/FullscreenToolbarButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenToolbarButton.js","sourceRoot":"","sources":["../../../src/components/fullscreen/FullscreenToolbarButton.tsx"],"names":[],"mappings":";;;;AAAA,wCAAqC;AAErC,2DAAoD;AAEpD,SAAgB,uBAAuB;IACrC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,iCAAa,GAAE,CAAC;IACnC,OAAO,CACL,uBAAC,iBAAO,CAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAE,MAAM,GAAI,CACxE,CAAC;AACJ,CAAC;AALD,0DAKC"}

package/lib/components/fullscreen/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FullscreenContext';
+export * from './FullscreenToolbarButton';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/fullscreen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/fullscreen/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC"}

package/lib/components/fullscreen/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FullscreenContext"), exports);
+__exportStar(require("./FullscreenToolbarButton"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/fullscreen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/fullscreen/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC;AACpC,4DAA0C"}

package/lib/components/header/Header.d.ts

@@ -0,0 +1,9 @@
+import type { ReactElement } from 'react';
+import type { ToolbarProps } from '../toolbar/Toolbar';
+type ReactProps = ReactElement<ToolbarProps>;
+interface HeaderProps {
+    children: [ReactProps, ReactProps];
+}
+export declare function Header(props: HeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Header.d.ts.map

package/lib/components/header/Header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,KAAK,UAAU,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAE7C,UAAU,WAAW;IACnB,QAAQ,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;CACpC;AAeD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,oDAOxC"}

package/lib/components/header/Header.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+const react_1 = require("@emotion/react");
+const styles = {
+    header: (0, react_1.css)({
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        borderBottom: '1px solid rgb(247, 247, 247);',
+        boxShadow: 'rgb(255, 255, 255) 0px 1px 0px 0px inset',
+    }),
+};
+function Header(props) {
+    return ((0, jsx_runtime_1.jsxs)("div", { css: styles.header, children: [(0, jsx_runtime_1.jsx)("div", { children: props.children[0] }), (0, jsx_runtime_1.jsx)("div", { children: props.children[1] })] }));
+}
+exports.Header = Header;
+//# sourceMappingURL=Header.js.map

package/lib/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/header/Header.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,0CAAqC;AAWrC,MAAM,MAAM,GAAG;IACb,MAAM,EAAE,IAAA,WAAG,EAAC;QACV,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QAEpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,+BAA+B;QAE7C,SAAS,EAAE,0CAA0C;KACtD,CAAC;CACH,CAAC;AAEF,SAAgB,MAAM,CAAC,KAAkB;IACvC,OAAO,CACL,iCAAK,GAAG,EAAE,MAAM,CAAC,MAAM,aACrB,0CAAM,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAO,EAC9B,0CAAM,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAO,IAC1B,CACP,CAAC;AACJ,CAAC;AAPD,wBAOC"}

package/lib/components/header/PanelHeader.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+interface PanelHeaderProps {
+    total?: number;
+    current?: number;
+    onClickSettings?: () => void;
+    children?: ReactNode;
+}
+export declare function PanelHeader({ total, current, children, onClickSettings, }: PanelHeaderProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PanelHeader.d.ts.map

package/lib/components/header/PanelHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AA6BrD,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,oDAwBlB"}

package/lib/components/header/PanelHeader.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelHeader = void 0;
+const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/** @jsxImportSource @emotion/react */
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+const Button_1 = require("../button/Button");
+const styles = {
+    container: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        borderBottom: '0.55px solid rgb(240, 240, 240)',
+    }),
+    leftContainer: (0, react_1.css)({
+        display: 'flex',
+        flexDirection: 'row',
+        flex: 1,
+        '& > button': {
+            padding: '0 5px',
+            minWidth: 'auto',
+        },
+    }),
+    counterLabel: (0, react_1.css)({
+        margin: 0,
+        textAlign: 'right',
+        lineHeight: '22px',
+        whiteSpace: 'nowrap',
+    }),
+};
+function PanelHeader({ total, current, children, onClickSettings, }) {
+    const labelRef = (0, react_2.useRef)(null);
+    (0, react_2.useEffect)(() => {
+        if (!labelRef.current)
+            return;
+        if (current !== undefined && total !== undefined) {
+            labelRef.current.textContent = `${current} / ${total}`;
+        }
+        else if (current !== undefined) {
+            labelRef.current.textContent = `[ ${current} ]`;
+        }
+        else if (total !== undefined) {
+            labelRef.current.textContent = `[ ${total} ]`;
+        }
+    }, [current, total]);
+    return ((0, jsx_runtime_1.jsxs)("div", { css: styles.container, children: [(0, jsx_runtime_1.jsx)("div", { css: styles.leftContainer, children: children }), (0, jsx_runtime_1.jsx)("p", { ref: labelRef, css: styles.counterLabel }), onClickSettings && ((0, jsx_runtime_1.jsx)(Button_1.Button, { color: "black", minimal: true, onClick: onClickSettings, icon: "cog" }))] }));
+}
+exports.PanelHeader = PanelHeader;
+//# sourceMappingURL=PanelHeader.js.map

package/lib/components/header/PanelHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":";;;;AAAA,sCAAsC;AACtC,0CAAqC;AACrC,iCAAqD;AAErD,6CAA0C;AAE1C,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,IAAA,WAAG,EAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,iCAAiC;KAChD,CAAC;IACF,aAAa,EAAE,IAAA,WAAG,EAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,YAAY,EAAE;YACZ,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC;IACF,YAAY,EAAE,IAAA,WAAG,EAAC;QAChB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AASF,SAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GACE;IACjB,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACjD,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;QACzD,CAAC;aAAM,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;YACjC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,OAAO,IAAI,CAAC;QAClD,CAAC;aAAM,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YAC/B,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC;QAChD,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,iCAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,gCAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,EAChD,8BAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,YAAY,GAAI,EAC7C,eAAe,IAAI,CAClB,uBAAC,eAAM,IAAC,KAAK,EAAC,OAAO,EAAC,OAAO,QAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAC,KAAK,GAAG,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AA7BD,kCA6BC"}

package/lib/components/header/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Header';
+export * from './PanelHeader';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/lib/components/header/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Header"), exports);
+__exportStar(require("./PanelHeader"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,gDAA8B"}

package/lib/components/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export * from './useDoubleClick';
+export * from './useHashSearchParams';
+export * from './useModifiedPopper';
+export * from './useOnClickOutside';
+export * from './useOnOff';
+export * from './useToggle';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/lib/components/hooks/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useDoubleClick"), exports);
+__exportStar(require("./useHashSearchParams"), exports);
+__exportStar(require("./useModifiedPopper"), exports);
+__exportStar(require("./useOnClickOutside"), exports);
+__exportStar(require("./useOnOff"), exports);
+__exportStar(require("./useToggle"), exports);
+//# sourceMappingURL=index.js.map

package/lib/components/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC;AACjC,wDAAsC;AACtC,sDAAoC;AACpC,sDAAoC;AACpC,6CAA2B;AAC3B,8CAA4B"}

package/lib/components/hooks/useDoubleClick.d.ts

@@ -0,0 +1,7 @@
+export interface UseDoubleClickOptions<EventData> {
+    onClick: (data: EventData) => void;
+    onDoubleClick: (data: EventData) => void;
+    delay?: number;
+}
+export declare function useDoubleClick<EventData>({ onClick, onDoubleClick, delay, }: UseDoubleClickOptions<EventData>): (data: EventData) => void;
+//# sourceMappingURL=useDoubleClick.d.ts.map

package/lib/components/hooks/useDoubleClick.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDoubleClick.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useDoubleClick.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB,CAAC,SAAS;IAC9C,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,cAAc,CAAC,SAAS,EAAE,EACxC,OAAO,EACP,aAAa,EACb,KAAW,GACZ,EAAE,qBAAqB,CAAC,SAAS,CAAC,UAWxB,SAAS,UAkBnB"}

package/lib/components/hooks/useDoubleClick.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDoubleClick = void 0;
+const react_1 = require("react");
+function useDoubleClick({ onClick, onDoubleClick, delay = 250, }) {
+    const timeout = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            // Cleanup timeout when the component is unmounted.
+            if (timeout.current) {
+                window.clearTimeout(timeout.current);
+            }
+        };
+    }, []);
+    const handleClick = (0, react_1.useCallback)((data) => {
+        if (timeout.current === null) {
+            // No recent click. Start timer to wait for possible double click.
+            timeout.current = window.setTimeout(() => {
+                timeout.current = null;
+                onClick?.(data);
+            }, delay);
+        }
+        else {
+            // A click occured recently. Trigger double click event and stop timer.
+            window.clearTimeout(timeout.current);
+            timeout.current = null;
+            onDoubleClick?.(data);
+        }
+    }, [onClick, onDoubleClick, delay]);
+    return handleClick;
+}
+exports.useDoubleClick = useDoubleClick;
+//# sourceMappingURL=useDoubleClick.js.map

package/lib/components/hooks/useDoubleClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDoubleClick.js","sourceRoot":"","sources":["../../../src/components/hooks/useDoubleClick.ts"],"names":[],"mappings":";;;AAAA,iCAAuD;AAQvD,SAAgB,cAAc,CAAY,EACxC,OAAO,EACP,aAAa,EACb,KAAK,GAAG,GAAG,GACsB;IACjC,MAAM,OAAO,GAAG,IAAA,cAAM,EAAgB,IAAI,CAAC,CAAC;IAC5C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,mDAAmD;YACnD,IAAI,OAAO,CAAC,OAAO,EAAE,CAAC;gBACpB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,WAAW,GAAG,IAAA,mBAAW,EAC7B,CAAC,IAAe,EAAE,EAAE;QAClB,IAAI,OAAO,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;YAC7B,kEAAkE;YAClE,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACvC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;gBACvB,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC;YAClB,CAAC,EAAE,KAAK,CAAC,CAAC;QACZ,CAAC;aAAM,CAAC;YACN,uEAAuE;YACvE,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACrC,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,aAAa,EAAE,CAAC,IAAI,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,EAAE,KAAK,CAAC,CAChC,CAAC;IAEF,OAAO,WAAW,CAAC;AACrB,CAAC;AAjCD,wCAiCC"}

package/lib/components/hooks/useHashSearchParams.d.ts

@@ -0,0 +1,2 @@
+export declare function useHashSearchParams(): URLSearchParams;
+//# sourceMappingURL=useHashSearchParams.d.ts.map

package/lib/components/hooks/useHashSearchParams.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHashSearchParams.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useHashSearchParams.ts"],"names":[],"mappings":"AASA,wBAAgB,mBAAmB,oBAclC"}

package/lib/components/hooks/useHashSearchParams.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHashSearchParams = void 0;
+const react_1 = require("react");
+const emptySearchParams = new URLSearchParams();
+const lastValue = {
+    hash: '',
+    searchParams: emptySearchParams,
+};
+function useHashSearchParams() {
+    return (0, react_1.useSyncExternalStore)((onStoreChange) => {
+        function onHashChange() {
+            onStoreChange();
+        }
+        window.addEventListener('hashchange', onHashChange);
+        return () => {
+            window.removeEventListener('hashchange', onHashChange);
+        };
+    }, getHashSearchParams, getHashSearchParamsServer);
+}
+exports.useHashSearchParams = useHashSearchParams;
+function getHashSearchParams() {
+    const hash = window.location.hash;
+    if (lastValue.hash === hash) {
+        return lastValue.searchParams;
+    }
+    lastValue.hash = hash;
+    if (hash.startsWith('#?')) {
+        lastValue.searchParams = new URLSearchParams(hash.slice(1));
+    }
+    else if (hash.startsWith('#%3F') || hash.startsWith('#%3f')) {
+        lastValue.searchParams = new URLSearchParams(decodeURIComponent(hash.slice(1)));
+    }
+    else {
+        lastValue.searchParams = emptySearchParams;
+    }
+    return lastValue.searchParams;
+}
+function getHashSearchParamsServer() {
+    return emptySearchParams;
+}
+//# sourceMappingURL=useHashSearchParams.js.map

package/lib/components/hooks/useHashSearchParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHashSearchParams.js","sourceRoot":"","sources":["../../../src/components/hooks/useHashSearchParams.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,MAAM,iBAAiB,GAAG,IAAI,eAAe,EAAE,CAAC;AAEhD,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,EAAE;IACR,YAAY,EAAE,iBAAiB;CAChC,CAAC;AAEF,SAAgB,mBAAmB;IACjC,OAAO,IAAA,4BAAoB,EACzB,CAAC,aAAa,EAAE,EAAE;QAChB,SAAS,YAAY;YACnB,aAAa,EAAE,CAAC;QAClB,CAAC;QACD,MAAM,CAAC,gBAAgB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QACpD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;QACzD,CAAC,CAAC;IACJ,CAAC,EACD,mBAAmB,EACnB,yBAAyB,CAC1B,CAAC;AACJ,CAAC;AAdD,kDAcC;AAED,SAAS,mBAAmB;IAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;IAElC,IAAI,SAAS,CAAC,IAAI,KAAK,IAAI,EAAE,CAAC;QAC5B,OAAO,SAAS,CAAC,YAAY,CAAC;IAChC,CAAC;IAED,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;IACtB,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1B,SAAS,CAAC,YAAY,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9D,CAAC;SAAM,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QAC9D,SAAS,CAAC,YAAY,GAAG,IAAI,eAAe,CAC1C,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAClC,CAAC;IACJ,CAAC;SAAM,CAAC;QACN,SAAS,CAAC,YAAY,GAAG,iBAAiB,CAAC;IAC7C,CAAC;IAED,OAAO,SAAS,CAAC,YAAY,CAAC;AAChC,CAAC;AAED,SAAS,yBAAyB;IAChC,OAAO,iBAAiB,CAAC;AAC3B,CAAC"}

package/lib/components/hooks/useModifiedPopper.d.ts

@@ -0,0 +1,13 @@
+import { Placement } from '@popperjs/core';
+import { HTMLAttributes } from 'react';
+export interface UseModifiedPopperReturn<R extends Element = HTMLDivElement, P extends HTMLElement = HTMLDivElement> {
+    setReferenceElement: (ref: R | null) => void;
+    setPopperElement: (popper: P | null) => void;
+    popperProps: HTMLAttributes<P>;
+}
+export declare function useModifiedPopper<R extends Element = HTMLDivElement, P extends HTMLElement = HTMLDivElement>(options: {
+    placement?: Placement;
+    offset?: number;
+    sameWidth?: boolean;
+}): UseModifiedPopperReturn<R, P>;
+//# sourceMappingURL=useModifiedPopper.d.ts.map

package/lib/components/hooks/useModifiedPopper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModifiedPopper.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAY,MAAM,OAAO,CAAC;AA2BjD,MAAM,WAAW,uBAAuB,CACtC,CAAC,SAAS,OAAO,GAAG,cAAc,EAClC,CAAC,SAAS,WAAW,GAAG,cAAc;IAEtC,mBAAmB,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,gBAAgB,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;CAChC;AAED,wBAAgB,iBAAiB,CAC/B,CAAC,SAAS,OAAO,GAAG,cAAc,EAClC,CAAC,SAAS,WAAW,GAAG,cAAc,EACtC,OAAO,EAAE;IACT,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,GAAG,uBAAuB,CAAC,CAAC,EAAE,CAAC,CAAC,CA8BhC"}

package/lib/components/hooks/useModifiedPopper.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModifiedPopper = void 0;
+const react_1 = require("react");
+const react_popper_1 = require("react-popper");
+const sameWidthModifier = {
+    name: 'sameWidth',
+    enabled: true,
+    phase: 'beforeWrite',
+    requires: ['computeStyles'],
+    fn: ({ state }) => {
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+    },
+    effect: ({ state }) => {
+        state.elements.popper.style.width = `${state.elements.reference.getBoundingClientRect().width}px`;
+    },
+};
+function getOffsetModifier(offset) {
+    return {
+        name: 'offset',
+        options: {
+            offset: [0, offset],
+        },
+    };
+}
+function useModifiedPopper(options) {
+    const { offset, placement, sameWidth } = options;
+    const [referenceElement, setReferenceElement] = (0, react_1.useState)(null);
+    const [popperElement, setPopperElement] = (0, react_1.useState)(null);
+    const modifiers = [];
+    if (sameWidth) {
+        modifiers.push(sameWidthModifier);
+    }
+    if (offset) {
+        modifiers.push(getOffsetModifier(offset));
+    }
+    const { styles, attributes } = (0, react_popper_1.usePopper)(referenceElement, popperElement, {
+        placement,
+        strategy: 'fixed',
+        modifiers,
+    });
+    return {
+        setReferenceElement,
+        setPopperElement,
+        popperProps: {
+            style: styles.popper,
+            ...attributes.popper,
+        },
+    };
+}
+exports.useModifiedPopper = useModifiedPopper;
+//# sourceMappingURL=useModifiedPopper.js.map

package/lib/components/hooks/useModifiedPopper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModifiedPopper.js","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":";;;AACA,iCAAiD;AACjD,+CAAmD;AAEnD,MAAM,iBAAiB,GAA0B;IAC/C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACjE,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KACnD,IAAI,CAAC;IACP,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SACpB;KACF,CAAC;AACJ,CAAC;AAWD,SAAgB,iBAAiB,CAG/B,OAID;IACC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAW,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAW,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAA4C,EAAE,CAAC;IAE9D,IAAI,SAAS,EAAE,CAAC;QACd,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,MAAM,EAAE,CAAC;QACX,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;IAC5C,CAAC;IAED,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,wBAAS,EAAC,gBAAgB,EAAE,aAAa,EAAE;QACxE,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,SAAS;KACV,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB;QACnB,gBAAgB;QAChB,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,MAAM;YACpB,GAAG,UAAU,CAAC,MAAM;SACrB;KACF,CAAC;AACJ,CAAC;AArCD,8CAqCC"}

package/lib/components/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare function useOnClickOutside<T extends Node = Node>(ref: RefObject<T>, handler: (event: Event) => void): void;
+//# sourceMappingURL=useOnClickOutside.d.ts.map

package/lib/components/hooks/useOnClickOutside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAI7C,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,IAAI,GAAG,IAAI,EACrD,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,QAyBhC"}

package/lib/components/hooks/useOnClickOutside.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOnClickOutside = void 0;
+const react_1 = require("react");
+const RootLayoutContext_1 = require("../root-layout/RootLayoutContext");
+function useOnClickOutside(ref, handler) {
+    const shadowElement = (0, RootLayoutContext_1.useRootLayoutContext)();
+    (0, react_1.useEffect)(() => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const listener = (event) => {
+            // Do nothing if clicking ref's element or descendent elements
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        if (shadowElement === null)
+            return;
+        shadowElement.addEventListener('mousedown', listener);
+        shadowElement.addEventListener('touchstart', listener);
+        return () => {
+            shadowElement.removeEventListener('mousedown', listener);
+            shadowElement.removeEventListener('touchstart', listener);
+        };
+    }, [ref, handler, shadowElement]);
+}
+exports.useOnClickOutside = useOnClickOutside;
+//# sourceMappingURL=useOnClickOutside.js.map

package/lib/components/hooks/useOnClickOutside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnClickOutside.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnClickOutside.ts"],"names":[],"mappings":";;;AAAA,iCAA6C;AAE7C,wEAAwE;AAExE,SAAgB,iBAAiB,CAC/B,GAAiB,EACjB,OAA+B;IAE/B,MAAM,aAAa,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAE7C,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,8DAA8D;QAC9D,MAAM,QAAQ,GAAG,CAAC,KAAU,EAAE,EAAE;YAC9B,8DAA8D;YAC9D,IAAI,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC;gBACvD,OAAO;YACT,CAAC;YAED,OAAO,CAAC,KAAK,CAAC,CAAC;QACjB,CAAC,CAAC;QAEF,IAAI,aAAa,KAAK,IAAI;YAAE,OAAO;QAEnC,aAAa,CAAC,gBAAgB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;QACtD,aAAa,CAAC,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,aAAa,CAAC,mBAAmB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;YACzD,aAAa,CAAC,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;AACpC,CAAC;AA3BD,8CA2BC"}

package/lib/components/hooks/useOnOff.d.ts

@@ -0,0 +1,2 @@
+export declare function useOnOff(initialValue?: boolean): [isOn: boolean, setOn: () => void, setOff: () => void, toggle: () => void];
+//# sourceMappingURL=useOnOff.d.ts.map

package/lib/components/hooks/useOnOff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnOff.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CACtB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAM5E"}