linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/dialog/base/Header.js

@@ -1,58 +1,41 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _icons = _interopRequireDefault(require("../../icons"));
-var _form = require("../form");
-var _base = require("../base");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const getCloseButton = handleClose => /*#__PURE__*/_react.default.createElement("button", {
-  id: "botao-fechar-modal-cabecalho",
-  className: "close-button",
-  onClick: handleClose
-}, /*#__PURE__*/_react.default.createElement(_icons.default, {
-  name: "cancel2"
-}));
-const getIcon = (titleIcon, icon) => {
-  if (icon) {
-    return icon;
-  } else if (titleIcon) {
-    return /*#__PURE__*/_react.default.createElement(_icons.default, {
-      name: titleIcon,
-      color: "#000"
-    });
-  }
-  return null;
+import { jsx as c, jsxs as x } from "react/jsx-runtime";
+import { c as D } from "../../_virtual/compiler-runtime.js";
+import { useContext as g } from "react";
+import b from "../../icons/index.js";
+import { FormDialogContext as I } from "../form/index.js";
+import { DialogContext as j } from "./index.js";
+const w = (t) => /* @__PURE__ */ c("button", { id: "botao-fechar-modal-cabecalho", className: "close-button", onClick: t, children: /* @__PURE__ */ c(b, { name: "cancel2" }) }), F = (t, e) => e || (t ? /* @__PURE__ */ c(b, { name: t, color: "#000" }) : null), z = (t) => {
+  const e = D.c(18), {
+    showCloseButton: p,
+    handlerClose: N,
+    title: d,
+    icon: i,
+    titleIcon: a
+  } = t, f = p === void 0 ? !0 : p, v = g(I), B = g(j), u = N || B.handleClose, h = v?.headerRef, C = `${i !== null || a !== null ? "left" : ""}`;
+  let o;
+  e[0] !== i || e[1] !== a ? (o = F(a, i), e[0] = i, e[1] = a, e[2] = o) : o = e[2];
+  let l;
+  e[3] !== C || e[4] !== o ? (l = /* @__PURE__ */ c("div", { className: C, children: o }), e[3] = C, e[4] = o, e[5] = l) : l = e[5];
+  let n;
+  e[6] !== d ? (n = /* @__PURE__ */ c("h5", { className: "modal-title", children: d }), e[6] = d, e[7] = n) : n = e[7];
+  let s;
+  e[8] !== u || e[9] !== f ? (s = f && w(u), e[8] = u, e[9] = f, e[10] = s) : s = e[10];
+  let r;
+  e[11] !== n || e[12] !== s ? (r = /* @__PURE__ */ x("div", { className: "right", children: [
+    n,
+    s
+  ] }), e[11] = n, e[12] = s, e[13] = r) : r = e[13];
+  let m;
+  return e[14] !== h || e[15] !== l || e[16] !== r ? (m = /* @__PURE__ */ x("div", { role: "button", tabIndex: -1, onFocus: R, onBlur: _, ref: h, className: "dialog-header", children: [
+    l,
+    r
+  ] }), e[14] = h, e[15] = l, e[16] = r, e[17] = m) : m = e[17], m;
 };
-const Header = _ref => {
-  let {
-    showCloseButton = true,
-    handlerClose,
-    title,
-    icon,
-    titleIcon
-  } = _ref;
-  const formDialogContext = (0, _react.useContext)(_form.FormDialogContext);
-  const dialogContext = (0, _react.useContext)(_base.DialogContext);
-  const handleClose = handlerClose || dialogContext.handleClose;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    role: "button",
-    tabIndex: -1,
-    onFocus: () => {},
-    onBlur: () => {},
-    ref: formDialogContext?.headerRef,
-    className: "dialog-header"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `${icon !== null || titleIcon !== null ? 'left' : ''}`
-  }, getIcon(titleIcon, icon)), /*#__PURE__*/_react.default.createElement("div", {
-    className: "right"
-  }, /*#__PURE__*/_react.default.createElement("h5", {
-    className: "modal-title"
-  }, title), showCloseButton && getCloseButton(handleClose)));
+function R() {
+}
+function _() {
+}
+export {
+  z as default
 };
-var _default = exports.default = Header;
+//# sourceMappingURL=Header.js.map

