linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/dialog/Question.js

@@ -1,47 +1,63 @@
-import { j as a } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as L } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import { useLayoutEffect as g, useEffect as y } from "react";
-import _ from "../buttons/Button.js";
-import B from "../buttons/DangerButton.js";
-import U from "../icons/index.js";
-import '../assets/button.css';/* empty css                        */
-import h from "./Custom.js";
-const W = (o) => {
-  const t = L.c(22), {
-    visible: x,
-    closeOnEsc: C,
-    isWaiting: n,
-    onConfirmClick: b,
-    onUnconfirmClick: i,
-    confirmLabel: j,
-    declineLabel: k
-  } = o, e = x === void 0 ? !0 : x, d = C === void 0 ? !1 : C, E = j === void 0 ? "Sim" : j, p = k === void 0 ? "Não" : k;
-  let c;
-  t[0] !== E || t[1] !== n || t[2] !== b ? (c = /* @__PURE__ */ a.jsx(B, { disabled: n, onClick: b, isLoading: n, label: E }, "yes-buttom"), t[0] = E, t[1] = n, t[2] = b, t[3] = c) : c = t[3];
-  let l;
-  t[4] !== p || t[5] !== n || t[6] !== i ? (l = /* @__PURE__ */ a.jsx(_, { id: "botao-unconfirm-click", disabled: n, onClick: i, label: p }, "no-buttom"), t[4] = p, t[5] = n, t[6] = i, t[7] = l) : l = t[7];
-  let s;
-  t[8] !== c || t[9] !== l ? (s = [c, l], t[8] = c, t[9] = l, t[10] = s) : s = t[10];
-  const v = s;
-  let m;
-  t[11] !== e ? (m = [e], t[11] = e, t[12] = m) : m = t[12], g(I, m);
-  let r;
-  if (t[13] !== e ? (r = [e, document.activeElement], t[13] = e, t[14] = r) : r = t[14], y(O, r), !e)
-    return null;
-  let f;
-  t[15] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a.jsx(U, { name: "question", color: "#3498db", size: 64 }), t[15] = f) : f = t[15];
-  let u;
-  return t[16] !== v || t[17] !== d || t[18] !== i || t[19] !== o || t[20] !== e ? (u = /* @__PURE__ */ a.jsx(h, { ...o, open: e, buttons: v, closeOnEsc: d, handlerClose: i, icon: f }), t[16] = v, t[17] = d, t[18] = i, t[19] = o, t[20] = e, t[21] = u) : u = t[21], u;
-};
-function I() {
-  const o = document.activeElement;
-  return () => {
-    o?.focus?.();
-  };
-}
-function O() {
-  document.getElementById("botao-unconfirm-click")?.focus?.();
-}
-export {
-  W as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _buttons = _interopRequireWildcard(require("../buttons"));
+var _Custom = _interopRequireDefault(require("./Custom"));
+var _icons = _interopRequireDefault(require("../icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Question = props => {
+  const {
+    visible = true,
+    closeOnEsc = false,
+    isWaiting,
+    onConfirmClick,
+    onUnconfirmClick,
+    confirmLabel = 'Sim',
+    declineLabel = 'Não'
+  } = props;
+  const idUnconfirm = 'botao-unconfirm-click';
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.DangerButton, {
+    key: "yes-buttom",
+    disabled: isWaiting,
+    onClick: onConfirmClick,
+    isLoading: isWaiting,
+    label: confirmLabel
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    id: idUnconfirm,
+    key: "no-buttom",
+    disabled: isWaiting,
+    onClick: onUnconfirmClick,
+    label: declineLabel
+  })];
+  (0, _react.useLayoutEffect)(() => {
+    const lastElementActive = document.activeElement;
+    return () => {
+      var _lastElementActive$fo;
+      lastElementActive === null || lastElementActive === void 0 ? void 0 : (_lastElementActive$fo = lastElementActive.focus) === null || _lastElementActive$fo === void 0 ? void 0 : _lastElementActive$fo.call(lastElementActive);
+    };
+  }, [visible]);
+  (0, _react.useEffect)(() => {
+    var _buttonUnconfirm$focu;
+    const buttonUnconfirm = document.getElementById(idUnconfirm);
+    buttonUnconfirm === null || buttonUnconfirm === void 0 ? void 0 : (_buttonUnconfirm$focu = buttonUnconfirm.focus) === null || _buttonUnconfirm$focu === void 0 ? void 0 : _buttonUnconfirm$focu.call(buttonUnconfirm);
+  }, [visible, document.activeElement]);
+  if (!visible) return null;
+  return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
+    open: visible,
+    buttons: buttons,
+    closeOnEsc: closeOnEsc,
+    handlerClose: onUnconfirmClick,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "question",
+      colorStyle: "primary",
+      size: 64
+    })
+  }));
 };
