@apia/components 2.0.9 → 2.0.10

package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { ReactNode } from 'react';
+import { IConfirm } from '../../../components/dialogs/ConfirmModal.js';
+
+type TApiaUtilConfirm = Pick<IConfirm, 'additionalButtons' | 'additionalButtonsOnRight' | 'cancelButtonText' | 'children' | 'className' | 'confirmButtonText' | 'confirmButtonVariant' | 'contentRef' | 'hideCancelButton' | 'hideConfirmButton' | 'title' | 'variant'>;
+type TAlert = {
+    children: ReactNode;
+    title: string;
+};
+declare class ApiaUtilDialogs {
+    #private;
+    alert(props: TAlert): Promise<void>;
+    confirm(props: TApiaUtilConfirm): Promise<boolean>;
+    Component: () => React.JSX.Element;
+}
+
+export { ApiaUtilDialogs };
+//# sourceMappingURL=ApiaUtilDialogs.d.ts.map

package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.d.ts.map

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

package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.js

@@ -0,0 +1,116 @@
+import { jsxs, Fragment } from '@apia/theme/jsx-runtime';
+import { createElement } from '@apia/theme';
+import { EventEmitter, useMount } from '@apia/util';
+import { useState, useCallback } from 'react';
+import { ConfirmModal } from '../../../components/dialogs/ConfirmModal.js';
+import { AlertModal } from '../../../components/dialogs/AlertModal.js';
+
+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, 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");
+  member.set(obj, value);
+  return value;
+};
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+var _emitter, _maxIdAlert, _maxIdConfirm;
+class ApiaUtilDialogs {
+  constructor() {
+    __privateAdd(this, _emitter, new EventEmitter());
+    __privateAdd(this, _maxIdAlert, 0);
+    __privateAdd(this, _maxIdConfirm, 0);
+    __publicField(this, "Component", () => {
+      const [confirmDialogs, setConfirmDialogs] = useState([]);
+      const [alertsDialogs, setAlertsDialogs] = useState(
+        []
+      );
+      useMount(() => {
+        const unsuscribe1 = __privateGet(this, _emitter).on("alert", (ev) => {
+          setAlertsDialogs((current) => [...current, ev]);
+        });
+        const unsuscribe2 = __privateGet(this, _emitter).on("confirm", (ev) => {
+          setConfirmDialogs((current) => [...current, ev]);
+        });
+        return () => {
+          unsuscribe1();
+          unsuscribe2();
+        };
+      });
+      const removeModal = useCallback(
+        (which) => {
+          setConfirmDialogs(
+            (current) => current.filter((search) => search !== which)
+          );
+        },
+        []
+      );
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        alertsDialogs.map((current) => /* @__PURE__ */ createElement(AlertModal, { ...current, key: current.id })),
+        confirmDialogs.map((current) => /* @__PURE__ */ createElement(
+          ConfirmModal,
+          {
+            ...current,
+            key: current.id,
+            onCancel: () => {
+              removeModal(current);
+              current.onCancel?.();
+            },
+            onConfirm: () => {
+              removeModal(current);
+              current.onConfirm?.();
+            }
+          }
+        ))
+      ] });
+    });
+  }
+  alert(props) {
+    return new Promise((resolve) => {
+      __privateGet(this, _emitter).emit("alert", {
+        ...props,
+        onClose: () => resolve(),
+        id: `confirm${__privateWrapper(this, _maxIdAlert)._++}`
+      });
+    });
+  }
+  confirm(props) {
+    return new Promise((resolve) => {
+      __privateGet(this, _emitter).emit("confirm", {
+        ...props,
+        id: `confirm${__privateWrapper(this, _maxIdConfirm)._++}`,
+        onCancel: () => resolve(false),
+        onConfirm: () => resolve(true)
+      });
+    });
+  }
+}
+_emitter = new WeakMap();
+_maxIdAlert = new WeakMap();
+_maxIdConfirm = new WeakMap();
+
+export { ApiaUtilDialogs };
+//# sourceMappingURL=ApiaUtilDialogs.js.map

