@tecsinapse/react-native-kit 1.20.0 → 1.22.0-beta.13

package/dist/components/atoms/Modal/ModalGroupManager.js

@@ -1,33 +1,50 @@
-"use strict";
-
-exports.__esModule = true;
-exports.modalLifecycle = exports.ModalGroupManager = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactNative = require("react-native");
-
-var _ModalLifecycleHandler = require("./ModalLifecycleHandler");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const modalLifecycle = (0, _ModalLifecycleHandler.createModalLifecycleHandler)();
-exports.modalLifecycle = modalLifecycle;
-
-const ModalGroupManager = ({
-  children,
-  ...others
-}) => {
-  modalLifecycle.attach((0, _react.useState)([]));
-
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactNative = require('react-native');
+var ModalLifecycleHandler = require('./ModalLifecycleHandler.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const modalLifecycle = ModalLifecycleHandler.createModalLifecycleHandler();
+const ModalGroupManager = (_a) => {
+  var _b = _a, { children } = _b, others = __objRest(_b, ["children"]);
+  modalLifecycle.attach(React.useState([]));
   const _render = modalLifecycle.render();
-
   const hasModals = _render.length > 0;
-  return _react.default.createElement(_react.default.Fragment, null, children, _react.default.createElement(_reactNative.Modal, _extends({
+  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, children, /* @__PURE__ */ React__default["default"].createElement(reactNative.Modal, __spreadValues({
     transparent: true,
     statusBarTranslucent: true,
     animationType: "none",
@@ -36,4 +53,5 @@ const ModalGroupManager = ({
 };
 
 exports.ModalGroupManager = ModalGroupManager;
-//# sourceMappingURL=ModalGroupManager.js.map
+exports.modalLifecycle = modalLifecycle;
+//# sourceMappingURL=ModalGroupManager.js.map

package/dist/components/atoms/Modal/ModalGroupManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalGroupManager.js","names":["modalLifecycle","createModalLifecycleHandler","ModalGroupManager","children","others","attach","useState","_render","render","hasModals","length"],"sources":["../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler();\n\n/**\n * It's responsable for rendering all the modal components.\n *\n * @param param0\n * @returns\n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n  modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]));\n  const _render = modalLifecycle.render();\n  const hasModals = _render.length > 0;\n\n  return (\n    <>\n      {children}\n      <RNModal\n        transparent\n        statusBarTranslucent\n        animationType=\"none\"\n        visible={hasModals}\n        {...others}\n      >\n        {_render}\n      </RNModal>\n    </>\n  );\n};\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;;;AAGO,MAAMA,cAAc,GAAG,IAAAC,kDAAA,GAAvB;;;AAQA,MAAMC,iBAAiC,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA6B;EAC5EJ,cAAc,CAACK,MAAf,CAAsB,IAAAC,eAAA,EAAqC,EAArC,CAAtB;;EACA,MAAMC,OAAO,GAAGP,cAAc,CAACQ,MAAf,EAAhB;;EACA,MAAMC,SAAS,GAAGF,OAAO,CAACG,MAAR,GAAiB,CAAnC;EAEA,OACE,4DACGP,QADH,EAEE,6BAAC,kBAAD;IACE,WAAW,MADb;IAEE,oBAAoB,MAFtB;IAGE,aAAa,EAAC,MAHhB;IAIE,OAAO,EAAEM;EAJX,GAKML,MALN,GAOGG,OAPH,CAFF,CADF;AAcD,CAnBM"}
+{"version":3,"file":"ModalGroupManager.js","sources":["../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler();\n\n/**\n * It's responsable for rendering all the modal components.\n *\n * @param param0\n * @returns\n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n  modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]));\n  const _render = modalLifecycle.render();\n  const hasModals = _render.length > 0;\n\n  return (\n    <>\n      {children}\n      <RNModal\n        transparent\n        statusBarTranslucent\n        animationType=\"none\"\n        visible={hasModals}\n        {...others}\n      >\n        {_render}\n      </RNModal>\n    </>\n  );\n};\n"],"names":["createModalLifecycleHandler","useState","React","RNModal"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAM,iBAAiBA,iDAA4B,GAAA;AAQ7C,MAAA,iBAAA,GAAoC,CAAC,EAA4B,KAAA;AAA5B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAbpD,QAAA,EAAA,GAakD,EAAe,EAAA,MAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AAClD,EAAA,cAAA,CAAe,MAAO,CAAAC,cAAA,CAAqC,EAAE,CAAC,CAAA,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAU,eAAe,MAAO,EAAA,CAAA;AACtC,EAAM,MAAA,SAAA,GAAY,QAAQ,MAAS,GAAA,CAAA,CAAA;AAEnC,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAAAA,yBAAA,CAAA,QAAA,EAAA,IAAA,EACG,0BACAA,yBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,cAAA,CAAA;AAAA,IACC,WAAW,EAAA,IAAA;AAAA,IACX,oBAAoB,EAAA,IAAA;AAAA,IACpB,aAAc,EAAA,MAAA;AAAA,IACd,OAAS,EAAA,SAAA;AAAA,GACL,EAAA,MAAA,CAAA,EAEH,OACH,CACF,CAAA,CAAA;AAEJ;;;;;"}

package/dist/components/atoms/Modal/ModalLifecycleHandler.js

@@ -1,103 +1,110 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.createModalLifecycleHandler = exports.ModalLifecycleHandler = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = _interopRequireDefault(require("react"));
+var React = require('react');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 class ModalLifecycleHandler {
   constructor() {
-    this.nodeGroup = new Map();
-    this.state = undefined;
-  }
-
-  attach = state => {
-    this.state = state;
-  };
-  update = () => {
-    requestAnimationFrame(() => {
-      const nodes = Array.from(this.nodeGroup.values()).filter(node => node.visible || !!node.lastVisualization).sort((nodeA, nodeB) => {
-        var _nodeA$lastVisualizat, _nodeB$lastVisualizat;
-
-        return (((_nodeA$lastVisualizat = nodeA.lastVisualization) == null ? void 0 : _nodeA$lastVisualizat.getTime()) || 0) - (((_nodeB$lastVisualizat = nodeB.lastVisualization) == null ? void 0 : _nodeB$lastVisualizat.getTime()) || 0);
-      }).map((node, index, filteredNodes) => {
-        const modalElement = node.modal();
-        const {
-          props
-        } = modalElement;
-        return _react.default.cloneElement(modalElement, { ...props,
-          key: node.id,
-          visible: node.visible,
-          isLastShown: filteredNodes.length - 1 === index,
-          close: () => this.close(node.id),
-          onClose: () => {
-            this.remove(node.id);
-            props.onClose == null ? void 0 : props.onClose();
+    this.attach = (state) => {
+      this.state = state;
+    };
+    this.update = () => {
+      requestAnimationFrame(() => {
+        const nodes = Array.from(this.nodeGroup.values()).filter((node) => node.visible || !!node.lastVisualization).sort(
+          (nodeA, nodeB) => {
+            var _a, _b;
+            return (((_a = nodeA.lastVisualization) == null ? void 0 : _a.getTime()) || 0) - (((_b = nodeB.lastVisualization) == null ? void 0 : _b.getTime()) || 0);
           }
+        ).map((node, index, filteredNodes) => {
+          const modalElement = node.modal();
+          const { props } = modalElement;
+          return React__default["default"].cloneElement(modalElement, __spreadProps(__spreadValues({}, props), {
+            key: node.id,
+            visible: node.visible,
+            isLastShown: filteredNodes.length - 1 === index,
+            close: () => this.close(node.id),
+            onClose: () => {
+              var _a;
+              this.remove(node.id);
+              (_a = props.onClose) == null ? void 0 : _a.call(props);
+            }
+          }));
         });
+        const [, updateState] = this.state || [];
+        updateState == null ? void 0 : updateState(nodes);
       });
-      const [, updateState] = this.state || [];
-      updateState == null ? void 0 : updateState(nodes);
-    });
-  };
-  render = () => {
-    const [modals] = this.state || [];
-    return modals || [];
-  };
-  sync = (id, modal) => {
-    if (this.nodeGroup.has(id)) {
+    };
+    this.render = () => {
+      const [modals] = this.state || [];
+      return modals || [];
+    };
+    this.sync = (id, modal) => {
+      if (this.nodeGroup.has(id)) {
+        const savedNode = this.findNode(id);
+        savedNode && this.nodeGroup.set(id, __spreadProps(__spreadValues({}, savedNode), { modal }));
+        return;
+      }
+      this.nodeGroup.set(id, { id, modal });
+    };
+    this.destroy = (id) => {
+      this.nodeGroup.delete(id);
+      this.update();
+    };
+    this.remove = (id) => {
       const savedNode = this.findNode(id);
-      savedNode && this.nodeGroup.set(id, { ...savedNode,
-        modal
-      });
-      return;
-    }
-
-    this.nodeGroup.set(id, {
-      id,
-      modal
-    });
-  };
-  destroy = id => {
-    this.nodeGroup.delete(id);
-    this.update();
-  };
-  remove = id => {
-    const savedNode = this.findNode(id);
-    savedNode && this.nodeGroup.set(id, { ...savedNode,
-      lastVisualization: undefined
-    });
-    this.update();
-  };
-  findNode = id => {
-    const node = this.nodeGroup.get(id);
-    !node && console.warn(`No modal was found with the id "${id}"`);
-    return node;
-  };
-  show = id => {
-    const savedNode = this.findNode(id);
-    savedNode && this.nodeGroup.set(id, { ...savedNode,
-      visible: true,
-      lastVisualization: new Date()
-    });
-    this.update();
-  };
-  close = id => {
-    const savedNode = this.findNode(id);
-    savedNode && this.nodeGroup.set(id, { ...savedNode,
-      visible: false
-    });
-    this.update();
-  };
+      savedNode && this.nodeGroup.set(id, __spreadProps(__spreadValues({}, savedNode), { lastVisualization: void 0 }));
+      this.update();
+    };
+    this.findNode = (id) => {
+      const node = this.nodeGroup.get(id);
+      !node && console.warn(`No modal was found with the id "${id}"`);
+      return node;
+    };
+    this.show = (id) => {
+      const savedNode = this.findNode(id);
+      savedNode && this.nodeGroup.set(id, __spreadProps(__spreadValues({}, savedNode), {
+        visible: true,
+        lastVisualization: new Date()
+      }));
+      this.update();
+    };
+    this.close = (id) => {
+      const savedNode = this.findNode(id);
+      savedNode && this.nodeGroup.set(id, __spreadProps(__spreadValues({}, savedNode), { visible: false }));
+      this.update();
+    };
+    this.nodeGroup = /* @__PURE__ */ new Map();
+    this.state = void 0;
+  }
 }
-
-exports.ModalLifecycleHandler = ModalLifecycleHandler;
-
 const createModalLifecycleHandler = () => {
   return new ModalLifecycleHandler();
 };
 
+exports.ModalLifecycleHandler = ModalLifecycleHandler;
 exports.createModalLifecycleHandler = createModalLifecycleHandler;
-//# sourceMappingURL=ModalLifecycleHandler.js.map
+//# sourceMappingURL=ModalLifecycleHandler.js.map

package/dist/components/atoms/Modal/ModalLifecycleHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalLifecycleHandler.js","names":["ModalLifecycleHandler","constructor","nodeGroup","Map","state","undefined","attach","update","requestAnimationFrame","nodes","Array","from","values","filter","node","visible","lastVisualization","sort","nodeA","nodeB","getTime","map","index","filteredNodes","modalElement","modal","props","React","cloneElement","key","id","isLastShown","length","close","onClose","remove","updateState","render","modals","sync","has","savedNode","findNode","set","destroy","delete","get","console","warn","show","Date","createModalLifecycleHandler"],"sources":["../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"sourcesContent":["import React, { Dispatch, ReactElement } from 'react';\nimport { IBaseModal } from './ui/types';\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n  id: string;\n  visible?: boolean;\n  lastVisualization?: Date;\n  modal: () => ReactElement<IBaseModal>;\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n  nodeGroup: Map<string, ModalNode>;\n  state:\n    | [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n    | undefined;\n\n  constructor() {\n    this.nodeGroup = new Map();\n    this.state = undefined;\n  }\n\n  /**\n   * Holds the ModalGroupManager state.\n   *\n   * @param state\n   */\n  public attach = (\n    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n  ) => {\n    this.state = state;\n  };\n\n  /**\n   * Updates all the modal components.\n   */\n  public update = () => {\n    requestAnimationFrame(() => {\n      const nodes = Array.from(this.nodeGroup.values())\n        .filter(node => node.visible || !!node.lastVisualization)\n        .sort(\n          (nodeA, nodeB) =>\n            (nodeA.lastVisualization?.getTime() || 0) -\n            (nodeB.lastVisualization?.getTime() || 0)\n        )\n        .map((node, index, filteredNodes) => {\n          const modalElement = node.modal();\n          const { props } = modalElement;\n          return React.cloneElement(modalElement, {\n            ...props,\n            key: node.id,\n            visible: node.visible,\n            isLastShown: filteredNodes.length - 1 === index,\n            close: () => this.close(node.id),\n            onClose: () => {\n              this.remove(node.id);\n              props.onClose?.();\n            },\n          });\n        });\n\n      const [, updateState] = this.state || [];\n      updateState?.(nodes);\n    });\n  };\n\n  /**\n   * Renders all selected modals.\n   *\n   * @returns\n   */\n  public render = (): ReactElement<IBaseModal>[] => {\n    const [modals] = this.state || [];\n    return modals || [];\n  };\n\n  /**\n   * Tells to the lifecycle handler that a modal component needs to be handled.\n   *\n   * @param id\n   * @param modal\n   * @returns\n   */\n  public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n    if (this.nodeGroup.has(id)) {\n      const savedNode = this.findNode(id);\n      savedNode && this.nodeGroup.set(id, { ...savedNode, modal });\n      return;\n    }\n    this.nodeGroup.set(id, { id, modal });\n  };\n\n  /**\n   * Destroy a modal from the lifecycle handler.\n   *\n   * @param id\n   */\n  public destroy = (id: string) => {\n    this.nodeGroup.delete(id);\n    this.update();\n  };\n\n  /**\n   * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal\n   * component is no longer used by the application.\n   *\n   * @param id\n   */\n  private remove = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined });\n    this.update();\n  };\n\n  /**\n   * Find a modal node by id.\n   *\n   * @param id\n   */\n  private findNode = (id: string) => {\n    const node = this.nodeGroup.get(id);\n    !node && console.warn(`No modal was found with the id \"${id}\"`);\n    return node;\n  };\n\n  /**\n   * Makes a modal appears.\n   *\n   * @param id\n   */\n  public show = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, {\n        ...savedNode,\n        visible: true,\n        lastVisualization: new Date(),\n      });\n    this.update();\n  };\n\n  /**\n   * Makes a modal disappears.\n   *\n   * @param id\n   */\n  public close = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false });\n    this.update();\n  };\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n *\n * @returns\n */\nexport const createModalLifecycleHandler = () => {\n  return new ModalLifecycleHandler();\n};\n"],"mappings":"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"}
+{"version":3,"file":"ModalLifecycleHandler.js","sources":["../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"sourcesContent":["import React, { Dispatch, ReactElement } from 'react';\nimport { IBaseModal } from './ui/types';\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n  id: string;\n  visible?: boolean;\n  lastVisualization?: Date;\n  modal: () => ReactElement<IBaseModal>;\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n  nodeGroup: Map<string, ModalNode>;\n  state:\n    | [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n    | undefined;\n\n  constructor() {\n    this.nodeGroup = new Map();\n    this.state = undefined;\n  }\n\n  /**\n   * Holds the ModalGroupManager state.\n   *\n   * @param state\n   */\n  public attach = (\n    state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n  ) => {\n    this.state = state;\n  };\n\n  /**\n   * Updates all the modal components.\n   */\n  public update = () => {\n    requestAnimationFrame(() => {\n      const nodes = Array.from(this.nodeGroup.values())\n        .filter(node => node.visible || !!node.lastVisualization)\n        .sort(\n          (nodeA, nodeB) =>\n            (nodeA.lastVisualization?.getTime() || 0) -\n            (nodeB.lastVisualization?.getTime() || 0)\n        )\n        .map((node, index, filteredNodes) => {\n          const modalElement = node.modal();\n          const { props } = modalElement;\n          return React.cloneElement(modalElement, {\n            ...props,\n            key: node.id,\n            visible: node.visible,\n            isLastShown: filteredNodes.length - 1 === index,\n            close: () => this.close(node.id),\n            onClose: () => {\n              this.remove(node.id);\n              props.onClose?.();\n            },\n          });\n        });\n\n      const [, updateState] = this.state || [];\n      updateState?.(nodes);\n    });\n  };\n\n  /**\n   * Renders all selected modals.\n   *\n   * @returns\n   */\n  public render = (): ReactElement<IBaseModal>[] => {\n    const [modals] = this.state || [];\n    return modals || [];\n  };\n\n  /**\n   * Tells to the lifecycle handler that a modal component needs to be handled.\n   *\n   * @param id\n   * @param modal\n   * @returns\n   */\n  public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n    if (this.nodeGroup.has(id)) {\n      const savedNode = this.findNode(id);\n      savedNode && this.nodeGroup.set(id, { ...savedNode, modal });\n      return;\n    }\n    this.nodeGroup.set(id, { id, modal });\n  };\n\n  /**\n   * Destroy a modal from the lifecycle handler.\n   *\n   * @param id\n   */\n  public destroy = (id: string) => {\n    this.nodeGroup.delete(id);\n    this.update();\n  };\n\n  /**\n   * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal\n   * component is no longer used by the application.\n   *\n   * @param id\n   */\n  private remove = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined });\n    this.update();\n  };\n\n  /**\n   * Find a modal node by id.\n   *\n   * @param id\n   */\n  private findNode = (id: string) => {\n    const node = this.nodeGroup.get(id);\n    !node && console.warn(`No modal was found with the id \"${id}\"`);\n    return node;\n  };\n\n  /**\n   * Makes a modal appears.\n   *\n   * @param id\n   */\n  public show = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode &&\n      this.nodeGroup.set(id, {\n        ...savedNode,\n        visible: true,\n        lastVisualization: new Date(),\n      });\n    this.update();\n  };\n\n  /**\n   * Makes a modal disappears.\n   *\n   * @param id\n   */\n  public close = (id: string) => {\n    const savedNode = this.findNode(id);\n    savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false });\n    this.update();\n  };\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n *\n * @returns\n */\nexport const createModalLifecycleHandler = () => {\n  return new ModalLifecycleHandler();\n};\n"],"names":["React"],"mappings":"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"}

package/dist/components/atoms/Modal/ui/BaseModalView.js

@@ -1,150 +1,151 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.ModalView = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactCore = require("@tecsinapse/react-core");
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var reactNative = require('react-native');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+var styled = require('./styled.js');
 
-var _react = _interopRequireWildcard(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
-
-var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
-var _styled = require("./styled");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const BACKDROP_ALPHA = 0.65;
 const INTERPOLATION_STEPS = 10;
 const INTERPOLATION_DURATION = 195;
 const OPACITY_DURATION = 25;
-
 const ModalView = ({
   children,
   visible,
-  BoxComponent = _reactCore.BoxContent,
+  BoxComponent = reactCore.BoxContent,
   frozen,
   isLastShown,
   showCloseBar = true,
   close,
   onClose
 }) => {
-  const {
-    bottom
-  } = (0, _reactNativeSafeAreaContext.useSafeAreaInsets)();
-  const [ready, setReady] = (0, _react.useState)(false);
-  const [keyboardOpened, setKeyboardOpened] = (0, _react.useState)(0);
-  const [boxHeight, setBoxHeight] = (0, _react.useState)(0);
-  const backgroundCarrier = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const translationCarrier = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const opacityCarrier = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const { bottom } = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const [ready, setReady] = React.useState(false);
+  const [keyboardOpened, setKeyboardOpened] = React.useState(0);
+  const [boxHeight, setBoxHeight] = React.useState(0);
+  const backgroundCarrier = React.useRef(new reactNative.Animated.Value(0)).current;
+  const translationCarrier = React.useRef(new reactNative.Animated.Value(0)).current;
+  const opacityCarrier = React.useRef(new reactNative.Animated.Value(0)).current;
   const offset = isLastShown && keyboardOpened > 0 ? 0 : bottom;
-
-  const getKeyboardHeight = keyboard => {
-    if (keyboard === 0) return 0;
-    const wHeight = Math.ceil(_reactNative.Dimensions.get('window').height);
-    const sHeight = Math.ceil(_reactNative.Dimensions.get('screen').height);
-
+  const getKeyboardHeight = (keyboard) => {
+    if (keyboard === 0)
+      return 0;
+    const wHeight = Math.ceil(reactNative.Dimensions.get("window").height);
+    const sHeight = Math.ceil(reactNative.Dimensions.get("screen").height);
     if (wHeight !== sHeight) {
-      return keyboard + (sHeight - wHeight - (_reactNative.StatusBar.currentHeight || 0));
+      return keyboard + (sHeight - wHeight - (reactNative.StatusBar.currentHeight || 0));
     }
-
     return keyboard;
   };
-
-  const show = (0, _react.useCallback)(() => {
-    _reactNative.Animated.sequence([_reactNative.Animated.timing(backgroundCarrier, {
-      toValue: INTERPOLATION_STEPS,
-      duration: INTERPOLATION_DURATION,
-      easing: _reactNative.Easing.out(_reactNative.Easing.circle),
-      useNativeDriver: false
-    }), _reactNative.Animated.timing(opacityCarrier, {
-      toValue: 1,
-      duration: OPACITY_DURATION,
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(translationCarrier, {
-      toValue: 0,
-      duration: INTERPOLATION_DURATION,
-      easing: _reactNative.Easing.out(_reactNative.Easing.circle),
-      useNativeDriver: true
-    })]).start();
+  const show = React.useCallback(() => {
+    reactNative.Animated.sequence([
+      reactNative.Animated.timing(backgroundCarrier, {
+        toValue: INTERPOLATION_STEPS,
+        duration: INTERPOLATION_DURATION,
+        easing: reactNative.Easing.out(reactNative.Easing.circle),
+        useNativeDriver: false
+      }),
+      reactNative.Animated.timing(opacityCarrier, {
+        toValue: 1,
+        duration: OPACITY_DURATION,
+        useNativeDriver: true
+      }),
+      reactNative.Animated.timing(translationCarrier, {
+        toValue: 0,
+        duration: INTERPOLATION_DURATION,
+        easing: reactNative.Easing.out(reactNative.Easing.circle),
+        useNativeDriver: true
+      })
+    ]).start();
   }, []);
-  const hide = (0, _react.useCallback)(to => {
-    _reactNative.Animated.sequence([_reactNative.Animated.parallel([_reactNative.Animated.timing(translationCarrier, {
-      toValue: to,
-      duration: INTERPOLATION_DURATION,
-      easing: _reactNative.Easing.out(_reactNative.Easing.circle),
-      useNativeDriver: true
-    }), _reactNative.Animated.timing(opacityCarrier, {
-      toValue: 0,
-      duration: INTERPOLATION_DURATION,
-      useNativeDriver: true
-    })]), _reactNative.Animated.timing(backgroundCarrier, {
-      toValue: 0,
-      duration: INTERPOLATION_DURATION,
-      easing: _reactNative.Easing.out(_reactNative.Easing.circle),
-      useNativeDriver: false
-    })]).start(onClose);
-  }, [onClose]);
+  const hide = React.useCallback(
+    (to) => {
+      reactNative.Animated.sequence([
+        reactNative.Animated.parallel([
+          reactNative.Animated.timing(translationCarrier, {
+            toValue: to,
+            duration: INTERPOLATION_DURATION,
+            easing: reactNative.Easing.out(reactNative.Easing.circle),
+            useNativeDriver: true
+          }),
+          reactNative.Animated.timing(opacityCarrier, {
+            toValue: 0,
+            duration: INTERPOLATION_DURATION,
+            useNativeDriver: true
+          })
+        ]),
+        reactNative.Animated.timing(backgroundCarrier, {
+          toValue: 0,
+          duration: INTERPOLATION_DURATION,
+          easing: reactNative.Easing.out(reactNative.Easing.circle),
+          useNativeDriver: false
+        })
+      ]).start(onClose);
+    },
+    [onClose]
+  );
   const backgroundInterpolation = backgroundCarrier.interpolate({
     inputRange: [0, INTERPOLATION_STEPS],
-    outputRange: ['rgba(0, 0, 0, 0)', `rgba(0, 0, 0, ${BACKDROP_ALPHA})`]
+    outputRange: ["rgba(0, 0, 0, 0)", `rgba(0, 0, 0, ${BACKDROP_ALPHA})`]
   });
-  const handleBoxLayoutChanges = (0, _react.useCallback)(lce => {
-    const boxHeightEvent = lce.nativeEvent.layout.height;
-    setBoxHeight(boxHeightEvent);
-
-    if (visible && !ready) {
-      translationCarrier.setValue(boxHeightEvent);
-      setReady(true);
-    }
-  }, [show, ready, visible, setReady]);
-  (0, _react.useEffect)(() => {
-    if (visible && ready) requestAnimationFrame(() => show());
-
+  const handleBoxLayoutChanges = React.useCallback(
+    (lce) => {
+      const boxHeightEvent = lce.nativeEvent.layout.height;
+      setBoxHeight(boxHeightEvent);
+      if (visible && !ready) {
+        translationCarrier.setValue(boxHeightEvent);
+        setReady(true);
+      }
+    },
+    [show, ready, visible, setReady]
+  );
+  React.useEffect(() => {
+    if (visible && ready)
+      requestAnimationFrame(() => show());
     if (!visible && !ready) {
-      _reactNative.Keyboard.dismiss();
-
+      reactNative.Keyboard.dismiss();
       requestAnimationFrame(() => hide(boxHeight));
     }
-
-    if (!visible && ready) setReady(false);
+    if (!visible && ready)
+      setReady(false);
   }, [ready, visible]);
-  (0, _react.useEffect)(() => {
-    const showEvent = _reactNative.Keyboard.addListener('keyboardDidShow', e => setKeyboardOpened(e.endCoordinates.height));
-
-    const hideEvent = _reactNative.Keyboard.addListener('keyboardDidHide', () => setKeyboardOpened(0));
-
+  React.useEffect(() => {
+    const showEvent = reactNative.Keyboard.addListener(
+      "keyboardDidShow",
+      (e) => setKeyboardOpened(e.endCoordinates.height)
+    );
+    const hideEvent = reactNative.Keyboard.addListener(
+      "keyboardDidHide",
+      () => setKeyboardOpened(0)
+    );
     return () => {
       showEvent.remove();
       hideEvent.remove();
     };
   }, []);
-  return _react.default.createElement(_styled.StyledPressableBackDrop, {
-    onPress: !frozen ? close : undefined
-  }, _react.default.createElement(_styled.BackDropView, {
-    style: {
-      backgroundColor: backgroundInterpolation
-    }
-  }, _react.default.createElement(_reactNative.Animated.View, {
+  return /* @__PURE__ */ React__default["default"].createElement(styled.StyledPressableBackDrop, {
+    onPress: !frozen ? close : void 0
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.BackDropView, {
+    style: { backgroundColor: backgroundInterpolation }
+  }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Animated.View, {
     style: {
       paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,
       opacity: opacityCarrier,
-      transform: [{
-        translateY: translationCarrier
-      }]
+      transform: [{ translateY: translationCarrier }]
     }
-  }, _react.default.createElement(_reactNative.Pressable, null, _react.default.createElement(BoxComponent, {
+  }, /* @__PURE__ */ React__default["default"].createElement(reactNative.Pressable, null, /* @__PURE__ */ React__default["default"].createElement(BoxComponent, {
     onLayout: handleBoxLayoutChanges,
-    style: {
-      paddingBottom: offset
-    },
+    style: { paddingBottom: offset },
     variant: "bottom"
-  }, showCloseBar && _react.default.createElement(_styled.CloseBar, null), children)))));
+  }, showCloseBar && /* @__PURE__ */ React__default["default"].createElement(styled.CloseBar, null), children)))));
 };
 
 exports.ModalView = ModalView;
-//# sourceMappingURL=BaseModalView.js.map
+//# sourceMappingURL=BaseModalView.js.map