@apia/components 2.0.9 → 2.0.10

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

package/dist/objects/ScreenLocker/index.js

@@ -0,0 +1,92 @@
+import { jsx } from '@apia/theme/jsx-runtime';
+import { StatefulEmitter } 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;
+};
+class ScreenLocker {
+  constructor() {
+    __publicField(this, "emitter", new StatefulEmitter({
+      locks: {
+        common: { count: 0 },
+        linear: { count: 0 },
+        white: { count: 1 }
+      }
+    }));
+    __publicField(this, "lock", (options) => {
+      this.emitter.setState("locks", (s) => {
+        const key = options?.type ?? "common";
+        return {
+          ...s,
+          [key]: { count: (s[key].count ?? 0) + 1 }
+        };
+      });
+      return () => this.emitter.setState("locks", (s) => {
+        const key = options?.type ?? "common";
+        return {
+          ...s,
+          [key]: { count: (s[key].count ?? 0) - 1 }
+        };
+      });
+    });
+    __publicField(this, "hasReleased", false);
+    /**
+     * 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.
+     */
+    __publicField(this, "release", () => {
+      if (this.hasReleased)
+        return;
+      this.hasReleased = true;
+      this.emitter.setState("locks", (s) => {
+        const key = "white";
+        return {
+          ...s,
+          [key]: { count: (s[key].count ?? 0) - 1 }
+        };
+      });
+      this.emitter.emit("release", true);
+    });
+    /**
+     * This method notifies when the screenLock is released by the first time.
+     */
+    __publicField(this, "onRelease", this.emitter.on.bind(this.emitter, "release"));
+    /**
+     * This component is the responsible for putting the lock courtain in the browser when it's required. It must be used once per application.
+     */
+    __publicField(this, "Component", () => {
+      const locks = this.emitter.useState("locks");
+      const style = {
+        alignItems: "center",
+        display: "flex",
+        inset: 0,
+        justifyContent: "center",
+        position: "fixed"
+      };
+      if (locks.white.count) {
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              ...style,
+              background: "white"
+            },
+            children: "White"
+          }
+        );
+      }
+      if (locks.linear.count) {
+        return /* @__PURE__ */ jsx("div", { style, children: "Linear" });
+      }
+      if (locks.common.count) {
+        return /* @__PURE__ */ jsx("div", { style, children: "Common" });
+      }
+      return null;
+    });
+  }
+}
+
+export { ScreenLocker };
+//# sourceMappingURL=index.js.map