+var _default = exports.default = Question;

package/lib/dialog/Warning.d.ts

@@ -1,3 +1,9 @@
-import { ICommonDialogProps } from './types';
-declare const Warning: (props: ICommonDialogProps) => import("react/jsx-runtime").JSX.Element;
-export default Warning;
+import { ICommonDialogProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Warning: (props: ICommonDialogProps) => JSX.Element;
+
+export { Warning as default };

package/lib/dialog/Warning.js

@@ -1,24 +1,32 @@
-import { j as s } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as f } from "../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "../buttons/DefaultButton.js";
-import a from "../buttons/PrimaryButton.js";
-import u from "../icons/index.js";
-import '../assets/button.css';/* empty css                        */
-import x from "./Custom.js";
-const E = (t) => {
-  const o = f.c(7), {
-    onConfirmClick: e,
-    confirmLabel: l
-  } = t, n = l === void 0 ? "Confirmar" : l;
-  let r;
-  o[0] !== n || o[1] !== e ? (r = [/* @__PURE__ */ s.jsx(a, { onClick: e, label: n }, 1)], o[0] = n, o[1] = e, o[2] = r) : r = o[2];
-  const c = r;
-  let i;
-  o[3] === Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ s.jsx(u, { name: "warning", color: "#f39c12", size: 64 }), o[3] = i) : i = o[3];
-  let m;
-  return o[4] !== c || o[5] !== t ? (m = /* @__PURE__ */ s.jsx(x, { ...t, buttons: c, icon: i }), o[4] = c, o[5] = t, o[6] = m) : m = o[6], m;
-};
-export {
-  E as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _buttons = require("../../lib/buttons");
+var _Custom = _interopRequireDefault(require("./Custom"));
+var _icons = _interopRequireDefault(require("../../lib/icons"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Warning = props => {
+  const {
+    onConfirmClick,
+    confirmLabel = 'Confirmar'
+  } = props;
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    onClick: onConfirmClick,
+    label: confirmLabel,
+    key: 1
+  })];
+  return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
+    buttons: buttons,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "warning",
+      color: "#f39c12",
+      size: 64
+    })
+  }));
 };
+var _default = exports.default = Warning;

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

@@ -1,3 +1,9 @@
-import { IContentProps } from '../types';
-declare const Content: ({ children, styleForContent, className }: IContentProps) => import("react/jsx-runtime").JSX.Element;
-export default Content;
+import { IContentProps } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const Content: ({ children, styleForContent, className }: IContentProps) => JSX.Element;
+
+export { Content as default };

package/lib/dialog/base/Content.js

@@ -1,15 +1,22 @@
-import { j as a } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as r } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-import { Suspense as i } from "react";
-import '../../assets/Content.css';const f = (l) => {
-  const t = r.c(4), {
-    children: o,
-    styleForContent: e,
-    className: c
-  } = l, n = `dialog-content ${c === void 0 ? "" : c}`;
-  let s;
-  return t[0] !== o || t[1] !== e || t[2] !== n ? (s = /* @__PURE__ */ a.jsx(i, { children: /* @__PURE__ */ a.jsx("div", { id: "modal-dialog-content", className: n, style: e, children: o }) }), t[0] = o, t[1] = e, t[2] = n, t[3] = s) : s = t[3], s;
-};
-export {
-  f as default
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+require("../../assets/styles/dialog.scss");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Content = _ref => {
+  let {
+    children,
+    styleForContent,
+    className = ''
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: "modal-dialog-content",
+    className: "dialog-content ".concat(className),
+    style: styleForContent
+  }, children);
 };
+var _default = exports.default = Content;

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

@@ -1,3 +1,9 @@
-import { IFooterProps } from '../types';
-declare const Footer: (props: IFooterProps) => import("react/jsx-runtime").JSX.Element;
-export default Footer;
+import { IFooterProps } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const Footer: (props: IFooterProps) => JSX.Element;
+
+export { Footer as default };

package/lib/dialog/base/Footer.js

@@ -1,10 +1,12 @@
-import { j as o } from "../../chunks/jsx-runtime.D1SHvdVE.js";
-import { c as i } from "../../chunks/compiler-runtime.Cu50tn6L.js";
-const l = (r) => {
-  const e = i.c(2);
-  let t;
-  return e[0] !== r.children ? (t = /* @__PURE__ */ o.jsx("div", { className: "footer", children: r.children }), e[0] = r.children, e[1] = t) : t = e[1], t;
-};
-export {
-  l as default
-};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Footer = props => /*#__PURE__*/_react.default.createElement("div", {
+  className: "footer"
+}, props.children);
+var _default = exports.default = Footer;

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

