linear-react-components-ui 1.1.22-beta.12 → 1.1.22-beta.13

package/lib/hooks/useSecurity/index.d.ts

@@ -0,0 +1,13 @@
+type UseSecurityParams = {
+    showSecurity: boolean;
+    title?: string;
+    message?: string;
+    onClose: () => void;
+};
+type UseSecurityReturn = {
+    handleClose: () => void;
+    SecurityComponent: () => JSX.Element | null;
+};
+declare function useSecurity({ showSecurity, title, message, onClose, }: UseSecurityParams): UseSecurityReturn;
+
+export { useSecurity };

package/lib/hooks/useSecurity/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSecurity = useSecurity;
+var _react = _interopRequireWildcard(require("react"));
+var _dialog = require("../../dialog");
+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 useSecurity(_ref) {
+  let {
+    showSecurity = false,
+    title = 'Dados Alterados',
+    message = 'Você possui dados alterados, confirma o fechamento?',
+    onClose
+  } = _ref;
+  const [showDialogAlert, setShowDialogAlert] = (0, _react.useState)(false);
+  const handleClose = () => {
+    if (showSecurity) {
+      setShowDialogAlert(true);
+      return;
+    }
+    onClose();
+  };
+  const onConfirmClick = () => {
+    setShowDialogAlert(false);
+    onClose();
+  };
+  const onUnconfirmClick = () => {
+    setShowDialogAlert(false);
+  };
+  const onBeforeUnload = ev => {
+    ev.preventDefault();
+  };
+  const DialogComponent = () => /*#__PURE__*/_react.default.createElement(_dialog.DialogQuestion, {
+    zIndex: "99999999",
+    title: title,
+    text: message,
+    visible: showDialogAlert,
+    onConfirmClick: onConfirmClick,
+    onUnconfirmClick: onUnconfirmClick
+  });
+  (0, _react.useEffect)(() => {
+    if (showSecurity) {
+      window.addEventListener('beforeunload', onBeforeUnload);
+    }
+    return () => {
+      window.removeEventListener('beforeunload', onBeforeUnload);
+    };
+  }, [showSecurity]);
+  return {
+    handleClose,
+    SecurityComponent: DialogComponent
+  };
+}

package/lib/inputs/mask/BaseMask.js

@@ -34,7 +34,7 @@ const returnEventFormattedValue = (props, event) => {
     const value = props.defaultValue || '';
     return _objectSpread(_objectSpread({}, event), {}, {
       target: {
-        value: (0, _format_number.numberToEnUS)(value),
+        value: String((0, _format_number.numberToEnUS)(value)),
         name
       }
     });
@@ -151,10 +151,13 @@ const BaseMask = _ref => {
     }
   });
   (0, _react.useEffect)(() => {
-    if (typeof valueProp === 'number') {
-      if (String(valueProp).trim().length > 0) setTypedValue(valueProp);else setTypedValue(0);
+    if (mask === Number) {
+      const typedValue = (0, _format_number.numberToEnUS)(String(valueProp));
+      if (!Number.isNaN(typedValue)) setTypedValue(typedValue);
+      return;
     }
-    setValue((0, _format_number.numberToPtBR)(valueProp) ?? '');
+    const updatedValue = valueProp ? String(valueProp) : '';
+    setValue(updatedValue);
   }, [valueProp]);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
     inputRef: r => {

package/lib/inputs/mask/helpers.js

@@ -30,7 +30,7 @@ const getMaskOptions = _ref => {
       pattern = '',
       radix = ' ',
       thousandsSeparator = '',
-      mapToRadix = [],
+      mapToRadix = ['.'],
       scale = 2,
       normalizeZeros = true,
       padFractionalZeros = true,

package/lib/inputs/number/BaseNumber.js

@@ -29,7 +29,7 @@ const returnEventFormattedValue = (props, event) => {
     } = event.target;
     return _objectSpread(_objectSpread({}, event), {}, {
       target: {
-        value: (0, _format_number.numberToEnUS)(value),
+        value: String((0, _format_number.numberToEnUS)(value)),
         name
       }
     });
@@ -67,10 +67,11 @@ const BaseNumber = _ref => {
     returnFormattedValueOnKeyDown: true
   });
   return /*#__PURE__*/_react.default.createElement(_BaseMask.default, _extends({
-    value: (0, _format_number.numberToPtBR)(value ?? 0),
+    mask: Number,
+    value: value ?? 0,
     thousandsSeparator: ".",
     radix: ",",
-    mask: Number,
+    mapToRadix: ['.'],
     isNumeric: true
   }, props, getEventProps(eventProps)));
 };

package/lib/inputs/number/format_number.d.ts

@@ -1,5 +1,5 @@
 declare const numberToPtBR: (value?: string | number) => string | undefined;
-declare const numberToEnUS: (value: string) => string | number;
+declare const numberToEnUS: (value: string) => number;
 declare const formatOnlyNumbers: (value: string) => string;
 
 export { formatOnlyNumbers, numberToEnUS, numberToPtBR };

package/lib/inputs/number/format_number.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.numberToPtBR = exports.numberToEnUS = exports.formatOnlyNumbers = void 0;
+const ptBRRegex = /\b\d{1,3}(?:\.\d{3})*,\d+\b/;
 const numberToPtBR = value => {
   if (value !== undefined && typeof value === 'number') {
     return value.toLocaleString('pt-BR');
@@ -13,11 +14,12 @@ const numberToPtBR = value => {
 exports.numberToPtBR = numberToPtBR;
 const numberToEnUS = value => {
   let formattedNumber;
-  if (value) {
+  const isPTBR = ptBRRegex.test(value);
+  if (isPTBR) {
     formattedNumber = value.replaceAll('.', '').replaceAll(',', '.');
     return Number(formattedNumber);
   }
-  return value;
+  return Number(value);
 };
 exports.numberToEnUS = numberToEnUS;
 const formatOnlyNumbers = value => {

package/lib/inputs/number/types.d.ts

@@ -12,7 +12,7 @@ import '../../@types/Icon.js';
 import '../../icons/helper.js';
 
 interface INumberFieldProps extends IMaskHOCProps {
-    value?: string;
+    value?: string | number;
     permissionAttr?: PermissionAttr;
     disabled?: boolean;
     hint?: string | string[];

package/lib/inputs/types.d.ts

@@ -50,7 +50,7 @@ interface IInputHOCProps {
 }
 interface IMaskHOCProps {
     label?: string;
-    value?: string;
+    value?: string | number;
     unmask?: boolean;
     name?: string;
     commit?: () => void;

package/package.json

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