linear-react-components-ui 1.1.20-beta.16 → 1.1.20-beta.18

package/lib/dialog/Custom.js

@@ -30,9 +30,11 @@ const Custom = props => {
   const {
     width = '35%',
     height = 'auto',
-    iconName = null
+    iconName = null,
+    open
   } = props;
   return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
+    open: open,
     width: width,
     height: height
   }, props, {

package/lib/dialog/Question.js

@@ -4,21 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+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 _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 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,
@@ -26,14 +28,28 @@ const Question = props => {
     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",

package/lib/dialog/base/index.js

@@ -43,9 +43,7 @@ const BaseDialog = props => {
       onOpenChange(false);
     } else {
       if (handlerClose) handlerClose();
-      if (onOpenChange) {
-        onOpenChange(false);
-      }
+      if (onOpenChange) onOpenChange(false);
     }
   };
   const handleClickOutside = event => {
@@ -57,7 +55,8 @@ const BaseDialog = props => {
     }
   };
   const handleCloseOnEsc = event => {
-    if (event.key === 'Escape') {
+    if (event?.key === 'Escape') {
+      event.stopPropagation();
       handleClose();
     }
   };

package/lib/dialog/types.d.ts

@@ -56,6 +56,7 @@ interface IQuestionProps {
     text?: string;
     title?: string;
     zIndex?: number | string;
+    closeOnEsc?: boolean;
 }
 interface ICustomProps {
     icon: ReactElement;
@@ -65,6 +66,9 @@ interface ICustomProps {
     height?: string;
     width?: string;
     iconName?: IconNames | null;
+    open?: boolean;
+    closeOnEsc?: boolean;
+    handlerClose?: () => void;
 }
 interface IFormDialogContext {
     headerRef?: React.RefObject<HTMLDivElement>;

package/lib/inputs/mask/helpers.d.ts

@@ -42,7 +42,7 @@ declare const getMaskOptions: ({ isDateField, placeholderChar, min, max, lazy, p
     mask?: any;
     hint?: string | string[] | undefined;
     hintPosition?: "below" | "onLabelRight" | undefined;
-    themePopover?: "dark" | "light" | undefined;
+    themePopover?: "light" | "dark" | undefined;
     popoverAlign?: "left" | "right" | undefined;
     placeholderChar: string;
     min: any;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linear-react-components-ui",
-  "version": "1.1.20-beta.16",
+  "version": "1.1.20-beta.18",
   "description": "Linear Sistemas ReactJs Components",
   "main": "lib/index.js",
   "module": "lib/index.cjs",