@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

package/build/cjs/hooks/usePopupState.js

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/usePopupState.ts
+var usePopupState_exports = {};
+__export(usePopupState_exports, {
+  usePopupState: () => usePopupState
+});
+module.exports = __toCommonJS(usePopupState_exports);
+var import_react = require("react");
+var import_useTimer = require("./useTimer");
+var usePopupState = ({ autoclose = 0 } = {}) => {
+  const [visible, setVisible] = (0, import_react.useState)(false);
+  const [setTimer, clearTimer] = (0, import_useTimer.useTimer)(autoclose);
+  const close = (0, import_react.useCallback)(() => {
+    setVisible(false);
+    if (autoclose) {
+      clearTimer();
+    }
+  }, [autoclose, clearTimer, setVisible]);
+  const open = (0, import_react.useCallback)(() => {
+    setVisible(true);
+    if (autoclose) {
+      setTimer(close);
+    }
+  }, [autoclose, close, setTimer, setVisible]);
+  const toggle = (0, import_react.useCallback)(() => {
+    if (visible) {
+      close();
+    } else {
+      open();
+    }
+  }, [visible, close, open]);
+  return (0, import_react.useMemo)(
+    () => ({
+      open,
+      close,
+      toggle,
+      get visible() {
+        return visible;
+      }
+    }),
+    [visible, open, close, toggle]
+  );
+};
+//# sourceMappingURL=usePopupState.js.map

package/build/cjs/hooks/usePopupState.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/usePopupState.ts"],
+  "sourcesContent": ["import {useCallback, useMemo, useState} from 'react';\n\nimport {useTimer} from './useTimer';\n\nexport const usePopupState = ({autoclose = 0}: {autoclose?: number} = {}) => {\n    const [visible, setVisible] = useState(false);\n    const [setTimer, clearTimer] = useTimer(autoclose);\n\n    const close = useCallback(() => {\n        setVisible(false);\n\n        if (autoclose) {\n            clearTimer();\n        }\n    }, [autoclose, clearTimer, setVisible]);\n    const open = useCallback(() => {\n        setVisible(true);\n\n        if (autoclose) {\n            setTimer(close);\n        }\n    }, [autoclose, close, setTimer, setVisible]);\n    const toggle = useCallback(() => {\n        if (visible) {\n            close();\n        } else {\n            open();\n        }\n    }, [visible, close, open]);\n\n    return useMemo(\n        () => ({\n            open,\n            close,\n            toggle,\n            get visible() {\n                return visible;\n            },\n        }),\n        [visible, open, close, toggle],\n    );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAE7C,sBAAuB;AAEhB,IAAM,gBAAgB,CAAC,EAAC,YAAY,EAAC,IAA0B,CAAC,MAAM;AACzE,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,UAAU,UAAU,QAAI,0BAAS,SAAS;AAEjD,QAAM,YAAQ,0BAAY,MAAM;AAC5B,eAAW,KAAK;AAEhB,QAAI,WAAW;AACX,iBAAW;AAAA,IACf;AAAA,EACJ,GAAG,CAAC,WAAW,YAAY,UAAU,CAAC;AACtC,QAAM,WAAO,0BAAY,MAAM;AAC3B,eAAW,IAAI;AAEf,QAAI,WAAW;AACX,eAAS,KAAK;AAAA,IAClB;AAAA,EACJ,GAAG,CAAC,WAAW,OAAO,UAAU,UAAU,CAAC;AAC3C,QAAM,aAAS,0BAAY,MAAM;AAC7B,QAAI,SAAS;AACT,YAAM;AAAA,IACV,OAAO;AACH,WAAK;AAAA,IACT;AAAA,EACJ,GAAG,CAAC,SAAS,OAAO,IAAI,CAAC;AAEzB,aAAO;AAAA,IACH,OAAO;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA,IAAI,UAAU;AACV,eAAO;AAAA,MACX;AAAA,IACJ;AAAA,IACA,CAAC,SAAS,MAAM,OAAO,MAAM;AAAA,EACjC;AACJ;",
+  "names": []
+}

