@apia/components 2.0.7 → 2.0.9

package/dist/components/modals/layout/DialogHeader.js

@@ -1,117 +0,0 @@
-import { jsx, jsxs } from '@apia/theme/jsx-runtime';
-import { useBreakpointIndex, Close, Box, responsive, spacing, Heading } from '@apia/theme';
-import React__default from 'react';
-
-const DialogHeader = ({
-  className,
-  close,
-  hideCloseButton,
-  id,
-  NavBar,
-  title = ""
-}) => {
-  const breakpointIndex = useBreakpointIndex();
-  const Title = /* @__PURE__ */ jsx(
-    Heading,
-    {
-      as: "h3",
-      sx: {
-        wordBreak: "break-word",
-        m: "0",
-        flex: "2 0",
-        color: "title"
-      },
-      className: "modal__title",
-      id: id ? `modal-${id}-title` : "",
-      children: title
-    }
-  );
-  const CloseButton = React__default.useMemo(
-    () => hideCloseButton ? null : /* @__PURE__ */ jsx(
-      Close,
-      {
-        role: "button",
-        type: "button",
-        "aria-label": window.BTN_CLOSE,
-        onClick: close,
-        title: window.BTN_CLOSE,
-        sx: {
-          mr: "unset"
-        },
-        className: "modal__closeButton"
-      }
-    ),
-    [close, hideCloseButton]
-  );
-  const NavBarElement = NavBar && /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        gap: responsive({ 0: 2, 1: "3px", 2: 2 }),
-        justifyContent: "end",
-        flexDirection: responsive({ 0: "row", 1: "column", 3: "row" }),
-        width: responsive({ 0: "auto", 1: "100%", 2: "auto" }),
-        flexBasis: "max-content",
-        height: "100%"
-      },
-      className: "modal__headerBar",
-      children: NavBar
-    }
-  );
-  return breakpointIndex > 3 ? /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: {
-        display: "flex",
-        flexDirection: "row",
-        alignItems: "start",
-        mb: spacing(0),
-        justifyContent: "space-between",
-        width: "100%",
-        gap: spacing(2),
-        flexWrap: "nowrap"
-      },
-      children: [
-        Title,
-        NavBarElement,
-        CloseButton
-      ]
-    }
-  ) : /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      sx: {
-        display: "flex",
-        flexDirection: "column",
-        alignItems: responsive({ 0: "center", 2: "end" }),
-        mb: spacing(0),
-        justifyContent: "space-between",
-        width: "100%",
-        gap: spacing(2)
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            sx: {
-              display: "flex",
-              width: "100%"
-            },
-            children: [
-              Title,
-              CloseButton
-            ]
-          }
-        ),
-        NavBarElement
-      ]
-    }
-  );
-};
-var DialogHeader$1 = DialogHeader;
-
-export { DialogHeader$1 as default };
-//# sourceMappingURL=DialogHeader.js.map