@@ -1,3 +1,9 @@
-import { IHeaderProps } from '../types';
-declare const Header: ({ showCloseButton, handlerClose, title, icon, titleIcon, }: IHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export default Header;
+import { IHeaderProps } from '../types.js';
+import 'react';
+import '../../@types/Align.js';
+import '../../@types/Icon.js';
+import '../../icons/helper.js';
+
+declare const Header: ({ showCloseButton, handlerClose, title, icon, titleIcon, }: IHeaderProps) => JSX.Element;
+
+export { Header as default };

package/lib/dialog/base/Header.js

@@ -1,8 +1,57 @@
-import "../../chunks/jsx-runtime.D1SHvdVE.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "../../icons/index.js";
-import { H as a } from "../../chunks/index.aw0XaUkg.js";
-export {
-  a as default
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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;
 };
+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 === null || formDialogContext === void 0 ? void 0 : formDialogContext.headerRef,
+    className: "dialog-header"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "".concat(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)));
+};
+var _default = exports.default = Header;

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

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

package/lib/dialog/base/index.js

@@ -1,10 +1,203 @@
-import "../../chunks/jsx-runtime.D1SHvdVE.js";
-import "../../chunks/compiler-runtime.Cu50tn6L.js";
-import "react";
-import "react-dom";
-import { D as e, B as f } from "../../chunks/index.aw0XaUkg.js";
-import "./Content.js";
-export {
-  e as DialogContext,
-  f as default
+"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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+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 = _react.default.useCallback(() => {
+    if (openProp !== undefined && onOpenChange) {
+      onOpenChange(false);
+    } else {
+      if (handlerClose) handlerClose();
+      if (onOpenChange) onOpenChange(false);
+    }
+  }, [openProp, onOpenChange, handlerClose]);
+  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 = _react.default.useCallback(event => {
+    if ((event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
+      event.stopPropagation();
+      handleClose();
+    }
+  }, [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) {
+      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(".concat(x, "px, ").concat(y, "px)");
+      wrapperEl.current.style.transition = 'none';
+      wrapperEl.current.style.left = '0';
+      wrapperEl.current.style.top = '0';
+      wrapperEl.current.style.position = 'absolute';
+    }
+  };
+  const onMouseMove = event => {
+    if (wrapperEl.current && isDragging) {
+      const {
+        left,
+        top
+      } = wrapperEl.current.getBoundingClientRect();
+      onDialogPositionChange({
+        positionX: event.movementX + left,
+        positionY: event.movementY + top
+      });
+    }
+  };
+  const onMouseDown = event => {
+    var _headerRef$current;
+    const element = event.target;
+    const isHeader = headerRef === null || headerRef === void 0 ? void 0 : (_headerRef$current = headerRef.current) === null || _headerRef$current === void 0 ? void 0 : _headerRef$current.contains(element);
+    if (wrapperEl.current && isHeader) setIsDragging(true);
+  };
+  const onMouseUp = () => {
+    if (wrapperEl.current) setIsDragging(false);
+  };
+  const handleKeyDown = e => {
+    if (e.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();
+      }
+    }
+  };
+  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 ".concat(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 === null || lastElementActiveBeforeOpen === void 0 ? void 0 : lastElementActiveBeforeOpen.focus();
+    };
+  }, []);
+  _react.default.useEffect(() => {
+    if (open) {
+      if (closeOnEsc) {
+        document.addEventListener('keydown', onKeyDownPress);
+      }
+    }
+    return () => {
+      document.removeEventListener('keydown', onKeyDownPress);
+    };
+  }, [open, closeOnEsc, onKeyDownPress]);
+  _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 = "".concat(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));
 };
+var _default = exports.default = BaseDialog;

package/lib/dialog/base/style.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+const dialogStyle = props => ({
+  height: props.height,
+  maxHeight: '100%',
+  width: props.width,
+  textAlign: props.textAlign
+});
+var _default = exports.default = dialogStyle;

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

@@ -1,5 +1,10 @@
-import { default as React } from 'react';
-import { IFormProps, IFormDialogContext } from '../types';
-export declare const FormDialogContext: React.Context<IFormDialogContext>;
-declare const _default: (props: IFormProps) => import("react/jsx-runtime").JSX.Element;
-export default _default;
+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 };