package/build/cjs/hooks/useShareHandler.d.ts

@@ -0,0 +1,5 @@
+export type ShareData = {
+    title: string;
+    url: string;
+};
+export declare const useShareHandler: (title: string) => () => void;

package/build/cjs/hooks/useShareHandler.js

@@ -0,0 +1,45 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useShareHandler.ts
+var useShareHandler_exports = {};
+__export(useShareHandler_exports, {
+  useShareHandler: () => useShareHandler
+});
+module.exports = __toCommonJS(useShareHandler_exports);
+var import_react = require("react");
+var useShareHandler = (title) => {
+  const url = typeof window === "undefined" ? "" : window.location.href;
+  const shareData = (0, import_react.useMemo)(() => {
+    return {
+      title,
+      url
+    };
+  }, [title, url]);
+  const shareHandler = (0, import_react.useCallback)(() => {
+    if (navigator && navigator.share) {
+      navigator.share(shareData).then(() => {
+      }).catch((error) => console.error("Error sharing", error));
+    } else {
+      console.log("Share not supported", shareData);
+    }
+  }, [shareData]);
+  return shareHandler;
+};
+//# sourceMappingURL=useShareHandler.js.map

package/build/cjs/hooks/useShareHandler.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useShareHandler.ts"],
+  "sourcesContent": ["import {useCallback, useMemo} from 'react';\n\nexport type ShareData = {\n    title: string;\n    url: string;\n};\n\nexport const useShareHandler = (title: string) => {\n    const url: string = typeof window === 'undefined' ? '' : window.location.href;\n\n    const shareData: ShareData = useMemo(() => {\n        return {\n            title,\n            url,\n        };\n    }, [title, url]);\n\n    const shareHandler = useCallback(() => {\n        if (navigator && navigator.share) {\n            navigator\n                .share(shareData)\n                .then(() => {})\n                // eslint-disable-next-line no-console\n                .catch((error) => console.error('Error sharing', error));\n        } else {\n            // eslint-disable-next-line no-console\n            console.log('Share not supported', shareData);\n        }\n    }, [shareData]);\n\n    return shareHandler;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AAO5B,IAAM,kBAAkB,CAAC,UAAkB;AAC9C,QAAM,MAAc,OAAO,WAAW,cAAc,KAAK,OAAO,SAAS;AAEzE,QAAM,gBAAuB,sBAAQ,MAAM;AACvC,WAAO;AAAA,MACH;AAAA,MACA;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,OAAO,GAAG,CAAC;AAEf,QAAM,mBAAe,0BAAY,MAAM;AACnC,QAAI,aAAa,UAAU,OAAO;AAC9B,gBACK,MAAM,SAAS,EACf,KAAK,MAAM;AAAA,MAAC,CAAC,EAEb,MAAM,CAAC,UAAU,QAAQ,MAAM,iBAAiB,KAAK,CAAC;AAAA,IAC/D,OAAO;AAEH,cAAQ,IAAI,uBAAuB,SAAS;AAAA,IAChD;AAAA,EACJ,GAAG,CAAC,SAAS,CAAC;AAEd,SAAO;AACX;",
+  "names": []
+}

package/build/cjs/hooks/useStableCallback.d.ts

@@ -0,0 +1 @@
+export declare const useStableCallback: <A extends unknown[], R>(cb: (...args: A) => R) => (...args: A) => R;

package/build/cjs/hooks/useStableCallback.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useStableCallback.ts
+var useStableCallback_exports = {};
+__export(useStableCallback_exports, {
+  useStableCallback: () => useStableCallback
+});
+module.exports = __toCommonJS(useStableCallback_exports);
+var import_react = require("react");
+var useStableCallback = (cb) => {
+  const actualValueRef = (0, import_react.useRef)(cb);
+  actualValueRef.current = cb;
+  const stableCb = (0, import_react.useCallback)((...args) => actualValueRef.current(...args), []);
+  return stableCb;
+};
+//# sourceMappingURL=useStableCallback.js.map