package/dist/components/modals/layout/DialogHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DialogHeader.js","sources":["../../../../src/components/modals/layout/DialogHeader.tsx"],"sourcesContent":["import { Box, Close, Heading, useBreakpointIndex } from '@apia/theme';\nimport React, { FC } from 'react';\nimport { responsive, spacing } from '@apia/theme';\n\nexport interface IDialogHeader {\n  className?: string;\n  close: () => void;\n  hideCloseButton?: boolean;\n  id?: string;\n  NavBar?: React.ReactNode;\n  title?: string;\n}\n\ndeclare global {\n  interface Window {\n    BTN_CLOSE: string;\n  }\n}\n\nconst DialogHeader: FC<IDialogHeader> = ({\n  className,\n  close,\n  hideCloseButton,\n  id,\n  NavBar,\n  title = '',\n}) => {\n  const breakpointIndex = useBreakpointIndex();\n\n  const Title = (\n    <Heading\n      as=\"h3\"\n      sx={{\n        wordBreak: 'break-word',\n        m: '0',\n        flex: '2 0',\n        color: 'title',\n      }}\n      className=\"modal__title\"\n      id={id ? `modal-${id}-title` : ''}\n    >\n      {title}\n    </Heading>\n  );\n\n  const CloseButton = React.useMemo(\n    () =>\n      hideCloseButton ? null : (\n        <Close\n          role=\"button\"\n          type=\"button\"\n          aria-label={window.BTN_CLOSE}\n          onClick={close}\n          title={window.BTN_CLOSE}\n          sx={{\n            mr: 'unset',\n          }}\n          className=\"modal__closeButton\"\n        />\n      ),\n    [close, hideCloseButton],\n  );\n\n  const NavBarElement = NavBar && (\n    <Box\n      sx={{\n        display: 'flex',\n        gap: responsive({ 0: 2, 1: '3px', 2: 2 }),\n        justifyContent: 'end',\n        flexDirection: responsive({ 0: 'row', 1: 'column', 3: 'row' }),\n        width: responsive({ 0: 'auto', 1: '100%', 2: 'auto' }),\n        flexBasis: 'max-content',\n        height: '100%',\n      }}\n      className=\"modal__headerBar\"\n    >\n      {NavBar}\n    </Box>\n  );\n\n  return breakpointIndex > 3 ? (\n    <Box\n      className={className}\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'start',\n        mb: spacing(0),\n        justifyContent: 'space-between',\n        width: '100%',\n        gap: spacing(2),\n        flexWrap: 'nowrap',\n      }}\n    >\n      {Title}\n      {NavBarElement}\n      {CloseButton}\n    </Box>\n  ) : (\n    <Box\n      className={className}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: responsive({ 0: 'center', 2: 'end' }),\n        mb: spacing(0),\n        justifyContent: 'space-between',\n        width: '100%',\n        gap: spacing(2),\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          width: '100%',\n        }}\n      >\n        {Title}\n        {CloseButton}\n      </Box>\n      {NavBarElement}\n    </Box>\n  );\n};\n\nexport default DialogHeader;\n"],"names":["React"],"mappings":"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"}

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

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ReactNode } from 'react';
-
-declare const AutoEllipsis: ({ children, findParent, overrideStyles, }: {
-    children: ReactNode;
-    /**
-     * Si se pasa el método findParent, será invocado con el nodo de AutoEllipsis
-     * para dar control sobre cuál es el elemento al que se le clonarán los
-     * estilos.
-     */
-    findParent?: ((currentElement: HTMLElement) => HTMLElement) | undefined;
-    /**
-     * Si se pasa overrideStyles, será invocado con el nodo actual de
-     * AutoEllipsis para tomar decisiones acerca de cuáles estilos serán
-     * aplicados.
-     */
-    overrideStyles?: ((currentElement: HTMLElement) => Partial<CSSStyleDeclaration>) | undefined;
-}) => React.JSX.Element;
-
-export { AutoEllipsis };
-//# sourceMappingURL=AutoEllipsis.d.ts.map

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

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

package/dist/components/responsive/AutoEllipsis.js

