@apia/components 1.0.4 → 2.0.1

package/dist/components/responsive/makeResponsiveComponent.d.ts

@@ -0,0 +1,38 @@
+import { FC, FunctionComponent } from 'react';
+
+interface IMakeResponsiveComponent<P extends Record<string, unknown>> {
+    breakPoints: number[];
+    Component: FunctionComponent<P & {
+        breakPoint: number;
+        breakPointWidth: number;
+        containerWidth: number;
+    }>;
+    /**
+     * Este HOC hace un setState cada vez que cambia el ancho del contenedor. Hay
+     * situaciones en las que es deseable agregar un debounce a este
+     * comportamiento para mejorar la performance. *Por defecto usa 100*
+     */
+    debounce?: number;
+    /**
+     * Por defecto usa 4.
+     */
+    defaultBreakpoint?: number;
+}
+interface IResponsiveComponent<P> extends FC<P> {
+    setBreakpoints: {
+        current: (breakPoints: number[]) => void;
+    };
+}
+/**
+ * El método makeResponsiveComponent agrega un wrapper alrededor de un
+ * componente para conocer el ancho del contenedor del mismo. De esta forma, es
+ * fácil predecir qué ancho dispone el mismo para renderizarse y de esa forma
+ * poder tomar decisiones de responsividad que no dependen del ancho de la
+ * pantalla sino del espacio donde se encuentra.
+ */
+declare const makeResponsiveComponent: <P extends Record<string, unknown>>({ breakPoints, Component, defaultBreakpoint, }: IMakeResponsiveComponent<P>) => IResponsiveComponent<P & {
+    breakPoints?: number[] | undefined;
+}>;
+
+export { type IResponsiveComponent, makeResponsiveComponent };
+//# sourceMappingURL=makeResponsiveComponent.d.ts.map

package/dist/components/responsive/makeResponsiveComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeResponsiveComponent.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/responsive/makeResponsiveComponent.js

@@ -0,0 +1,88 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { useState, useRef, useTransition, useCallback, useEffect, useDeferredValue } from 'react';
+import { Box } from '@apia/theme';
+
+function calcBreakPoint(currentWidth, breakPoints) {
+  let currentIndex = 0;
+  while (currentIndex < breakPoints.length && currentWidth > breakPoints[currentIndex])
+    currentIndex++;
+  return currentIndex;
+}
+const makeResponsiveComponent = ({
+  breakPoints,
+  Component,
+  defaultBreakpoint
+}) => {
+  const setBreakpoints = {
+    current: () => {
+    }
+  };
+  return Object.assign(
+    function ResponsiveComponent(props) {
+      const [breakPoint, setCurrentBreakpoint] = useState(
+        defaultBreakpoint ?? 4
+      );
+      const [innerBreakpoints, setInnerBreakpoints] = useState(
+        props.breakPoints ?? breakPoints
+      );
+      setBreakpoints.current = setInnerBreakpoints;
+      const [containerWidth, setContainerWidth] = useState(
+        breakPoints[defaultBreakpoint ?? 4]
+      );
+      const observer = useRef(null);
+      const shouldDisconnect = useRef(false);
+      const [hasRendered, setHasRendered] = useState(false);
+      const [, startTransition] = useTransition();
+      const ref = useCallback(
+        (element) => {
+          if (!element)
+            return;
+          observer.current?.disconnect();
+          observer.current = new ResizeObserver((resizeProps) => {
+            if (resizeProps[0].contentRect.width === 0)
+              return;
+            startTransition(() => {
+              setContainerWidth(resizeProps[0].contentRect.width);
+              setCurrentBreakpoint(
+                calcBreakPoint(
+                  resizeProps[0].contentRect.width,
+                  innerBreakpoints
+                )
+              );
+              setHasRendered(true);
+            });
+          });
+          if (element)
+            observer.current.observe(element);
+        },
+        [innerBreakpoints]
+      );
+      useEffect(() => {
+        shouldDisconnect.current = false;
+        return () => {
+          shouldDisconnect.current = true;
+          setTimeout(() => {
+            if (shouldDisconnect.current) {
+              observer.current?.disconnect();
+            }
+          }, 2e3);
+        };
+      }, [innerBreakpoints]);
+      const deferBreakPoint = useDeferredValue(breakPoint);
+      const deferContainerWidth = useDeferredValue(containerWidth);
+      return /* @__PURE__ */ jsx(Box, { ref, children: hasRendered ? /* @__PURE__ */ jsx(
+        Component,
+        {
+          ...props,
+          breakPoint: deferBreakPoint,
+          breakPointWidth: breakPoints[deferBreakPoint],
+          containerWidth: deferContainerWidth
+        }
+      ) : null });
+    },
+    { setBreakpoints }
+  );
+};
+
+export { makeResponsiveComponent };
+//# sourceMappingURL=makeResponsiveComponent.js.map