package/build/cjs/hooks/useStableCallback.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useStableCallback.ts"],
+  "sourcesContent": ["import {useCallback, useRef} from 'react';\n\nexport const useStableCallback = <A extends unknown[], R>(cb: (...args: A) => R) => {\n    const actualValueRef = useRef(cb);\n\n    actualValueRef.current = cb;\n\n    const stableCb = useCallback((...args: A) => actualValueRef.current(...args), []);\n\n    return stableCb;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAE3B,IAAM,oBAAoB,CAAyB,OAA0B;AAChF,QAAM,qBAAiB,qBAAO,EAAE;AAEhC,iBAAe,UAAU;AAEzB,QAAM,eAAW,0BAAY,IAAI,SAAY,eAAe,QAAQ,GAAG,IAAI,GAAG,CAAC,CAAC;AAEhF,SAAO;AACX;",
+  "names": []
+}

package/build/cjs/hooks/useTimer.d.ts

@@ -0,0 +1 @@
+export declare function useTimer(timeout?: number): readonly [(callback: () => void) => void, () => void];

package/build/cjs/hooks/useTimer.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useTimer.ts
+var useTimer_exports = {};
+__export(useTimer_exports, {
+  useTimer: () => useTimer
+});
+module.exports = __toCommonJS(useTimer_exports);
+var import_react = require("react");
+function useTimer(timeout = 3e3) {
+  const timerId = (0, import_react.useRef)();
+  const clearTimer = (0, import_react.useCallback)(() => {
+    clearTimeout(timerId.current);
+    timerId.current = void 0;
+  }, []);
+  const setTimer = (0, import_react.useCallback)(
+    (callback) => {
+      timerId.current = setTimeout(() => {
+        clearTimer();
+        callback();
+      }, timeout);
+    },
+    [timeout, clearTimer]
+  );
+  return [setTimer, clearTimer];
+}
+//# sourceMappingURL=useTimer.js.map

package/build/cjs/hooks/useTimer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useTimer.ts"],
+  "sourcesContent": ["import {useCallback, useRef} from 'react';\n\nexport function useTimer(timeout = 3000) {\n    const timerId = useRef<number | unknown>();\n\n    const clearTimer = useCallback(() => {\n        clearTimeout(timerId.current as number);\n        timerId.current = undefined;\n    }, []);\n\n    const setTimer = useCallback(\n        (callback: () => void) => {\n            timerId.current = setTimeout(() => {\n                clearTimer();\n                callback();\n            }, timeout);\n        },\n        [timeout, clearTimer],\n    );\n\n    return [setTimer, clearTimer] as const;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkC;AAE3B,SAAS,SAAS,UAAU,KAAM;AACrC,QAAM,cAAU,qBAAyB;AAEzC,QAAM,iBAAa,0BAAY,MAAM;AACjC,iBAAa,QAAQ,OAAiB;AACtC,YAAQ,UAAU;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,QAAM,eAAW;AAAA,IACb,CAAC,aAAyB;AACtB,cAAQ,UAAU,WAAW,MAAM;AAC/B,mBAAW;AACX,iBAAS;AAAA,MACb,GAAG,OAAO;AAAA,IACd;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,EACxB;AAEA,SAAO,CAAC,UAAU,UAAU;AAChC;",
+  "names": []
+}

package/build/cjs/hooks/useTranslation.d.ts

@@ -0,0 +1,2 @@
+import { useTranslation as useTranslationI18N } from 'react-i18next';
+export declare function useTranslation(...args: Parameters<typeof useTranslationI18N>): import("react-i18next").UseTranslationResponse<string, import("i18next").KeyPrefix<Ns>>;

package/build/cjs/hooks/useTranslation.js

@@ -0,0 +1,32 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useTranslation.ts
+var useTranslation_exports = {};
+__export(useTranslation_exports, {
+  useTranslation: () => useTranslation
+});
+module.exports = __toCommonJS(useTranslation_exports);
+var import_react_i18next = require("react-i18next");
+var import_config = require("../config");
+function useTranslation(...args) {
+  (0, import_config.configure)();
+  return (0, import_react_i18next.useTranslation)(...args);
+}
+//# sourceMappingURL=useTranslation.js.map