package/dist/objects/ScreenLocker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/objects/ScreenLocker/index.tsx"],"sourcesContent":["import { CSSProperties } from '@apia/theme';\r\nimport { StatefulEmitter } from '@apia/util';\r\n\r\ntype LockTypes = 'linear' | 'white' | 'common';\r\ntype Lock = {\r\n  count: number;\r\n};\r\ntype LockOptions = Partial<{\r\n  type: LockTypes;\r\n}>;\r\n\r\nexport class ScreenLocker {\r\n  protected emitter = new StatefulEmitter<{\r\n    locks: Record<LockTypes, Lock>;\r\n    release: true;\r\n  }>({\r\n    locks: {\r\n      common: { count: 0 },\r\n      linear: { count: 0 },\r\n      white: { count: 1 },\r\n    },\r\n  });\r\n\r\n  lock = (options?: LockOptions) => {\r\n    this.emitter.setState('locks', (s) => {\r\n      const key = options?.type ?? 'common';\r\n\r\n      return {\r\n        ...s,\r\n        [key]: { count: (s[key].count ?? 0) + 1 },\r\n      };\r\n    });\r\n\r\n    return () =>\r\n      this.emitter.setState('locks', (s) => {\r\n        const key = options?.type ?? 'common';\r\n\r\n        return {\r\n          ...s,\r\n          [key]: { count: (s[key].count ?? 0) - 1 },\r\n        };\r\n      });\r\n  };\r\n\r\n  protected hasReleased = false;\r\n  /**\r\n   * 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.\r\n   */\r\n  release = () => {\r\n    if (this.hasReleased) return;\r\n    this.hasReleased = true;\r\n\r\n    this.emitter.setState('locks', (s) => {\r\n      const key = 'white';\r\n\r\n      return {\r\n        ...s,\r\n        [key]: { count: (s[key].count ?? 0) - 1 },\r\n      };\r\n    });\r\n    this.emitter.emit('release', true);\r\n  };\r\n\r\n  /**\r\n   * This method notifies when the screenLock is released by the first time.\r\n   */\r\n  onRelease = this.emitter.on.bind(this.emitter, 'release');\r\n\r\n  /**\r\n   * This component is the responsible for putting the lock courtain in the browser when it's required. It must be used once per application.\r\n   */\r\n  Component = () => {\r\n    const locks = this.emitter.useState('locks');\r\n\r\n    const style: CSSProperties = {\r\n      alignItems: 'center',\r\n      display: 'flex',\r\n      inset: 0,\r\n      justifyContent: 'center',\r\n      position: 'fixed',\r\n    };\r\n\r\n    if (locks.white.count) {\r\n      return (\r\n        <div\r\n          style={{\r\n            ...style,\r\n            background: 'white',\r\n          }}\r\n        >\r\n          White\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (locks.linear.count) {\r\n      return <div style={style}>Linear</div>;\r\n    }\r\n\r\n    if (locks.common.count) {\r\n      return <div style={style}>Common</div>;\r\n    }\r\n\r\n    return null;\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/tabs/Content.d.ts

@@ -0,0 +1,7 @@
+import React__default from 'react';
+import { BoxProps } from '@apia/theme';
+
+declare const TabsContent: (props: Omit<BoxProps, 'children'>) => React__default.JSX.Element;
+
+export { TabsContent };
+//# sourceMappingURL=Content.d.ts.map

package/dist/tabs/Content.d.ts.map

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

package/dist/tabs/Content.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from '@apia/theme/jsx-runtime';
+import React__default from 'react';
+import { Box, getVariant, Spinner } from '@apia/theme';
+import { useTabsContext } from './util.js';
+import { usePropsSelector } from '@apia/util';
+
+const TabsContent = (props) => {
+  const { handler, id } = useTabsContext();
+  const handlerRef = React__default.useRef(handler);
+  handlerRef.current = handler;
+  const tabs = usePropsSelector(handler.stateKey, {
+    propsStore: handler.stateStore,
+    selector: (current) => {
+      return (current.tabs ?? []).map(
+        (tabId) => handlerRef.current?.propsStore.getFieldProps(tabId)
+      );
+    },
+    comparator() {
+      return false;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "tabs__content__wrapper",
+      ...getVariant("layout.common.tabs.primary.content"),
+      ...props,
+      children: tabs?.map((current) => {
+        const Render = current.content;
+        return /* @__PURE__ */ jsxs(
+          Box,
+          {
+            "aria-hidden": !current.isOpen,
+            "aria-labelledby": `tab-${id}-${current.id}`,
+            className: `tabs__content ${current.isOpen ? "open" : ""}`,
+            "data-id": current.id,
+            id: `tabpanel-${id}-${current.id}`,
+            role: "tabpanel",
+            children: [
+              /* @__PURE__ */ jsx(Render, { tab: current }),
+              current.isLoading && /* @__PURE__ */ jsx(Box, { className: "tabs__content__spinner__wrapper", children: /* @__PURE__ */ jsx(Spinner, {}) })
+            ]
+          },
+          current.id
+        );
+      })
+    }
+  );
+};
+
+export { TabsContent };
+//# sourceMappingURL=Content.js.map

package/dist/tabs/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../src/tabs/Content.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Box, BoxProps, Spinner, getVariant } from '@apia/theme';\r\nimport { useTabsContext } from './util';\r\nimport { usePropsSelector } from '@apia/util';\r\n\r\nexport const TabsContent = (props: Omit<BoxProps, 'children'>) => {\r\n  const { handler, id } = useTabsContext();\r\n  const handlerRef = React.useRef(handler);\r\n  handlerRef.current = handler;\r\n  const tabs = usePropsSelector(handler.stateKey, {\r\n    propsStore: handler.stateStore,\r\n    selector: (current) => {\r\n      return (current.tabs ?? []).map((tabId) =>\r\n        handlerRef.current?.propsStore.getFieldProps(tabId),\r\n      );\r\n    },\r\n    comparator() {\r\n      return false;\r\n    },\r\n  });\r\n\r\n  return (\r\n    <Box\r\n      className=\"tabs__content__wrapper\"\r\n      {...getVariant('layout.common.tabs.primary.content')}\r\n      {...props}\r\n    >\r\n      {tabs?.map((current) => {\r\n        const Render = current.content;\r\n\r\n        return (\r\n          <Box\r\n            aria-hidden={!current.isOpen}\r\n            aria-labelledby={`tab-${id}-${current.id}`}\r\n            className={`tabs__content ${current.isOpen ? 'open' : ''}`}\r\n            data-id={current.id}\r\n            id={`tabpanel-${id}-${current.id}`}\r\n            key={current.id}\r\n            role=\"tabpanel\"\r\n          >\r\n            <Render tab={current} />\r\n            {current.isLoading && (\r\n              <Box className=\"tabs__content__spinner__wrapper\">\r\n                <Spinner />\r\n              </Box>\r\n            )}\r\n          </Box>\r\n        );\r\n      })}\r\n    </Box>\r\n  );\r\n};\r\n"],"names":["React"],"mappings":";;;;;;AAKa,MAAA,WAAA,GAAc,CAAC,KAAsC,KAAA;AAChE,EAAA,MAAM,EAAE,OAAA,EAAS,EAAG,EAAA,GAAI,cAAe,EAAA,CAAA;AACvC,EAAM,MAAA,UAAA,GAAaA,cAAM,CAAA,MAAA,CAAO,OAAO,CAAA,CAAA;AACvC,EAAA,UAAA,CAAW,OAAU,GAAA,OAAA,CAAA;AACrB,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,OAAA,CAAQ,QAAU,EAAA;AAAA,IAC9C,YAAY,OAAQ,CAAA,UAAA;AAAA,IACpB,QAAA,EAAU,CAAC,OAAY,KAAA;AACrB,MAAQ,OAAA,CAAA,OAAA,CAAQ,IAAQ,IAAA,EAAI,EAAA,GAAA;AAAA,QAAI,CAAC,KAC/B,KAAA,UAAA,CAAW,OAAS,EAAA,UAAA,CAAW,cAAc,KAAK,CAAA;AAAA,OACpD,CAAA;AAAA,KACF;AAAA,IACA,UAAa,GAAA;AACX,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACD,CAAA,CAAA;AAED,EACE,uBAAA,GAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,SAAU,EAAA,wBAAA;AAAA,MACT,GAAG,WAAW,oCAAoC,CAAA;AAAA,MAClD,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA,IAAA,EAAM,GAAI,CAAA,CAAC,OAAY,KAAA;AACtB,QAAA,MAAM,SAAS,OAAQ,CAAA,OAAA,CAAA;AAEvB,QACE,uBAAA,IAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,aAAA,EAAa,CAAC,OAAQ,CAAA,MAAA;AAAA,YACtB,iBAAiB,EAAA,CAAA,IAAA,EAAO,EAAE,CAAA,CAAA,EAAI,QAAQ,EAAE,CAAA,CAAA;AAAA,YACxC,SAAW,EAAA,CAAA,cAAA,EAAiB,OAAQ,CAAA,MAAA,GAAS,SAAS,EAAE,CAAA,CAAA;AAAA,YACxD,WAAS,OAAQ,CAAA,EAAA;AAAA,YACjB,EAAI,EAAA,CAAA,SAAA,EAAY,EAAE,CAAA,CAAA,EAAI,QAAQ,EAAE,CAAA,CAAA;AAAA,YAEhC,IAAK,EAAA,UAAA;AAAA,YAEL,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,MAAA,EAAA,EAAO,KAAK,OAAS,EAAA,CAAA;AAAA,cACrB,OAAA,CAAQ,6BACN,GAAA,CAAA,GAAA,EAAA,EAAI,WAAU,iCACb,EAAA,QAAA,kBAAA,GAAA,CAAC,WAAQ,CACX,EAAA,CAAA;AAAA,aAAA;AAAA,WAAA;AAAA,UAPG,OAAQ,CAAA,EAAA;AAAA,SASf,CAAA;AAAA,OAEH,CAAA;AAAA,KAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/tabs/ContextMenu.js

@@ -0,0 +1,76 @@
+import { jsxs, jsx } from '@apia/theme/jsx-runtime';
+import { useMenuState, ControlledMenu, MenuItem } from '@szhsin/react-menu';
+import React__default from 'react';
+import { useTabsContext } from './util.js';
+import { getLabel } from '@apia/util';
+
+const ContextMenu = ({
+  anchorPoint,
+  isOpen,
+  onClose,
+  targetId
+}) => {
+  const [menuProps, toggleMenu] = useMenuState();
+  React__default.useEffect(() => {
+    toggleMenu(isOpen);
+  }, [isOpen]);
+  const { handler } = useTabsContext();
+  const closeOthers = React__default.useCallback(() => {
+    void handler.closeOthers(targetId);
+  }, [handler, targetId]);
+  const closeToLeft = React__default.useCallback(() => {
+    void handler.closeToLeft(targetId);
+  }, [handler, targetId]);
+  const closeToRight = React__default.useCallback(() => {
+    void handler.closeToRight(targetId);
+  }, [handler, targetId]);
+  const firstNonFixedTab = handler.tabsList?.find(
+    (current) => !handler.propsStore.getFieldProps(current).isFixed
+  );
+  let lastNonFixedTab = null;
+  if (handler.tabsList)
+    for (let i = handler.tabsList.length - 1; i >= 0; i--) {
+      if (!handler.propsStore.getFieldProps(handler.tabsList[i]).isFixed) {
+        lastNonFixedTab = handler.tabsList[i];
+        break;
+      }
+    }
+  const nonFixedTabsLength = handler.tabsList?.filter(
+    (current) => !handler.propsStore.getFieldProps(current).isFixed
+  ).length ?? 0;
+  return /* @__PURE__ */ jsxs(
+    ControlledMenu,
+    {
+      ...menuProps,
+      anchorPoint,
+      onClose,
+      portal: { target: document.getElementById("AppModals") },
+      children: [
+        /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            onClick: React__default.useCallback(() => {
+              void handler.closeTab(targetId);
+            }, [handler, targetId]),
+            children: window.BTN_CLOSE
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            onClick: React__default.useCallback(() => {
+              void handler.closeAll();
+            }, [handler]),
+            children: getLabel("lblCloseAll").text
+          }
+        ),
+        firstNonFixedTab !== targetId && /* @__PURE__ */ jsx(MenuItem, { onClick: closeToLeft, children: getLabel("lblCloseToLeft").text }),
+        lastNonFixedTab !== targetId && /* @__PURE__ */ jsx(MenuItem, { onClick: closeToRight, children: getLabel("lblCloseToRight").text }),
+        nonFixedTabsLength > 1 && /* @__PURE__ */ jsx(MenuItem, { onClick: closeOthers, children: getLabel("lblCloseOthers").text })
+      ]
+    }
+  );
+};
+
+export { ContextMenu as default };
+//# sourceMappingURL=ContextMenu.js.map

package/dist/tabs/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sources":["../../src/tabs/ContextMenu.tsx"],"sourcesContent":["import { ControlledMenu, MenuItem, useMenuState } from '@szhsin/react-menu';\r\nimport React from 'react';\r\nimport { useTabsContext } from './util';\r\nimport { TId, getLabel } from '@apia/util';\r\n\r\nconst ContextMenu = ({\r\n  anchorPoint,\r\n  isOpen,\r\n  onClose,\r\n  targetId,\r\n}: {\r\n  anchorPoint: {\r\n    x: number;\r\n    y: number;\r\n  };\r\n  isOpen: boolean;\r\n  onClose: () => unknown;\r\n  targetId: TId;\r\n}) => {\r\n  const [menuProps, toggleMenu] = useMenuState();\r\n  React.useEffect(() => {\r\n    toggleMenu(isOpen);\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [isOpen]);\r\n\r\n  const { handler } = useTabsContext();\r\n\r\n  const closeOthers = React.useCallback(() => {\r\n    void handler.closeOthers(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const closeToLeft = React.useCallback(() => {\r\n    void handler.closeToLeft(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const closeToRight = React.useCallback(() => {\r\n    void handler.closeToRight(targetId);\r\n  }, [handler, targetId]);\r\n\r\n  const firstNonFixedTab = handler.tabsList?.find(\r\n    (current) => !handler.propsStore.getFieldProps(current).isFixed,\r\n  );\r\n\r\n  let lastNonFixedTab: TId | null = null;\r\n  if (handler.tabsList)\r\n    for (let i = handler.tabsList.length - 1; i >= 0; i--) {\r\n      if (!handler.propsStore.getFieldProps(handler.tabsList[i]).isFixed) {\r\n        lastNonFixedTab = handler.tabsList[i];\r\n        break;\r\n      }\r\n    }\r\n\r\n  const nonFixedTabsLength =\r\n    handler.tabsList?.filter(\r\n      (current) => !handler.propsStore.getFieldProps(current).isFixed,\r\n    ).length ?? 0;\r\n\r\n  return (\r\n    <ControlledMenu\r\n      {...menuProps}\r\n      anchorPoint={anchorPoint}\r\n      onClose={onClose}\r\n      portal={{ target: document.getElementById('AppModals') as Element }}\r\n    >\r\n      {/* // No está bien implementado todavía\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          handler.propsStore.updateField(targetId, { isFixed: true });\r\n        }, [handler.propsStore, targetId])}\r\n      >\r\n        {window.LBL_FIX_TAB}\r\n      </MenuItem> */}\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          void handler.closeTab(targetId);\r\n        }, [handler, targetId])}\r\n      >\r\n        {window.BTN_CLOSE}\r\n      </MenuItem>\r\n      <MenuItem\r\n        onClick={React.useCallback(() => {\r\n          void handler.closeAll();\r\n        }, [handler])}\r\n      >\r\n        {getLabel('lblCloseAll').text}\r\n      </MenuItem>\r\n      {firstNonFixedTab !== targetId && (\r\n        <MenuItem onClick={closeToLeft}>\r\n          {getLabel('lblCloseToLeft').text}\r\n        </MenuItem>\r\n      )}\r\n      {lastNonFixedTab !== targetId && (\r\n        <MenuItem onClick={closeToRight}>\r\n          {getLabel('lblCloseToRight').text}\r\n        </MenuItem>\r\n      )}\r\n      {nonFixedTabsLength > 1 && (\r\n        <MenuItem onClick={closeOthers}>\r\n          {getLabel('lblCloseOthers').text}\r\n        </MenuItem>\r\n      )}\r\n    </ControlledMenu>\r\n  );\r\n};\r\n\r\nexport default ContextMenu;\r\n"],"names":["React"],"mappings":"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"}