package/dist/components/responsive/makeResponsiveComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeResponsiveComponent.js","sources":["../../../src/components/responsive/makeResponsiveComponent.tsx"],"sourcesContent":["import {\n  FC,\n  FunctionComponent,\n  useCallback,\n  useDeferredValue,\n  useEffect,\n  useRef,\n  useState,\n  useTransition,\n} from 'react';\nimport { Box } from '@apia/theme';\n\ninterface IMakeResponsiveComponent<P extends Record<string, unknown>> {\n  breakPoints: number[];\n  Component: FunctionComponent<\n    P & { breakPoint: number; breakPointWidth: number; containerWidth: number }\n  >;\n  /**\n   * Este HOC hace un setState cada vez que cambia el ancho del contenedor. Hay\n   * situaciones en las que es deseable agregar un debounce a este\n   * comportamiento para mejorar la performance. *Por defecto usa 100*\n   */\n  debounce?: number;\n  /**\n   * Por defecto usa 4.\n   */\n  defaultBreakpoint?: number;\n}\n\nfunction calcBreakPoint(currentWidth: number, breakPoints: number[]) {\n  let currentIndex = 0;\n\n  while (\n    currentIndex < breakPoints.length &&\n    currentWidth > breakPoints[currentIndex]\n  )\n    currentIndex++;\n\n  return currentIndex;\n}\n\nexport interface IResponsiveComponent<P> extends FC<P> {\n  setBreakpoints: { current: (breakPoints: number[]) => void };\n}\n\n/**\n * El método makeResponsiveComponent agrega un wrapper alrededor de un\n * componente para conocer el ancho del contenedor del mismo. De esta forma, es\n * fácil predecir qué ancho dispone el mismo para renderizarse y de esa forma\n * poder tomar decisiones de responsividad que no dependen del ancho de la\n * pantalla sino del espacio donde se encuentra.\n */\nexport const makeResponsiveComponent = <P extends Record<string, unknown>>({\n  breakPoints,\n  Component,\n  defaultBreakpoint,\n}: IMakeResponsiveComponent<P>): IResponsiveComponent<\n  P & {\n    breakPoints?: number[];\n  }\n> => {\n  const setBreakpoints: { current: (b: number[]) => void } = {\n    current: () => {},\n  };\n\n  return Object.assign(\n    function ResponsiveComponent(\n      props: P & {\n        breakPoints?: number[];\n      },\n    ) {\n      const [breakPoint, setCurrentBreakpoint] = useState<number>(\n        defaultBreakpoint ?? 4,\n      );\n\n      const [innerBreakpoints, setInnerBreakpoints] = useState(\n        props.breakPoints ?? breakPoints,\n      );\n      setBreakpoints.current = setInnerBreakpoints;\n\n      const [containerWidth, setContainerWidth] = useState(\n        breakPoints[defaultBreakpoint ?? 4],\n      );\n      const observer = useRef<ResizeObserver | null>(null);\n      const shouldDisconnect = useRef(false);\n\n      const [hasRendered, setHasRendered] = useState(false);\n      const [, startTransition] = useTransition();\n\n      const ref = useCallback(\n        (element: HTMLElement) => {\n          if (!element) return;\n\n          observer.current?.disconnect();\n          observer.current = new ResizeObserver((resizeProps) => {\n            if (resizeProps[0].contentRect.width === 0) return;\n\n            startTransition(() => {\n              setContainerWidth(resizeProps[0].contentRect.width);\n              setCurrentBreakpoint(\n                calcBreakPoint(\n                  resizeProps[0].contentRect.width,\n                  innerBreakpoints,\n                ),\n              );\n              setHasRendered(true);\n            });\n          });\n\n          if (element) observer.current.observe(element);\n        },\n        [innerBreakpoints],\n      );\n\n      useEffect(() => {\n        shouldDisconnect.current = false;\n\n        return () => {\n          shouldDisconnect.current = true;\n          setTimeout(() => {\n            if (shouldDisconnect.current) {\n              observer.current?.disconnect();\n            }\n            /**\n             * El timeout tiene un tiempo arbitrariamente alto ya que de esta\n             * forma el observer se va a desconectar una vez que el componente\n             * se desmonte. Si pusiera un tiempo menor, caería en el riesgo de\n             * que se desconecte aún cuando el componente está montado\n             */\n          }, 2000);\n        };\n      }, [innerBreakpoints]);\n\n      const deferBreakPoint = useDeferredValue(breakPoint);\n      const deferContainerWidth = useDeferredValue(containerWidth);\n\n      return (\n        <Box ref={ref}>\n          {hasRendered ? (\n            <Component\n              {...props}\n              breakPoint={deferBreakPoint}\n              breakPointWidth={breakPoints[deferBreakPoint]}\n              containerWidth={deferContainerWidth}\n            />\n          ) : null}\n        </Box>\n      );\n    },\n    { setBreakpoints },\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/components/types.d.ts

@@ -0,0 +1,5 @@
+type TModalSize = 'editGrid' | 'sm' | 'md' | 'md-fixed' | 'lg' | 'lg-fixed' | 'xl' | 'xl-fixed' | 'xxl' | 'xxxl' | 'xxxl-fixed' | 'flex' | 'cal' | 'finder';
+type TApiaButtonType = 'primary' | 'primary-sm' | 'secondary' | 'light-secondary' | 'secondary-sm' | 'danger' | 'danger-sm' | 'outline' | 'outline-sm' | 'warning' | 'warning-sm' | 'link';
+
+export type { TApiaButtonType, TModalSize };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/waiAriaHelpers/typeAhead.d.ts

@@ -0,0 +1,44 @@
+import { EventEmitter } from '@apia/util';
+import { KeyboardEvent } from 'react';
+
+/**
+ * Type-ahead is a behavior pattern which helps the user in the lists and trees
+ * (and literally says: "especially those with more than seven options")
+ * navigation. The literal description in Wai-Aria documentation is:
+ *
+ * - Type a character: focus moves to the next item with a name that starts
+ * with the typed character.
+ *
+ * - Type multiple characters in rapid succession:
+ * focus moves to the next item with a name that starts with the string of
+ * characters typed.
+ *
+ * It is a little arbitrary what is rapid succession. As I couln't find any
+ * documentation about what rapid succession means, I will make some tests in
+ * order to determine what is more comfortable to accomplish one situation or
+ * the other.
+ *
+ * To callibrate this function it is suficient to override the frequency
+ * parameter, which after some tests I understand is best at 2.5 (keys per
+ * second).
+ */
+
+declare class WaiTypeAhead extends EventEmitter<{
+    multipleKeys: string;
+    singleKey: string;
+    typeUpdate: string;
+}> {
+    #private;
+    frequency: number;
+    timeout: number;
+    typing: string;
+    constructor(props?: {
+        onMultipleKeys?: (value: string) => unknown;
+        onSingleKey?: (value: string) => unknown;
+        onTypeUpdate?: (value: string) => unknown;
+    });
+    type(ev: KeyboardEvent): void;
+}
+
+export { WaiTypeAhead };
+//# sourceMappingURL=typeAhead.d.ts.map

package/dist/components/waiAriaHelpers/typeAhead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeAhead.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/waiAriaHelpers/typeAhead.js

@@ -0,0 +1,75 @@
+import { EventEmitter } from '@apia/util';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _restoreTimeout, restoreTimeout_fn, _shout, shout_fn;
+class WaiTypeAhead extends EventEmitter {
+  constructor(props) {
+    super();
+    __privateAdd(this, _restoreTimeout);
+    __privateAdd(this, _shout);
+    __publicField(this, "frequency", 2.5);
+    // Keys per second
+    __publicField(this, "timeout", 0);
+    __publicField(this, "typing", "");
+    const { onMultipleKeys, onSingleKey, onTypeUpdate } = props ?? {};
+    if (onMultipleKeys)
+      this.on("multipleKeys", onMultipleKeys);
+    if (onSingleKey)
+      this.on("singleKey", onSingleKey);
+    if (onTypeUpdate)
+      this.on("typeUpdate", onTypeUpdate);
+  }
+  type(ev) {
+    if (ev.key.match(/^[\p{L}\d ]$/u)) {
+      ev.preventDefault();
+      this.typing = this.typing + ev.key;
+      this.emit("typeUpdate", this.typing);
+      __privateMethod(this, _restoreTimeout, restoreTimeout_fn).call(this);
+    } else if (ev.code === "Backspace") {
+      ev.preventDefault();
+      this.typing = this.typing.slice(0, -1);
+      this.emit("typeUpdate", this.typing);
+      __privateMethod(this, _restoreTimeout, restoreTimeout_fn).call(this);
+    }
+  }
+}
+_restoreTimeout = new WeakSet();
+restoreTimeout_fn = function() {
+  clearTimeout(this.timeout);
+  this.timeout = setTimeout(
+    __privateMethod(this, _shout, shout_fn).bind(this),
+    1e3 / this.frequency
+  );
+};
+_shout = new WeakSet();
+shout_fn = function({ clear } = { clear: true }) {
+  if (this.typing.length === 1) {
+    this.emit("singleKey", this.typing);
+  } else if (this.typing.length > 1) {
+    this.emit("multipleKeys", this.typing);
+  }
+  if (clear) {
+    this.typing = "";
+  }
+};
+
+export { WaiTypeAhead };
+//# sourceMappingURL=typeAhead.js.map

package/dist/components/waiAriaHelpers/typeAhead.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typeAhead.js","sources":["../../../src/components/waiAriaHelpers/typeAhead.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/**\n * Type-ahead is a behavior pattern which helps the user in the lists and trees\n * (and literally says: \"especially those with more than seven options\")\n * navigation. The literal description in Wai-Aria documentation is:\n *\n * - Type a character: focus moves to the next item with a name that starts\n * with the typed character.\n *\n * - Type multiple characters in rapid succession:\n * focus moves to the next item with a name that starts with the string of\n * characters typed.\n *\n * It is a little arbitrary what is rapid succession. As I couln't find any\n * documentation about what rapid succession means, I will make some tests in\n * order to determine what is more comfortable to accomplish one situation or\n * the other.\n *\n * To callibrate this function it is suficient to override the frequency\n * parameter, which after some tests I understand is best at 2.5 (keys per\n * second).\n */\n\nimport { EventEmitter } from '@apia/util';\nimport { KeyboardEvent } from 'react';\n\nclass WaiTypeAhead extends EventEmitter<{\n  multipleKeys: string;\n  singleKey: string;\n  typeUpdate: string;\n}> {\n  frequency = 2.5; // Keys per second\n  timeout = 0;\n  typing = '';\n\n  constructor(props?: {\n    onMultipleKeys?: (value: string) => unknown;\n    onSingleKey?: (value: string) => unknown;\n    onTypeUpdate?: (value: string) => unknown;\n  }) {\n    super();\n\n    const { onMultipleKeys, onSingleKey, onTypeUpdate } = props ?? {};\n\n    if (onMultipleKeys) this.on('multipleKeys', onMultipleKeys);\n    if (onSingleKey) this.on('singleKey', onSingleKey);\n    if (onTypeUpdate) this.on('typeUpdate', onTypeUpdate);\n  }\n\n  #restoreTimeout() {\n    clearTimeout(this.timeout);\n\n    this.timeout = setTimeout(\n      this.#shout.bind(this),\n      1000 / this.frequency,\n    ) as any;\n  }\n\n  #shout({ clear } = { clear: true }) {\n    if (this.typing.length === 1) {\n      this.emit('singleKey', this.typing);\n    } else if (this.typing.length > 1) {\n      this.emit('multipleKeys', this.typing);\n    }\n    if (clear) {\n      this.typing = '';\n    }\n  }\n\n  type(ev: KeyboardEvent) {\n    if (ev.key.match(/^[\\p{L}\\d ]$/u)) {\n      ev.preventDefault();\n      this.typing = this.typing + ev.key;\n      this.emit('typeUpdate', this.typing);\n      this.#restoreTimeout();\n    } else if (ev.code === 'Backspace') {\n      ev.preventDefault();\n      this.typing = this.typing.slice(0, -1);\n      this.emit('typeUpdate', this.typing);\n      this.#restoreTimeout();\n    }\n  }\n}\n\nexport { WaiTypeAhead };\n"],"names":[],"mappings":"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"}

package/dist/globalFocus.js

@@ -0,0 +1,95 @@
+import { debugDispatcher } from '@apia/util';
+import isFunction from 'lodash-es/isFunction';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var _onFocusCallbacks, _a;
+const historySize = 50;
+const globalFocus = new (_a = class {
+  constructor() {
+    __publicField(this, "focused", []);
+    __privateAdd(this, _onFocusCallbacks, []);
+    debugDispatcher.on(
+      "focusHistory",
+      () => {
+        console.info(this.focused);
+      },
+      "Muestra el historial de elementos que recibieron foco."
+    );
+  }
+  offFocus(cb) {
+    __privateSet(this, _onFocusCallbacks, __privateGet(this, _onFocusCallbacks).filter((current) => {
+      return current !== cb;
+    }));
+  }
+  onFocus(cb) {
+    __privateGet(this, _onFocusCallbacks).push(cb);
+    return () => {
+      this.offFocus(cb);
+    };
+  }
+  inDocument(el) {
+    return el instanceof Function || el instanceof HTMLElement && el.offsetParent !== null;
+  }
+  set focus(element) {
+    this.focused = this.focused.filter((el) => {
+      const existsInDocument = this.inDocument(el) && element !== el;
+      return existsInDocument;
+    });
+    this.focused.unshift(element);
+    if (this.focused.length > historySize) {
+      this.focused = this.focused.splice(0, historySize);
+    }
+    __privateGet(this, _onFocusCallbacks).forEach((cb) => {
+      return cb();
+    });
+  }
+  get list() {
+    return [...this.focused];
+  }
+  /**
+   * @param querySelector A query selector against which the element should match
+   * @returns The last HTMLElement if no querySelector argument provided or else, the last which matches
+   * against that query selector.
+   * */
+  last(querySelector, omit = 0) {
+    if (querySelector)
+      for (let i = omit; i <= this.focused.length; i++) {
+        const storedElement = this.focused[i];
+        const element = (
+          // eslint-disable-next-line no-nested-ternary
+          storedElement?.id !== void 0 ? storedElement : isFunction(storedElement) ? storedElement(false) : null
+        );
+        if (element && this.inDocument(element) && element.matches && element.matches(querySelector))
+          return element;
+      }
+    else
+      return this.focused[this.focused.length - 1];
+    return null;
+  }
+}, _onFocusCallbacks = new WeakMap(), _a)();
+
+export { globalFocus as default };
+//# sourceMappingURL=globalFocus.js.map

package/dist/globalFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalFocus.js","sources":["../src/globalFocus.ts"],"sourcesContent":["import { TFocusRetriever, debugDispatcher } from '@apia/util';\nimport isFunction from 'lodash-es/isFunction';\n\nconst historySize = 50;\n\n/**\n * The GlobalFocus helper keeps a list of the last focused elements and allows\n * to retrieve the last focused element which matches against a query selector.\n */\nconst globalFocus = new (class {\n  focused: (HTMLElement | TFocusRetriever)[] = [];\n\n  #onFocusCallbacks: (() => unknown)[] = [];\n\n  offFocus(cb: () => unknown) {\n    this.#onFocusCallbacks = this.#onFocusCallbacks.filter((current) => {\n      return current !== cb;\n    });\n  }\n\n  onFocus(cb: () => unknown) {\n    this.#onFocusCallbacks.push(cb);\n\n    return () => {\n      this.offFocus(cb);\n    };\n  }\n\n  constructor() {\n    debugDispatcher.on(\n      'focusHistory',\n      () => {\n        console.info(this.focused);\n      },\n      'Muestra el historial de elementos que recibieron foco.',\n    );\n  }\n\n  inDocument(el: HTMLElement | TFocusRetriever) {\n    return (\n      el instanceof Function ||\n      (el instanceof HTMLElement && el.offsetParent !== null)\n    );\n  }\n\n  set focus(element: HTMLElement | TFocusRetriever) {\n    this.focused = this.focused.filter((el) => {\n      const existsInDocument = this.inDocument(el) && element !== el;\n\n      return existsInDocument;\n    });\n    this.focused.unshift(element);\n    if (this.focused.length > historySize) {\n      this.focused = this.focused.splice(0, historySize);\n    }\n\n    this.#onFocusCallbacks.forEach((cb) => {\n      return cb();\n    });\n  }\n\n  get list() {\n    return [...this.focused];\n  }\n\n  /**\n   * @param querySelector A query selector against which the element should match\n   * @returns The last HTMLElement if no querySelector argument provided or else, the last which matches\n   * against that query selector.\n   * */\n  last(querySelector?: string, omit = 0) {\n    if (querySelector)\n      for (let i = omit; i <= this.focused.length; i++) {\n        const storedElement = this.focused[i];\n        const element =\n          // eslint-disable-next-line no-nested-ternary\n          (storedElement as HTMLElement)?.id !== undefined\n            ? (storedElement as HTMLElement)\n            : isFunction(storedElement)\n              ? storedElement(false)\n              : null;\n\n        if (\n          element &&\n          this.inDocument(element) &&\n          element.matches &&\n          element.matches(querySelector)\n        )\n          return element;\n      }\n    else return this.focused[this.focused.length - 1];\n    return null;\n  }\n})();\n\nexport default globalFocus;\n"],"names":[],"mappings":"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"}

package/dist/hooks/useBodyScrollLock.js

@@ -0,0 +1,106 @@
+import { useEffect } from 'react';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var __privateMethod = (obj, member, method) => {
+  __accessCheck(obj, member, "access private method");
+  return method;
+};
+var _isLocked, _onChangeCb, _onDestroyCb, _evaluate, evaluate_fn, _a;
+class BodyScrollLocker {
+  constructor() {
+    __privateAdd(this, _isLocked, false);
+    __privateAdd(this, _onChangeCb, () => {
+    });
+    __privateAdd(this, _onDestroyCb, () => {
+    });
+  }
+  get isLocked() {
+    return __privateGet(this, _isLocked);
+  }
+  destroy() {
+    __privateGet(this, _onDestroyCb).call(this);
+  }
+  lock() {
+    __privateSet(this, _isLocked, true);
+    __privateGet(this, _onChangeCb).call(this);
+  }
+  unlock() {
+    __privateSet(this, _isLocked, false);
+    __privateGet(this, _onChangeCb).call(this);
+  }
+  onChange(cb) {
+    __privateSet(this, _onChangeCb, cb);
+    return () => __privateSet(this, _onChangeCb, () => {
+    });
+  }
+  onDestroy(cb) {
+    __privateSet(this, _onDestroyCb, cb);
+    return () => __privateSet(this, _onDestroyCb, () => {
+    });
+  }
+}
+_isLocked = new WeakMap();
+_onChangeCb = new WeakMap();
+_onDestroyCb = new WeakMap();
+const BodyScrollLock = new (_a = class {
+  constructor() {
+    __privateAdd(this, _evaluate);
+    __publicField(this, "lockers", []);
+  }
+  getLocker() {
+    const locker = new BodyScrollLocker();
+    locker.onChange(() => __privateMethod(this, _evaluate, evaluate_fn).call(this));
+    locker.onDestroy(() => {
+      this.lockers = this.lockers.filter((current) => current !== locker);
+      __privateMethod(this, _evaluate, evaluate_fn).call(this);
+    });
+    this.lockers.push(locker);
+    return locker;
+  }
+}, _evaluate = new WeakSet(), evaluate_fn = function() {
+  const willLock = this.lockers.filter((current) => current.isLocked).length > 0;
+  document.body.style.maxHeight = "100vh";
+  if (willLock && document.body.scrollHeight > document.body.clientHeight)
+    document.body.style.paddingRight = "10px";
+  document.body.style.overflow = willLock ? "hidden" : "auto";
+  if (!(willLock && document.body.scrollHeight > document.body.clientHeight))
+    document.body.style.paddingRight = "0px";
+}, _a)();
+function useBodyScrollLock(isLocked) {
+  useEffect(() => {
+    const locker = BodyScrollLock.getLocker();
+    if (isLocked)
+      locker.lock();
+    else
+      locker.unlock();
+    return () => {
+      locker.destroy();
+    };
+  }, [isLocked]);
+}
+
+export { useBodyScrollLock };
+//# sourceMappingURL=useBodyScrollLock.js.map

package/dist/hooks/useBodyScrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBodyScrollLock.js","sources":["../../src/hooks/useBodyScrollLock.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nclass BodyScrollLocker {\n  #isLocked = false;\n  #onChangeCb: () => unknown = () => {};\n  #onDestroyCb: () => unknown = () => {};\n\n  get isLocked() {\n    return this.#isLocked;\n  }\n\n  destroy() {\n    this.#onDestroyCb();\n  }\n\n  lock() {\n    this.#isLocked = true;\n    this.#onChangeCb();\n  }\n\n  unlock() {\n    this.#isLocked = false;\n    this.#onChangeCb();\n  }\n\n  onChange(cb: () => unknown) {\n    this.#onChangeCb = cb;\n\n    return () => (this.#onChangeCb = () => {});\n  }\n\n  onDestroy(cb: () => unknown) {\n    this.#onDestroyCb = cb;\n\n    return () => (this.#onDestroyCb = () => {});\n  }\n}\n\nconst BodyScrollLock = new (class BodyScrollLockClass {\n  lockers: BodyScrollLocker[] = [];\n  #evaluate() {\n    const willLock =\n      this.lockers.filter((current) => current.isLocked).length > 0;\n\n    document.body.style.maxHeight = '100vh';\n\n    if (willLock && document.body.scrollHeight > document.body.clientHeight)\n      document.body.style.paddingRight = '10px';\n\n    document.body.style.overflow = willLock ? 'hidden' : 'auto';\n\n    if (!(willLock && document.body.scrollHeight > document.body.clientHeight))\n      document.body.style.paddingRight = '0px';\n  }\n\n  getLocker() {\n    const locker = new BodyScrollLocker();\n    locker.onChange(() => this.#evaluate());\n    locker.onDestroy(() => {\n      this.lockers = this.lockers.filter((current) => current !== locker);\n      this.#evaluate();\n    });\n    this.lockers.push(locker);\n\n    return locker;\n  }\n})();\n\nexport function useBodyScrollLock(isLocked: boolean) {\n  useEffect(() => {\n    const locker = BodyScrollLock.getLocker();\n    if (isLocked) locker.lock();\n    else locker.unlock();\n\n    return () => {\n      locker.destroy();\n    };\n  }, [isLocked]);\n}\n"],"names":[],"mappings":"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"}