package/lib/dialog/base/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../src/lib/dialog/base/Header.tsx"],"sourcesContent":["import { MouseEventHandler, ReactNode, useContext } from 'react';\nimport Icon from '../../icons';\nimport { IHeaderProps } from '../types';\nimport { IconNames } from '../../../lib/@types/Icon';\nimport { FormDialogContext } from '../form';\nimport { DialogContext } from '../base';\n\nconst getCloseButton = (handleClose: MouseEventHandler<HTMLSpanElement>) => (\n  <button\n    id=\"botao-fechar-modal-cabecalho\"\n    className=\"close-button\"\n    onClick={handleClose}>\n    <Icon name='cancel2' />\n  </button>\n);\n\nconst getIcon = (titleIcon?: IconNames, icon?: ReactNode) => {\n  if (icon) {\n    return icon;\n  } else if (titleIcon) {\n    return <Icon name={titleIcon} color=\"#000\" />;\n  }\n  return null;\n};\n\nconst Header = ({\n  showCloseButton = true, handlerClose, title, icon, titleIcon,\n}: IHeaderProps) => {\n  const formDialogContext = useContext(FormDialogContext);\n  const dialogContext = useContext(DialogContext);\n  const handleClose = handlerClose || dialogContext.handleClose;\n\n  return (\n    <div\n      role=\"button\"\n      tabIndex={-1}\n      onFocus={() => { }}\n      onBlur={() => { }}\n      ref={formDialogContext?.headerRef}\n      className=\"dialog-header\">\n      <div className={`${(icon !== null || titleIcon !== null) ? 'left' : ''}`}>\n        {getIcon(titleIcon, icon)}\n      </div>\n      <div className=\"right\">\n        <h5 className=\"modal-title\">{title}</h5>\n        {showCloseButton && getCloseButton(handleClose)}\n      </div>\n    </div>\n  );\n};\n\nexport default Header;\n"],"names":["getCloseButton","handleClose","jsx","Icon","getIcon","titleIcon","icon","Header","t0","$","_c","showCloseButton","t1","handlerClose","title","undefined","formDialogContext","useContext","FormDialogContext","dialogContext","DialogContext","t2","headerRef","t3","t4","t5","t6","t7","t8","jsxs","t9","_temp","_temp2"],"mappings":";;;;;;AAOA,MAAMA,IAAiBA,CAACC,MACtB,gBAAAC,EAAC,YACC,IAAG,gCACH,WAAU,gBACV,SAASD,GACT,UAAA,gBAAAC,EAACC,GAAA,EAAK,MAAK,WAAS,GACtB,GAGIC,IAAUA,CAACC,GAAuBC,MAClCA,MAEOD,IACF,gBAAAH,EAACC,GAAA,EAAK,MAAME,GAAW,OAAM,QAAM,IAErC,OAGHE,IAASC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,iBAAAC;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,OAAAA;AAAAA,IAAAR,MAAAA;AAAAA,IAAAD,WAAAA;AAAAA,EAAAA,IAAAG,GACdG,IAAAC,MAAAG,SAAA,KAAAH,GAEAI,IAA0BC,EAAWC,CAAiB,GACtDC,IAAsBF,EAAWG,CAAa,GAC9CnB,IAAoBY,KAAgBM,EAAalB,aAQxCoB,IAAAL,GAAiBM,WAENC,IAAA,GAAIjB,MAAS,QAAQD,MAAc,OAAhC,SAAA,EAAmD;AAAE,MAAAmB;AAAA,EAAAf,EAAA,CAAA,MAAAH,KAAAG,SAAAJ,KACrEmB,IAAApB,EAAQC,GAAWC,CAAI,GAACG,OAAAH,GAAAG,OAAAJ,GAAAI,OAAAe,KAAAA,IAAAf,EAAA,CAAA;AAAA,MAAAgB;AAAA,EAAAhB,EAAA,CAAA,MAAAc,KAAAd,SAAAe,KAD3BC,IAAA,gBAAAvB,EAAA,OAAA,EAAgB,WAAAqB,GACbC,UAAAA,GACH,GAAMf,OAAAc,GAAAd,OAAAe,GAAAf,OAAAgB,KAAAA,IAAAhB,EAAA,CAAA;AAAA,MAAAiB;AAAA,EAAAjB,SAAAK,KAEJY,IAAA,gBAAAxB,EAAA,MAAA,EAAc,WAAA,eAAeY,UAAAA,GAAM,GAAKL,OAAAK,GAAAL,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAAA,MAAAkB;AAAA,EAAAlB,EAAA,CAAA,MAAAR,KAAAQ,SAAAE,KACvCgB,IAAAhB,KAAmBX,EAAeC,CAAW,GAACQ,OAAAR,GAAAQ,OAAAE,GAAAF,QAAAkB,KAAAA,IAAAlB,EAAA,EAAA;AAAA,MAAAmB;AAAA,EAAAnB,EAAA,EAAA,MAAAiB,KAAAjB,UAAAkB,KAFjDC,IAAA,gBAAAC,EAAA,OAAA,EAAe,WAAA,SACbH,UAAAA;AAAAA,IAAAA;AAAAA,IACCC;AAAAA,EAAAA,GACH,GAAMlB,QAAAiB,GAAAjB,QAAAkB,GAAAlB,QAAAmB,KAAAA,IAAAnB,EAAA,EAAA;AAAA,MAAAqB;AAAA,SAAArB,EAAA,EAAA,MAAAY,KAAAZ,UAAAgB,KAAAhB,EAAA,EAAA,MAAAmB,KAbRE,+BACO,MAAA,UACK,UAAA,IACD,SAAAC,GACD,QAAAC,GACH,KAAAX,GACK,WAAA,iBACVI,UAAAA;AAAAA,IAAAA;AAAAA,IAGAG;AAAAA,EAAAA,GAIF,GAAMnB,QAAAY,GAAAZ,QAAAgB,GAAAhB,QAAAmB,GAAAnB,QAAAqB,KAAAA,IAAArB,EAAA,EAAA,GAdNqB;AAcM;AAtBK,SAAAC,IAAA;AAAA;AAAA,SAAAC,IAAA;AAAA;"}