package/dist/objects/ApiaUtil/dialogs/ApiaUtilDialogs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiaUtilDialogs.js","sources":["../../../../src/objects/ApiaUtil/dialogs/ApiaUtilDialogs.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\r\nimport { ReactNode, useCallback, useState } from 'react';\r\nimport {\r\n  ConfirmModal,\r\n  IConfirm,\r\n} from '../../../components/dialogs/ConfirmModal';\r\nimport { AlertModal } from '../../../components/dialogs/AlertModal';\r\n\r\ntype TApiaUtilConfirm = Pick<\r\n  IConfirm,\r\n  | 'additionalButtons'\r\n  | 'additionalButtonsOnRight'\r\n  | 'cancelButtonText'\r\n  | 'children'\r\n  | 'className'\r\n  | 'confirmButtonText'\r\n  | 'confirmButtonVariant'\r\n  | 'contentRef'\r\n  | 'hideCancelButton'\r\n  | 'hideConfirmButton'\r\n  | 'title'\r\n  | 'variant'\r\n>;\r\n\r\ntype TApiaUtilInnerConfirm = TApiaUtilConfirm & { id: string } & Pick<\r\n    IConfirm,\r\n    'onCancel' | 'onConfirm'\r\n  >;\r\n\r\ntype TAlert = {\r\n  children: ReactNode;\r\n  title: string;\r\n};\r\n\r\ntype TApiaUtilInnerAlert = TAlert & { onClose: () => unknown; id: string };\r\n\r\nexport class ApiaUtilDialogs {\r\n  #emitter = new EventEmitter<{\r\n    alert: TApiaUtilInnerAlert;\r\n    confirm: TApiaUtilInnerConfirm;\r\n  }>();\r\n  #maxIdAlert = 0;\r\n  #maxIdConfirm = 0;\r\n\r\n  alert(props: TAlert): Promise<void> {\r\n    return new Promise((resolve) => {\r\n      this.#emitter.emit('alert', {\r\n        ...props,\r\n        onClose: () => resolve(),\r\n        id: `confirm${this.#maxIdAlert++}`,\r\n      });\r\n    });\r\n  }\r\n\r\n  confirm(props: TApiaUtilConfirm): Promise<boolean> {\r\n    return new Promise((resolve) => {\r\n      this.#emitter.emit('confirm', {\r\n        ...props,\r\n        id: `confirm${this.#maxIdConfirm++}`,\r\n        onCancel: () => resolve(false),\r\n        onConfirm: () => resolve(true),\r\n      });\r\n    });\r\n  }\r\n\r\n  Component = () => {\r\n    const [confirmDialogs, setConfirmDialogs] = useState<\r\n      TApiaUtilInnerConfirm[]\r\n    >([]);\r\n    const [alertsDialogs, setAlertsDialogs] = useState<TApiaUtilInnerAlert[]>(\r\n      [],\r\n    );\r\n\r\n    useMount(() => {\r\n      const unsuscribe1 = this.#emitter.on('alert', (ev) => {\r\n        setAlertsDialogs((current) => [...current, ev]);\r\n      });\r\n      const unsuscribe2 = this.#emitter.on('confirm', (ev) => {\r\n        setConfirmDialogs((current) => [...current, ev]);\r\n      });\r\n\r\n      return () => {\r\n        unsuscribe1();\r\n        unsuscribe2();\r\n      };\r\n    });\r\n\r\n    const removeModal = useCallback(\r\n      (which: TApiaUtilConfirm & { id: string }) => {\r\n        setConfirmDialogs((current) =>\r\n          current.filter((search) => search !== which),\r\n        );\r\n      },\r\n      [],\r\n    );\r\n\r\n    return (\r\n      <>\r\n        {alertsDialogs.map((current) => (\r\n          <AlertModal {...current} key={current.id} />\r\n        ))}\r\n        {confirmDialogs.map((current) => (\r\n          <ConfirmModal\r\n            {...current}\r\n            key={current.id}\r\n            onCancel={() => {\r\n              removeModal(current);\r\n              current.onCancel?.();\r\n            }}\r\n            onConfirm={() => {\r\n              removeModal(current);\r\n              current.onConfirm?.();\r\n            }}\r\n          />\r\n        ))}\r\n      </>\r\n    );\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ApiaUtilModals } from './modals/ApiaUtilModals.js';
+import { ApiaUtilNotifications } from './notifications/ApiaUtilNotifications.js';
+import { ApiaUtilTabsController } from './tabs/ApiaUtilTabsController.js';
+import { ApiaUtilDialogs } from './dialogs/ApiaUtilDialogs.js';
+import { ApiaUtilParsers } from './parsers/ApiaUtilParsers.js';
+import { ApiaUtilTooltips } from './tooltips/ApiaUtilTooltips.js';
+import { ApiaUtilMenu } from './menu/ApiaUtilMenu.js';
+import { ApiaUtilMouse } from './mouse/ApiaUtilMouse.js';
+
+declare class ApiaUtil {
+    #private;
+    static get instance(): ApiaUtil;
+    constructor();
+    dialogs: ApiaUtilDialogs;
+    menu: ApiaUtilMenu;
+    modals: ApiaUtilModals;
+    mouse: ApiaUtilMouse;
+    notifications: ApiaUtilNotifications;
+    parsers: ApiaUtilParsers;
+    tabs: ApiaUtilTabsController;
+    tooltips: ApiaUtilTooltips;
+    Component: () => React.JSX.Element;
+}
+
+export { ApiaUtil };
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/objects/ApiaUtil/index.js

@@ -0,0 +1,89 @@
+import { jsxs, Fragment, jsx } from '@apia/theme/jsx-runtime';
+import { ApiaUtilModals } from './modals/ApiaUtilModals.js';
+import { ApiaUtilNotifications } from './notifications/ApiaUtilNotifications.js';
+import { ApiaUtilTabsController } from './tabs/ApiaUtilTabsController.js';
+import { ApiaUtilDialogs } from './dialogs/ApiaUtilDialogs.js';
+import { ApiaUtilParsers } from './parsers/ApiaUtilParsers.js';
+import { ApiaUtilTooltips } from './tooltips/ApiaUtilTooltips.js';
+import { ApiaUtilMenu } from './menu/ApiaUtilMenu.js';
+import { ApiaUtilMouse } from './mouse/ApiaUtilMouse.js';
+
+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");
+  member.set(obj, value);
+  return value;
+};
+var _instance;
+const _ApiaUtil = class _ApiaUtil {
+  constructor() {
+    __publicField(this, "dialogs");
+    __publicField(this, "menu");
+    __publicField(this, "modals");
+    __publicField(this, "mouse");
+    __publicField(this, "notifications");
+    __publicField(this, "parsers");
+    __publicField(this, "tabs");
+    __publicField(this, "tooltips");
+    __publicField(this, "Component", () => {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(this.dialogs.Component, {}),
+        /* @__PURE__ */ jsx(this.modals.Component, {}),
+        /* @__PURE__ */ jsx(this.notifications.Component, {}),
+        /* @__PURE__ */ jsx(this.tooltips.Component, {}),
+        /* @__PURE__ */ jsx(this.menu.Component, {})
+      ] });
+    });
+    if (void 0 === __privateGet(_ApiaUtil, _instance)) {
+      __privateSet(_ApiaUtil, _instance, this);
+      this.dialogs = new ApiaUtilDialogs();
+      this.menu = new ApiaUtilMenu();
+      this.modals = new ApiaUtilModals();
+      this.mouse = new ApiaUtilMouse();
+      this.notifications = new ApiaUtilNotifications();
+      this.parsers = new ApiaUtilParsers();
+      this.tabs = new ApiaUtilTabsController();
+      this.tooltips = new ApiaUtilTooltips();
+    } else {
+      this.dialogs = __privateGet(_ApiaUtil, _instance).dialogs;
+      this.menu = __privateGet(_ApiaUtil, _instance).menu;
+      this.modals = __privateGet(_ApiaUtil, _instance).modals;
+      this.mouse = __privateGet(_ApiaUtil, _instance).mouse;
+      this.notifications = __privateGet(_ApiaUtil, _instance).notifications;
+      this.parsers = __privateGet(_ApiaUtil, _instance).parsers;
+      this.tabs = __privateGet(_ApiaUtil, _instance).tabs;
+      this.tooltips = __privateGet(_ApiaUtil, _instance).tooltips;
+    }
+    return __privateGet(_ApiaUtil, _instance);
+  }
+  static get instance() {
+    if (!__privateGet(this, _instance)) {
+      new _ApiaUtil();
+    }
+    return __privateGet(this, _instance);
+  }
+};
+_instance = new WeakMap();
+__privateAdd(_ApiaUtil, _instance, void 0);
+let ApiaUtil = _ApiaUtil;
+
+export { ApiaUtil };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/objects/ApiaUtil/index.tsx"],"sourcesContent":["import { ApiaUtilModals } from './modals/ApiaUtilModals';\r\nimport { ApiaUtilNotifications } from './notifications/ApiaUtilNotifications';\r\nimport { ApiaUtilTabsController } from './tabs/ApiaUtilTabsController';\r\nimport { ApiaUtilDialogs } from './dialogs/ApiaUtilDialogs';\r\nimport { ApiaUtilParsers } from './parsers/ApiaUtilParsers';\r\nimport { ApiaUtilTooltips } from './tooltips/ApiaUtilTooltips';\r\nimport { ApiaUtilMenu } from './menu/ApiaUtilMenu';\r\nimport { ApiaUtilMouse } from './mouse/ApiaUtilMouse';\r\n\r\nexport class ApiaUtil {\r\n  static #instance: ApiaUtil;\r\n  public static get instance() {\r\n    if (!this.#instance) {\r\n      new ApiaUtil();\r\n    }\r\n\r\n    return this.#instance;\r\n  }\r\n\r\n  constructor() {\r\n    if (undefined === ApiaUtil.#instance) {\r\n      ApiaUtil.#instance = this;\r\n      this.dialogs = new ApiaUtilDialogs();\r\n      this.menu = new ApiaUtilMenu();\r\n      this.modals = new ApiaUtilModals();\r\n      this.mouse = new ApiaUtilMouse();\r\n      this.notifications = new ApiaUtilNotifications();\r\n      this.parsers = new ApiaUtilParsers();\r\n      this.tabs = new ApiaUtilTabsController();\r\n      this.tooltips = new ApiaUtilTooltips();\r\n    } else {\r\n      this.dialogs = ApiaUtil.#instance.dialogs;\r\n      this.menu = ApiaUtil.#instance.menu;\r\n      this.modals = ApiaUtil.#instance.modals;\r\n      this.mouse = ApiaUtil.#instance.mouse;\r\n      this.notifications = ApiaUtil.#instance.notifications;\r\n      this.parsers = ApiaUtil.#instance.parsers;\r\n      this.tabs = ApiaUtil.#instance.tabs;\r\n      this.tooltips = ApiaUtil.#instance.tooltips;\r\n    }\r\n\r\n    return ApiaUtil.#instance;\r\n  }\r\n\r\n  dialogs: ApiaUtilDialogs;\r\n  menu: ApiaUtilMenu;\r\n  modals: ApiaUtilModals;\r\n  mouse: ApiaUtilMouse;\r\n  notifications: ApiaUtilNotifications;\r\n  parsers: ApiaUtilParsers;\r\n  tabs: ApiaUtilTabsController;\r\n  tooltips: ApiaUtilTooltips;\r\n\r\n  Component = () => {\r\n    return (\r\n      <>\r\n        <this.dialogs.Component />\r\n        <this.modals.Component />\r\n        <this.notifications.Component />\r\n        <this.tooltips.Component />\r\n        <this.menu.Component />\r\n      </>\r\n    );\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { MenuItemProps, ControlledMenuProps } from '@szhsin/react-menu';
+
+type TSubmenu = {
+    label: string;
+    items: TMenuItems;
+};
+type TMenuItem = (MenuItemProps & {
+    key: string;
+}) | 'separator' | TSubmenu;
+type TMenuItems = TMenuItem[];
+declare class ApiaUtilMenu {
+    #private;
+    close: () => void;
+    open: ({ menuProps, items, }: {
+        menuProps: ControlledMenuProps;
+        items: TMenuItems;
+    }) => void;
+    Component: () => React.JSX.Element | null;
+}
+
+export { ApiaUtilMenu, type TMenuItem, type TMenuItems, type TSubmenu };
+//# sourceMappingURL=ApiaUtilMenu.d.ts.map

package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.d.ts.map

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

package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js

@@ -0,0 +1,108 @@
+import { jsx, Fragment } from '@apia/theme/jsx-runtime';
+import { createElement } from '@apia/theme';
+import { EventEmitter, useMount } from '@apia/util';
+import { MenuDivider, SubMenu, MenuItem, ControlledMenu } from '@szhsin/react-menu';
+import { useState, useCallback } from 'react';
+
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  member.set(obj, value);
+  return value;
+};
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+var _emitter, _items, _menuProps, _hooks, _maxId, _RenderMenu;
+function isSubmenu(item) {
+  return Array.isArray(item.items);
+}
+class ApiaUtilMenu {
+  constructor() {
+    __privateAdd(this, _emitter, new EventEmitter());
+    __privateAdd(this, _items, []);
+    __privateAdd(this, _menuProps, null);
+    __privateAdd(this, _hooks, {
+      useIsOpen: () => {
+        const [isOpen, setIsOpen] = useState(false);
+        useMount(() => {
+          return __privateGet(this, _emitter).on("toggle", setIsOpen);
+        });
+        return [
+          isOpen,
+          useCallback(() => {
+            setIsOpen(false);
+          }, [])
+        ];
+      }
+    });
+    __publicField(this, "close", () => {
+      __privateGet(this, _emitter).emit("toggle", false);
+    });
+    __publicField(this, "open", ({
+      menuProps,
+      items
+    }) => {
+      __privateSet(this, _items, items);
+      __privateSet(this, _menuProps, menuProps);
+      __privateGet(this, _emitter).emit("toggle", true);
+    });
+    __privateAdd(this, _maxId, 0);
+    __privateAdd(this, _RenderMenu, (submenu) => {
+      return /* @__PURE__ */ jsx(Fragment, { children: submenu.items.map((current, i) => {
+        if (current === "separator")
+          return /* @__PURE__ */ jsx(MenuDivider, {}, `separator${i}`);
+        if (isSubmenu(current)) {
+          return /* @__PURE__ */ jsx(SubMenu, { label: current.label, children: __privateGet(this, _RenderMenu).call(this, current) }, `submenu${__privateWrapper(this, _maxId)._++}`);
+        }
+        return /* @__PURE__ */ createElement(MenuItem, { ...current, key: current.key });
+      }) });
+    });
+    __publicField(this, "Component", () => {
+      const [isOpen, close] = __privateGet(this, _hooks).useIsOpen();
+      if (!isOpen)
+        return null;
+      return /* @__PURE__ */ jsx(
+        ControlledMenu,
+        {
+          ...__privateGet(this, _menuProps),
+          state: isOpen ? "open" : "closed",
+          onClose: close,
+          children: __privateGet(this, _RenderMenu).call(this, { label: "", items: __privateGet(this, _items) })
+        }
+      );
+    });
+  }
+}
+_emitter = new WeakMap();
+_items = new WeakMap();
+_menuProps = new WeakMap();
+_hooks = new WeakMap();
+_maxId = new WeakMap();
+_RenderMenu = new WeakMap();
+
+export { ApiaUtilMenu };
+//# sourceMappingURL=ApiaUtilMenu.js.map

