linear-react-components-ui 1.1.24-beta.1 → 1.1.24-beta.11

package/lib/dialog/base/index.js

@@ -4,16 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DialogContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
+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"));
-require("../../assets/styles/dialog.scss");
 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 }; }
-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 DialogContext = exports.DialogContext = /*#__PURE__*/_react.default.createContext({});
 const {
   body
 } = document;
@@ -29,17 +28,17 @@ const BaseDialog = props => {
     children,
     open: openProp,
     onOpenChange,
-    zIndex = 0,
+    zIndex,
     handlerClose
   } = props;
   const {
     headerRef
-  } = (0, _react.useContext)(_form.FormDialogContext);
-  const [isDragging, setIsDragging] = (0, _react.useState)(false);
-  const [open = true, setOpen] = (0, _react.useState)(openProp);
-  const wrapperEl = (0, _react.useRef)(null);
-  const modalContainerRef = (0, _react.useRef)(null);
-  const focusableElementsRef = (0, _react.useRef)([]);
+  } = _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);
   }
@@ -60,15 +59,14 @@ const BaseDialog = props => {
     }
   };
   const onKeyDownPress = event => {
-    if (event?.key === 'Escape') {
+    if ((event === null || event === void 0 ? void 0 : event.key) === 'Escape') {
       event.stopPropagation();
       handleClose();
     }
   };
-  (0, _react.useEffect)(() => {
+  _react.default.useEffect(() => {
     if (open && modalContainerRef.current) {
       focusableElementsRef.current = Array.from(modalContainerRef.current.querySelectorAll("button, a, input, select, textarea, [tabindex]:not([tabindex='-1'])"));
-      focusableElementsRef.current[0]?.focus();
     }
   }, [open]);
   const onDialogPositionChange = _ref => {
@@ -85,7 +83,7 @@ const BaseDialog = props => {
       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.transform = "translate(".concat(x, "px, ").concat(y, "px)");
       wrapperEl.current.style.transition = 'none';
       wrapperEl.current.style.left = '0';
       wrapperEl.current.style.top = '0';
@@ -105,8 +103,9 @@ const BaseDialog = props => {
     }
   };
   const onMouseDown = event => {
+    var _headerRef$current;
     const element = event.target;
-    const isHeader = headerRef?.current?.contains(element);
+    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 = () => {
@@ -136,13 +135,13 @@ const BaseDialog = props => {
     className: "modalcontainer",
     onMouseDown: handleClickOutside,
     style: {
-      zIndex: 99999 + Number(zIndex)
+      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}`,
+    className: "dialog ".concat(className),
     "data-testid": "dialog-component"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: wrapperClassName,
@@ -150,16 +149,16 @@ const BaseDialog = props => {
     style: (0, _style.default)(props),
     ref: wrapperEl
   }, children)));
-  (0, _react.useLayoutEffect)(() => {
+  _react.default.useLayoutEffect(() => {
     const {
       activeElement
     } = document;
     const lastElementActiveBeforeOpen = activeElement;
     return () => {
-      lastElementActiveBeforeOpen?.focus();
+      lastElementActiveBeforeOpen === null || lastElementActiveBeforeOpen === void 0 ? void 0 : lastElementActiveBeforeOpen.focus();
     };
   }, []);
-  (0, _react.useEffect)(() => {
+  _react.default.useEffect(() => {
     if (open) {
       if (closeOnEsc) {
         document.addEventListener('keydown', onKeyDownPress);
@@ -169,7 +168,7 @@ const BaseDialog = props => {
       document.removeEventListener('keydown', onKeyDownPress);
     };
   }, [open, closeOnEsc]);
-  (0, _react.useEffect)(() => {
+  _react.default.useEffect(() => {
     if (open) {
       document.addEventListener('mousedown', onMouseDown);
       document.addEventListener('mouseup', onMouseUp);
@@ -181,6 +180,17 @@ const BaseDialog = props => {
       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: {

package/lib/dialog/form/index.js

@@ -12,9 +12,9 @@ var _Content = _interopRequireDefault(require("../base/Content"));
 var _Footer = _interopRequireDefault(require("../base/Footer"));
 var _spinner = _interopRequireDefault(require("../../spinner"));
 var _withFormSecurity = _interopRequireWildcard(require("../../form/withFormSecurity"));
+var _Question = _interopRequireDefault(require("../Question"));
 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 _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); }
 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; }
@@ -33,14 +33,35 @@ const ModalForm = props => {
     className = '',
     wrapperClassName = '',
     contentClassName = '',
-    headerClassName = ''
+    headerClassName = '',
+    securityBeforeUnload = false,
+    securityTitle = 'Dados Alterados',
+    securityText = 'Você possui dados alterados, confirma o fechamento?'
   } = props;
   const headerRef = (0, _react.useRef)(null);
   const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
+  const [showSecurityDialog, setShowSecurityDialog] = (0, _react.useState)(false);
   const overlayStyle = isWaiting ? {
     opacity: 0.4,
     pointerEvent: 'none'
   } : {};
+  const handlerClose = () => {
+    if (securityBeforeUnload) {
+      setShowSecurityDialog(true);
+      return;
+    }
+    if (props.handlerClose) {
+      props.handlerClose();
+    }
+  };
+  const onConfirmSecurity = () => {
+    var _props$handlerClose;
+    (_props$handlerClose = props.handlerClose) === null || _props$handlerClose === void 0 ? void 0 : _props$handlerClose.call(props);
+    setShowSecurityDialog(false);
+  };
+  const onUnconfirmClick = () => {
+    setShowSecurityDialog(false);
+  };
   const getSpinner = () => {
     if (!isWaiting) return null;
     return /*#__PURE__*/_react.default.createElement("div", {
@@ -52,21 +73,33 @@ const ModalForm = props => {
       delayTime: 0
     }));
   };
+  (0, _react.useEffect)(() => {
+    const onBeforeUnload = e => {
+      e === null || e === void 0 ? void 0 : e.preventDefault();
+    };
+    if (securityBeforeUnload) {
+      window.addEventListener('beforeunload', onBeforeUnload);
+    }
+    return () => {
+      window.removeEventListener('beforeunload', onBeforeUnload);
+    };
+  }, [securityBeforeUnload]);
   return /*#__PURE__*/_react.default.createElement(FormDialogContext.Provider, {
     value: {
       headerRef
     }
-  }, /*#__PURE__*/_react.default.createElement(_base.default, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_base.default, _extends({}, props, {
     width: width,
-    height: height
-  }, props, {
+    height: height,
     className: className,
-    wrapperClassName: `dialog-form-wrapper ${wrapperClassName}`
+    wrapperClassName: "dialog-form-wrapper ".concat(wrapperClassName),
+    securityBeforeUnload: securityBeforeUnload,
+    handlerClose: handlerClose
   }), props.title && /*#__PURE__*/_react.default.createElement("div", {
-    className: `header-form ${headerClassName}`
+    className: "header-form ".concat(headerClassName)
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {
     title: props.title,
-    handlerClose: props.handlerClose,
+    handlerClose: handlerClose,
     icon: props.icon
   })), /*#__PURE__*/_react.default.createElement(_Content.default, {
     styleForContent: _objectSpread(_objectSpread({}, props.styleForContent), overlayStyle),
@@ -74,12 +107,19 @@ const ModalForm = props => {
   }, 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') {
+    if (context && (context.securityBeforeUnload || securityBeforeUnload) && button && button.type && button.type.name === 'CancelButton') {
       return /*#__PURE__*/_react.default.cloneElement(button, {
-        onClick: props.handlerClose
+        onClick: handlerClose
       });
     }
     return /*#__PURE__*/_react.default.cloneElement(button);
-  }))))));
+  }))))), /*#__PURE__*/_react.default.createElement(_Question.default, {
+    zIndex: "99999999",
+    title: securityTitle,
+    text: securityText,
+    visible: showSecurityDialog,
+    onConfirmClick: onConfirmSecurity,
+    onUnconfirmClick: onUnconfirmClick
+  }));
 };
 var _default = exports.default = (0, _withFormSecurity.default)(ModalForm);

package/lib/dialog/types.d.ts

@@ -33,6 +33,7 @@ interface IBaseProps {
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     id?: string;
+    securityBeforeUnload?: boolean;
 }
 interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     buttons?: JSX.Element[];
@@ -44,6 +45,9 @@ interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     content?: ReactNode;
     contentClassName?: string;
     headerClassName?: string;
+    securityBeforeUnload?: boolean;
+    securityTitle?: string;
+    securityText?: string;
 }
 interface ICommonDialogProps {
     onConfirmClick?: () => void;

package/lib/dialog/wizard/index.js

@@ -27,8 +27,7 @@ var _step = require("./step");
 var _useWizard = require("./useWizard");
 const _excluded = ["children", "controls", "showProgressbar", "customStyleForProgressBar", "customStyleForBody", "progressBarPosition"];
 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 _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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }

package/lib/dialog/wizard/progressbar.js

@@ -20,7 +20,7 @@ function Progressbar(_ref) {
     currentStep
   } = context;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `wizard-progressbar ${customClass}`,
+    className: "wizard-progressbar ".concat(customClass),
     style: customStyle,
     "data-position": position
   }, stepsTitle.map(step => /*#__PURE__*/_react.default.createElement("div", {

package/lib/dialog/wizard/step.js

@@ -16,7 +16,7 @@ function WizardStep(_ref) {
   const context = (0, _.useWizardContext)();
   if (!context) throw new Error('WizardStep must be used within a Wizard component');
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `wizard-step-component ${customClass}`,
+    className: "wizard-step-component ".concat(customClass),
     style: customStyle
   }, children);
 }

package/lib/dialog/wizard/useWizard.js

@@ -5,8 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useWizard = void 0;
 var _react = _interopRequireWildcard(require("react"));
-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 _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 useWizard = () => {
   const [totalSteps, setTotalSteps] = (0, _react.useState)(0);
   const [currentStep, setCurrentStep] = _react.default.useState(1);

package/lib/drawer/Content.js

@@ -8,8 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 var _noPermission = _interopRequireDefault(require("../noPermission"));
 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 _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 Content = _ref => {
   let {
     children,

package/lib/drawer/Drawer.js

@@ -12,8 +12,7 @@ var _ = require(".");
 var _spinner = _interopRequireDefault(require("../spinner"));
 const _excluded = ["position", "customClass", "children", "style", "customClassForContent", "targetId", "closeOnEsc", "overlay", "permissionAttr", "skeletonize", "handlerClose", "customClassForDrawer", "content", "title", "isWaiting", "customClassElementDrawer"];
 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 _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); }
 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; }
@@ -88,14 +87,14 @@ const BaseDrawer = _ref => {
   };
   const closeDrawerOnEsc = e => {
     if (closeOnEsc && e.key === 'Escape') {
-      handlerClose?.();
+      handlerClose === null || handlerClose === void 0 ? void 0 : handlerClose();
       e.stopPropagation();
     }
   };
   (0, _react.useEffect)(() => {
     let body;
     const randomId = Math.round(+new Date() / 1000);
-    const overlayId = `overlay-${randomId}`;
+    const overlayId = "overlay-".concat(randomId);
     if (targetId === undefined) {
       body = document.getElementsByTagName('body')[0];
     } else {
@@ -132,15 +131,15 @@ const BaseDrawer = _ref => {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "drawercontainer-component",
-    className: `${position} ${customClass}`,
+    className: "".concat(position, " ").concat(customClass),
     style: style
   }, /*#__PURE__*/_react.default.createElement("div", {
     style: overlayStyle,
     "data-testid": "drawercontent",
-    className: `drawercontent ${skeletonize ? '-skeletonized' : ''} ${customClassForContent}`
+    className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
   }, title && /*#__PURE__*/_react.default.createElement(_.DrawerHeader, _extends({}, headerProps, {
     customClass: customClassForDrawer
-  })), /*#__PURE__*/_react.default.createElement(_react.Suspense, null, content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children), getSpinner())));
+  })), content ? /*#__PURE__*/_react.default.createElement(_.DrawerContent, null, content) : children, getSpinner())));
   return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);
 };
 var _default = exports.default = BaseDrawer;

package/lib/drawer/Header.js

@@ -8,8 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _icons = _interopRequireDefault(require("../icons"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 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 _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 = handlerClose => /*#__PURE__*/_react.default.createElement("span", {
   "data-testid": "header-closebutton",
   className: "closebutton",
@@ -61,7 +60,7 @@ const Header = _ref => {
   };
   const checkHandlerClose = () => handlerClose ? handlerClose() : undefined;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: `drawerheader ${customClass}`,
+    className: "drawerheader ".concat(customClass),
     "data-testid": "drawerheader"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "left"

package/lib/dropdown/Popup.js

@@ -35,12 +35,12 @@ const getDropdownStyles = _ref => {
     maxHeight = showScroll ? targetPosition - 10 : containerHeight;
     top = top - maxHeight - targetDimensions.height - (isFloatMenu ? 6 : 2) - 5;
   }
-  let style = `top: ${top}px; min-width: ${minWidth}px;`;
-  if (showScroll) style += `max-height: ${maxHeight}px; overflow-y: scroll;`;
+  let style = "top: ".concat(top, "px; min-width: ").concat(minWidth, "px;");
+  if (showScroll) style += "max-height: ".concat(maxHeight, "px; overflow-y: scroll;");
   if (align === 'left') {
-    style += `left: ${leftPosition}px;`;
+    style += "left: ".concat(leftPosition, "px;");
   } else if (align === 'right') {
-    style += `right: ${rightPosition}px;`;
+    style += "right: ".concat(rightPosition, "px;");
   }
   return style;
 };
@@ -61,16 +61,16 @@ const DropdownPopup = _ref2 => {
     } = _ref2,
     props = _objectWithoutProperties(_ref2, _excluded);
   const popup = (0, _react.useRef)(document.createElement('div'));
-  popup.current.className = `dropdown-component ${customClassForDropdown}`;
+  popup.current.className = "dropdown-component ".concat(customClassForDropdown);
   popup.current.dataset.testid = 'dropdown-component';
   if (popup && popup.current) {
     const modalContainers = document.body.getElementsByClassName('modalcontainer');
     const lastModalContainer = modalContainers[modalContainers.length - 1];
-    popup.current.style.zIndex = `${modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999}`;
+    popup.current.style.zIndex = "".concat(modalContainers.length ? Number(lastModalContainer.style.zIndex) + 1 : 99999);
   }
   (0, _react.useEffect)(() => {
     body.appendChild(popup.current);
-    popup.current.id = id || `dropdown-component-${(0, _uuid.v1)()}`;
+    popup.current.id = id || "dropdown-component-".concat((0, _uuid.v1)());
     popup.current.style.cssText = getDropdownStyles({
       topPosition,
       leftPosition,

package/lib/dropdown/helper.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getDropdownItemCssClass = exports.contentClass = void 0;
-const contentClass = showClearButton => `content ${showClearButton ? '' : 'noclear'}`;
+const contentClass = showClearButton => "content ".concat(showClearButton ? '' : 'noclear');
 exports.contentClass = contentClass;
 const getDropdownItemCssClass = (selected, disabled, striped) => {
   let className = 'item';

package/lib/dropdown/withDropdown.js

@@ -8,8 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Popup = _interopRequireDefault(require("./Popup"));
 require("../assets/styles/dropdown.scss");
 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 _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 WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
 const getDisplayName = Component => Component.displayName || Component.name || 'Component';
@@ -39,7 +38,7 @@ const withDropdown = WrappedComponent => {
       const {
         target
       } = event;
-      if (popupRef?.current && target !== popupRef?.current && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
+      if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
         setOpened(false);
       }
     };
@@ -87,7 +86,7 @@ const withDropdown = WrappedComponent => {
       value: contextValues
     }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
   };
-  EnhancedComponent.displayName = `withDropdown(${getDisplayName(WrappedComponent)})`;
+  EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");
   return EnhancedComponent;
 };
 var _default = exports.default = withDropdown;

package/lib/fieldset/index.js

@@ -10,8 +10,7 @@ var _permissionValidations = require("../permissionValidations");
 var _noPermission = _interopRequireDefault(require("../noPermission"));
 require("../assets/styles/fieldset.scss");
 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 _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 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; }
@@ -43,9 +42,9 @@ const Fieldset = props => {
       customClass,
       hasError
     } = _ref;
-    let cssClass = `fieldset-component ${customClass}`;
-    if (type) cssClass = `${cssClass} -${type}`;
-    if (hasError) cssClass = `${cssClass} -witherror`;
+    let cssClass = "fieldset-component ".concat(customClass);
+    if (type) cssClass = "".concat(cssClass, " -").concat(type);
+    if (hasError) cssClass = "".concat(cssClass, " -witherror");
     return cssClass;
   };
   const getContentStyle = _ref2 => {
@@ -55,11 +54,11 @@ const Fieldset = props => {
     } = _ref2;
     if (template === 'rows') {
       return {
-        gridTemplateRows: `repeat(${rowsCount}, 1fr)`
+        gridTemplateRows: "repeat(".concat(rowsCount, ", 1fr)")
       };
     } else if (template === 'columns') {
       return {
-        gridTemplateColumns: `repeat(${colsCount}, 1fr)`
+        gridTemplateColumns: "repeat(".concat(colsCount, ", 1fr)")
       };
     }
     return {};
@@ -70,9 +69,9 @@ const Fieldset = props => {
   }, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
     style: styleTitle,
     align: titleAlign,
-    className: `legend ${titleCustomClass}`
+    className: "legend ".concat(titleCustomClass)
   }, leftElements, title, rightElements), /*#__PURE__*/_react.default.createElement("div", {
-    className: `contentfieldset -template${template} `,
+    className: "contentfieldset -template".concat(template, " "),
     style: Object.assign(getContentStyle(props), styleContent)
   }, children)));
   if (onDenied.unvisible) return null;

package/lib/form/Field.js

@@ -11,8 +11,7 @@ var _helpers = require("./helpers");
 var constants = _interopRequireWildcard(require("../internals/constants"));
 const _excluded = ["handlerFieldChange", "handlerFieldValidate", "onChange", "onBlur", "name", "validators", "component", "handleValidationErrorsOnTab"];
 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 _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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
@@ -69,7 +68,7 @@ const getCustomProps = (props, handlerSetComponentValidator) => {
   } = props;
   if (componentType && componentType.toLowerCase() === 'radio') {
     const convertedData = _objectSpread(_objectSpread({}, data), {}, {
-      [name]: String(data?.[name])
+      [name]: String(data === null || data === void 0 ? void 0 : data[name])
     });
     return {
       checked: _lodash.default.get(convertedData, name) === value,

package/lib/form/FieldArray.js

@@ -13,8 +13,7 @@ var _helpers = require("./helpers");
 const _excluded = ["cols", "label", "bordered", "labelContainerStyle", "skipLabel", "name", "component", "handleValidationErrorsOnTab"];
 /* eslint-disable react-hooks/rules-of-hooks */
 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 _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); }
 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; }
@@ -74,7 +73,7 @@ const FieldArray = props => {
     if (!skipLabel && label) {
       content = /*#__PURE__*/_react.default.createElement(_fieldset.default, {
         title: label,
-        customClass: `arraycontainer ${bordered && '-bordered'}`,
+        customClass: "arraycontainer ".concat(bordered && '-bordered'),
         style: labelContainerStyle,
         titleCustomClass: "label"
       }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getDefaultProps(props), {