@apia/components 1.0.4 → 2.0.0

package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js

@@ -0,0 +1,79 @@
+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 _tooltipTimeout, _unsuscribe, _tooltip;
+let y = 0, x = 0;
+document?.addEventListener("mousemove", (ev) => {
+  x = ev.clientX;
+  y = ev.clientY;
+});
+class AutomaticTooltip {
+  constructor(tooltip = null, handler) {
+    this.handler = handler;
+    __privateAdd(this, _tooltipTimeout, 0);
+    __privateAdd(this, _unsuscribe, null);
+    __publicField(this, "ref", (el) => {
+      var _a, _b;
+      (_a = __privateGet(this, _unsuscribe)) == null ? void 0 : _a.call(this);
+      const listener = () => {
+        clearTimeout(__privateGet(this, _tooltipTimeout));
+        __privateSet(this, _tooltipTimeout, setTimeout(() => {
+          if (__privateGet(this, _tooltip)?.children)
+            this.handler.open({
+              closeOnMouseLeaveTooltip: true,
+              closeOnEscape: true,
+              closeOnScrollOut: true,
+              ...__privateGet(this, _tooltip),
+              anchorPoint: { left: x + 3, top: y + 3 }
+            });
+        }, 500));
+      };
+      const reset = () => {
+        clearTimeout(__privateGet(this, _tooltipTimeout));
+      };
+      if (el) {
+        el.addEventListener("mousemove", listener);
+        el.addEventListener("mouseleave", reset);
+        __privateSet(this, _unsuscribe, () => {
+          el.removeEventListener("mousemove", listener);
+          el.removeEventListener("mouseleave", reset);
+        });
+      } else {
+        (_b = __privateGet(this, _unsuscribe)) == null ? void 0 : _b.call(this);
+        reset();
+      }
+    });
+    __privateAdd(this, _tooltip, null);
+    __publicField(this, "update", (tooltip) => {
+      __privateSet(this, _tooltip, tooltip);
+    });
+    __privateSet(this, _tooltip, tooltip);
+  }
+}
+_tooltipTimeout = new WeakMap();
+_unsuscribe = new WeakMap();
+_tooltip = new WeakMap();
+
+export { AutomaticTooltip };
+//# sourceMappingURL=AutomaticTooltip.js.map