package/dist/objects/ApiaUtil/menu/ApiaUtilMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiaUtilMenu.js","sources":["../../../../src/objects/ApiaUtil/menu/ApiaUtilMenu.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\r\nimport {\r\n  ControlledMenu,\r\n  MenuItem,\r\n  MenuItemProps,\r\n  ControlledMenuProps,\r\n  MenuDivider,\r\n  SubMenu,\r\n} from '@szhsin/react-menu';\r\nimport { useCallback, useState } from 'react';\r\n\r\nexport type TSubmenu = { label: string; items: TMenuItems };\r\n\r\nexport type TMenuItem =\r\n  | (MenuItemProps & { key: string })\r\n  | 'separator'\r\n  | TSubmenu;\r\n\r\nexport type TMenuItems = TMenuItem[];\r\n\r\nfunction isSubmenu(item: TMenuItem): item is TSubmenu {\r\n  return Array.isArray((item as TSubmenu).items);\r\n}\r\n\r\nexport class ApiaUtilMenu {\r\n  #emitter = new EventEmitter<{ toggle: boolean }>();\r\n  #items: TMenuItems = [];\r\n  #menuProps: ControlledMenuProps | null = null;\r\n\r\n  #hooks = {\r\n    useIsOpen: (): [boolean, () => void] => {\r\n      const [isOpen, setIsOpen] = useState(false);\r\n\r\n      useMount(() => {\r\n        return this.#emitter.on('toggle', setIsOpen);\r\n      });\r\n\r\n      return [\r\n        isOpen,\r\n        useCallback(() => {\r\n          setIsOpen(false);\r\n        }, []),\r\n      ];\r\n    },\r\n  };\r\n\r\n  close = () => {\r\n    this.#emitter.emit('toggle', false);\r\n  };\r\n\r\n  open = ({\r\n    menuProps,\r\n    items,\r\n  }: {\r\n    menuProps: ControlledMenuProps;\r\n    items: TMenuItems;\r\n  }) => {\r\n    this.#items = items;\r\n    this.#menuProps = menuProps;\r\n\r\n    this.#emitter.emit('toggle', true);\r\n  };\r\n\r\n  #maxId = 0;\r\n\r\n  #RenderMenu = (submenu: TSubmenu) => {\r\n    return (\r\n      <>\r\n        {submenu.items.map((current, i) => {\r\n          if (current === 'separator')\r\n            return <MenuDivider key={`separator${i}`} />;\r\n\r\n          if (isSubmenu(current)) {\r\n            return (\r\n              <SubMenu label={current.label} key={`submenu${this.#maxId++}`}>\r\n                {this.#RenderMenu(current)}\r\n              </SubMenu>\r\n            );\r\n          }\r\n\r\n          return <MenuItem {...current} key={current.key} />;\r\n        })}\r\n      </>\r\n    );\r\n  };\r\n\r\n  Component = () => {\r\n    const [isOpen, close] = this.#hooks.useIsOpen();\r\n\r\n    if (!isOpen) return null;\r\n\r\n    return (\r\n      <ControlledMenu\r\n        {...this.#menuProps}\r\n        state={isOpen ? 'open' : 'closed'}\r\n        onClose={close}\r\n      >\r\n        {this.#RenderMenu({ label: '', items: this.#items })}\r\n      </ControlledMenu>\r\n    );\r\n  };\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/objects/ApiaUtil/modals/ApiaUtilModals.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { TOpenModal } from './OpenModal.js';
+
+declare class ApiaUtilModalHandler {
+    private id;
+    close: () => void;
+    constructor(id: string, close: () => void);
+}
+declare class ApiaUtilModals {
+    #private;
+    constructor();
+    open(props: TOpenModal): ApiaUtilModalHandler;
+    Component: () => React.JSX.Element;
+}
+
+export { ApiaUtilModalHandler, ApiaUtilModals };
+//# sourceMappingURL=ApiaUtilModals.d.ts.map

package/dist/objects/ApiaUtil/modals/ApiaUtilModals.d.ts.map

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

package/dist/objects/ApiaUtil/modals/ApiaUtilModals.js

@@ -0,0 +1,111 @@
+import { jsx, Fragment } from '@apia/theme/jsx-runtime';
+import { EventEmitter, useMount } from '@apia/util';
+import { useState } from 'react';
+import { OpenModal } from './OpenModal.js';
+
+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, 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");
+  member.set(obj, value);
+  return value;
+};
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+var _emitter, _maxId, _useModalsList;
+class ApiaUtilModalHandler {
+  constructor(id, close) {
+    this.id = id;
+    this.close = close;
+  }
+}
+class ApiaUtilModals {
+  constructor() {
+    __privateAdd(this, _emitter, new EventEmitter());
+    __privateAdd(this, _maxId, 0);
+    __privateAdd(this, _useModalsList, () => {
+      const [modals, setModals] = useState(
+        []
+      );
+      useMount(() => {
+        const u1 = __privateGet(this, _emitter).on("open", (ev) => {
+          setModals((current) => [
+            ...current,
+            {
+              ...ev,
+              isOpen: true,
+              onExited: () => {
+                ev.onExited?.();
+                setModals(
+                  (current2) => current2.filter((modal) => modal.id !== ev.id)
+                );
+              }
+            }
+          ]);
+        });
+        const u2 = __privateGet(this, _emitter).on("closeAll", () => {
+          setModals(
+            (current) => current.map((modal) => ({ ...modal, isOpen: false }))
+          );
+        });
+        const u3 = __privateGet(this, _emitter).on("close", (modalId) => {
+          setModals(
+            (current) => current.map(
+              (modal) => modal.id === modalId ? { ...modal, isOpen: false } : modal
+            )
+          );
+        });
+        return () => {
+          u1();
+          u2();
+          u3();
+        };
+      });
+      return modals;
+    });
+    __publicField(this, "Component", () => {
+      const modals = __privateGet(this, _useModalsList).call(this);
+      return /* @__PURE__ */ jsx(Fragment, { children: modals.map((current) => /* @__PURE__ */ jsx(OpenModal, { ...current }, current.id)) });
+    });
+    document.addEventListener("openModal", (event) => {
+      const cevent = event;
+      this.open(cevent.detail);
+    });
+  }
+  open(props) {
+    const id = props.id ?? `modal_${__privateWrapper(this, _maxId)._++}`;
+    __privateGet(this, _emitter).emit("open", { ...props, id });
+    return new ApiaUtilModalHandler(id, () => {
+      __privateGet(this, _emitter).emit("close", id);
+    });
+  }
+}
+_emitter = new WeakMap();
+_maxId = new WeakMap();
+_useModalsList = new WeakMap();
+
+export { ApiaUtilModalHandler, ApiaUtilModals };
+//# sourceMappingURL=ApiaUtilModals.js.map