package/lib/dialog/base/index.d.ts

@@ -1,15 +1,13 @@
-import React__default from 'react';
-import { IBaseProps } from '../types.js';
-import '../../@types/Align.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
+import { IBaseProps } from '../types';
+import { default as BaseContent } from './Content';
+import { default as BaseHeader } from './Header';
+import { default as BaseFooter } from './Footer';
 type DialogContextType = {
     handleClose: () => void;
     open: boolean;
     onOpenChange: (open: boolean) => void;
 };
-declare const DialogContext: React__default.Context<DialogContextType>;
-declare const BaseDialog: (props: IBaseProps) => JSX.Element | null;
-
-export { DialogContext, BaseDialog as default };
+export declare const DialogContext: import('react').Context<DialogContextType>;
+declare const BaseDialog: (props: IBaseProps) => import("react/jsx-runtime").JSX.Element | null;
+export default BaseDialog;
+export { BaseContent, BaseHeader, BaseFooter };

package/lib/dialog/base/index.js

@@ -1,203 +1,182 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DialogContext = void 0;
-require("../../assets/styles/dialog.scss");
-var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var uuid = _interopRequireWildcard(require("uuid"));
-var _style = _interopRequireDefault(require("./style"));
-var _form = require("../form");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const DialogContext = exports.DialogContext = /*#__PURE__*/_react.default.createContext({});
-const {
-  body
-} = document;
-const BaseDialog = props => {
-  const baseDialogId = uuid.v4();
-  const {
-    id = baseDialogId,
-    overlay = true,
-    closeOnEsc,
-    closeOnOutsideClick,
-    wrapperClassName = '',
-    className = '',
-    children,
-    open: openProp,
-    onOpenChange,
-    zIndex,
-    handlerClose
-  } = props;
-  const {
-    headerRef
-  } = _react.default.useContext(_form.FormDialogContext);
-  const [open = true, setOpen] = _react.default.useState(openProp);
-  const [isDragging, setIsDragging] = _react.default.useState(false);
-  const wrapperEl = _react.default.useRef(null);
-  const modalContainerRef = _react.default.useRef(null);
-  const focusableElementsRef = _react.default.useRef([]);
-  if (openProp !== undefined && openProp !== open) {
-    setOpen(openProp);
-  }
-  const handleClose = () => {
-    if (openProp !== undefined && onOpenChange) {
-      onOpenChange(false);
-    } else {
-      if (handlerClose) handlerClose();
-      if (onOpenChange) onOpenChange(false);
-    }
-  };
-  const handleClickOutside = event => {
-    if (!closeOnOutsideClick) return;
-    const target = event.target;
-    event.stopPropagation();
-    if (wrapperEl !== null && wrapperEl.current !== null && !isDragging && !wrapperEl.current.contains(target)) {
-      handleClose();
-    }
-  };
-  const onKeyDownPress = event => {
-    if (event?.key === 'Escape') {
-      event.stopPropagation();
-      handleClose();
-    }
-  };
-  _react.default.useEffect(() => {
-    if (open && modalContainerRef.current) {
-      focusableElementsRef.current = Array.from(modalContainerRef.current.querySelectorAll("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])"));
-    }
-  }, [open]);
-  const onDialogPositionChange = _ref => {
-    let {
-      positionX,
-      positionY
-    } = _ref;
-    if (wrapperEl.current) {
+import { jsx as z, jsxs as Ce } from "react/jsx-runtime";
+import { c as De } from "../../_virtual/compiler-runtime.js";
+import '../../assets/styles/dialog.css';/* empty css                              */
+import Re from "react-dom";
+import { createContext as _e, useContext as Oe, useState as he, useRef as le, useEffect as F, useLayoutEffect as Le } from "react";
+import Ne from "./style.js";
+import { FormDialogContext as Se } from "../form/index.js";
+import { default as Te } from "./Content.js";
+import { default as Ge } from "./Header.js";
+import { default as Qe } from "./Footer.js";
+import Pe from "../../node_modules/uuid/dist/v4.js";
+const Be = _e({}), {
+  body: Me
+} = document, ze = (c) => {
+  const e = De.c(68);
+  let f;
+  e[0] === Symbol.for("react.memo_cache_sentinel") ? (f = Pe(), e[0] = f) : f = e[0];
+  const we = f, {
+    id: re,
+    overlay: ce,
+    closeOnEsc: m,
+    closeOnOutsideClick: q,
+    wrapperClassName: ae,
+    className: de,
+    children: T,
+    open: a,
+    onOpenChange: d,
+    zIndex: fe,
+    handlerClose: E
+  } = c, U = re === void 0 ? we : re, G = ce === void 0 ? !0 : ce, J = ae === void 0 ? "" : ae, be = de === void 0 ? "" : de, {
+    headerRef: Q
+  } = Oe(Se), [me, ue] = he(a), t = me === void 0 ? !0 : me, [i, pe] = he(!1), n = le(null), V = le(null);
+  let x;
+  e[1] === Symbol.for("react.memo_cache_sentinel") ? (x = [], e[1] = x) : x = e[1];
+  const ye = le(x);
+  a !== void 0 && a !== t && ue(a);
+  let C;
+  e[2] !== E || e[3] !== d || e[4] !== a ? (C = () => {
+    a !== void 0 && d ? d(!1) : (E && E(), d && d(!1));
+  }, e[2] = E, e[3] = d, e[4] = a, e[5] = C) : C = e[5];
+  const l = C;
+  let D;
+  e[6] !== q || e[7] !== l || e[8] !== i ? (D = (o) => {
+    if (!q)
+      return;
+    const s = o.target;
+    o.stopPropagation(), n !== null && n.current !== null && !i && !n.current.contains(s) && l();
+  }, e[6] = q, e[7] = l, e[8] = i, e[9] = D) : D = e[9];
+  const Z = D;
+  let R;
+  e[10] !== l ? (R = (o) => {
+    o?.key === "Escape" && (o.stopPropagation(), l());
+  }, e[10] = l, e[11] = R) : R = e[11];
+  const _ = R;
+  let O, L;
+  e[12] !== t ? (O = () => {
+    t && V.current && (ye.current = Array.from(V.current.querySelectorAll("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])")));
+  }, L = [t], e[12] = t, e[13] = O, e[14] = L) : (O = e[13], L = e[14]), F(O, L);
+  let N;
+  e[15] === Symbol.for("react.memo_cache_sentinel") ? (N = (o) => {
+    const {
+      positionX: s,
+      positionY: r
+    } = o;
+    if (n.current) {
       const {
-        width,
-        height
-      } = wrapperEl.current.getBoundingClientRect();
-      let x = positionX <= 0 ? 0 : positionX;
-      let y = positionY <= 0 ? 0 : positionY;
-      if (x + width >= window.innerWidth) x = window.innerWidth - width;
-      if (y + height >= window.innerHeight) y = window.innerHeight - height;
-      wrapperEl.current.style.transform = `translate(${x}px, ${y}px)`;
-      wrapperEl.current.style.transition = 'none';
-      wrapperEl.current.style.left = '0';
-      wrapperEl.current.style.top = '0';
-      wrapperEl.current.style.position = 'absolute';
+        width: b,
+        height: ge
+      } = n.current.getBoundingClientRect();
+      let se = s <= 0 ? 0 : s, ie = r <= 0 ? 0 : r;
+      se + b >= window.innerWidth && (se = window.innerWidth - b), ie + ge >= window.innerHeight && (ie = window.innerHeight - ge), n.current.style.transform = `translate(${se}px, ${ie}px)`, n.current.style.transition = "none", n.current.style.left = "0", n.current.style.top = "0", n.current.style.position = "absolute";
     }
-  };
-  const onMouseMove = event => {
-    if (wrapperEl.current && isDragging) {
+  }, e[15] = N) : N = e[15];
+  const Ee = N;
+  let S;
+  e[16] !== i ? (S = (o) => {
+    if (n.current && i) {
       const {
-        left,
-        top
-      } = wrapperEl.current.getBoundingClientRect();
-      onDialogPositionChange({
-        positionX: event.movementX + left,
-        positionY: event.movementY + top
+        left: s,
+        top: r
+      } = n.current.getBoundingClientRect();
+      Ee({
+        positionX: o.movementX + s,
+        positionY: o.movementY + r
       });
     }
-  };
-  const onMouseDown = event => {
-    const element = event.target;
-    const isHeader = headerRef?.current?.contains(element);
-    if (wrapperEl.current && isHeader) setIsDragging(true);
-  };
-  const onMouseUp = () => {
-    if (wrapperEl.current) setIsDragging(false);
-  };
-  const handleKeyDown = e => {
-    if (e.key === 'Tab') {
+  }, e[16] = i, e[17] = S) : S = e[17];
+  const P = S;
+  let B;
+  e[18] !== Q ? (B = (o) => {
+    const s = o.target, r = Q?.current?.contains(s);
+    n.current && r && pe(!0);
+  }, e[18] = Q, e[19] = B) : B = e[19];
+  const M = B;
+  let k;
+  e[20] === Symbol.for("react.memo_cache_sentinel") ? (k = () => {
+    n.current && pe(!1);
+  }, e[20] = k) : k = e[20];
+  const ve = k;
+  let K;
+  e[21] === Symbol.for("react.memo_cache_sentinel") ? (K = (o) => {
+    if (o.key === "Tab") {
       const {
-        current: elements
-      } = focusableElementsRef;
-      if (elements.length === 0) return;
-      const firstElement = elements[0];
-      const lastElement = elements[elements.length - 1];
-      if (e.shiftKey && document.activeElement === firstElement) {
-        lastElement.focus();
-        e.preventDefault();
-      } else if (!e.shiftKey && document.activeElement === lastElement) {
-        firstElement.focus();
-        e.preventDefault();
-      }
+        current: s
+      } = ye;
+      if (s.length === 0)
+        return;
+      const r = s[0], b = s[s.length - 1];
+      o.shiftKey && document.activeElement === r ? (b.focus(), o.preventDefault()) : !o.shiftKey && document.activeElement === b && (r.focus(), o.preventDefault());
     }
+  }, e[21] = K) : K = e[21];
+  const xe = K, ee = fe ? Number(fe) : void 0;
+  let u;
+  e[22] !== ee ? (u = {
+    zIndex: ee
+  }, e[22] = ee, e[23] = u) : u = e[23];
+  let p;
+  e[24] !== G ? (p = G && /* @__PURE__ */ z("div", { className: "modal-overlay", "data-testid": "modal-overlay" }), e[24] = G, e[25] = p) : p = e[25];
+  const te = `dialog ${be}`;
+  let y;
+  e[26] !== c ? (y = Ne(c), e[26] = c, e[27] = y) : y = e[27];
+  let v;
+  e[28] !== T || e[29] !== y || e[30] !== J ? (v = /* @__PURE__ */ z("div", { className: J, "data-testid": "dialog-wrapper", style: y, ref: n, children: T }), e[28] = T, e[29] = y, e[30] = J, e[31] = v) : v = e[31];
+  let g;
+  e[32] !== te || e[33] !== v ? (g = /* @__PURE__ */ z("div", { className: te, "data-testid": "dialog-component", children: v }), e[32] = te, e[33] = v, e[34] = g) : g = e[34];
+  let W;
+  e[35] !== Z || e[36] !== U || e[37] !== u || e[38] !== p || e[39] !== g ? (W = /* @__PURE__ */ Ce("div", { id: U, onKeyDown: xe, ref: V, className: "modalcontainer", onMouseDown: Z, style: u, children: [
+    p,
+    g
+  ] }), e[35] = Z, e[36] = U, e[37] = u, e[38] = p, e[39] = g, e[40] = W) : W = e[40];
+  const oe = W;
+  let $;
+  e[41] === Symbol.for("react.memo_cache_sentinel") ? ($ = [], e[41] = $) : $ = e[41], Le(ke, $);
+  let H;
+  e[42] !== m || e[43] !== _ || e[44] !== t ? (H = () => (t && m && document.addEventListener("keydown", _), () => {
+    document.removeEventListener("keydown", _);
+  }), e[42] = m, e[43] = _, e[44] = t, e[45] = H) : H = e[45];
+  let I;
+  e[46] !== m || e[47] !== t ? (I = [t, m], e[46] = m, e[47] = t, e[48] = I) : I = e[48], F(H, I);
+  let A;
+  e[49] !== i || e[50] !== M || e[51] !== P || e[52] !== t ? (A = () => (t && (document.addEventListener("mousedown", M), document.addEventListener("mouseup", ve), i && document.addEventListener("mousemove", P)), () => {
+    document.removeEventListener("mousedown", M), document.removeEventListener("mouseup", ve), document.removeEventListener("mousemove", P);
+  }), e[49] = i, e[50] = M, e[51] = P, e[52] = t, e[53] = A) : A = e[53];
+  let X;
+  e[54] !== i || e[55] !== t ? (X = [i, t], e[54] = i, e[55] = t, e[56] = X) : X = e[56], F(A, X);
+  let Y;
+  if (e[57] !== t ? (Y = [t], e[57] = t, e[58] = Y) : Y = e[58], F(Ke, Y), !t)
+    return null;
+  const ne = d || ue;
+  let h;
+  e[59] !== l || e[60] !== t || e[61] !== ne ? (h = {
+    handleClose: l,
+    open: t,
+    onOpenChange: ne
+  }, e[59] = l, e[60] = t, e[61] = ne, e[62] = h) : h = e[62];
+  let w;
+  e[63] !== oe ? (w = Re.createPortal(oe, Me), e[63] = oe, e[64] = w) : w = e[64];
+  let j;
+  return e[65] !== h || e[66] !== w ? (j = /* @__PURE__ */ z(Be.Provider, { value: h, children: w }), e[65] = h, e[66] = w, e[67] = j) : j = e[67], j;
+};
+function ke() {
+  const {
+    activeElement: c
+  } = document, e = c;
+  return () => {
+    e?.focus();
   };
-  const createdModal = /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    onKeyDown: handleKeyDown,
-    ref: modalContainerRef,
-    className: "modalcontainer",
-    onMouseDown: handleClickOutside,
-    style: {
-      zIndex: zIndex ? Number(zIndex) : undefined
-    }
-  }, overlay && /*#__PURE__*/_react.default.createElement("div", {
-    className: "modal-overlay",
-    "data-testid": "modal-overlay"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: `dialog ${className}`,
-    "data-testid": "dialog-component"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: wrapperClassName,
-    "data-testid": "dialog-wrapper",
-    style: (0, _style.default)(props),
-    ref: wrapperEl
-  }, children)));
-  _react.default.useLayoutEffect(() => {
-    const {
-      activeElement
-    } = document;
-    const lastElementActiveBeforeOpen = activeElement;
-    return () => {
-      lastElementActiveBeforeOpen?.focus();
-    };
-  }, []);
-  _react.default.useEffect(() => {
-    if (open) {
-      if (closeOnEsc) {
-        document.addEventListener('keydown', onKeyDownPress);
-      }
-    }
-    return () => {
-      document.removeEventListener('keydown', onKeyDownPress);
-    };
-  }, [open, closeOnEsc]);
-  _react.default.useEffect(() => {
-    if (open) {
-      document.addEventListener('mousedown', onMouseDown);
-      document.addEventListener('mouseup', onMouseUp);
-      if (isDragging) document.addEventListener('mousemove', onMouseMove);
-    }
-    return () => {
-      document.removeEventListener('mousedown', onMouseDown);
-      document.removeEventListener('mouseup', onMouseUp);
-      document.removeEventListener('mousemove', onMouseMove);
-    };
-  }, [isDragging, open]);
-  _react.default.useEffect(() => {
-    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-    const originalOverflow = document.body.style.overflow;
-    const originalPaddingRight = document.body.style.paddingRight;
-    document.body.style.overflow = 'hidden';
-    document.body.style.paddingRight = `${scrollbarWidth}px`;
-    return () => {
-      document.body.style.overflow = originalOverflow;
-      document.body.style.paddingRight = originalPaddingRight;
-    };
-  }, [open]);
-  if (!open) return null;
-  return /*#__PURE__*/_react.default.createElement(DialogContext.Provider, {
-    value: {
-      handleClose,
-      open,
-      onOpenChange: onOpenChange || setOpen
-    }
-  }, /*#__PURE__*/_reactDom.default.createPortal(createdModal, body));
+}
+function Ke() {
+  const c = window.innerWidth - document.documentElement.clientWidth, e = document.body.style.overflow, f = document.body.style.paddingRight;
+  return document.body.style.overflow = "hidden", document.body.style.paddingRight = `${c}px`, () => {
+    document.body.style.overflow = e, document.body.style.paddingRight = f;
+  };
+}
+export {
+  Te as BaseContent,
+  Qe as BaseFooter,
+  Ge as BaseHeader,
+  Be as DialogContext,
+  ze as default
 };
-var _default = exports.default = BaseDialog;
+//# sourceMappingURL=index.js.map

package/lib/dialog/base/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/lib/dialog/base/index.tsx"],"sourcesContent":["import '../../assets/styles/dialog.scss';\nimport ReactDOM from 'react-dom';\nimport * as uuid from 'uuid';\nimport { \n  createContext, \n  MouseEventHandler, \n  useContext, \n  useEffect, \n  useLayoutEffect, \n  useRef, \n  useState,\n  KeyboardEvent as ReactKeyboardEvent,\n} from 'react';\nimport dialogStyle from './style';\nimport { IBaseProps } from '../types';\nimport { FormDialogContext } from '../form';\nimport BaseContent from './Content';\nimport BaseHeader from './Header';\nimport BaseFooter from './Footer';\n\ntype DialogContextType = {\n  handleClose: () => void\n  open: boolean\n  onOpenChange: (open: boolean) => void\n};\n\nexport const DialogContext = createContext({} as DialogContextType);\n\nconst { body } = document;\nconst BaseDialog = (props: IBaseProps) => {\n  const baseDialogId = uuid.v4();\n  const {\n    id = baseDialogId,\n    overlay = true,\n    closeOnEsc,\n    closeOnOutsideClick,\n    wrapperClassName = '',\n    className = '',\n    children,\n    open: openProp,\n    onOpenChange,\n    zIndex,\n    handlerClose,\n  } = props;\n  const { headerRef } = useContext(FormDialogContext);\n  const [open = true, setOpen] = useState(openProp);\n  const [isDragging, setIsDragging] = useState(false);\n  const wrapperEl = useRef<HTMLDivElement>(null);\n  const modalContainerRef = useRef<HTMLDivElement>(null);\n  const focusableElementsRef = useRef<HTMLElement[]>([]);\n\n  if (openProp !== undefined && openProp !== open) {\n    setOpen(openProp);\n  }\n\n  const handleClose = () => {\n    if (openProp !== undefined && onOpenChange) {\n      onOpenChange(false);\n    } else {\n      if (handlerClose) handlerClose();\n      if (onOpenChange) onOpenChange(false);\n    }\n  };\n\n  const handleClickOutside: MouseEventHandler = (event) => {\n    if (!closeOnOutsideClick) return;\n    const target = event.target as Element;\n    event.stopPropagation();\n    if (wrapperEl !== null && wrapperEl.current !== null && !isDragging &&\n      !wrapperEl.current.contains(target)) {\n      handleClose();\n    }\n  };\n\n  const onKeyDownPress = (event: KeyboardEvent) => {\n    if (event?.key === 'Escape') {\n      event.stopPropagation();\n      handleClose();\n    }\n  };\n\n  useEffect(() => {\n    if (open && modalContainerRef.current) {\n      focusableElementsRef.current = Array.from(\n        modalContainerRef.current.querySelectorAll<HTMLElement>(\n          \"button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])\",\n        ),\n      );\n    }\n  }, [open]);\n\n  const onDialogPositionChange = ({\n    positionX, positionY,\n  }: { positionX: number; positionY: number; }) => {\n    if (wrapperEl.current) {\n      const { width, height } = wrapperEl.current.getBoundingClientRect();\n      let x = positionX <= 0 ? 0 : positionX;\n      let y = positionY <= 0 ? 0 : positionY;\n\n      if (x + width >= window.innerWidth) x = window.innerWidth - width;\n      if (y + height >= window.innerHeight) y = window.innerHeight - height;\n\n      wrapperEl.current.style.transform = `translate(${x}px, ${y}px)`;\n      wrapperEl.current.style.transition = 'none';\n      wrapperEl.current.style.left = '0';\n      wrapperEl.current.style.top = '0';\n      wrapperEl.current.style.position = 'absolute';\n    }\n  };\n\n  const onMouseMove = (event: MouseEvent) => {\n    if (wrapperEl.current && isDragging) {\n      const { left, top } = wrapperEl.current.getBoundingClientRect();\n      onDialogPositionChange({\n        positionX: event.movementX + left,\n        positionY: event.movementY + top,\n      });\n    }\n  };\n\n  const onMouseDown = (event: MouseEvent) => {\n    const element = event.target as Element;\n    const isHeader = headerRef?.current?.contains(element);\n\n    if (wrapperEl.current && isHeader) setIsDragging(true);\n  };\n\n  const onMouseUp = () => {\n    if (wrapperEl.current) setIsDragging(false);\n  };\n\n  const handleKeyDown = (e: ReactKeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Tab') {\n      const { current: elements } = focusableElementsRef;\n      if (elements.length === 0) return;\n\n      const firstElement = elements[0];\n      const lastElement = elements[elements.length - 1];\n\n      if (e.shiftKey && document.activeElement === firstElement) {\n        lastElement.focus();\n        e.preventDefault();\n      } else if (!e.shiftKey && document.activeElement === lastElement) {\n        firstElement.focus();\n        e.preventDefault();\n      }\n    }\n  };\n\n  const createdModal = (\n    <div\n      id={id}\n      onKeyDown={handleKeyDown}\n      ref={modalContainerRef}\n      className='modalcontainer'\n      onMouseDown={handleClickOutside}\n      style={{ zIndex: zIndex ? Number(zIndex) : undefined }}>\n      {overlay && (\n        <div className='modal-overlay' data-testid=\"modal-overlay\" />\n      )}\n      <div className={`dialog ${className}`} data-testid='dialog-component'>\n        <div\n          className={wrapperClassName}\n          data-testid=\"dialog-wrapper\"\n          style={dialogStyle(props)}\n          ref={wrapperEl}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n\n  useLayoutEffect(() => {\n    const { activeElement } = document;\n    const lastElementActiveBeforeOpen = activeElement as HTMLElement;\n    return () => { lastElementActiveBeforeOpen?.focus(); };\n  }, []);\n\n  useEffect(() => {\n    if (open) {\n      if (closeOnEsc) {\n        document.addEventListener('keydown', onKeyDownPress);\n      }\n    }\n\n    return () => {\n      document.removeEventListener('keydown', onKeyDownPress);\n    };\n  }, [open, closeOnEsc]);\n\n  useEffect(() => {\n    if (open) {\n      document.addEventListener('mousedown', onMouseDown);\n      document.addEventListener('mouseup', onMouseUp);\n      if (isDragging) document.addEventListener('mousemove', onMouseMove);\n    }\n\n    return () => {\n      document.removeEventListener('mousedown', onMouseDown);\n      document.removeEventListener('mouseup', onMouseUp);\n      document.removeEventListener('mousemove', onMouseMove);\n    };\n  }, [isDragging, open]);\n\n  useEffect(() => {\n    const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\n    const originalOverflow = document.body.style.overflow;\n    const originalPaddingRight = document.body.style.paddingRight;\n\n    document.body.style.overflow = 'hidden';\n    document.body.style.paddingRight = `${scrollbarWidth}px`;\n\n    return () => {\n      document.body.style.overflow = originalOverflow;\n      document.body.style.paddingRight = originalPaddingRight;\n    };\n  }, [open]);\n\n  if (!open) return null;\n\n  return (\n    <DialogContext.Provider value={{\n      handleClose, open, onOpenChange: onOpenChange || setOpen,\n    }}>\n      {ReactDOM.createPortal(createdModal, body)}\n    </DialogContext.Provider>\n  );\n};\n\nexport default BaseDialog;\nexport { BaseContent, BaseHeader, BaseFooter }; \n"],"names":["DialogContext","createContext","body","document","BaseDialog","props","$","_c","t0","Symbol","for","uuid","v4","baseDialogId","id","t1","overlay","t2","closeOnEsc","closeOnOutsideClick","wrapperClassName","t3","className","t4","children","open","openProp","onOpenChange","zIndex","handlerClose","undefined","headerRef","useContext","FormDialogContext","t5","setOpen","useState","isDragging","setIsDragging","wrapperEl","useRef","modalContainerRef","t6","focusableElementsRef","t7","handleClose","t8","event","target","stopPropagation","current","contains","handleClickOutside","t9","event_0","key","onKeyDownPress","t10","t11","Array","from","querySelectorAll","useEffect","t12","t13","positionX","positionY","width","height","getBoundingClientRect","x","y","window","innerWidth","innerHeight","style","transform","transition","left","top","position","onDialogPositionChange","event_1","movementX","movementY","onMouseMove","t14","event_2","element","isHeader","onMouseDown","t15","onMouseUp","t16","e","elements","length","firstElement","lastElement","shiftKey","activeElement","focus","preventDefault","handleKeyDown","t17","Number","t18","t19","jsx","t20","t21","dialogStyle","t22","t23","t24","createdModal","t25","useLayoutEffect","_temp","t26","addEventListener","removeEventListener","t27","t28","t29","t30","_temp2","t31","t32","t33","ReactDOM","createPortal","t34","lastElementActiveBeforeOpen","scrollbarWidth","documentElement","clientWidth","originalOverflow","overflow","originalPaddingRight","paddingRight"],"mappings":"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"}

package/lib/dialog/base/style.d.ts

@@ -0,0 +1,7 @@
+export default dialogStyle;
+declare function dialogStyle(props: any): {
+    height: any;
+    maxHeight: string;
+    width: any;
+    textAlign: any;
+};

package/lib/dialog/base/style.js

@@ -1,13 +1,10 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+const e = (t) => ({
+  height: t.height,
+  maxHeight: "100%",
+  width: t.width,
+  textAlign: t.textAlign
 });
-exports.default = void 0;
-const dialogStyle = props => ({
-  height: props.height,
-  maxHeight: '100%',
-  width: props.width,
-  textAlign: props.textAlign
-});
-var _default = exports.default = dialogStyle;
+export {
+  e as default
+};
+//# sourceMappingURL=style.js.map

package/lib/dialog/base/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/lib/dialog/base/style.js"],"sourcesContent":["const dialogStyle = props => ({\n  height: props.height,\n  maxHeight: '100%',\n  width: props.width,\n  textAlign: props.textAlign,\n});\n\nexport default dialogStyle;\n"],"names":["dialogStyle","props","height","maxHeight","width","textAlign"],"mappings":"AAAA,MAAMA,IAAcC,CAAAA,OAAU;AAAA,EAC5BC,QAAQD,EAAMC;AAAAA,EACdC,WAAW;AAAA,EACXC,OAAOH,EAAMG;AAAAA,EACbC,WAAWJ,EAAMI;AACnB;"}

package/lib/dialog/form/index.d.ts

@@ -1,10 +1,4 @@
-import React__default from 'react';
-import { IFormDialogContext, IFormProps } from '../types.js';
-import '../../@types/Align.js';
-import '../../@types/Icon.js';
-import '../../icons/helper.js';
-
-declare const FormDialogContext: React__default.Context<IFormDialogContext>;
-declare const _default: (props: IFormProps) => JSX.Element;
-
-export { FormDialogContext, _default as default };
+import { IFormProps, IFormDialogContext } from '../types';
+export declare const FormDialogContext: import('react').Context<IFormDialogContext>;
+declare const _default: (props: IFormProps) => import("react/jsx-runtime").JSX.Element;
+export default _default;