linear-react-components-ui 1.1.20-beta.24 → 1.1.20-beta.26

package/lib/buttons/DefaultButton.js

@@ -126,6 +126,17 @@ const DefaultButton = _ref => {
   if (!visible || onDenied.unvisible) return null;
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
     style: style,
+    onKeyDown: e => {
+      if (e && (e.key === 'Enter' || e.key === ' ')) {
+        var _refButton$current;
+        e.preventDefault();
+        e.stopPropagation();
+        if (isDisabled) return;
+        if (onClick) refButton === null || refButton === void 0 ? void 0 : (_refButton$current = refButton.current) === null || _refButton$current === void 0 ? void 0 : _refButton$current.click();
+        if (dropdown && showDropdown) showDropdown();
+        if (onClick && toggleable) setActiveButton(!activeButton);
+      }
+    },
     onClick: e => {
       // É Necessário que tenha o preventDefault pois foi retirado o disabled do botão, assim evitando que o evento padrão seja disparado.
       e.preventDefault();
@@ -146,7 +157,7 @@ const DefaultButton = _ref => {
       if (targetRef) targetRef(r);
       refButton.current = r;
     },
-    tabIndex: tabIndex
+    tabIndex: isDisabled ? -1 : tabIndex
   }), content, getIcon(), label || '', isLoading && /*#__PURE__*/_react.default.createElement("div", {
     className: "spinnercontainer"
   }, /*#__PURE__*/_react.default.createElement(_spinner.default, {

package/lib/dialog/base/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 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");
@@ -17,7 +18,9 @@ const {
   body
 } = document;
 const BaseDialog = props => {
+  const baseDialogId = uuid.v4();
   const {
+    id = baseDialogId,
     overlay = true,
     closeOnEsc,
     closeOnOutsideClick,
@@ -103,6 +106,7 @@ const BaseDialog = props => {
     if (wrapperEl.current) setIsDragging(false);
   };
   const createdModal = /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
     className: "modalcontainer",
     onMouseDown: handleClickOutside,
     style: {

package/lib/dialog/form/index.js

@@ -59,8 +59,8 @@ const ModalForm = props => {
     width: width,
     height: height
   }, props, {
-    wrapperClassName: "dialog-form-wrapper ".concat(wrapperClassName),
-    className: className
+    className: className,
+    wrapperClassName: "dialog-form-wrapper ".concat(wrapperClassName)
   }), props.title && /*#__PURE__*/_react.default.createElement("div", {
     className: "header-form"
   }, /*#__PURE__*/_react.default.createElement(_Header.default, {

package/lib/dialog/types.d.ts

@@ -32,6 +32,7 @@ interface IBaseProps {
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
+    id?: string;
 }
 interface IFormProps extends Omit<IBaseProps, 'textAlign' | 'zIndex'> {
     buttons?: JSX.Element[];

package/lib/form/FieldNumber.js

@@ -4,14 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _lodash = _interopRequireDefault(require("lodash"));
 var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
 var _helpers = require("./helpers");
 var constants = _interopRequireWildcard(require("../internals/constants"));
-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); }
 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; }
@@ -47,20 +47,17 @@ const getEventProps = _ref => {
           handlerFieldValidate(name, e.target.value, validators);
         }
         if (handlerFieldChange) handlerFieldChange(e);
-        if (onChange) onChange(e);
       }
+      if (onChange) onChange(e);
     }
   };
 };
 const FieldMask = props => {
   const {
     data,
-    name,
-    originalData
+    name
   } = props;
   const currentValue = _lodash.default.get(data, name);
-  const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
-  const originalValue = _lodash.default.get(originalData, name);
   return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(_objectSpread({}, props)), {
     errorMessages: (0, _helpers.getErrorMessages)(_objectSpread(_objectSpread({}, props), {}, {
       fieldErrors: props.fieldErrors

package/lib/form/index.js

@@ -29,6 +29,7 @@ Object.defineProperty(exports, "FieldPeriod", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _uuid = require("uuid");
 var _lodash = _interopRequireDefault(require("lodash"));
 var _helpers = require("./helpers");
 var _Field = _interopRequireDefault(require("./Field"));
@@ -69,14 +70,16 @@ const Form = _ref => {
     children,
     useInternalState = false
   } = _ref;
+  const formId = (0, _uuid.v1)();
   const [data, setData] = (0, _react.useState)(dataSource);
   const [originalData, setOriginalData] = (0, _react.useState)(dataSource);
   const [submitFormOnEnter, setSubmitFormOnEnter] = (0, _react.useState)(submitOnPressEnterKey);
   const [fieldErrors, setFieldErrors] = (0, _react.useState)({});
-  const fieldsValidators = (0, _react.useRef)({});
   const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = (0, _react.useState)(0);
   const [isValid, setIsValid] = (0, _react.useState)(false);
   const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
+  const formRef = (0, _react.useRef)(null);
+  const fieldsValidators = (0, _react.useRef)({});
   const usedData = useInternalState ? data : dataSource;
   const getValidatesErrorMessages = (validators, fieldValue) => {
     const validatorsArray = !(validators instanceof Array) ? [validators] : validators;
@@ -137,7 +140,10 @@ const Form = _ref => {
     }
   };
   const onFormSubmit = (0, _react.useCallback)(event => {
-    if (event) event.preventDefault();
+    if (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
     if (checkIsValid(usedData)) onSubmit(usedData);
   }, [usedData]);
   const onResetField = (cb, fields) => {
@@ -175,23 +181,20 @@ const Form = _ref => {
   const onBeforeUnload = e => {
     const event = e;
     event.preventDefault();
-    if (_lodash.default.isEqual(usedData, originalData)) {
-      return;
-    }
-    event.returnValue = true;
-  };
-  const submitOnEnter = event => {
-    if (event.key === 'Enter') {
-      event.preventDefault();
-      if (submitFormOnEnter) onFormSubmit();
-    }
+    if (_lodash.default.isEqual(usedData, originalData)) return;
   };
   const formProps = () => {
     let propsForm = null;
     if (!disabled) {
       propsForm = {
         onSubmit: event => event.preventDefault(),
-        onKeyPress: event => submitOnEnter(event)
+        onKeyPress: event => {
+          if (event && event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (submitFormOnEnter) onFormSubmit();
+          }
+        }
       };
     }
     return propsForm;
@@ -262,6 +265,8 @@ const Form = _ref => {
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Provider, {
     value: contextValues
   }, /*#__PURE__*/_react.default.createElement("form", _extends({
+    id: formId,
+    ref: formRef,
     style: style
   }, formProps(), {
     role: "presentation",

package/lib/inputs/mask/BaseMask.js

@@ -149,7 +149,11 @@ const BaseMask = _ref => {
     }
   });
   (0, _react.useEffect)(() => {
-    if (typeof valueProp === 'number') setTypedValue(valueProp);else setValue(valueProp !== null && valueProp !== void 0 ? valueProp : '');
+    var _numberToPtBR;
+    if (typeof valueProp === 'number') {
+      if (String(valueProp).trim().length > 0) setTypedValue(valueProp);else setTypedValue(0);
+    }
+    setValue((_numberToPtBR = (0, _format_number.numberToPtBR)(valueProp)) !== null && _numberToPtBR !== void 0 ? _numberToPtBR : '0');
   }, [valueProp]);
   return /*#__PURE__*/_react.default.createElement(_InputTextBase.default, _extends({
     inputRef: r => {

package/lib/textContent/index.js

@@ -7,6 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 require("../assets/styles/textContent.scss");
 var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
+var _lodash = _interopRequireDefault(require("lodash"));
 const _excluded = ["as", "children", "className", "label", "styleForLabel", "disabled", "targetRef", "labelRef", "onHoverLabel"];
 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); }
@@ -28,13 +29,14 @@ const TextContent = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded);
   const typedRef = ref;
+  const restProps = _lodash.default.omit(props, ['tooltipWidth', 'tooltip', 'tooltipPosition', 'labelUppercase']);
   return /*#__PURE__*/_react.default.createElement(Comp, _extends({
     ref: typedRef,
     style: styleForLabel,
     className: "text-content-component ".concat(className),
     "data-textcontent": Comp,
     onMouseEnter: onHoverLabel
-  }, props), children);
+  }, restProps), children);
 });
 TextContent.displayName = 'TextContent';
 var _default = exports.default = (0, _withTooltip.default)(TextContent);

package/package.json

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