linear-react-components-ui 1.1.20-beta.33 → 1.1.20-beta.34

package/lib/dialog/Information.js

@@ -0,0 +1,28 @@
+"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 Information = props => {
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    key: "confirm-buttom",
+    onClick: props.onConfirmClick,
+    label: "Confirmar"
+  })];
+  return /*#__PURE__*/_react.default.createElement(_Custom.default, _extends({}, props, {
+    buttons: buttons,
+    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
+      name: "information",
+      color: "#24cabc",
+      size: 64
+    })
+  }));
+};
+var _default = exports.default = Information;

package/lib/dialog/Question.d.ts

@@ -0,0 +1,9 @@
+import { IQuestionProps } from './types.js';
+import 'react';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+declare const Question: (props: IQuestionProps) => JSX.Element | null;
+
+export { Question as default };

package/lib/dialog/Question.js

@@ -0,0 +1,60 @@
+"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 _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 _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
+  } = props;
+  const idUnconfirm = 'botao-unconfirm-click';
+  const buttons = [/*#__PURE__*/_react.default.createElement(_buttons.DangerButton, {
+    key: "yes-buttom",
+    disabled: isWaiting,
+    onClick: onConfirmClick,
+    isLoading: isWaiting,
+    label: "Sim"
+  }), /*#__PURE__*/_react.default.createElement(_buttons.default, {
+    id: idUnconfirm,
+    key: "no-buttom",
+    disabled: isWaiting,
+    onClick: onUnconfirmClick,
+    label: "N\xE3o"
+  })];
+  (0, _react.useLayoutEffect)(() => {
+    const lastElementActive = document.activeElement;
+    return () => {
+      lastElementActive?.focus?.();
+    };
+  }, [visible]);
+  (0, _react.useEffect)(() => {
+    const buttonUnconfirm = document.getElementById(idUnconfirm);
+    buttonUnconfirm?.focus?.();
+  }, [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",
+      color: "#3498db",
+      size: 64
+    })
+  }));
+};
+var _default = exports.default = Question;

package/lib/dialog/Warning.d.ts

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,28 @@
+"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 buttons = [/*#__PURE__*/_react.default.createElement(_buttons.PrimaryButton, {
+    onClick: props.onConfirmClick,
+    label: "Confirmar",
+    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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,22 @@
+"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 ${className}`,
+    style: styleForContent
+  }, children);
+};
+var _default = exports.default = Content;

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,12 @@
+"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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1,59 @@
+"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",
+  tabIndex: 0,
+  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?.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)));
+};
+var _default = exports.default = Header;

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

@@ -0,0 +1,15 @@
+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;
+};
+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

@@ -0,0 +1,157 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DialogContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var uuid = _interopRequireWildcard(require("uuid"));
+var _style = _interopRequireDefault(require("./style"));
+require("../../assets/styles/dialog.scss");
+var _form = require("../form");
+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 DialogContext = exports.DialogContext = /*#__PURE__*/(0, _react.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 = 0,
+    handlerClose
+  } = props;
+  const {
+    headerRef
+  } = (0, _react.useContext)(_form.FormDialogContext);
+  const wrapperEl = (0, _react.useRef)(null);
+  const [isDragging, setIsDragging] = (0, _react.useState)(false);
+  const [open = true, setOpen] = (0, _react.useState)(openProp);
+  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 handleCloseOnEsc = event => {
+    if (event?.key === 'Escape') {
+      event.stopPropagation();
+      handleClose();
+    }
+  };
+  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(${x}px, ${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 => {
+    const element = event.target;
+    const isHeader = headerRef?.current?.contains(element);
+    if (wrapperEl.current && isHeader) setIsDragging(true);
+  };
+  const onMouseUp = () => {
+    if (wrapperEl.current) setIsDragging(false);
+  };
+  const createdModal = /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: "modalcontainer",
+    onMouseDown: handleClickOutside,
+    style: {
+      zIndex: 99999 + Number(zIndex)
+    }
+  }, 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)));
+  (0, _react.useEffect)(() => {
+    if (open) {
+      if (closeOnEsc) {
+        document.addEventListener('keydown', handleCloseOnEsc);
+      }
+    }
+    return () => {
+      document.removeEventListener('keydown', handleCloseOnEsc);
+    };
+  }, [open, closeOnEsc]);
+  (0, _react.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]);
+  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

@@ -0,0 +1,10 @@
+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 };