package/dist/objects/ApiaUtil/tooltips/AutomaticTooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutomaticTooltip.js","sources":["../../../../src/objects/ApiaUtil/tooltips/AutomaticTooltip.ts"],"sourcesContent":["import type { ApiaUtilTooltips } from './ApiaUtilTooltips';\nimport { TTooltip } from './tooltip';\n\nlet y = 0,\n  x = 0;\ndocument?.addEventListener('mousemove', (ev) => {\n  x = ev.clientX;\n  y = ev.clientY;\n});\n\nexport class AutomaticTooltip {\n  #tooltipTimeout = 0;\n  #unsuscribe: (() => void) | null = null;\n\n  ref = (el: HTMLElement | null) => {\n    this.#unsuscribe?.();\n\n    const listener = () => {\n      clearTimeout(this.#tooltipTimeout);\n\n      this.#tooltipTimeout = setTimeout(() => {\n        if (this.#tooltip?.children)\n          this.handler.open({\n            closeOnMouseLeaveTooltip: true,\n            closeOnEscape: true,\n            closeOnScrollOut: true,\n            ...this.#tooltip,\n            anchorPoint: { left: x + 3, top: y + 3 },\n          });\n      }, 500) as unknown as number;\n    };\n\n    const reset = () => {\n      clearTimeout(this.#tooltipTimeout);\n    };\n\n    if (el) {\n      el.addEventListener('mousemove', listener);\n      el.addEventListener('mouseleave', reset);\n\n      this.#unsuscribe = () => {\n        el.removeEventListener('mousemove', listener);\n        el.removeEventListener('mouseleave', reset);\n      };\n    } else {\n      this.#unsuscribe?.();\n      reset();\n    }\n  };\n\n  #tooltip: Partial<TTooltip> | null = null;\n\n  constructor(\n    tooltip: Partial<TTooltip> | null = null,\n    private handler: ApiaUtilTooltips,\n  ) {\n    this.#tooltip = tooltip;\n  }\n\n  update = (tooltip: Partial<TTooltip>) => {\n    this.#tooltip = tooltip;\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js

@@ -0,0 +1,62 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { Box, getVariant } from '@apia/theme';
+import { calculateTooltipPosition, useHandlers } from './util.js';
+
+const Tooltip = ({
+  anchorPoint,
+  attachToElement,
+  attachToElementAnchorPoint,
+  attachToMousePosition,
+  children,
+  className,
+  closeOnClick = false,
+  closeOnClickOut = true,
+  closeOnEscape = true,
+  closeOnMouseLeaveTooltip = true,
+  closeOnMouseLeaveAttachedElement = true,
+  closeOnScrollOut = true,
+  minSize,
+  onClose,
+  preferredOrientationX = "right",
+  preferredOrientationY = "bottom",
+  preferredSize = { height: "auto", width: "auto" },
+  variant = "layout.common.tooltips.primary"
+}) => {
+  const calculatedPosition = calculateTooltipPosition({
+    anchorPoint,
+    attachToElement,
+    attachToElementAnchorPoint,
+    attachToMousePosition,
+    minSize,
+    preferredOrientationX,
+    preferredOrientationY,
+    preferredSize
+  });
+  const sx = {
+    position: "fixed",
+    ...calculatedPosition
+  };
+  const { handleOnClick } = useHandlers({
+    attachToElement,
+    closeOnEscape,
+    closeOnClickOut,
+    closeOnClick,
+    closeOnMouseLeaveTooltip,
+    closeOnMouseLeaveAttachedElement,
+    closeOnScrollOut,
+    onClose
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: `tooltip__wrapper ${className ?? ""}`,
+      ...getVariant(variant),
+      sx,
+      onClick: handleOnClick,
+      children
+    }
+  );
+};
+
+export { Tooltip };
+//# sourceMappingURL=Tooltip.js.map

package/dist/objects/ApiaUtil/tooltips/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../../src/objects/ApiaUtil/tooltips/tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable no-param-reassign */\nimport { TTooltip } from './types';\nimport { Box, ThemeUICSSObject } from '@apia/theme';\nimport { getVariant } from '@apia/theme';\nimport { calculateTooltipPosition, useHandlers } from './util';\n\nexport const Tooltip = ({\n  anchorPoint,\n  attachToElement,\n  attachToElementAnchorPoint,\n  attachToMousePosition,\n  children,\n  className,\n  closeOnClick = false,\n  closeOnClickOut = true,\n  closeOnEscape = true,\n  closeOnMouseLeaveTooltip = true,\n  closeOnMouseLeaveAttachedElement = true,\n  closeOnScrollOut = true,\n  minSize,\n  onClose,\n  preferredOrientationX = 'right',\n  preferredOrientationY = 'bottom',\n  preferredSize = { height: 'auto', width: 'auto' },\n  variant = 'layout.common.tooltips.primary',\n}: TTooltip) => {\n  const calculatedPosition = calculateTooltipPosition({\n    anchorPoint,\n    attachToElement,\n    attachToElementAnchorPoint,\n    attachToMousePosition,\n    minSize,\n    preferredOrientationX,\n    preferredOrientationY,\n    preferredSize,\n  });\n\n  const sx = {\n    position: 'fixed',\n    ...calculatedPosition,\n  } as ThemeUICSSObject;\n\n  const { handleOnClick } = useHandlers({\n    attachToElement,\n    closeOnEscape,\n    closeOnClickOut,\n    closeOnClick,\n    closeOnMouseLeaveTooltip,\n    closeOnMouseLeaveAttachedElement,\n    closeOnScrollOut,\n    onClose,\n  });\n\n  return (\n    <Box\n      className={`tooltip__wrapper ${className ?? ''}`}\n      {...getVariant(variant)}\n      sx={sx}\n      onClick={handleOnClick}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"names":[],"mappings":";;;;AAMO,MAAM,UAAU,CAAC;AAAA,EACtB,WAAA;AAAA,EACA,eAAA;AAAA,EACA,0BAAA;AAAA,EACA,qBAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAe,GAAA,KAAA;AAAA,EACf,eAAkB,GAAA,IAAA;AAAA,EAClB,aAAgB,GAAA,IAAA;AAAA,EAChB,wBAA2B,GAAA,IAAA;AAAA,EAC3B,gCAAmC,GAAA,IAAA;AAAA,EACnC,gBAAmB,GAAA,IAAA;AAAA,EACnB,OAAA;AAAA,EACA,OAAA;AAAA,EACA,qBAAwB,GAAA,OAAA;AAAA,EACxB,qBAAwB,GAAA,QAAA;AAAA,EACxB,aAAgB,GAAA,EAAE,MAAQ,EAAA,MAAA,EAAQ,OAAO,MAAO,EAAA;AAAA,EAChD,OAAU,GAAA,gCAAA;AACZ,CAAgB,KAAA;AACd,EAAA,MAAM,qBAAqB,wBAAyB,CAAA;AAAA,IAClD,WAAA;AAAA,IACA,eAAA;AAAA,IACA,0BAAA;AAAA,IACA,qBAAA;AAAA,IACA,OAAA;AAAA,IACA,qBAAA;AAAA,IACA,qBAAA;AAAA,IACA,aAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,EAAK,GAAA;AAAA,IACT,QAAU,EAAA,OAAA;AAAA,IACV,GAAG,kBAAA;AAAA,GACL,CAAA;AAEA,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,WAAY,CAAA;AAAA,IACpC,eAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,YAAA;AAAA,IACA,wBAAA;AAAA,IACA,gCAAA;AAAA,IACA,gBAAA;AAAA,IACA,OAAA;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAoB,iBAAA,EAAA,SAAA,IAAa,EAAE,CAAA,CAAA;AAAA,MAC7C,GAAG,WAAW,OAAO,CAAA;AAAA,MACtB,EAAA;AAAA,MACA,OAAS,EAAA,aAAA;AAAA,MAER,QAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts

@@ -0,0 +1,117 @@
+import { ReactNode, RefObject } from 'react';
+
+type TAttachToElement = (() => HTMLElement) | RefObject<HTMLElement>;
+type TPreferredOrientationX = 'left' | 'right';
+type TPreferredOrientationY = 'top' | 'bottom';
+type TSize = {
+    width: number;
+    height: number;
+};
+type TSizeWithAuto = {
+    width: number | 'auto';
+    height: number | 'auto';
+};
+type TPosition = {
+    left: number;
+    top: number;
+};
+type TAttachToElementAnchorPoint = 'center' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
+type TTooltip = {
+    /** Define el contenido del tooltip */
+    children?: ReactNode;
+    /**
+     * Indica si el tooltip se cierra con escape. Valor por defecto: true.
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Indica si el tooltip se cierra al desplazar el puntero del mouse fuera del
+     * tooltip. Valor por defecto: true.
+     */
+    closeOnMouseLeaveTooltip?: boolean | ((ev: MouseEvent) => boolean);
+    /**
+     * Indica si el tooltip se cierra al desplazar el puntero del mouse fuera del
+     * elemento al que el tooltip está anclado. Valor por defecto: true.
+     */
+    closeOnMouseLeaveAttachedElement?: boolean | ((ev: MouseEvent) => boolean);
+    /**
+     * Indica si el tooltip se cierra al hacerle click. Valor por defecto: false.
+     */
+    closeOnClick?: boolean;
+    /**
+     * Indica si el tooltip se cierra al hacer click fuera de él. Valor por
+     * defecto: true.
+     */
+    closeOnClickOut?: boolean | ((ev: MouseEvent) => boolean);
+    /**
+     * Indica si el tooltip se cierra al hacer scroll en un elemento externo al
+     * tooltip. Valor por defecto: true.
+     */
+    closeOnScrollOut?: boolean;
+    /**
+     * Por defecto está en true. Cierra los demás tooltips al abrirse
+     */
+    closeOthers?: boolean;
+    /**
+     * Permite determinar sobre qué elemento se abre el tooltip
+     */
+    attachToElement?: TAttachToElement;
+    /**
+     * Cuando se desea hacer attach a un elemento, es posible posicionar el menú
+     * en cualquiera de los cuatro vétices definidos por el box que lo contiene o
+     * bien ubicarlo exactamente en el centro.
+     *
+     * Por defecto se colocará en topRight.
+     *
+     * Además el tooltip se extenderá según la orientación definida en los
+     * parámetros preferredOrientationX y preferredOrientationY.
+     */
+    attachToElementAnchorPoint?: TAttachToElementAnchorPoint;
+    attachToMousePosition?: boolean;
+    /**
+     * Permite indicar que el tooltip se abrirá en un punto específico. En caso
+     * de no indicar anchorPoint ni attachToElement se abrirá en {0,0}
+     */
+    anchorPoint?: TPosition;
+    /**
+     * El minSize define el espacio mínimo que debe existir para mostrar el
+     * tooltip. En caso de que en la orientación definida no exista espacio
+     * suficiente, el tooltip se mostrará en otra orientación que si lo permita.
+     */
+    minSize?: TSize;
+    /**
+     * El preferredSize define el espacio deseado que debería ocupar el tooltip.
+     * En caso de no haber espacio suficiente para cubrir este espacio en la
+     * orientación definida, se cubrirá todo el espacio disponible, siempre y
+     * cuando sea mayor o igual que minSize, en cuyo caso entrará en juego el
+     * comportamiento de minSize.
+     *
+     * Por defecto usa { height: 'auto', width: 'auto' }.
+     */
+    preferredSize?: TSizeWithAuto;
+    /**
+     * Posición en la que el tooltip se muestra en caso de que haya espacio
+     * suficiente, por defecto usa right.
+     */
+    preferredOrientationX?: TPreferredOrientationX;
+    /**
+     * Posición en la que el tooltip se muestra en caso de que haya espacio
+     * suficiente, por defecto usa bottom.
+     */
+    preferredOrientationY?: TPreferredOrientationY;
+    /**
+     * Permite agregar classNames al box contenedor.
+     */
+    className?: string;
+    /**
+     * Será llamado cuando el tooltip sea cerrado.
+     */
+    onClose?: () => unknown;
+    /**
+     * Variante del box contenedor. Por defecto usa
+     * layout.common.tooltips.primary.
+     */
+    variant?: string;
+};
+
+export type { TAttachToElement, TAttachToElementAnchorPoint, TPosition, TPreferredOrientationX, TPreferredOrientationY, TSize, TSizeWithAuto, TTooltip };
+//# sourceMappingURL=types.d.ts.map

package/dist/objects/ApiaUtil/tooltips/tooltip/types.d.ts.map

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

package/dist/objects/ApiaUtil/tooltips/tooltip/util.js

@@ -0,0 +1,273 @@
+import { isChild } from '@apia/util';
+import { useRef, useCallback, useEffect } from 'react';
+
+function isAttachToElementAFunction(attachToElement) {
+  return attachToElement instanceof Function && getParamNames(attachToElement).length === 0;
+}
+const STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/gm;
+const ARGUMENT_NAMES = /([^\s,]+)/g;
+function getParamNames(func) {
+  const fnStr = func.toString().replace(STRIP_COMMENTS, "");
+  let result = fnStr.slice(fnStr.indexOf("(") + 1, fnStr.indexOf(")")).match(ARGUMENT_NAMES);
+  if (result === null)
+    result = [];
+  return result;
+}
+function determineAnchorPoint({
+  attachToElement,
+  attachToElementAnchorPoint
+}) {
+  let actualAnchorPoint = { left: 0, top: 0 };
+  const element = isAttachToElementAFunction(attachToElement) ? attachToElement() : attachToElement.current;
+  if (element) {
+    const rect = element.getBoundingClientRect();
+    const point = attachToElementAnchorPoint ?? "topRight";
+    switch (point) {
+      case "bottomLeft":
+        actualAnchorPoint = {
+          left: rect.left,
+          top: rect.bottom
+        };
+        break;
+      case "bottomRight":
+        actualAnchorPoint = {
+          left: rect.right,
+          top: rect.bottom
+        };
+        break;
+      case "center":
+        actualAnchorPoint = {
+          left: (rect.left + rect.right) / 2,
+          top: (rect.bottom + rect.top) / 2
+        };
+        break;
+      case "topLeft":
+        actualAnchorPoint = {
+          left: rect.left,
+          top: rect.top
+        };
+        break;
+      case "topRight":
+        actualAnchorPoint = {
+          left: rect.right,
+          top: rect.top
+        };
+        break;
+    }
+  } else {
+    console.warn(
+      "Cannot resolve element, will use default positioning ",
+      attachToElement
+    );
+  }
+  return actualAnchorPoint;
+}
+let x = 0;
+let y = 0;
+document.addEventListener("mousemove", (ev) => {
+  x = ev.clientX;
+  y = ev.clientY;
+});
+function calculateTooltipPosition({
+  anchorPoint,
+  attachToElement,
+  attachToElementAnchorPoint,
+  attachToMousePosition,
+  minSize,
+  preferredOrientationX,
+  preferredOrientationY,
+  preferredSize = { height: "auto", width: "auto" }
+}) {
+  let actualAnchorPoint = anchorPoint;
+  if (attachToMousePosition) {
+    actualAnchorPoint = {
+      left: x + 3,
+      top: y + 3
+    };
+  }
+  if (attachToElement) {
+    actualAnchorPoint = determineAnchorPoint({
+      attachToElement,
+      attachToElementAnchorPoint
+    });
+  }
+  if (actualAnchorPoint) {
+    const availableBottomSpace = window.innerHeight - actualAnchorPoint.top;
+    const availableTopSpace = actualAnchorPoint.top;
+    const availableLeftSpace = actualAnchorPoint.left;
+    const availableRightSpace = window.innerWidth - actualAnchorPoint.left;
+    const isEnoughToRight = (minSize?.width ?? 0) <= availableRightSpace;
+    const isEnoughToLeft = (minSize?.width ?? 0) <= availableLeftSpace;
+    const isEnoughToBottom = (minSize?.height ?? 0) <= availableBottomSpace;
+    const isEnoughToTop = (minSize?.height ?? 0) <= availableTopSpace;
+    const preferredWidth = preferredSize.width === "auto" ? Infinity : preferredSize.width;
+    const preferredHeight = preferredSize.height === "auto" ? Infinity : preferredSize.height;
+    const position = {
+      "& > *": {
+        width: "100%",
+        height: "100%"
+      },
+      width: preferredSize.width === "auto" ? "auto" : "100%",
+      height: preferredSize.height === "auto" ? "auto" : "100%"
+    };
+    if (preferredOrientationX === "left") {
+      if (isEnoughToLeft) {
+        position.maxWidth = Math.min(preferredWidth, availableLeftSpace);
+        position.right = window.innerWidth - actualAnchorPoint.left;
+      } else if (isEnoughToRight) {
+        position.maxWidth = Math.min(preferredWidth, availableRightSpace);
+        position.left = actualAnchorPoint.left;
+      } else {
+        position.left = 0;
+        position.maxWidth = "100vw";
+      }
+    } else {
+      if (isEnoughToRight) {
+        position.maxWidth = Math.min(preferredWidth, availableRightSpace);
+        position.left = actualAnchorPoint.left;
+      } else if (isEnoughToLeft) {
+        position.maxWidth = Math.min(preferredWidth, availableLeftSpace);
+        position.right = window.innerWidth - actualAnchorPoint.left;
+      } else {
+        position.left = 0;
+        position.maxWidth = "100vw";
+      }
+    }
+    if (preferredOrientationY === "top") {
+      if (isEnoughToTop) {
+        position.maxHeight = Math.min(preferredHeight, availableTopSpace);
+        position.bottom = window.innerHeight - actualAnchorPoint.top;
+      } else if (isEnoughToBottom) {
+        position.maxHeight = Math.min(preferredHeight, availableBottomSpace);
+        position.top = actualAnchorPoint.top;
+      } else {
+        position.maxHeight = "100vh";
+        position.top = 0;
+      }
+    } else {
+      if (isEnoughToBottom) {
+        position.maxHeight = Math.min(preferredHeight, availableBottomSpace);
+        position.top = actualAnchorPoint.top;
+      } else if (isEnoughToTop) {
+        position.maxHeight = Math.min(preferredHeight, availableTopSpace);
+        position.bottom = window.innerHeight - actualAnchorPoint.top;
+      } else {
+        position.maxHeight = "100vh";
+        position.top = 0;
+      }
+    }
+    position.minHeight = typeof position.maxHeight === "number" ? Math.min(position.maxHeight, minSize?.height ?? 0) : minSize?.height ?? 0;
+    position.minWidth = typeof position.minWidth === "number" ? Math.min(position.minWidth, minSize?.width ?? 0) : minSize?.width ?? 0;
+    return position;
+  }
+  return { left: 0, top: 0, width: "auto", height: "auto" };
+}
+function useHandlers({
+  attachToElement,
+  closeOnClick,
+  closeOnClickOut,
+  closeOnEscape,
+  closeOnMouseLeaveTooltip,
+  closeOnMouseLeaveAttachedElement,
+  closeOnScrollOut,
+  onClose
+}) {
+  const hasInited = useRef(false);
+  const close = useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+  useEffect(() => {
+    function handleEscape(ev) {
+      if (ev.code === "Escape" && closeOnEscape !== false) {
+        close();
+      }
+    }
+    function handleMouseDownOut(ev) {
+      if (!hasInited.current)
+        return;
+      const actuallyCloseOnClickOut = (closeOnClickOut instanceof Function ? closeOnClickOut(ev) : closeOnClickOut) === true;
+      if (actuallyCloseOnClickOut && !isChild(
+        ev.target,
+        (current) => current.classList?.contains("tooltip__wrapper")
+      )) {
+        close();
+      }
+    }
+    function handleScroll(ev) {
+      if (!hasInited.current)
+        return;
+      if (closeOnScrollOut && !isChild(
+        ev.target,
+        (current) => current.classList?.contains("tooltip__wrapper")
+      )) {
+        close();
+      }
+    }
+    function handleMouseLeave(event) {
+      const actuallyCloseOnMouseLeaveTooltip = closeOnMouseLeaveTooltip instanceof Function ? closeOnMouseLeaveTooltip(event) : closeOnMouseLeaveTooltip;
+      const actuallyCloseOnMouseLeaveAttachedElement = closeOnMouseLeaveAttachedElement instanceof Function ? closeOnMouseLeaveAttachedElement(event) : closeOnMouseLeaveAttachedElement;
+      if (!hasInited.current || !actuallyCloseOnMouseLeaveAttachedElement && !actuallyCloseOnMouseLeaveTooltip)
+        return;
+      const resolvedAttachToElement = attachToElement ? isAttachToElementAFunction(attachToElement) ? attachToElement() : attachToElement.current : null;
+      const isTooltipTheTarget = isChild(
+        event.target,
+        (current) => current.classList.contains("tooltip__wrapper")
+      );
+      const isAttachedTheTarget = isChild(
+        event.target,
+        (current) => current === resolvedAttachToElement
+      );
+      const isTooltipRelated = isChild(
+        event.relatedTarget,
+        (current) => current.classList.contains("tooltip__wrapper")
+      );
+      const isAttachedRelated = isChild(
+        event.relatedTarget,
+        (current) => current === resolvedAttachToElement
+      );
+      if (isTooltipRelated || isAttachedRelated)
+        return;
+      if (isAttachedTheTarget && !actuallyCloseOnMouseLeaveAttachedElement)
+        return;
+      if (isTooltipTheTarget && !actuallyCloseOnMouseLeaveTooltip)
+        return;
+      if (isTooltipTheTarget || isAttachedTheTarget)
+        close();
+    }
+    document.addEventListener("keydown", handleEscape);
+    document.addEventListener("mousedown", handleMouseDownOut);
+    document.addEventListener("scroll", handleScroll);
+    document.addEventListener("mouseout", handleMouseLeave);
+    setTimeout(() => {
+      hasInited.current = true;
+    }, 0);
+    return () => {
+      document.removeEventListener("keydown", handleEscape);
+      document.removeEventListener("click", handleMouseDownOut);
+      document.removeEventListener("scroll", handleScroll);
+      document.removeEventListener("mouseout", handleMouseLeave);
+    };
+  }, [
+    attachToElement,
+    close,
+    closeOnClickOut,
+    closeOnEscape,
+    closeOnMouseLeaveAttachedElement,
+    closeOnMouseLeaveTooltip,
+    closeOnScrollOut
+  ]);
+  return {
+    handleOnClick: useCallback(
+      (ev) => {
+        ev.stopPropagation();
+        if (closeOnClick) {
+          close();
+        }
+      },
+      [close, closeOnClick]
+    )
+  };
+}
+
+export { calculateTooltipPosition, getParamNames, isAttachToElementAFunction, useHandlers };
+//# sourceMappingURL=util.js.map

package/dist/objects/ApiaUtil/tooltips/tooltip/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sources":["../../../../../src/objects/ApiaUtil/tooltips/tooltip/util.ts"],"sourcesContent":["import { isChild } from '@apia/util';\nimport { TAttachToElement, TPosition, TTooltip } from './types';\nimport { ThemeUICSSObject } from '@apia/theme';\nimport React, { useCallback, useEffect, useRef } from 'react';\n\nexport function isAttachToElementAFunction(\n  attachToElement: TAttachToElement,\n): attachToElement is () => HTMLElement {\n  return (\n    attachToElement instanceof Function &&\n    getParamNames(attachToElement).length === 0\n  );\n}\n\nconst STRIP_COMMENTS = /((\\/\\/.*$)|(\\/\\*[\\s\\S]*?\\*\\/))/gm;\nconst ARGUMENT_NAMES = /([^\\s,]+)/g;\n\nexport function getParamNames(func: object) {\n  // eslint-disable-next-line @typescript-eslint/no-base-to-string\n  const fnStr = func.toString().replace(STRIP_COMMENTS, '');\n  let result: string[] | RegExpMatchArray | null = fnStr\n    .slice(fnStr.indexOf('(') + 1, fnStr.indexOf(')'))\n    .match(ARGUMENT_NAMES);\n  if (result === null) result = [];\n\n  return result;\n}\n\nfunction determineAnchorPoint({\n  attachToElement,\n  attachToElementAnchorPoint,\n}: Pick<TTooltip, 'attachToElementAnchorPoint'> &\n  Required<Pick<TTooltip, 'attachToElement'>>) {\n  let actualAnchorPoint: TPosition = { left: 0, top: 0 };\n\n  const element = isAttachToElementAFunction(attachToElement)\n    ? attachToElement()\n    : attachToElement.current;\n\n  if (element) {\n    const rect = element.getBoundingClientRect();\n\n    const point = attachToElementAnchorPoint ?? 'topRight';\n\n    switch (point) {\n      case 'bottomLeft':\n        actualAnchorPoint = {\n          left: rect.left,\n          top: rect.bottom,\n        };\n        break;\n      case 'bottomRight':\n        actualAnchorPoint = {\n          left: rect.right,\n          top: rect.bottom,\n        };\n        break;\n      case 'center':\n        actualAnchorPoint = {\n          left: (rect.left + rect.right) / 2,\n          top: (rect.bottom + rect.top) / 2,\n        };\n        break;\n      case 'topLeft':\n        actualAnchorPoint = {\n          left: rect.left,\n          top: rect.top,\n        };\n        break;\n      case 'topRight':\n        actualAnchorPoint = {\n          left: rect.right,\n          top: rect.top,\n        };\n        break;\n    }\n  } else {\n    console.warn(\n      'Cannot resolve element, will use default positioning ',\n      attachToElement,\n    );\n  }\n\n  return actualAnchorPoint;\n}\n\nlet x = 0;\nlet y = 0;\ndocument.addEventListener('mousemove', (ev) => {\n  x = ev.clientX;\n  y = ev.clientY;\n});\n\nexport function calculateTooltipPosition({\n  anchorPoint,\n  attachToElement,\n  attachToElementAnchorPoint,\n  attachToMousePosition,\n  minSize,\n  preferredOrientationX,\n  preferredOrientationY,\n  preferredSize = { height: 'auto', width: 'auto' },\n}: Pick<\n  TTooltip,\n  | 'anchorPoint'\n  | 'attachToElement'\n  | 'attachToElementAnchorPoint'\n  | 'attachToMousePosition'\n  | 'minSize'\n  | 'preferredOrientationX'\n  | 'preferredOrientationY'\n  | 'preferredSize'\n>): ThemeUICSSObject {\n  let actualAnchorPoint = anchorPoint;\n\n  if (attachToMousePosition) {\n    actualAnchorPoint = {\n      left: x + 3,\n      top: y + 3,\n    };\n  }\n\n  if (attachToElement) {\n    actualAnchorPoint = determineAnchorPoint({\n      attachToElement,\n      attachToElementAnchorPoint,\n    });\n  }\n\n  if (actualAnchorPoint) {\n    const availableBottomSpace = window.innerHeight - actualAnchorPoint.top;\n    const availableTopSpace = actualAnchorPoint.top;\n    const availableLeftSpace = actualAnchorPoint.left;\n    const availableRightSpace = window.innerWidth - actualAnchorPoint.left;\n\n    const isEnoughToRight = (minSize?.width ?? 0) <= availableRightSpace;\n    const isEnoughToLeft = (minSize?.width ?? 0) <= availableLeftSpace;\n    const isEnoughToBottom = (minSize?.height ?? 0) <= availableBottomSpace;\n    const isEnoughToTop = (minSize?.height ?? 0) <= availableTopSpace;\n\n    const preferredWidth =\n      preferredSize.width === 'auto' ? Infinity : preferredSize.width;\n    const preferredHeight =\n      preferredSize.height === 'auto' ? Infinity : preferredSize.height;\n\n    const position: ThemeUICSSObject = {\n      '& > *': {\n        width: '100%',\n        height: '100%',\n      },\n      width: preferredSize.width === 'auto' ? 'auto' : '100%',\n      height: preferredSize.height === 'auto' ? 'auto' : '100%',\n    };\n\n    if (preferredOrientationX === 'left') {\n      if (isEnoughToLeft) {\n        position.maxWidth = Math.min(preferredWidth, availableLeftSpace);\n        position.right = window.innerWidth - actualAnchorPoint.left;\n      } else if (isEnoughToRight) {\n        position.maxWidth = Math.min(preferredWidth, availableRightSpace);\n        position.left = actualAnchorPoint.left;\n      } else {\n        position.left = 0;\n        position.maxWidth = '100vw';\n      }\n    } else {\n      if (isEnoughToRight) {\n        position.maxWidth = Math.min(preferredWidth, availableRightSpace);\n        position.left = actualAnchorPoint.left;\n      } else if (isEnoughToLeft) {\n        position.maxWidth = Math.min(preferredWidth, availableLeftSpace);\n        position.right = window.innerWidth - actualAnchorPoint.left;\n      } else {\n        position.left = 0;\n        position.maxWidth = '100vw';\n      }\n    }\n\n    if (preferredOrientationY === 'top') {\n      if (isEnoughToTop) {\n        position.maxHeight = Math.min(preferredHeight, availableTopSpace);\n        position.bottom = window.innerHeight - actualAnchorPoint.top;\n      } else if (isEnoughToBottom) {\n        position.maxHeight = Math.min(preferredHeight, availableBottomSpace);\n        position.top = actualAnchorPoint.top;\n      } else {\n        position.maxHeight = '100vh';\n        position.top = 0;\n      }\n    } else {\n      if (isEnoughToBottom) {\n        position.maxHeight = Math.min(preferredHeight, availableBottomSpace);\n        position.top = actualAnchorPoint.top;\n      } else if (isEnoughToTop) {\n        position.maxHeight = Math.min(preferredHeight, availableTopSpace);\n        position.bottom = window.innerHeight - actualAnchorPoint.top;\n      } else {\n        position.maxHeight = '100vh';\n        position.top = 0;\n      }\n    }\n\n    position.minHeight =\n      typeof position.maxHeight === 'number'\n        ? Math.min(position.maxHeight, minSize?.height ?? 0)\n        : minSize?.height ?? 0;\n    position.minWidth =\n      typeof position.minWidth === 'number'\n        ? Math.min(position.minWidth, minSize?.width ?? 0)\n        : minSize?.width ?? 0;\n\n    return position;\n  }\n\n  return { left: 0, top: 0, width: 'auto', height: 'auto' };\n}\n\nexport function useHandlers({\n  attachToElement,\n  closeOnClick,\n  closeOnClickOut,\n  closeOnEscape,\n  closeOnMouseLeaveTooltip,\n  closeOnMouseLeaveAttachedElement,\n  closeOnScrollOut,\n  onClose,\n}: Pick<\n  TTooltip,\n  | 'attachToElement'\n  | 'closeOnClick'\n  | 'closeOnClickOut'\n  | 'closeOnEscape'\n  | 'closeOnMouseLeaveTooltip'\n  | 'closeOnMouseLeaveAttachedElement'\n  | 'closeOnScrollOut'\n  | 'onClose'\n>) {\n  const hasInited = useRef(false);\n  const close = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  useEffect(() => {\n    function handleEscape(ev: KeyboardEvent) {\n      if (ev.code === 'Escape' && closeOnEscape !== false) {\n        close();\n      }\n    }\n    function handleMouseDownOut(ev: MouseEvent) {\n      if (!hasInited.current) return;\n\n      const actuallyCloseOnClickOut =\n        (closeOnClickOut instanceof Function\n          ? closeOnClickOut(ev)\n          : closeOnClickOut) === true;\n\n      if (\n        actuallyCloseOnClickOut &&\n        !isChild(ev.target as HTMLElement, (current) =>\n          current.classList?.contains('tooltip__wrapper'),\n        )\n      ) {\n        close();\n      }\n    }\n    function handleScroll(ev: Event) {\n      if (!hasInited.current) return;\n      if (\n        closeOnScrollOut &&\n        !isChild(ev.target as HTMLElement, (current) =>\n          current.classList?.contains('tooltip__wrapper'),\n        )\n      ) {\n        close();\n      }\n    }\n\n    function handleMouseLeave(event: MouseEvent) {\n      const actuallyCloseOnMouseLeaveTooltip =\n        closeOnMouseLeaveTooltip instanceof Function\n          ? closeOnMouseLeaveTooltip(event)\n          : closeOnMouseLeaveTooltip;\n\n      const actuallyCloseOnMouseLeaveAttachedElement =\n        closeOnMouseLeaveAttachedElement instanceof Function\n          ? closeOnMouseLeaveAttachedElement(event)\n          : closeOnMouseLeaveAttachedElement;\n\n      if (\n        !hasInited.current ||\n        (!actuallyCloseOnMouseLeaveAttachedElement &&\n          !actuallyCloseOnMouseLeaveTooltip)\n      )\n        return;\n\n      const resolvedAttachToElement = attachToElement\n        ? isAttachToElementAFunction(attachToElement)\n          ? attachToElement()\n          : attachToElement.current\n        : null;\n\n      const isTooltipTheTarget = isChild(\n        event.target as HTMLElement,\n        (current) => current.classList.contains('tooltip__wrapper'),\n      );\n      const isAttachedTheTarget = isChild(\n        event.target as HTMLElement,\n        (current) => current === resolvedAttachToElement,\n      );\n\n      const isTooltipRelated = isChild(\n        event.relatedTarget as HTMLElement,\n        (current) => current.classList.contains('tooltip__wrapper'),\n      );\n\n      const isAttachedRelated = isChild(\n        event.relatedTarget as HTMLElement,\n        (current) => current === resolvedAttachToElement,\n      );\n\n      if (isTooltipRelated || isAttachedRelated) return;\n      if (isAttachedTheTarget && !actuallyCloseOnMouseLeaveAttachedElement)\n        return;\n      if (isTooltipTheTarget && !actuallyCloseOnMouseLeaveTooltip) return;\n\n      if (isTooltipTheTarget || isAttachedTheTarget) close();\n    }\n\n    document.addEventListener('keydown', handleEscape);\n    document.addEventListener('mousedown', handleMouseDownOut);\n    document.addEventListener('scroll', handleScroll);\n    document.addEventListener('mouseout', handleMouseLeave);\n\n    setTimeout(() => {\n      hasInited.current = true;\n    }, 0);\n\n    return () => {\n      document.removeEventListener('keydown', handleEscape);\n      document.removeEventListener('click', handleMouseDownOut);\n      document.removeEventListener('scroll', handleScroll);\n      document.removeEventListener('mouseout', handleMouseLeave);\n    };\n  }, [\n    attachToElement,\n    close,\n    closeOnClickOut,\n    closeOnEscape,\n    closeOnMouseLeaveAttachedElement,\n    closeOnMouseLeaveTooltip,\n    closeOnScrollOut,\n  ]);\n\n  return {\n    handleOnClick: useCallback(\n      (ev: React.MouseEvent) => {\n        ev.stopPropagation();\n        if (closeOnClick) {\n          close();\n        }\n      },\n      [close, closeOnClick],\n    ),\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/objects/ScreenLocker/index.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import * as _apia_util from '@apia/util';
+import { StatefulEmitter } from '@apia/util';
+
+type LockTypes = 'linear' | 'white' | 'common';
+type Lock = {
+    count: number;
+};
+type LockOptions = Partial<{
+    type: LockTypes;
+}>;
+declare class ScreenLocker {
+    protected emitter: StatefulEmitter<{
+        locks: Record<LockTypes, Lock>;
+        release: true;
+    }>;
+    lock: (options?: LockOptions) => () => void;
+    protected hasReleased: boolean;
+    /**
+     * This method will work once, then, the action will be ignored. The ScreenLocker starts always locked on white, when this method is called, all listeners of onRelease will be called and the lock will be released.
+     */
+    release: () => void;
+    /**
+     * This method notifies when the screenLock is released by the first time.
+     */
+    onRelease: (cb: _apia_util.Callback<{
+        locks: Record<LockTypes, Lock>;
+        release: true;
+    }, "locks" | "release">) => _apia_util.UnSubscriber;
+    /**
+     * This component is the responsible for putting the lock courtain in the browser when it's required. It must be used once per application.
+     */
+    Component: () => React.JSX.Element | null;
+}
+
+export { ScreenLocker };
+//# sourceMappingURL=index.d.ts.map

package/dist/objects/ScreenLocker/index.d.ts.map

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