@contember/react-utils 2.1.0-alpha.37 → 2.1.0-alpha.39

package/dist/production/src/hooks/useObjectMemo.js

@@ -0,0 +1,27 @@
+import { useRef } from "react";
+const compareObjects = (a, b) => {
+  if (a === b) {
+    return true;
+  }
+  const aEntries = Object.entries(a);
+  if (aEntries.length !== Object.keys(b).length) {
+    return false;
+  }
+  for (const [key, val] of aEntries) {
+    if (!(key in b) || b[key] !== val) {
+      return false;
+    }
+  }
+  return true;
+};
+const useObjectMemo = (value) => {
+  const valueRef = useRef(value);
+  if (!compareObjects(valueRef.current, value)) {
+    valueRef.current = value;
+  }
+  return valueRef.current;
+};
+export {
+  useObjectMemo
+};
+//# sourceMappingURL=useObjectMemo.js.map

package/dist/production/src/hooks/useObjectMemo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useObjectMemo.js","sources":["../../../../../packages/react-utils/src/hooks/useObjectMemo.ts"],"sourcesContent":["import { useRef } from 'react'\n\nconst compareObjects = (a: object, b: object): boolean => {\n\tif (a === b) {\n\t\treturn true\n\t}\n\tconst aEntries = Object.entries(a)\n\tif (aEntries.length !== Object.keys(b).length) {\n\t\treturn false\n\t}\n\tfor (const [key, val] of aEntries) {\n\t\tif (!(key in b) || (b as any)[key] !== val) {\n\t\t\treturn false\n\t\t}\n\t}\n\treturn true\n}\n\nexport const useObjectMemo = <A extends object>(value: A): A => {\n\tconst valueRef = useRef(value)\n\tif (!compareObjects(valueRef.current, value)) {\n\t\tvalueRef.current = value\n\t}\n\treturn valueRef.current\n}\n"],"names":[],"mappings":";AAEA,MAAM,iBAAiB,CAAC,GAAW,MAAuB;AACzD,MAAI,MAAM,GAAG;AACZ,WAAO;AAAA,EACR;AACA,QAAM,WAAW,OAAO,QAAQ,CAAC;AACjC,MAAI,SAAS,WAAW,OAAO,KAAK,CAAC,EAAE,QAAQ;AAC9C,WAAO;AAAA,EACR;AACA,aAAW,CAAC,KAAK,GAAG,KAAK,UAAU;AAClC,QAAI,EAAE,OAAO,MAAO,EAAU,GAAG,MAAM,KAAK;AAC3C,aAAO;AAAA,IACR;AAAA,EACD;AACA,SAAO;AACR;AAEO,MAAM,gBAAgB,CAAmB,UAAgB;AAC/D,QAAM,WAAW,OAAO,KAAK;AAC7B,MAAI,CAAC,eAAe,SAAS,SAAS,KAAK,GAAG;AAC7C,aAAS,UAAU;AAAA,EACpB;AACA,SAAO,SAAS;AACjB;"}