package/dist/objects/ApiaUtil/modals/ApiaUtilModals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiaUtilModals.js","sources":["../../../../src/objects/ApiaUtil/modals/ApiaUtilModals.tsx"],"sourcesContent":["import { EventEmitter, useMount } from '@apia/util';\r\nimport { useState } from 'react';\r\nimport { OpenModal, TOpenModal } from './OpenModal';\r\n\r\nexport class ApiaUtilModalHandler {\r\n  constructor(private id: string, public close: () => void) {}\r\n}\r\n\r\nexport class ApiaUtilModals {\r\n  #emitter = new EventEmitter<{\r\n    close: string;\r\n    closeAll: boolean;\r\n    open: TOpenModal;\r\n  }>();\r\n  #maxId = 0;\r\n\r\n  constructor() {\r\n    document.addEventListener('openModal', (event) => {\r\n      const cevent = event as CustomEvent;\r\n\r\n      this.open(cevent.detail as TOpenModal);\r\n    });\r\n  }\r\n\r\n  open(props: TOpenModal) {\r\n    const id = props.id ?? `modal_${this.#maxId++}`;\r\n\r\n    this.#emitter.emit('open', { ...props, id });\r\n\r\n    return new ApiaUtilModalHandler(id, () => {\r\n      this.#emitter.emit('close', id);\r\n    });\r\n  }\r\n\r\n  #useModalsList = () => {\r\n    const [modals, setModals] = useState<(TOpenModal & { isOpen: boolean })[]>(\r\n      [],\r\n    );\r\n\r\n    useMount(() => {\r\n      const u1 = this.#emitter.on('open', (ev) => {\r\n        setModals((current) => [\r\n          ...current,\r\n          {\r\n            ...ev,\r\n            isOpen: true,\r\n            onExited: () => {\r\n              ev.onExited?.();\r\n              setModals((current) =>\r\n                current.filter((modal) => modal.id !== ev.id),\r\n              );\r\n            },\r\n          },\r\n        ]);\r\n      });\r\n      const u2 = this.#emitter.on('closeAll', () => {\r\n        setModals((current) =>\r\n          current.map((modal) => ({ ...modal, isOpen: false })),\r\n        );\r\n      });\r\n      const u3 = this.#emitter.on('close', (modalId) => {\r\n        setModals((current) =>\r\n          current.map((modal) =>\r\n            modal.id === modalId ? { ...modal, isOpen: false } : modal,\r\n          ),\r\n        );\r\n      });\r\n\r\n      return () => {\r\n        u1();\r\n        u2();\r\n        u3();\r\n      };\r\n    });\r\n\r\n    return modals;\r\n  };\r\n\r\n  Component = () => {\r\n    const modals = this.#useModalsList();\r\n\r\n    return (\r\n      <>\r\n        {modals.map((current) => (\r\n          <OpenModal key={current.id} {...current} />\r\n        ))}\r\n      </>\r\n    );\r\n  };\r\n}\r\n"],"names":["current"],"mappings":"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"}

package/dist/objects/ApiaUtil/modals/OpenModal.d.ts

@@ -0,0 +1,38 @@
+import { TModal } from '../../../components/modals/Modal.js';
+import React__default from 'react';
+import '../../../components/forms/DateInput.js';
+import '../../../components/forms/NumberInput.js';
+import { IConfirm } from '../../../components/dialogs/ConfirmModal.js';
+import '../../../components/modals/layout/DialogHeader.js';
+
+type TOpenModal = Pick<TModal, 'NavBar' | 'Portal' | 'children' | 'className' | 'hideCloseButton' | 'initialFocusGetter' | 'initialFocusConfiguration' | 'maxWidth' | 'noHeader' | 'onExited' | 'shouldCloseOnEsc' | 'shouldCloseOnOverlayClick' | 'size' | 'stretch' | 'title' | 'variant' | 'draggable' | 'onClose' | 'onDragStart' | 'defaultPosition'> & {
+    id?: string;
+    children?: React__default.ReactNode;
+    confirmProps?: Omit<IConfirm, 'onConfirmOk' | 'onConfirmCancel' | 'children'>;
+    /**
+     * Determina si el modal debe abrirse al ser montado o no.
+     */
+    isDefaultOpen?: boolean;
+    /**
+     * El método onConfirm permite pasar un callback que devuelva una promesa. En
+     * caso de ser así, si esta promesa resuelve a true, el modal será cerrado o
+     * en caso contrario permanecerá abierto. Es útil en situaciones en donde es
+     * necesario corroborar una condición antes de cerrar el modal. En la
+     * situación en que se decida mantener el modal abierto, está a cargo del
+     * usuario del componente realizar las indicaciones visuales correspondientes
+     * para indicar al usuario el motivo por el cual el modal no fue cerrado.
+     */
+    onConfirm?: () => Promise<boolean> | boolean | void;
+    /**
+     * El método onCancel será llamado siempre que un usuario cierre el modal,
+     * excepto cuando haya presionado en onConfirm.
+     */
+    onCancel?: () => void;
+    /**
+     * Permite introducir html directamente dentro del contenedor del modal.
+     */
+    html?: string;
+};
+
+export type { TOpenModal };
+//# sourceMappingURL=OpenModal.d.ts.map

package/dist/objects/ApiaUtil/modals/OpenModal.d.ts.map

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