@@ -1,128 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { isChild } from '@apia/util';
-import { useRef, useCallback, useEffect } from 'react';
-import { Box } from '@apia/theme';
-
-const AutoEllipsis = ({
-  children,
-  findParent,
-  overrideStyles
-}) => {
-  const unsuscribe = useRef(() => {
-  });
-  const clone = useRef(null);
-  const timeout = useRef(0);
-  const ref = useCallback(
-    (el) => {
-      if (!el)
-        return;
-      unsuscribe.current();
-      function showBox() {
-        clone.current = el.cloneNode(true);
-        Object.entries(window.getComputedStyle(findParent?.(el) ?? el)).forEach(
-          ([name, value]) => {
-            if (name.match(/webkit/))
-              return;
-            try {
-              clone.current.style[name] = value;
-            } catch (e) {
-            }
-          }
-        );
-        const bound = el.getBoundingClientRect();
-        clone.current.style.position = "fixed";
-        clone.current.style.left = `${bound.left - 1}px`;
-        clone.current.style.top = `${bound.top - 1}px`;
-        clone.current.style.width = `${bound.width + 8}px`;
-        clone.current.style.whiteSpace = "break-spaces";
-        clone.current.style.overflow = "visible";
-        clone.current.style.textOverflow = "unset";
-        clone.current.style.background = "var(--theme-ui-colors-palette-background-paper)";
-        clone.current.style.color = "var(--theme-ui-colors-palette-text-primary)";
-        clone.current.style.border = "1px solid";
-        clone.current.style.borderColor = "var(--theme-ui-colors-palette-border-field)";
-        clone.current.style.zIndex = "1000000";
-        clone.current.style.height = "auto";
-        clone.current.style.fill = "var(--theme-ui-colors-palette-text-primary)";
-        clone.current.style.pointerEvents = "none";
-        const overridenStyles = overrideStyles?.(el);
-        if (overridenStyles) {
-          Object.entries(overridenStyles).forEach(([name, value]) => {
-            if (name.match(/webkit/))
-              return;
-            try {
-              clone.current.style[name] = value;
-            } catch (e) {
-            }
-          });
-        }
-        clone.current.addEventListener("mouseleave", (ev) => {
-          if (isChild(
-            ev.relatedTarget,
-            (current) => current === el
-          ))
-            return;
-          clone.current?.remove();
-        });
-        function close() {
-          clone.current?.remove();
-          document.removeEventListener("scroll", close);
-        }
-        document.addEventListener("scroll", close);
-        document.body.append(clone.current);
-        const cloneBounding = clone.current.getBoundingClientRect();
-        const difX = Math.abs(cloneBounding.width - bound.width);
-        const difY = Math.abs(cloneBounding.height - bound.height);
-        if (difX < 50 && difY < 10) {
-          clone.current.remove();
-        }
-      }
-      function hideBox(ev) {
-        if (isChild(
-          ev.relatedTarget,
-          (current) => current === clone.current
-        ))
-          return;
-        clone.current?.remove();
-      }
-      function handleMouseEnter() {
-        timeout.current = setTimeout(() => {
-          showBox();
-        }, 500);
-      }
-      function handleMouseLeave(ev) {
-        clearTimeout(timeout.current);
-        hideBox(ev);
-      }
-      el.addEventListener("mouseenter", handleMouseEnter);
-      el.addEventListener("mouseleave", handleMouseLeave);
-      unsuscribe.current = () => {
-        el.removeEventListener("mouseenter", handleMouseEnter);
-        el.removeEventListener("mouseleave", handleMouseLeave);
-        clearTimeout(timeout.current);
-      };
-    },
-    [findParent, overrideStyles]
-  );
-  useEffect(() => {
-    return () => {
-      clone.current?.remove();
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      ref,
-      sx: {
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        whiteSpace: "nowrap"
-      },
-      className: "autoellipsis__container",
-      children
-    }
-  );
-};
-
-export { AutoEllipsis };
-//# sourceMappingURL=AutoEllipsis.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AutoEllipsis.js","sources":["../../../src/components/responsive/AutoEllipsis.tsx"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { isChild } from '@apia/util';\nimport { useEffect, ReactNode, useRef, useCallback } from 'react';\nimport { Box } from '@apia/theme';\n\nexport const AutoEllipsis = ({\n  children,\n  findParent,\n  overrideStyles,\n}: {\n  children: ReactNode;\n  /**\n   * Si se pasa el método findParent, será invocado con el nodo de AutoEllipsis\n   * para dar control sobre cuál es el elemento al que se le clonarán los\n   * estilos.\n   */\n  findParent?: (currentElement: HTMLElement) => HTMLElement;\n  /**\n   * Si se pasa overrideStyles, será invocado con el nodo actual de\n   * AutoEllipsis para tomar decisiones acerca de cuáles estilos serán\n   * aplicados.\n   */\n  overrideStyles?: (\n    currentElement: HTMLElement,\n  ) => Partial<CSSStyleDeclaration>;\n}) => {\n  const unsuscribe = useRef(() => {});\n  const clone = useRef<HTMLElement | null>(null);\n  const timeout = useRef(0);\n  const ref = useCallback(\n    (el: HTMLElement) => {\n      if (!el) return;\n\n      unsuscribe.current();\n\n      function showBox() {\n        clone.current = el.cloneNode(true) as HTMLElement;\n        Object.entries(window.getComputedStyle(findParent?.(el) ?? el)).forEach(\n          ([name, value]) => {\n            if (name.match(/webkit/)) return;\n            try {\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-explicit-any\n              (clone.current as HTMLElement).style[name as any] = value;\n            } catch (e) {}\n          },\n        );\n\n        const bound = el.getBoundingClientRect();\n        clone.current.style.position = 'fixed';\n        clone.current.style.left = `${bound.left - 1}px`;\n        clone.current.style.top = `${bound.top - 1}px`;\n        clone.current.style.width = `${bound.width + 8}px`;\n        clone.current.style.whiteSpace = 'break-spaces';\n        clone.current.style.overflow = 'visible';\n        clone.current.style.textOverflow = 'unset';\n        clone.current.style.background =\n          'var(--theme-ui-colors-palette-background-paper)';\n        clone.current.style.color =\n          'var(--theme-ui-colors-palette-text-primary)';\n        clone.current.style.border = '1px solid';\n        clone.current.style.borderColor =\n          'var(--theme-ui-colors-palette-border-field)';\n        clone.current.style.zIndex = '1000000';\n        clone.current.style.height = 'auto';\n        clone.current.style.fill =\n          'var(--theme-ui-colors-palette-text-primary)';\n        clone.current.style.pointerEvents = 'none';\n\n        const overridenStyles = overrideStyles?.(el);\n\n        if (overridenStyles) {\n          Object.entries(overridenStyles).forEach(([name, value]) => {\n            if (name.match(/webkit/)) return;\n\n            try {\n              // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-explicit-any\n              (clone.current as HTMLElement).style[name as any] =\n                value as string;\n            } catch (e) {}\n          });\n        }\n\n        clone.current.addEventListener('mouseleave', (ev) => {\n          if (\n            isChild(\n              ev.relatedTarget as HTMLElement,\n              (current) => current === el,\n            )\n          )\n            return;\n\n          clone.current?.remove();\n        });\n\n        function close() {\n          clone.current?.remove();\n          document.removeEventListener('scroll', close);\n        }\n        document.addEventListener('scroll', close);\n        document.body.append(clone.current);\n\n        const cloneBounding = clone.current.getBoundingClientRect();\n\n        const difX = Math.abs(cloneBounding.width - bound.width);\n        const difY = Math.abs(cloneBounding.height - bound.height);\n\n        if (difX < 50 && difY < 10) {\n          clone.current.remove();\n        }\n      }\n\n      function hideBox(ev: MouseEvent) {\n        if (\n          isChild(\n            ev.relatedTarget as HTMLElement,\n            (current) => current === clone.current,\n          )\n        )\n          return;\n\n        clone.current?.remove();\n      }\n\n      function handleMouseEnter() {\n        timeout.current = setTimeout(() => {\n          showBox();\n        }, 500) as unknown as number;\n      }\n      function handleMouseLeave(ev: MouseEvent) {\n        clearTimeout(timeout.current);\n        hideBox(ev);\n      }\n\n      el.addEventListener('mouseenter', handleMouseEnter);\n      el.addEventListener('mouseleave', handleMouseLeave);\n\n      unsuscribe.current = () => {\n        el.removeEventListener('mouseenter', handleMouseEnter);\n        el.removeEventListener('mouseleave', handleMouseLeave);\n        clearTimeout(timeout.current);\n      };\n    },\n    [findParent, overrideStyles],\n  );\n\n  useEffect(() => {\n    return () => {\n      clone.current?.remove();\n    };\n  }, []);\n\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n        whiteSpace: 'nowrap',\n      }}\n      className=\"autoellipsis__container\"\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

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

@@ -1,38 +0,0 @@
-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

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

package/dist/components/responsive/makeResponsiveComponent.js

@@ -1,88 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,44 +0,0 @@
-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

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

package/dist/components/waiAriaHelpers/typeAhead.js

@@ -1,75 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}