package/lib/dialog/form/index.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FormDialogContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _base = _interopRequireDefault(require("../base"));
+var _Header = _interopRequireDefault(require("../base/Header"));
+var _index = require("../../buttons/index");
+var _Content = _interopRequireDefault(require("../base/Content"));
+var _Footer = _interopRequireDefault(require("../base/Footer"));
+var _spinner = _interopRequireDefault(require("../../spinner"));
+var _withFormSecurity = _interopRequireWildcard(require("../../form/withFormSecurity"));
+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; }
+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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const FormDialogContext = exports.FormDialogContext = /*#__PURE__*/(0, _react.createContext)({});
+const ModalForm = props => {
+  const {
+    showFooter = true,
+    isWaiting = false,
+    width = '50%',
+    height = '50%',
+    content,
+    children,
+    className = '',
+    wrapperClassName = '',
+    contentClassName = ''
+  } = props;
+  const headerRef = (0, _react.useRef)(null);
+  const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
+  const overlayStyle = isWaiting ? {
+    opacity: 0.4,
+    pointerEvent: 'none'
+  } : {};
+  const getSpinner = () => {
+    if (!isWaiting) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "waitingspinner"
+    }, /*#__PURE__*/_react.default.createElement(_spinner.default, {
+      style: {
+        width: 60
+      },
+      delayTime: 0
+    }));
+  };
+  return /*#__PURE__*/_react.default.createElement(FormDialogContext.Provider, {
+    value: {
+      headerRef
+    }
+  }, /*#__PURE__*/_react.default.createElement(_base.default, _extends({
+    width: width,
+    height: height
+  }, props, {
+    className: className,
+    wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`
+  }), props.title && /*#__PURE__*/_react.default.createElement("div", {
+    className: "header-form"
+  }, /*#__PURE__*/_react.default.createElement(_Header.default, {
+    title: props.title,
+    handlerClose: props.handlerClose,
+    icon: props.icon
+  })), /*#__PURE__*/_react.default.createElement(_Content.default, {
+    styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle),
+    className: contentClassName
+  }, content || children), getSpinner(), showFooter && props.buttons && /*#__PURE__*/_react.default.createElement(_Footer.default, null, /*#__PURE__*/_react.default.createElement(_index.ButtonContainer, _extends({}, props, {
+    style: _objectSpread({}, overlayStyle)
+  }), _react.default.Children.toArray(props.buttons.map(button => {
+    if (context && context.securityBeforeUnload && button && button.type && button.type.name === 'CancelButton') {
+      return /*#__PURE__*/_react.default.cloneElement(button, {
+        onClick: props.handlerClose
+      });
+    }
+    return /*#__PURE__*/_react.default.cloneElement(button);
+  }))))));
+};
+var _default = exports.default = (0, _withFormSecurity.default)(ModalForm);

package/lib/dialog/index.d.ts

@@ -0,0 +1,16 @@
+import BaseDialog from './base/index.js';
+export { default as DialogAlert } from './Alert.js';
+export { default as DialogError } from './Error.js';
+export { default as DialogInformation } from './Information.js';
+export { default as DialogQuestion } from './Question.js';
+export { default as DialogWarning } from './Warning.js';
+export { default as DialogCustom } from './Custom.js';
+import 'react';
+import './types.js';
+import '../@types/Align.js';
+import '../@types/Icon.js';
+import '../icons/helper.js';
+
+
+
+export { BaseDialog as default };

package/lib/dialog/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DialogAlert", {
+  enumerable: true,
+  get: function () {
+    return _Alert.default;
+  }
+});
+Object.defineProperty(exports, "DialogCustom", {
+  enumerable: true,
+  get: function () {
+    return _Custom.default;
+  }
+});
+Object.defineProperty(exports, "DialogError", {
+  enumerable: true,
+  get: function () {
+    return _Error.default;
+  }
+});
+Object.defineProperty(exports, "DialogInformation", {
+  enumerable: true,
+  get: function () {
+    return _Information.default;
+  }
+});
+Object.defineProperty(exports, "DialogQuestion", {
+  enumerable: true,
+  get: function () {
+    return _Question.default;
+  }
+});
+Object.defineProperty(exports, "DialogWarning", {
+  enumerable: true,
+  get: function () {
+    return _Warning.default;
+  }
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("./base/"));
+var _Alert = _interopRequireDefault(require("./Alert"));
+var _Error = _interopRequireDefault(require("./Error"));
+var _Information = _interopRequireDefault(require("./Information"));
+var _Question = _interopRequireDefault(require("./Question"));
+var _Warning = _interopRequireDefault(require("./Warning"));
+var _Custom = _interopRequireDefault(require("./Custom"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _default = exports.default = _base.default;