package/build/cjs/hooks/useTranslation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useTranslation.ts"],
+  "sourcesContent": ["import {useTranslation as useTranslationI18N} from 'react-i18next';\n\nimport {configure} from '../config';\n\nexport function useTranslation(...args: Parameters<typeof useTranslationI18N>) {\n    configure();\n    return useTranslationI18N(...args);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmD;AAEnD,oBAAwB;AAEjB,SAAS,kBAAkB,MAA6C;AAC3E,+BAAU;AACV,aAAO,qBAAAA,gBAAmB,GAAG,IAAI;AACrC;",
+  "names": ["useTranslationI18N"]
+}

package/build/cjs/hooks/useVirtualElementRef.d.ts

@@ -0,0 +1,32 @@
+export declare const useVirtualElementRef: (element: HTMLElement | null) => readonly [{
+    current: {
+        getBoundingClientRect(): {
+            toJSON(): {
+                top: number;
+                left: number;
+                right: number;
+                bottom: number;
+                height: number;
+                width: number;
+                x: number;
+                y: number;
+            };
+            top: number;
+            left: number;
+            right: number;
+            bottom: number;
+            height: number;
+            width: number;
+            x: number;
+            y: number;
+        };
+    };
+    top: number;
+    left: number;
+    right: number;
+    bottom: number;
+    height: number;
+    width: number;
+    x: number;
+    y: number;
+}, () => () => void];

package/build/cjs/hooks/useVirtualElementRef.js

@@ -0,0 +1,125 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useVirtualElementRef.ts
+var useVirtualElementRef_exports = {};
+__export(useVirtualElementRef_exports, {
+  useVirtualElementRef: () => useVirtualElementRef
+});
+module.exports = __toCommonJS(useVirtualElementRef_exports);
+var import_react = require("react");
+var useVirtualElementRef = (element) => {
+  const observer = (0, import_react.useRef)();
+  const rect = (0, import_react.useRef)();
+  const x = 0;
+  const y = 0;
+  const [width, setWidth] = (0, import_react.useState)(0);
+  const [height, setHeight] = (0, import_react.useState)(0);
+  const [top, setTop] = (0, import_react.useState)(0);
+  const [left, setLeft] = (0, import_react.useState)(0);
+  const [right, setRight] = (0, import_react.useState)(0);
+  const [bottom, setBottom] = (0, import_react.useState)(0);
+  const box = (0, import_react.useMemo)(() => {
+    const rect2 = { top, left, right, bottom, height, width, x, y };
+    return __spreadProps(__spreadValues({}, rect2), {
+      current: {
+        getBoundingClientRect() {
+          return __spreadProps(__spreadValues({}, rect2), {
+            toJSON() {
+              return rect2;
+            }
+          });
+        }
+      }
+    });
+  }, [top, left, right, bottom, height, width, x, y]);
+  const update = (0, import_react.useCallback)(
+    ({ top: top2, left: left2, right: right2, bottom: bottom2, height: height2, width: width2 }) => {
+      setTop(top2);
+      setLeft(left2);
+      setRight(right2);
+      setBottom(bottom2);
+      setHeight(height2);
+      setWidth(width2);
+    },
+    [setTop, setLeft, setRight, setBottom, setHeight, setWidth]
+  );
+  const watch = (0, import_react.useCallback)(() => {
+    var _a;
+    if (element) {
+      rect.current = element.getBoundingClientRect();
+      (_a = observer.current) == null ? void 0 : _a.observe(element);
+      update(rect.current);
+    }
+    return () => {
+      var _a2;
+      (_a2 = observer.current) == null ? void 0 : _a2.disconnect();
+    };
+  }, [element, observer, update]);
+  (0, import_react.useEffect)(() => {
+    const _observer = observer.current = new ResizeObserver((entries) => {
+      if (!rect.current) {
+        return;
+      }
+      const { top: top2, left: left2, width: width2, height: height2 } = rect.current;
+      for (const entry of entries) {
+        const dw = width2 - entry.contentRect.width;
+        const dh = height2 - entry.contentRect.height;
+        update({
+          width: entry.contentRect.width,
+          height: entry.contentRect.height,
+          top: dh + top2 + entry.contentRect.top,
+          left: dw + left2 + entry.contentRect.left,
+          right: dw + left2 + entry.contentRect.right,
+          bottom: dh + top2 + entry.contentRect.bottom,
+          x,
+          y
+        });
+      }
+    });
+    return () => {
+      _observer.disconnect();
+    };
+  }, [rect, observer, update]);
+  (0, import_react.useEffect)(() => {
+    if (element) {
+      rect.current = element.getBoundingClientRect();
+      update(rect.current);
+    }
+  }, [element, update]);
+  return [box, watch];
+};
+//# sourceMappingURL=useVirtualElementRef.js.map