package/dist/production/src/hooks/useOnElementClickOutsideCallback.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const unwrapRefValue = require("./unwrapRefValue.cjs");
+function useOnElementClickOutsideCallback(refOrElement, callback) {
+  React.useEffect(() => {
+    const refValue = unwrapRefValue.unwrapRefValue(refOrElement);
+    const handleClickOutside = (event) => {
+      if (refValue && !refValue.contains(event.target)) {
+        callback(event);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [callback, refOrElement]);
+}
+exports.useOnElementClickOutsideCallback = useOnElementClickOutsideCallback;
+//# sourceMappingURL=useOnElementClickOutsideCallback.cjs.map

package/dist/production/src/hooks/useOnElementClickOutsideCallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementClickOutsideCallback.cjs","sources":["../../../../../packages/react-utils/src/hooks/useOnElementClickOutsideCallback.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\nexport function useOnElementClickOutsideCallback(\n\trefOrElement: RefObjectOrElement<HTMLElement>,\n\tcallback: (event: MouseEvent) => void,\n): void {\n\tuseEffect(() => {\n\t\tconst refValue = unwrapRefValue(refOrElement)\n\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tif (refValue && !refValue.contains(event.target as Node)) {\n\t\t\t\tcallback(event)\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('mousedown', handleClickOutside)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside)\n\t\t}\n\t}, [callback, refOrElement])\n}\n"],"names":["useEffect","unwrapRefValue"],"mappings":";;;;AAGO,SAAS,iCACf,cACA,UACO;AACPA,QAAAA,UAAU,MAAM;AACf,UAAM,WAAWC,eAAAA,eAAe,YAAY;AAE5C,UAAM,qBAAqB,CAAC,UAAsB;AACjD,UAAI,YAAY,CAAC,SAAS,SAAS,MAAM,MAAc,GAAG;AACzD,iBAAS,KAAK;AAAA,MACf;AAAA,IACD;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AACZ,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC7D;AAAA,EACD,GAAG,CAAC,UAAU,YAAY,CAAC;AAC5B;;"}

package/dist/production/src/hooks/useOnElementClickOutsideCallback.js

@@ -0,0 +1,20 @@
+import { useEffect } from "react";
+import { unwrapRefValue } from "./unwrapRefValue.js";
+function useOnElementClickOutsideCallback(refOrElement, callback) {
+  useEffect(() => {
+    const refValue = unwrapRefValue(refOrElement);
+    const handleClickOutside = (event) => {
+      if (refValue && !refValue.contains(event.target)) {
+        callback(event);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [callback, refOrElement]);
+}
+export {
+  useOnElementClickOutsideCallback
+};
+//# sourceMappingURL=useOnElementClickOutsideCallback.js.map

package/dist/production/src/hooks/useOnElementClickOutsideCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementClickOutsideCallback.js","sources":["../../../../../packages/react-utils/src/hooks/useOnElementClickOutsideCallback.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\nexport function useOnElementClickOutsideCallback(\n\trefOrElement: RefObjectOrElement<HTMLElement>,\n\tcallback: (event: MouseEvent) => void,\n): void {\n\tuseEffect(() => {\n\t\tconst refValue = unwrapRefValue(refOrElement)\n\n\t\tconst handleClickOutside = (event: MouseEvent) => {\n\t\t\tif (refValue && !refValue.contains(event.target as Node)) {\n\t\t\t\tcallback(event)\n\t\t\t}\n\t\t}\n\n\t\tdocument.addEventListener('mousedown', handleClickOutside)\n\n\t\treturn () => {\n\t\t\tdocument.removeEventListener('mousedown', handleClickOutside)\n\t\t}\n\t}, [callback, refOrElement])\n}\n"],"names":[],"mappings":";;AAGO,SAAS,iCACf,cACA,UACO;AACP,YAAU,MAAM;AACf,UAAM,WAAW,eAAe,YAAY;AAE5C,UAAM,qBAAqB,CAAC,UAAsB;AACjD,UAAI,YAAY,CAAC,SAAS,SAAS,MAAM,MAAc,GAAG;AACzD,iBAAS,KAAK;AAAA,MACf;AAAA,IACD;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AACZ,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC7D;AAAA,EACD,GAAG,CAAC,UAAU,YAAY,CAAC;AAC5B;"}

package/dist/production/src/hooks/useOnElementMouseEnterDelayedCallback.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const unwrapRefValue = require("./unwrapRefValue.cjs");
+function useOnElementMouseEnterDelayedCallback(refOrElement, callback, timeoutMs = 300) {
+  React.useEffect(() => {
+    const refValue = unwrapRefValue.unwrapRefValue(refOrElement);
+    if (refValue) {
+      let handleMouseEnter = function(event) {
+        clearTimeout(timeoutID);
+        timeoutID = setTimeout(() => {
+          callback(event);
+        }, timeoutMs);
+      }, handleMouseLeave = function() {
+        clearTimeout(timeoutID);
+      }, handleMouseDown = function(event) {
+        clearTimeout(timeoutID);
+        callback(event);
+      };
+      let timeoutID;
+      refValue.addEventListener("mouseenter", handleMouseEnter);
+      refValue.addEventListener("mouseleave", handleMouseLeave);
+      refValue.addEventListener("mousedown", handleMouseDown);
+      return () => {
+        refValue.removeEventListener("mouseover", handleMouseEnter);
+        refValue.removeEventListener("mouseleave", handleMouseLeave);
+        refValue.removeEventListener("mousedown", handleMouseDown);
+      };
+    }
+  }, [callback, refOrElement, timeoutMs]);
+}
+exports.useOnElementMouseEnterDelayedCallback = useOnElementMouseEnterDelayedCallback;
+//# sourceMappingURL=useOnElementMouseEnterDelayedCallback.cjs.map

package/dist/production/src/hooks/useOnElementMouseEnterDelayedCallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementMouseEnterDelayedCallback.cjs","sources":["../../../../../packages/react-utils/src/hooks/useOnElementMouseEnterDelayedCallback.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\n/**\n * Calls the callback when the mouse enters the element, but only after a timeout, e.g. for tooltips or dropdown menus.\n *\n * Calls the callback immediately if the mouse is pressed down with `event.type` of `mousedown`. This is useful for\n * dropdown menus, where the user may click on the menu item before the callback is called resulting in the menu\n * opening and closing immediately.\n *\n * @param refOrElement - The element or ref to the element to attach the event listener to.\n * @param callback - The callback to call when the mouse enters the element.\n * @param timeoutMs - The timeout in milliseconds to wait before calling the callback.\n */\nexport function useOnElementMouseEnterDelayedCallback(\n\trefOrElement: RefObjectOrElement<HTMLElement>,\n\tcallback: (event: MouseEvent) => void,\n\ttimeoutMs: number = 300,\n): void {\n\tuseEffect(() => {\n\t\tconst refValue = unwrapRefValue(refOrElement)\n\n\t\tif (refValue) {\n\t\t\tlet timeoutID: ReturnType<typeof setTimeout> | undefined\n\n\t\t\tfunction handleMouseEnter(event: MouseEvent) {\n\t\t\t\tclearTimeout(timeoutID)\n\n\t\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\t\tcallback(event)\n\t\t\t\t}, timeoutMs)\n\t\t\t}\n\n\t\t\tfunction handleMouseLeave() {\n\t\t\t\tclearTimeout(timeoutID)\n\t\t\t}\n\n\t\t\tfunction handleMouseDown(event: MouseEvent) {\n\t\t\t\tclearTimeout(timeoutID)\n\t\t\t\tcallback(event)\n\t\t\t}\n\n\t\t\trefValue.addEventListener('mouseenter', handleMouseEnter)\n\t\t\trefValue.addEventListener('mouseleave', handleMouseLeave)\n\t\t\trefValue.addEventListener('mousedown', handleMouseDown)\n\n\t\t\treturn () => {\n\t\t\t\trefValue.removeEventListener('mouseover', handleMouseEnter)\n\t\t\t\trefValue.removeEventListener('mouseleave', handleMouseLeave)\n\t\t\t\trefValue.removeEventListener('mousedown', handleMouseDown)\n\t\t\t}\n\t\t}\n\t}, [callback, refOrElement, timeoutMs])\n}\n"],"names":["useEffect","unwrapRefValue"],"mappings":";;;;AAcO,SAAS,sCACf,cACA,UACA,YAAoB,KACb;AACPA,QAAAA,UAAU,MAAM;AACf,UAAM,WAAWC,eAAAA,eAAe,YAAY;AAE5C,QAAI,UAAU;AAGb,UAAS,mBAAT,SAA0B,OAAmB;AAC5C,qBAAa,SAAS;AAEtB,oBAAY,WAAW,MAAM;AAC5B,mBAAS,KAAK;AAAA,QACf,GAAG,SAAS;AAAA,MACb,GAES,mBAAT,WAA4B;AAC3B,qBAAa,SAAS;AAAA,MACvB,GAES,kBAAT,SAAyB,OAAmB;AAC3C,qBAAa,SAAS;AACtB,iBAAS,KAAK;AAAA,MACf;AAjBA,UAAI;AAmBJ,eAAS,iBAAiB,cAAc,gBAAgB;AACxD,eAAS,iBAAiB,cAAc,gBAAgB;AACxD,eAAS,iBAAiB,aAAa,eAAe;AAEtD,aAAO,MAAM;AACZ,iBAAS,oBAAoB,aAAa,gBAAgB;AAC1D,iBAAS,oBAAoB,cAAc,gBAAgB;AAC3D,iBAAS,oBAAoB,aAAa,eAAe;AAAA,MAC1D;AAAA,IACD;AAAA,EACD,GAAG,CAAC,UAAU,cAAc,SAAS,CAAC;AACvC;;"}

package/dist/production/src/hooks/useOnElementMouseEnterDelayedCallback.js

@@ -0,0 +1,33 @@
+import { useEffect } from "react";
+import { unwrapRefValue } from "./unwrapRefValue.js";
+function useOnElementMouseEnterDelayedCallback(refOrElement, callback, timeoutMs = 300) {
+  useEffect(() => {
+    const refValue = unwrapRefValue(refOrElement);
+    if (refValue) {
+      let handleMouseEnter = function(event) {
+        clearTimeout(timeoutID);
+        timeoutID = setTimeout(() => {
+          callback(event);
+        }, timeoutMs);
+      }, handleMouseLeave = function() {
+        clearTimeout(timeoutID);
+      }, handleMouseDown = function(event) {
+        clearTimeout(timeoutID);
+        callback(event);
+      };
+      let timeoutID;
+      refValue.addEventListener("mouseenter", handleMouseEnter);
+      refValue.addEventListener("mouseleave", handleMouseLeave);
+      refValue.addEventListener("mousedown", handleMouseDown);
+      return () => {
+        refValue.removeEventListener("mouseover", handleMouseEnter);
+        refValue.removeEventListener("mouseleave", handleMouseLeave);
+        refValue.removeEventListener("mousedown", handleMouseDown);
+      };
+    }
+  }, [callback, refOrElement, timeoutMs]);
+}
+export {
+  useOnElementMouseEnterDelayedCallback
+};
+//# sourceMappingURL=useOnElementMouseEnterDelayedCallback.js.map

package/dist/production/src/hooks/useOnElementMouseEnterDelayedCallback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementMouseEnterDelayedCallback.js","sources":["../../../../../packages/react-utils/src/hooks/useOnElementMouseEnterDelayedCallback.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\n/**\n * Calls the callback when the mouse enters the element, but only after a timeout, e.g. for tooltips or dropdown menus.\n *\n * Calls the callback immediately if the mouse is pressed down with `event.type` of `mousedown`. This is useful for\n * dropdown menus, where the user may click on the menu item before the callback is called resulting in the menu\n * opening and closing immediately.\n *\n * @param refOrElement - The element or ref to the element to attach the event listener to.\n * @param callback - The callback to call when the mouse enters the element.\n * @param timeoutMs - The timeout in milliseconds to wait before calling the callback.\n */\nexport function useOnElementMouseEnterDelayedCallback(\n\trefOrElement: RefObjectOrElement<HTMLElement>,\n\tcallback: (event: MouseEvent) => void,\n\ttimeoutMs: number = 300,\n): void {\n\tuseEffect(() => {\n\t\tconst refValue = unwrapRefValue(refOrElement)\n\n\t\tif (refValue) {\n\t\t\tlet timeoutID: ReturnType<typeof setTimeout> | undefined\n\n\t\t\tfunction handleMouseEnter(event: MouseEvent) {\n\t\t\t\tclearTimeout(timeoutID)\n\n\t\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\t\tcallback(event)\n\t\t\t\t}, timeoutMs)\n\t\t\t}\n\n\t\t\tfunction handleMouseLeave() {\n\t\t\t\tclearTimeout(timeoutID)\n\t\t\t}\n\n\t\t\tfunction handleMouseDown(event: MouseEvent) {\n\t\t\t\tclearTimeout(timeoutID)\n\t\t\t\tcallback(event)\n\t\t\t}\n\n\t\t\trefValue.addEventListener('mouseenter', handleMouseEnter)\n\t\t\trefValue.addEventListener('mouseleave', handleMouseLeave)\n\t\t\trefValue.addEventListener('mousedown', handleMouseDown)\n\n\t\t\treturn () => {\n\t\t\t\trefValue.removeEventListener('mouseover', handleMouseEnter)\n\t\t\t\trefValue.removeEventListener('mouseleave', handleMouseLeave)\n\t\t\t\trefValue.removeEventListener('mousedown', handleMouseDown)\n\t\t\t}\n\t\t}\n\t}, [callback, refOrElement, timeoutMs])\n}\n"],"names":[],"mappings":";;AAcO,SAAS,sCACf,cACA,UACA,YAAoB,KACb;AACP,YAAU,MAAM;AACf,UAAM,WAAW,eAAe,YAAY;AAE5C,QAAI,UAAU;AAGb,UAAS,mBAAT,SAA0B,OAAmB;AAC5C,qBAAa,SAAS;AAEtB,oBAAY,WAAW,MAAM;AAC5B,mBAAS,KAAK;AAAA,QACf,GAAG,SAAS;AAAA,MACb,GAES,mBAAT,WAA4B;AAC3B,qBAAa,SAAS;AAAA,MACvB,GAES,kBAAT,SAAyB,OAAmB;AAC3C,qBAAa,SAAS;AACtB,iBAAS,KAAK;AAAA,MACf;AAjBA,UAAI;AAmBJ,eAAS,iBAAiB,cAAc,gBAAgB;AACxD,eAAS,iBAAiB,cAAc,gBAAgB;AACxD,eAAS,iBAAiB,aAAa,eAAe;AAEtD,aAAO,MAAM;AACZ,iBAAS,oBAAoB,aAAa,gBAAgB;AAC1D,iBAAS,oBAAoB,cAAc,gBAAgB;AAC3D,iBAAS,oBAAoB,aAAa,eAAe;AAAA,MAC1D;AAAA,IACD;AAAA,EACD,GAAG,CAAC,UAAU,cAAc,SAAS,CAAC;AACvC;"}

package/dist/production/src/hooks/useOnElementResize.cjs

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const unwrapRefValue = require("./unwrapRefValue.cjs");
+const Context = require("../debug-context/Context.cjs");
+function useOnElementResize(refOrElement, callback, options = {}, timeout = 300) {
+  const scopedConsoleRef = Context.useScopedConsoleRef("useOnElementResize");
+  const { box = "border-box" } = options;
+  const callbackRef = React.useRef(callback);
+  callbackRef.current = callback;
+  const lastTimeStamp = React.useRef(0);
+  React.useLayoutEffect(() => {
+    const element = unwrapRefValue.unwrapRefValue(refOrElement);
+    if (!element) {
+      return;
+    }
+    if (!(element instanceof HTMLElement)) {
+      throw new Error("Exhaustive error: Expecting element to be instance of HTMLElement");
+    }
+    let timeoutID;
+    function debouncedOnChange([entry]) {
+      const timeStamp = Date.now();
+      const delta = timeStamp - lastTimeStamp.current;
+      clearTimeout(timeoutID);
+      const timeoutFinal = delta > timeout ? 0 : timeout;
+      timeoutID = setTimeout(() => {
+        const message = timeoutFinal > 0 ? "element.resize:debounced" : "element.resize:immediate";
+        scopedConsoleRef.current.warned(message, null);
+        callbackRef.current(entry);
+        lastTimeStamp.current = timeStamp;
+      }, timeoutFinal);
+    }
+    const resizeObserver = new ResizeObserver(debouncedOnChange);
+    resizeObserver.observe(element, { box });
+    return () => {
+      clearTimeout(timeoutID);
+      resizeObserver.unobserve(element);
+    };
+  }, [box, refOrElement, scopedConsoleRef, timeout]);
+}
+exports.useOnElementResize = useOnElementResize;
+//# sourceMappingURL=useOnElementResize.cjs.map

package/dist/production/src/hooks/useOnElementResize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementResize.cjs","sources":["../../../../../packages/react-utils/src/hooks/useOnElementResize.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\nexport function useOnElementResize(\n\trefOrElement: RefObjectOrElement<HTMLElement | null> | null,\n\tcallback: (entries: ResizeObserverEntry) => void,\n\toptions: ResizeObserverOptions = {},\n\ttimeout: number = 300,\n): void {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnElementResize')\n\n\tconst { box = 'border-box' } = options\n\tconst callbackRef = useRef(callback)\n\tcallbackRef.current = callback\n\tconst lastTimeStamp = useRef<number>(0)\n\n\tuseLayoutEffect(() => {\n\t\tconst element = unwrapRefValue(refOrElement)\n\t\tif (!element) {\n\t\t\treturn\n\t\t}\n\t\tif (!(element instanceof HTMLElement)) {\n\t\t\tthrow new Error('Exhaustive error: Expecting element to be instance of HTMLElement')\n\t\t}\n\n\t\tlet timeoutID: ReturnType<typeof setTimeout>\n\n\t\tfunction debouncedOnChange([entry]: ResizeObserverEntry[]) {\n\t\t\tconst timeStamp = Date.now()\n\t\t\tconst delta = timeStamp - lastTimeStamp.current\n\n\t\t\tclearTimeout(timeoutID)\n\t\t\tconst timeoutFinal = delta > timeout ? 0 : timeout\n\n\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\tconst message = timeoutFinal > 0 ? 'element.resize:debounced' : 'element.resize:immediate'\n\t\t\t\tscopedConsoleRef.current.warned(message, null)\n\t\t\t\tcallbackRef.current(entry)\n\t\t\t\tlastTimeStamp.current = timeStamp\n\t\t\t}, timeoutFinal)\n\t\t}\n\n\t\tconst resizeObserver = new ResizeObserver(debouncedOnChange)\n\n\t\tresizeObserver.observe(element, { box })\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeoutID)\n\t\t\tresizeObserver.unobserve(element)\n\t\t}\n\t}, [box, refOrElement, scopedConsoleRef, timeout])\n}\n"],"names":["useScopedConsoleRef","useRef","useLayoutEffect","unwrapRefValue"],"mappings":";;;;;AAIO,SAAS,mBACf,cACA,UACA,UAAiC,CAAA,GACjC,UAAkB,KACX;AACP,QAAM,mBAAmBA,QAAAA,oBAAoB,oBAAoB;AAEjE,QAAM,EAAE,MAAM,aAAA,IAAiB;AAC/B,QAAM,cAAcC,MAAAA,OAAO,QAAQ;AACnC,cAAY,UAAU;AACtB,QAAM,gBAAgBA,MAAAA,OAAe,CAAC;AAEtCC,QAAAA,gBAAgB,MAAM;AACrB,UAAM,UAAUC,eAAAA,eAAe,YAAY;AAC3C,QAAI,CAAC,SAAS;AACb;AAAA,IACD;AACA,QAAI,EAAE,mBAAmB,cAAc;AACtC,YAAM,IAAI,MAAM,mEAAmE;AAAA,IACpF;AAEA,QAAI;AAEJ,aAAS,kBAAkB,CAAC,KAAK,GAA0B;AAC1D,YAAM,YAAY,KAAK,IAAA;AACvB,YAAM,QAAQ,YAAY,cAAc;AAExC,mBAAa,SAAS;AACtB,YAAM,eAAe,QAAQ,UAAU,IAAI;AAE3C,kBAAY,WAAW,MAAM;AAC5B,cAAM,UAAU,eAAe,IAAI,6BAA6B;AAChE,yBAAiB,QAAQ,OAAO,SAAS,IAAI;AAC7C,oBAAY,QAAQ,KAAK;AACzB,sBAAc,UAAU;AAAA,MACzB,GAAG,YAAY;AAAA,IAChB;AAEA,UAAM,iBAAiB,IAAI,eAAe,iBAAiB;AAE3D,mBAAe,QAAQ,SAAS,EAAE,IAAA,CAAK;AAEvC,WAAO,MAAM;AACZ,mBAAa,SAAS;AACtB,qBAAe,UAAU,OAAO;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,KAAK,cAAc,kBAAkB,OAAO,CAAC;AAClD;;"}

package/dist/production/src/hooks/useOnElementResize.js

@@ -0,0 +1,42 @@
+import { useRef, useLayoutEffect } from "react";
+import { unwrapRefValue } from "./unwrapRefValue.js";
+import { useScopedConsoleRef } from "../debug-context/Context.js";
+function useOnElementResize(refOrElement, callback, options = {}, timeout = 300) {
+  const scopedConsoleRef = useScopedConsoleRef("useOnElementResize");
+  const { box = "border-box" } = options;
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  const lastTimeStamp = useRef(0);
+  useLayoutEffect(() => {
+    const element = unwrapRefValue(refOrElement);
+    if (!element) {
+      return;
+    }
+    if (!(element instanceof HTMLElement)) {
+      throw new Error("Exhaustive error: Expecting element to be instance of HTMLElement");
+    }
+    let timeoutID;
+    function debouncedOnChange([entry]) {
+      const timeStamp = Date.now();
+      const delta = timeStamp - lastTimeStamp.current;
+      clearTimeout(timeoutID);
+      const timeoutFinal = delta > timeout ? 0 : timeout;
+      timeoutID = setTimeout(() => {
+        const message = timeoutFinal > 0 ? "element.resize:debounced" : "element.resize:immediate";
+        scopedConsoleRef.current.warned(message, null);
+        callbackRef.current(entry);
+        lastTimeStamp.current = timeStamp;
+      }, timeoutFinal);
+    }
+    const resizeObserver = new ResizeObserver(debouncedOnChange);
+    resizeObserver.observe(element, { box });
+    return () => {
+      clearTimeout(timeoutID);
+      resizeObserver.unobserve(element);
+    };
+  }, [box, refOrElement, scopedConsoleRef, timeout]);
+}
+export {
+  useOnElementResize
+};
+//# sourceMappingURL=useOnElementResize.js.map

package/dist/production/src/hooks/useOnElementResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementResize.js","sources":["../../../../../packages/react-utils/src/hooks/useOnElementResize.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\nexport function useOnElementResize(\n\trefOrElement: RefObjectOrElement<HTMLElement | null> | null,\n\tcallback: (entries: ResizeObserverEntry) => void,\n\toptions: ResizeObserverOptions = {},\n\ttimeout: number = 300,\n): void {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnElementResize')\n\n\tconst { box = 'border-box' } = options\n\tconst callbackRef = useRef(callback)\n\tcallbackRef.current = callback\n\tconst lastTimeStamp = useRef<number>(0)\n\n\tuseLayoutEffect(() => {\n\t\tconst element = unwrapRefValue(refOrElement)\n\t\tif (!element) {\n\t\t\treturn\n\t\t}\n\t\tif (!(element instanceof HTMLElement)) {\n\t\t\tthrow new Error('Exhaustive error: Expecting element to be instance of HTMLElement')\n\t\t}\n\n\t\tlet timeoutID: ReturnType<typeof setTimeout>\n\n\t\tfunction debouncedOnChange([entry]: ResizeObserverEntry[]) {\n\t\t\tconst timeStamp = Date.now()\n\t\t\tconst delta = timeStamp - lastTimeStamp.current\n\n\t\t\tclearTimeout(timeoutID)\n\t\t\tconst timeoutFinal = delta > timeout ? 0 : timeout\n\n\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\tconst message = timeoutFinal > 0 ? 'element.resize:debounced' : 'element.resize:immediate'\n\t\t\t\tscopedConsoleRef.current.warned(message, null)\n\t\t\t\tcallbackRef.current(entry)\n\t\t\t\tlastTimeStamp.current = timeStamp\n\t\t\t}, timeoutFinal)\n\t\t}\n\n\t\tconst resizeObserver = new ResizeObserver(debouncedOnChange)\n\n\t\tresizeObserver.observe(element, { box })\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeoutID)\n\t\t\tresizeObserver.unobserve(element)\n\t\t}\n\t}, [box, refOrElement, scopedConsoleRef, timeout])\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,mBACf,cACA,UACA,UAAiC,CAAA,GACjC,UAAkB,KACX;AACP,QAAM,mBAAmB,oBAAoB,oBAAoB;AAEjE,QAAM,EAAE,MAAM,aAAA,IAAiB;AAC/B,QAAM,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AACtB,QAAM,gBAAgB,OAAe,CAAC;AAEtC,kBAAgB,MAAM;AACrB,UAAM,UAAU,eAAe,YAAY;AAC3C,QAAI,CAAC,SAAS;AACb;AAAA,IACD;AACA,QAAI,EAAE,mBAAmB,cAAc;AACtC,YAAM,IAAI,MAAM,mEAAmE;AAAA,IACpF;AAEA,QAAI;AAEJ,aAAS,kBAAkB,CAAC,KAAK,GAA0B;AAC1D,YAAM,YAAY,KAAK,IAAA;AACvB,YAAM,QAAQ,YAAY,cAAc;AAExC,mBAAa,SAAS;AACtB,YAAM,eAAe,QAAQ,UAAU,IAAI;AAE3C,kBAAY,WAAW,MAAM;AAC5B,cAAM,UAAU,eAAe,IAAI,6BAA6B;AAChE,yBAAiB,QAAQ,OAAO,SAAS,IAAI;AAC7C,oBAAY,QAAQ,KAAK;AACzB,sBAAc,UAAU;AAAA,MACzB,GAAG,YAAY;AAAA,IAChB;AAEA,UAAM,iBAAiB,IAAI,eAAe,iBAAiB;AAE3D,mBAAe,QAAQ,SAAS,EAAE,IAAA,CAAK;AAEvC,WAAO,MAAM;AACZ,mBAAa,SAAS;AACtB,qBAAe,UAAU,OAAO;AAAA,IACjC;AAAA,EACD,GAAG,CAAC,KAAK,cAAc,kBAAkB,OAAO,CAAC;AAClD;"}

package/dist/production/src/hooks/useOnWindowResize.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Context = require("../debug-context/Context.cjs");
+function useOnWindowResize(callback, interval = 300) {
+  const scopedConsoleRef = Context.useScopedConsoleRef("useOnWindowResize");
+  const callbackRef = React.useRef(callback);
+  callbackRef.current = callback;
+  const lastTimeStamp = React.useRef(0);
+  React.useLayoutEffect(() => {
+    let timeoutID;
+    function debouncedHandler(event) {
+      clearTimeout(timeoutID);
+      const delta = event.timeStamp - lastTimeStamp.current;
+      scopedConsoleRef.current.logged("window.resize:delta", delta);
+      if (delta > interval) {
+        scopedConsoleRef.current.warned("event:window.resize:immediately", null);
+        callbackRef.current(event);
+        lastTimeStamp.current = event.timeStamp;
+      } else {
+        timeoutID = setTimeout(() => {
+          scopedConsoleRef.current.warned("event:window.resize:debounced", null);
+          lastTimeStamp.current = event.timeStamp;
+          callbackRef.current(event);
+        }, interval);
+      }
+    }
+    window.addEventListener("resize", debouncedHandler);
+    return () => {
+      clearTimeout(timeoutID);
+      window.removeEventListener("resize", debouncedHandler);
+    };
+  }, [callbackRef, interval, scopedConsoleRef]);
+}
+exports.useOnWindowResize = useOnWindowResize;
+//# sourceMappingURL=useOnWindowResize.cjs.map

package/dist/production/src/hooks/useOnWindowResize.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.cjs","sources":["../../../../../packages/react-utils/src/hooks/useOnWindowResize.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\n\nexport function useOnWindowResize(\n\tcallback: (event: Event) => void,\n\tinterval: number = 300,\n) {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnWindowResize')\n\n\tconst callbackRef = useRef(callback)\n\tcallbackRef.current = callback\n\tconst lastTimeStamp = useRef<number>(0)\n\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: intentional\n\tuseLayoutEffect(() => {\n\t\tlet timeoutID: ReturnType<typeof setTimeout>\n\n\t\tfunction debouncedHandler(event: Event) {\n\t\t\tclearTimeout(timeoutID)\n\n\t\t\tconst delta = event.timeStamp - lastTimeStamp.current\n\t\t\tscopedConsoleRef.current.logged('window.resize:delta', delta)\n\n\t\t\tif (delta > interval) {\n\t\t\t\tscopedConsoleRef.current.warned('event:window.resize:immediately', null)\n\t\t\t\tcallbackRef.current(event)\n\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t} else {\n\t\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\t\tscopedConsoleRef.current.warned('event:window.resize:debounced', null)\n\t\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t\t\tcallbackRef.current(event)\n\t\t\t\t}, interval)\n\t\t\t}\n\t\t}\n\n\t\twindow.addEventListener('resize', debouncedHandler)\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeoutID)\n\t\t\twindow.removeEventListener('resize', debouncedHandler)\n\t\t}\n\t}, [callbackRef, interval, scopedConsoleRef])\n}\n"],"names":["useScopedConsoleRef","useRef","useLayoutEffect"],"mappings":";;;;AAGO,SAAS,kBACf,UACA,WAAmB,KAClB;AACD,QAAM,mBAAmBA,QAAAA,oBAAoB,mBAAmB;AAEhE,QAAM,cAAcC,MAAAA,OAAO,QAAQ;AACnC,cAAY,UAAU;AACtB,QAAM,gBAAgBA,MAAAA,OAAe,CAAC;AAGtCC,QAAAA,gBAAgB,MAAM;AACrB,QAAI;AAEJ,aAAS,iBAAiB,OAAc;AACvC,mBAAa,SAAS;AAEtB,YAAM,QAAQ,MAAM,YAAY,cAAc;AAC9C,uBAAiB,QAAQ,OAAO,uBAAuB,KAAK;AAE5D,UAAI,QAAQ,UAAU;AACrB,yBAAiB,QAAQ,OAAO,mCAAmC,IAAI;AACvE,oBAAY,QAAQ,KAAK;AACzB,sBAAc,UAAU,MAAM;AAAA,MAC/B,OAAO;AACN,oBAAY,WAAW,MAAM;AAC5B,2BAAiB,QAAQ,OAAO,iCAAiC,IAAI;AACrE,wBAAc,UAAU,MAAM;AAC9B,sBAAY,QAAQ,KAAK;AAAA,QAC1B,GAAG,QAAQ;AAAA,MACZ;AAAA,IACD;AAEA,WAAO,iBAAiB,UAAU,gBAAgB;AAElD,WAAO,MAAM;AACZ,mBAAa,SAAS;AACtB,aAAO,oBAAoB,UAAU,gBAAgB;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,aAAa,UAAU,gBAAgB,CAAC;AAC7C;;"}

package/dist/production/src/hooks/useOnWindowResize.js

@@ -0,0 +1,36 @@
+import { useRef, useLayoutEffect } from "react";
+import { useScopedConsoleRef } from "../debug-context/Context.js";
+function useOnWindowResize(callback, interval = 300) {
+  const scopedConsoleRef = useScopedConsoleRef("useOnWindowResize");
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  const lastTimeStamp = useRef(0);
+  useLayoutEffect(() => {
+    let timeoutID;
+    function debouncedHandler(event) {
+      clearTimeout(timeoutID);
+      const delta = event.timeStamp - lastTimeStamp.current;
+      scopedConsoleRef.current.logged("window.resize:delta", delta);
+      if (delta > interval) {
+        scopedConsoleRef.current.warned("event:window.resize:immediately", null);
+        callbackRef.current(event);
+        lastTimeStamp.current = event.timeStamp;
+      } else {
+        timeoutID = setTimeout(() => {
+          scopedConsoleRef.current.warned("event:window.resize:debounced", null);
+          lastTimeStamp.current = event.timeStamp;
+          callbackRef.current(event);
+        }, interval);
+      }
+    }
+    window.addEventListener("resize", debouncedHandler);
+    return () => {
+      clearTimeout(timeoutID);
+      window.removeEventListener("resize", debouncedHandler);
+    };
+  }, [callbackRef, interval, scopedConsoleRef]);
+}
+export {
+  useOnWindowResize
+};
+//# sourceMappingURL=useOnWindowResize.js.map

package/dist/production/src/hooks/useOnWindowResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.js","sources":["../../../../../packages/react-utils/src/hooks/useOnWindowResize.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\n\nexport function useOnWindowResize(\n\tcallback: (event: Event) => void,\n\tinterval: number = 300,\n) {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnWindowResize')\n\n\tconst callbackRef = useRef(callback)\n\tcallbackRef.current = callback\n\tconst lastTimeStamp = useRef<number>(0)\n\n\t// biome-ignore lint/correctness/useExhaustiveDependencies: intentional\n\tuseLayoutEffect(() => {\n\t\tlet timeoutID: ReturnType<typeof setTimeout>\n\n\t\tfunction debouncedHandler(event: Event) {\n\t\t\tclearTimeout(timeoutID)\n\n\t\t\tconst delta = event.timeStamp - lastTimeStamp.current\n\t\t\tscopedConsoleRef.current.logged('window.resize:delta', delta)\n\n\t\t\tif (delta > interval) {\n\t\t\t\tscopedConsoleRef.current.warned('event:window.resize:immediately', null)\n\t\t\t\tcallbackRef.current(event)\n\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t} else {\n\t\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\t\tscopedConsoleRef.current.warned('event:window.resize:debounced', null)\n\t\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t\t\tcallbackRef.current(event)\n\t\t\t\t}, interval)\n\t\t\t}\n\t\t}\n\n\t\twindow.addEventListener('resize', debouncedHandler)\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeoutID)\n\t\t\twindow.removeEventListener('resize', debouncedHandler)\n\t\t}\n\t}, [callbackRef, interval, scopedConsoleRef])\n}\n"],"names":[],"mappings":";;AAGO,SAAS,kBACf,UACA,WAAmB,KAClB;AACD,QAAM,mBAAmB,oBAAoB,mBAAmB;AAEhE,QAAM,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AACtB,QAAM,gBAAgB,OAAe,CAAC;AAGtC,kBAAgB,MAAM;AACrB,QAAI;AAEJ,aAAS,iBAAiB,OAAc;AACvC,mBAAa,SAAS;AAEtB,YAAM,QAAQ,MAAM,YAAY,cAAc;AAC9C,uBAAiB,QAAQ,OAAO,uBAAuB,KAAK;AAE5D,UAAI,QAAQ,UAAU;AACrB,yBAAiB,QAAQ,OAAO,mCAAmC,IAAI;AACvE,oBAAY,QAAQ,KAAK;AACzB,sBAAc,UAAU,MAAM;AAAA,MAC/B,OAAO;AACN,oBAAY,WAAW,MAAM;AAC5B,2BAAiB,QAAQ,OAAO,iCAAiC,IAAI;AACrE,wBAAc,UAAU,MAAM;AAC9B,sBAAY,QAAQ,KAAK;AAAA,QAC1B,GAAG,QAAQ;AAAA,MACZ;AAAA,IACD;AAEA,WAAO,iBAAiB,UAAU,gBAAgB;AAElD,WAAO,MAAM;AACZ,mBAAa,SAAS;AACtB,aAAO,oBAAoB,UAAU,gBAAgB;AAAA,IACtD;AAAA,EACD,GAAG,CAAC,aAAa,UAAU,gBAAgB,CAAC;AAC7C;"}

package/dist/production/src/hooks/usePreviousValue.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const usePreviousValue = (value) => {
+  const ref = React.useRef(value);
+  React.useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+};
+exports.usePreviousValue = usePreviousValue;
+//# sourceMappingURL=usePreviousValue.cjs.map

package/dist/production/src/hooks/usePreviousValue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviousValue.cjs","sources":["../../../../../packages/react-utils/src/hooks/usePreviousValue.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const usePreviousValue = <Value>(value: Value) => {\n\tconst ref = useRef<Value>(value)\n\tuseEffect(() => {\n\t\tref.current = value\n\t})\n\treturn ref.current\n}\n"],"names":["useRef","useEffect"],"mappings":";;;AAEO,MAAM,mBAAmB,CAAQ,UAAiB;AACxD,QAAM,MAAMA,MAAAA,OAAc,KAAK;AAC/BC,QAAAA,UAAU,MAAM;AACf,QAAI,UAAU;AAAA,EACf,CAAC;AACD,SAAO,IAAI;AACZ;;"}

package/dist/production/src/hooks/usePreviousValue.js

@@ -0,0 +1,12 @@
+import { useRef, useEffect } from "react";
+const usePreviousValue = (value) => {
+  const ref = useRef(value);
+  useEffect(() => {
+    ref.current = value;
+  });
+  return ref.current;
+};
+export {
+  usePreviousValue
+};
+//# sourceMappingURL=usePreviousValue.js.map

package/dist/production/src/hooks/usePreviousValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePreviousValue.js","sources":["../../../../../packages/react-utils/src/hooks/usePreviousValue.ts"],"sourcesContent":["import { useEffect, useRef } from 'react'\n\nexport const usePreviousValue = <Value>(value: Value) => {\n\tconst ref = useRef<Value>(value)\n\tuseEffect(() => {\n\t\tref.current = value\n\t})\n\treturn ref.current\n}\n"],"names":[],"mappings":";AAEO,MAAM,mBAAmB,CAAQ,UAAiB;AACxD,QAAM,MAAM,OAAc,KAAK;AAC/B,YAAU,MAAM;AACf,QAAI,UAAU;AAAA,EACf,CAAC;AACD,SAAO,IAAI;AACZ;"}

package/dist/production/src/hooks/useStoredState.cjs

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const urlStateStorage = {
+  getItem(key) {
+    const searchParams = new URLSearchParams(window.location.search);
+    const value = searchParams.get(key[1]);
+    return value !== null && value !== void 0 ? JSON.parse(value) : null;
+  },
+  setItem(key, value) {
+    const searchParams = new URLSearchParams(window.location.search);
+    searchParams.set(key[1], JSON.stringify(value));
+    const newUrl = `${window.location.pathname}?${searchParams.toString()}`;
+    window.history.replaceState({}, "", newUrl);
+  }
+};
+const createStateStorageFromNativeStorage = (getStorage) => {
+  return {
+    getItem(key) {
+      const value = getStorage().getItem(key.join("-"));
+      return value !== null ? JSON.parse(value) : null;
+    },
+    setItem(key, value) {
+      getStorage().setItem(key.join("-"), JSON.stringify(value));
+    }
+  };
+};
+const sessionStateStorage = createStateStorageFromNativeStorage(() => sessionStorage);
+const localStateStorage = createStateStorageFromNativeStorage(() => localStorage);
+const nullStorage = {
+  getItem() {
+    return null;
+  },
+  setItem() {
+  }
+};
+const builtInStorages = {
+  url: urlStateStorage,
+  session: sessionStateStorage,
+  local: localStateStorage,
+  null: nullStorage
+};
+const useStoredState = (storageOrName, key, initializeValue) => {
+  const storage = React.useMemo(() => {
+    return getStateStorage(storageOrName);
+  }, [storageOrName]);
+  const [value, setValue] = React.useState(() => {
+    const value2 = storage.getItem(key);
+    return initializeValue(value2);
+  });
+  return [
+    value,
+    React.useCallback((value2) => {
+      setValue((current) => {
+        const newValue = typeof value2 === "function" ? value2(current) : value2;
+        storage.setItem(key, newValue);
+        return newValue;
+      });
+    }, [key, storage])
+  ];
+};
+const useSessionStorageState = (key, initializeValue) => {
+  return useStoredState(sessionStateStorage, key, initializeValue);
+};
+const useLocalStorageState = (key, initializeValue) => {
+  return useStoredState(localStateStorage, key, initializeValue);
+};
+const getStateStorage = (storageOrName) => {
+  if (Array.isArray(storageOrName)) {
+    return createFallbackStorage(storageOrName.map((it) => typeof it === "string" ? builtInStorages[it] : it));
+  }
+  return typeof storageOrName === "string" ? builtInStorages[storageOrName] : storageOrName;
+};
+const createFallbackStorage = (storageTypes) => {
+  return {
+    getItem(key) {
+      for (const storage of storageTypes) {
+        const value = storage.getItem(key);
+        if (value !== null) {
+          return value;
+        }
+      }
+      return null;
+    },
+    setItem(key, value) {
+      for (const storage of storageTypes) {
+        storage.setItem(key, value);
+      }
+    }
+  };
+};
+exports.getStateStorage = getStateStorage;
+exports.localStateStorage = localStateStorage;
+exports.nullStorage = nullStorage;
+exports.sessionStateStorage = sessionStateStorage;
+exports.urlStateStorage = urlStateStorage;
+exports.useLocalStorageState = useLocalStorageState;
+exports.useSessionStorageState = useSessionStorageState;
+exports.useStoredState = useStoredState;
+//# sourceMappingURL=useStoredState.cjs.map

package/dist/production/src/hooks/useStoredState.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoredState.cjs","sources":["../../../../../packages/react-utils/src/hooks/useStoredState.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { Serializable } from '../types'\n\nexport type SetState<V extends Serializable> = (value: V | ((current: V) => V)) => void\nexport type StateStorageKey = [uniquePrefix: string, key: string]\n\nexport type ValueInitializer<V extends Serializable> = (storedValue: V | undefined) => V\n\nexport interface StateStorage {\n\tgetItem(key: StateStorageKey): Serializable\n\n\tsetItem(key: StateStorageKey, value: Serializable): void\n}\n\nexport const urlStateStorage: StateStorage = {\n\tgetItem(key) {\n\t\tconst searchParams = new URLSearchParams(window.location.search)\n\t\tconst value = searchParams.get(key[1])\n\t\treturn value !== null && value !== undefined ? JSON.parse(value) : null\n\t},\n\tsetItem(key, value) {\n\t\tconst searchParams = new URLSearchParams(window.location.search)\n\t\tsearchParams.set(key[1], JSON.stringify(value))\n\t\tconst newUrl = `${window.location.pathname}?${searchParams.toString()}`\n\t\twindow.history.replaceState({}, '', newUrl)\n\t},\n}\n\nconst createStateStorageFromNativeStorage = (getStorage: () => Storage): StateStorage => {\n\treturn {\n\t\tgetItem(key) {\n\t\t\tconst value = getStorage().getItem(key.join('-'))\n\t\t\treturn value !== null ? JSON.parse(value) : null\n\t\t},\n\t\tsetItem(key, value) {\n\t\t\tgetStorage().setItem(key.join('-'), JSON.stringify(value))\n\t\t},\n\t}\n}\n\nexport const sessionStateStorage = createStateStorageFromNativeStorage(() => sessionStorage)\nexport const localStateStorage = createStateStorageFromNativeStorage(() => localStorage)\nexport const nullStorage: StateStorage = {\n\tgetItem() {\n\t\treturn null\n\t},\n\tsetItem() {\n\t},\n}\n\nconst builtInStorages = {\n\turl: urlStateStorage,\n\tsession: sessionStateStorage,\n\tlocal: localStateStorage,\n\tnull: nullStorage,\n}\n\nexport type StateStorageOrName = StateStorage | 'url' | 'session' | 'local' | 'null'\n\nexport const useStoredState = <V extends Serializable>(\n\tstorageOrName: StateStorageOrName | StateStorageOrName[],\n\tkey: StateStorageKey,\n\tinitializeValue: ValueInitializer<V>,\n): [V, SetState<V>] => {\n\tconst storage = useMemo(() => {\n\t\treturn getStateStorage(storageOrName)\n\t}, [storageOrName])\n\n\tconst [value, setValue] = useState<V>(() => {\n\t\tconst value = storage.getItem(key)\n\t\treturn initializeValue(value as V)\n\t})\n\treturn [\n\t\tvalue,\n\t\tuseCallback(value => {\n\t\t\tsetValue(current => {\n\t\t\t\tconst newValue = typeof value === 'function' ? (value as (current: V) => V)(current) : value\n\t\t\t\tstorage.setItem(key, newValue)\n\t\t\t\treturn newValue\n\t\t\t})\n\t\t}, [key, storage]),\n\t]\n}\n\nexport const useSessionStorageState = <V extends Serializable>(key: StateStorageKey, initializeValue: ValueInitializer<V>): [V, SetState<V>] => {\n\treturn useStoredState<V>(sessionStateStorage, key, initializeValue)\n}\n\nexport const useLocalStorageState = <V extends Serializable>(key: StateStorageKey, initializeValue: ValueInitializer<V>): [V, SetState<V>] => {\n\treturn useStoredState<V>(localStateStorage, key, initializeValue)\n}\n\nexport const getStateStorage = (storageOrName: StateStorageOrName | StateStorageOrName[]) => {\n\tif (Array.isArray(storageOrName)) {\n\t\treturn createFallbackStorage(storageOrName.map(it => typeof it === 'string' ? builtInStorages[it] : it))\n\t}\n\treturn typeof storageOrName === 'string' ? builtInStorages[storageOrName] : storageOrName\n}\n\nconst createFallbackStorage = (storageTypes: StateStorage[]): StateStorage => {\n\treturn {\n\t\tgetItem(key) {\n\t\t\tfor (const storage of storageTypes) {\n\t\t\t\tconst value = storage.getItem(key)\n\t\t\t\tif (value !== null) {\n\t\t\t\t\treturn value\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tsetItem(key, value) {\n\t\t\tfor (const storage of storageTypes) {\n\t\t\t\tstorage.setItem(key, value)\n\t\t\t}\n\t\t},\n\t}\n}\n"],"names":["useMemo","useState","value","useCallback"],"mappings":"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"}

package/dist/production/src/hooks/useStoredState.js

@@ -0,0 +1,100 @@
+import { useMemo, useState, useCallback } from "react";
+const urlStateStorage = {
+  getItem(key) {
+    const searchParams = new URLSearchParams(window.location.search);
+    const value = searchParams.get(key[1]);
+    return value !== null && value !== void 0 ? JSON.parse(value) : null;
+  },
+  setItem(key, value) {
+    const searchParams = new URLSearchParams(window.location.search);
+    searchParams.set(key[1], JSON.stringify(value));
+    const newUrl = `${window.location.pathname}?${searchParams.toString()}`;
+    window.history.replaceState({}, "", newUrl);
+  }
+};
+const createStateStorageFromNativeStorage = (getStorage) => {
+  return {
+    getItem(key) {
+      const value = getStorage().getItem(key.join("-"));
+      return value !== null ? JSON.parse(value) : null;
+    },
+    setItem(key, value) {
+      getStorage().setItem(key.join("-"), JSON.stringify(value));
+    }
+  };
+};
+const sessionStateStorage = createStateStorageFromNativeStorage(() => sessionStorage);
+const localStateStorage = createStateStorageFromNativeStorage(() => localStorage);
+const nullStorage = {
+  getItem() {
+    return null;
+  },
+  setItem() {
+  }
+};
+const builtInStorages = {
+  url: urlStateStorage,
+  session: sessionStateStorage,
+  local: localStateStorage,
+  null: nullStorage
+};
+const useStoredState = (storageOrName, key, initializeValue) => {
+  const storage = useMemo(() => {
+    return getStateStorage(storageOrName);
+  }, [storageOrName]);
+  const [value, setValue] = useState(() => {
+    const value2 = storage.getItem(key);
+    return initializeValue(value2);
+  });
+  return [
+    value,
+    useCallback((value2) => {
+      setValue((current) => {
+        const newValue = typeof value2 === "function" ? value2(current) : value2;
+        storage.setItem(key, newValue);
+        return newValue;
+      });
+    }, [key, storage])
+  ];
+};
+const useSessionStorageState = (key, initializeValue) => {
+  return useStoredState(sessionStateStorage, key, initializeValue);
+};
+const useLocalStorageState = (key, initializeValue) => {
+  return useStoredState(localStateStorage, key, initializeValue);
+};
+const getStateStorage = (storageOrName) => {
+  if (Array.isArray(storageOrName)) {
+    return createFallbackStorage(storageOrName.map((it) => typeof it === "string" ? builtInStorages[it] : it));
+  }
+  return typeof storageOrName === "string" ? builtInStorages[storageOrName] : storageOrName;
+};
+const createFallbackStorage = (storageTypes) => {
+  return {
+    getItem(key) {
+      for (const storage of storageTypes) {
+        const value = storage.getItem(key);
+        if (value !== null) {
+          return value;
+        }
+      }
+      return null;
+    },
+    setItem(key, value) {
+      for (const storage of storageTypes) {
+        storage.setItem(key, value);
+      }
+    }
+  };
+};
+export {
+  getStateStorage,
+  localStateStorage,
+  nullStorage,
+  sessionStateStorage,
+  urlStateStorage,
+  useLocalStorageState,
+  useSessionStorageState,
+  useStoredState
+};
+//# sourceMappingURL=useStoredState.js.map

package/dist/production/src/hooks/useStoredState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStoredState.js","sources":["../../../../../packages/react-utils/src/hooks/useStoredState.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { Serializable } from '../types'\n\nexport type SetState<V extends Serializable> = (value: V | ((current: V) => V)) => void\nexport type StateStorageKey = [uniquePrefix: string, key: string]\n\nexport type ValueInitializer<V extends Serializable> = (storedValue: V | undefined) => V\n\nexport interface StateStorage {\n\tgetItem(key: StateStorageKey): Serializable\n\n\tsetItem(key: StateStorageKey, value: Serializable): void\n}\n\nexport const urlStateStorage: StateStorage = {\n\tgetItem(key) {\n\t\tconst searchParams = new URLSearchParams(window.location.search)\n\t\tconst value = searchParams.get(key[1])\n\t\treturn value !== null && value !== undefined ? JSON.parse(value) : null\n\t},\n\tsetItem(key, value) {\n\t\tconst searchParams = new URLSearchParams(window.location.search)\n\t\tsearchParams.set(key[1], JSON.stringify(value))\n\t\tconst newUrl = `${window.location.pathname}?${searchParams.toString()}`\n\t\twindow.history.replaceState({}, '', newUrl)\n\t},\n}\n\nconst createStateStorageFromNativeStorage = (getStorage: () => Storage): StateStorage => {\n\treturn {\n\t\tgetItem(key) {\n\t\t\tconst value = getStorage().getItem(key.join('-'))\n\t\t\treturn value !== null ? JSON.parse(value) : null\n\t\t},\n\t\tsetItem(key, value) {\n\t\t\tgetStorage().setItem(key.join('-'), JSON.stringify(value))\n\t\t},\n\t}\n}\n\nexport const sessionStateStorage = createStateStorageFromNativeStorage(() => sessionStorage)\nexport const localStateStorage = createStateStorageFromNativeStorage(() => localStorage)\nexport const nullStorage: StateStorage = {\n\tgetItem() {\n\t\treturn null\n\t},\n\tsetItem() {\n\t},\n}\n\nconst builtInStorages = {\n\turl: urlStateStorage,\n\tsession: sessionStateStorage,\n\tlocal: localStateStorage,\n\tnull: nullStorage,\n}\n\nexport type StateStorageOrName = StateStorage | 'url' | 'session' | 'local' | 'null'\n\nexport const useStoredState = <V extends Serializable>(\n\tstorageOrName: StateStorageOrName | StateStorageOrName[],\n\tkey: StateStorageKey,\n\tinitializeValue: ValueInitializer<V>,\n): [V, SetState<V>] => {\n\tconst storage = useMemo(() => {\n\t\treturn getStateStorage(storageOrName)\n\t}, [storageOrName])\n\n\tconst [value, setValue] = useState<V>(() => {\n\t\tconst value = storage.getItem(key)\n\t\treturn initializeValue(value as V)\n\t})\n\treturn [\n\t\tvalue,\n\t\tuseCallback(value => {\n\t\t\tsetValue(current => {\n\t\t\t\tconst newValue = typeof value === 'function' ? (value as (current: V) => V)(current) : value\n\t\t\t\tstorage.setItem(key, newValue)\n\t\t\t\treturn newValue\n\t\t\t})\n\t\t}, [key, storage]),\n\t]\n}\n\nexport const useSessionStorageState = <V extends Serializable>(key: StateStorageKey, initializeValue: ValueInitializer<V>): [V, SetState<V>] => {\n\treturn useStoredState<V>(sessionStateStorage, key, initializeValue)\n}\n\nexport const useLocalStorageState = <V extends Serializable>(key: StateStorageKey, initializeValue: ValueInitializer<V>): [V, SetState<V>] => {\n\treturn useStoredState<V>(localStateStorage, key, initializeValue)\n}\n\nexport const getStateStorage = (storageOrName: StateStorageOrName | StateStorageOrName[]) => {\n\tif (Array.isArray(storageOrName)) {\n\t\treturn createFallbackStorage(storageOrName.map(it => typeof it === 'string' ? builtInStorages[it] : it))\n\t}\n\treturn typeof storageOrName === 'string' ? builtInStorages[storageOrName] : storageOrName\n}\n\nconst createFallbackStorage = (storageTypes: StateStorage[]): StateStorage => {\n\treturn {\n\t\tgetItem(key) {\n\t\t\tfor (const storage of storageTypes) {\n\t\t\t\tconst value = storage.getItem(key)\n\t\t\t\tif (value !== null) {\n\t\t\t\t\treturn value\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn null\n\t\t},\n\t\tsetItem(key, value) {\n\t\t\tfor (const storage of storageTypes) {\n\t\t\t\tstorage.setItem(key, value)\n\t\t\t}\n\t\t},\n\t}\n}\n"],"names":["value"],"mappings":";AAcO,MAAM,kBAAgC;AAAA,EAC5C,QAAQ,KAAK;AACZ,UAAM,eAAe,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC/D,UAAM,QAAQ,aAAa,IAAI,IAAI,CAAC,CAAC;AACrC,WAAO,UAAU,QAAQ,UAAU,SAAY,KAAK,MAAM,KAAK,IAAI;AAAA,EACpE;AAAA,EACA,QAAQ,KAAK,OAAO;AACnB,UAAM,eAAe,IAAI,gBAAgB,OAAO,SAAS,MAAM;AAC/D,iBAAa,IAAI,IAAI,CAAC,GAAG,KAAK,UAAU,KAAK,CAAC;AAC9C,UAAM,SAAS,GAAG,OAAO,SAAS,QAAQ,IAAI,aAAa,UAAU;AACrE,WAAO,QAAQ,aAAa,CAAA,GAAI,IAAI,MAAM;AAAA,EAC3C;AACD;AAEA,MAAM,sCAAsC,CAAC,eAA4C;AACxF,SAAO;AAAA,IACN,QAAQ,KAAK;AACZ,YAAM,QAAQ,aAAa,QAAQ,IAAI,KAAK,GAAG,CAAC;AAChD,aAAO,UAAU,OAAO,KAAK,MAAM,KAAK,IAAI;AAAA,IAC7C;AAAA,IACA,QAAQ,KAAK,OAAO;AACnB,iBAAA,EAAa,QAAQ,IAAI,KAAK,GAAG,GAAG,KAAK,UAAU,KAAK,CAAC;AAAA,IAC1D;AAAA,EAAA;AAEF;AAEO,MAAM,sBAAsB,oCAAoC,MAAM,cAAc;AACpF,MAAM,oBAAoB,oCAAoC,MAAM,YAAY;AAChF,MAAM,cAA4B;AAAA,EACxC,UAAU;AACT,WAAO;AAAA,EACR;AAAA,EACA,UAAU;AAAA,EACV;AACD;AAEA,MAAM,kBAAkB;AAAA,EACvB,KAAK;AAAA,EACL,SAAS;AAAA,EACT,OAAO;AAAA,EACP,MAAM;AACP;AAIO,MAAM,iBAAiB,CAC7B,eACA,KACA,oBACsB;AACtB,QAAM,UAAU,QAAQ,MAAM;AAC7B,WAAO,gBAAgB,aAAa;AAAA,EACrC,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM;AAC3C,UAAMA,SAAQ,QAAQ,QAAQ,GAAG;AACjC,WAAO,gBAAgBA,MAAU;AAAA,EAClC,CAAC;AACD,SAAO;AAAA,IACN;AAAA,IACA,YAAY,CAAAA,WAAS;AACpB,eAAS,CAAA,YAAW;AACnB,cAAM,WAAW,OAAOA,WAAU,aAAcA,OAA4B,OAAO,IAAIA;AACvF,gBAAQ,QAAQ,KAAK,QAAQ;AAC7B,eAAO;AAAA,MACR,CAAC;AAAA,IACF,GAAG,CAAC,KAAK,OAAO,CAAC;AAAA,EAAA;AAEnB;AAEO,MAAM,yBAAyB,CAAyB,KAAsB,oBAA2D;AAC/I,SAAO,eAAkB,qBAAqB,KAAK,eAAe;AACnE;AAEO,MAAM,uBAAuB,CAAyB,KAAsB,oBAA2D;AAC7I,SAAO,eAAkB,mBAAmB,KAAK,eAAe;AACjE;AAEO,MAAM,kBAAkB,CAAC,kBAA6D;AAC5F,MAAI,MAAM,QAAQ,aAAa,GAAG;AACjC,WAAO,sBAAsB,cAAc,IAAI,CAAA,OAAM,OAAO,OAAO,WAAW,gBAAgB,EAAE,IAAI,EAAE,CAAC;AAAA,EACxG;AACA,SAAO,OAAO,kBAAkB,WAAW,gBAAgB,aAAa,IAAI;AAC7E;AAEA,MAAM,wBAAwB,CAAC,iBAA+C;AAC7E,SAAO;AAAA,IACN,QAAQ,KAAK;AACZ,iBAAW,WAAW,cAAc;AACnC,cAAM,QAAQ,QAAQ,QAAQ,GAAG;AACjC,YAAI,UAAU,MAAM;AACnB,iBAAO;AAAA,QACR;AAAA,MACD;AACA,aAAO;AAAA,IACR;AAAA,IACA,QAAQ,KAAK,OAAO;AACnB,iBAAW,WAAW,cAAc;AACnC,gBAAQ,QAAQ,KAAK,KAAK;AAAA,MAC3B;AAAA,IACD;AAAA,EAAA;AAEF;"}