package/build/cjs/hooks/useVirtualElementRef.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/hooks/useVirtualElementRef.ts"],
+  "sourcesContent": ["import {useCallback, useEffect, useMemo, useRef, useState} from 'react';\n\ntype DOMRectLike = Omit<DOMRect, 'toJSON'>;\n\nexport const useVirtualElementRef = (element: HTMLElement | null) => {\n    const observer = useRef<ResizeObserver>();\n    const rect = useRef<DOMRectLike>();\n\n    const x = 0;\n    const y = 0;\n\n    const [width, setWidth] = useState(0);\n    const [height, setHeight] = useState(0);\n    const [top, setTop] = useState(0);\n    const [left, setLeft] = useState(0);\n    const [right, setRight] = useState(0);\n    const [bottom, setBottom] = useState(0);\n    const box = useMemo(() => {\n        const rect = {top, left, right, bottom, height, width, x, y};\n        return {\n            ...rect,\n            current: {\n                getBoundingClientRect() {\n                    return {\n                        ...rect,\n                        toJSON() {\n                            return rect;\n                        },\n                    };\n                },\n            },\n        };\n    }, [top, left, right, bottom, height, width, x, y]);\n\n    const update = useCallback(\n        ({top, left, right, bottom, height, width}: DOMRectLike) => {\n            setTop(top);\n            setLeft(left);\n            setRight(right);\n            setBottom(bottom);\n            setHeight(height);\n            setWidth(width);\n        },\n        [setTop, setLeft, setRight, setBottom, setHeight, setWidth],\n    );\n\n    const watch = useCallback(() => {\n        if (element) {\n            rect.current = element.getBoundingClientRect();\n            observer.current?.observe(element);\n            update(rect.current);\n        }\n\n        return () => {\n            observer.current?.disconnect();\n        };\n    }, [element, observer, update]);\n\n    useEffect(() => {\n        const _observer = (observer.current = new ResizeObserver((entries) => {\n            if (!rect.current) {\n                return;\n            }\n\n            const {top, left, width, height} = rect.current;\n\n            for (const entry of entries) {\n                const dw = width - entry.contentRect.width;\n                const dh = height - entry.contentRect.height;\n\n                update({\n                    width: entry.contentRect.width,\n                    height: entry.contentRect.height,\n                    top: dh + top + entry.contentRect.top,\n                    left: dw + left + entry.contentRect.left,\n                    right: dw + left + entry.contentRect.right,\n                    bottom: dh + top + entry.contentRect.bottom,\n                    x,\n                    y,\n                });\n            }\n        }));\n\n        return () => {\n            _observer.disconnect();\n        };\n    }, [rect, observer, update]);\n\n    useEffect(() => {\n        if (element) {\n            rect.current = element.getBoundingClientRect();\n            update(rect.current);\n        }\n    }, [element, update]);\n\n    return [box, watch] as const;\n};\n"],
+  "mappings": "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",
+  "names": ["rect", "top", "left", "right", "bottom", "height", "width", "_a"]
+}