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

package/lib/form/index.d.ts

@@ -1,9 +1,16 @@
 export { default as Field } from './Field.js';
 export { default as FieldNumber } from './FieldNumber.js';
 export { default as FieldArray } from './FieldArray.js';
+export { default as FieldPeriod } from './FieldPeriod.js';
 import { IFormProps } from './types.js';
 import 'react';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
-declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, }: IFormProps) => JSX.Element;
+declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, }: IFormProps) => JSX.Element;
 
 export { Form as default };

package/lib/form/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,70 +23,108 @@ Object.defineProperty(exports, "FieldNumber", {
     return _FieldNumber.default;
   }
 });
+Object.defineProperty(exports, "FieldPeriod", {
+  enumerable: true,
+  get: function get() {
+    return _FieldPeriod.default;
+  }
+});
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _lodash = _interopRequireDefault(require("lodash"));
+
 var _helpers = require("./helpers");
+
 var _Field = _interopRequireDefault(require("./Field"));
+
 var _FieldNumber = _interopRequireDefault(require("./FieldNumber"));
+
 var _FieldArray = _interopRequireDefault(require("./FieldArray"));
+
+var _FieldPeriod = _interopRequireDefault(require("./FieldPeriod"));
+
 require("../assets/styles/form.scss");
+
 var _dialog = require("../dialog");
+
 var _withFormSecurity = require("./withFormSecurity");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var Form = function Form(_ref) {
   var _ref$submitOnPressEnt = _ref.submitOnPressEnterKey,
-    submitOnPressEnterKey = _ref$submitOnPressEnt === void 0 ? true : _ref$submitOnPressEnt,
-    dataSource = _ref.dataSource,
-    securityBeforeUnload = _ref.securityBeforeUnload,
-    handlerReset = _ref.handlerReset,
-    handlerSubmit = _ref.handlerSubmit,
-    handlerValidates = _ref.handlerValidates,
-    style = _ref.style,
-    customClass = _ref.customClass,
-    securityTitle = _ref.securityTitle,
-    securityText = _ref.securityText,
-    onDataChange = _ref.onDataChange,
-    onValidateForm = _ref.onValidateForm,
-    externalFieldErrors = _ref.externalFieldErrors,
-    onSubmit = _ref.onSubmit,
-    skeletonize = _ref.skeletonize,
-    disabled = _ref.disabled,
-    children = _ref.children;
+      submitOnPressEnterKey = _ref$submitOnPressEnt === void 0 ? true : _ref$submitOnPressEnt,
+      dataSource = _ref.dataSource,
+      securityBeforeUnload = _ref.securityBeforeUnload,
+      handlerReset = _ref.handlerReset,
+      handlerSubmit = _ref.handlerSubmit,
+      handlerValidates = _ref.handlerValidates,
+      style = _ref.style,
+      customClass = _ref.customClass,
+      securityTitle = _ref.securityTitle,
+      securityText = _ref.securityText,
+      securityData = _ref.securityData,
+      onDataChange = _ref.onDataChange,
+      onValidateForm = _ref.onValidateForm,
+      externalFieldErrors = _ref.externalFieldErrors,
+      onSubmit = _ref.onSubmit,
+      skeletonize = _ref.skeletonize,
+      disabled = _ref.disabled,
+      children = _ref.children;
+
   var _useState = (0, _react.useState)(dataSource),
-    _useState2 = _slicedToArray(_useState, 2),
-    data = _useState2[0],
-    setData = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      data = _useState2[0],
+      setData = _useState2[1];
+
   var _useState3 = (0, _react.useState)(dataSource),
-    _useState4 = _slicedToArray(_useState3, 2),
-    originalData = _useState4[0],
-    setOriginalData = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      originalData = _useState4[0],
+      setOriginalData = _useState4[1];
+
   var _useState5 = (0, _react.useState)(submitOnPressEnterKey),
-    _useState6 = _slicedToArray(_useState5, 2),
-    submitFormOnEnter = _useState6[0],
-    setSubmitFormOnEnter = _useState6[1];
+      _useState6 = _slicedToArray(_useState5, 2),
+      submitFormOnEnter = _useState6[0],
+      setSubmitFormOnEnter = _useState6[1];
+
   var _useState7 = (0, _react.useState)({}),
-    _useState8 = _slicedToArray(_useState7, 2),
-    fieldErrors = _useState8[0],
-    setFieldErrors = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      fieldErrors = _useState8[0],
+      setFieldErrors = _useState8[1];
+
   var fieldsValidators = (0, _react.useRef)({});
   var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
+
   var getValidatesErrorMessages = function getValidatesErrorMessages(validators, fieldValue) {
     var validatorsArray = !(validators instanceof Array) ? [validators] : validators;
     var errors = [];
@@ -97,66 +136,85 @@ var Form = function Form(_ref) {
     });
     return errors;
   };
+
   var checkIsValid = function checkIsValid(value) {
     var updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var dataValidate = value || data;
     var currentFieldErrors = {};
+
     _lodash.default.forEach(fieldsValidators.current, function (validators, fieldName) {
       var fieldValue = _lodash.default.get(dataValidate, fieldName);
+
       var messages = getValidatesErrorMessages(validators, fieldValue);
+
       if (messages.length > 0) {
         currentFieldErrors = _extends({}, fieldErrors, _defineProperty({}, fieldName, messages));
       }
     });
+
     if (updateState) setFieldErrors(currentFieldErrors);
     return _lodash.default.isEmpty(currentFieldErrors);
   };
+
   var onFieldChange = function onFieldChange(event) {
     var target = event.target;
     setData(function (prevState) {
       return (0, _helpers.changeValue)(prevState, target);
     });
   };
+
   var onValidate = function onValidate(fieldName, fieldValue, validators) {
     if (validators) {
       var currentFieldErrors = fieldErrors;
       var errors = getValidatesErrorMessages(validators, fieldValue);
+
       if (errors.length === 0) {
         currentFieldErrors = _lodash.default.omit(currentFieldErrors, fieldName);
       } else {
         currentFieldErrors = _extends({}, currentFieldErrors, _defineProperty({}, fieldName, errors));
       }
+
       setFieldErrors(currentFieldErrors);
     }
   };
+
   var onFormSubmit = function onFormSubmit(event) {
     if (event) event.preventDefault();
     if (checkIsValid(data)) onSubmit(data);
   };
+
   var onReset = function onReset() {
     setData(JSON.parse(JSON.stringify(originalData)));
     setFieldErrors({});
   };
+
   var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
     var newFieldsValidators = _lodash.default.omit(fieldsValidators.current, fieldName);
+
     fieldsValidators.current = newFieldsValidators;
   };
+
   var onBeforeUnload = function onBeforeUnload(e) {
     var event = e;
     event.preventDefault();
+
     if (_lodash.default.isEqual(data, originalData)) {
       return;
     }
+
     event.returnValue = true;
   };
+
   var submitOnEnter = function submitOnEnter(event) {
     if (event.key === 'Enter') {
       event.preventDefault();
       if (submitFormOnEnter) onFormSubmit();
     }
   };
+
   var formProps = function formProps() {
     var propsForm = null;
+
     if (!disabled) {
       propsForm = {
         onSubmit: function onSubmit(event) {
@@ -167,21 +225,25 @@ var Form = function Form(_ref) {
         }
       };
     }
+
     return propsForm;
   };
+
   (0, _react.useEffect)(function () {
     if (!_lodash.default.isEmpty(context)) {
       var onChangedData = context.onChangedData;
-      if (!_lodash.default.isEqual(data, originalData)) {
+
+      if (securityData && !_lodash.default.isEqual(data, securityData)) {
         onChangedData(true);
       } else {
         onChangedData(false);
       }
-    }
+    } // TODO - Usar debounce para evitar chamada a cada letra digitada
+
 
-    // TODO - Usar debounce para evitar chamada a cada letra digitada
     if (onDataChange) onDataChange(data);
     if (onValidateForm) onValidateForm(checkIsValid(data, false));
+
     if (!disabled) {
       handlerSubmit(onFormSubmit);
       if (handlerReset) handlerReset(onReset);
@@ -193,6 +255,7 @@ var Form = function Form(_ref) {
       if (context) context.setSecurityBeforeUnload(true);
       window.addEventListener('beforeunload', onBeforeUnload);
     }
+
     return function () {
       return window.removeEventListener('beforeunload', onBeforeUnload);
     };
@@ -238,5 +301,6 @@ var Form = function Form(_ref) {
     onUnconfirmClick: context ? context.onUnconfirmClick : function () {}
   }));
 };
+
 var _default = Form;
 exports.default = _default;

package/lib/form/types.d.ts

@@ -1,14 +1,20 @@
 import { ChangeEvent, ReactNode, CSSProperties, ComponentType, MouseEventHandler } from 'react';
+import { AllOptions } from '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
-type Validator = (value: string) => string | undefined;
-type PeriodValidator = (value: {
+declare type Validator = (value: string) => string | undefined;
+declare type PeriodValidator = (value: {
     initialData: string;
     finalData: string;
 }) => string | undefined;
-type OnFielChangeEvent = Event & {
+declare type OnFielChangeEvent = Event & {
     target: HTMLInputElement;
 };
-type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
+declare type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
     keyCode: number;
 };
 interface IFormProps {
@@ -26,6 +32,7 @@ interface IFormProps {
     securityBeforeUnload?: boolean;
     securityTitle?: string;
     securityText?: string;
+    securityData?: object;
     externalFieldErrors?: object;
     skeletonize?: boolean;
     disabled?: boolean;
@@ -58,6 +65,8 @@ interface IFieldProps extends WithFieldProps {
     descriptionKey?: string;
     showClearButton?: boolean;
     gridLayout?: string;
+    allOptions?: AllOptions;
+    searchNotFoundText?: string;
 }
 interface CustomEvent {
     target: {
@@ -91,11 +100,11 @@ interface IFieldArrayProps extends WithFieldProps {
     multiple?: boolean;
     disabled?: boolean;
 }
-type PeriodChangeEvent = {
+declare type PeriodChangeEvent = {
     initial: string;
     final: string;
 };
-type PeriodFieldChangeEvent = {
+declare type PeriodFieldChangeEvent = {
     target: {
         name: string;
         value: string;
@@ -154,6 +163,7 @@ interface IEventParams {
     data?: object;
     validators?: Validator | Validator[];
     onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: CustomKeyboardEvent) => void;
     handlerFieldValidade?: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
     handlerFieldChange?: (event: ChangeEvent<HTMLInputElement> | CustomKeyboardEvent) => void;

package/lib/form/withFieldHOC.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { WithFieldProps } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => React__default.ForwardRefExoticComponent<React__default.PropsWithoutRef<ComponentProps> & React__default.RefAttributes<HTMLElement>>;
 

package/lib/form/withFieldHOC.js

@@ -1,35 +1,51 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _helpers = require("./helpers");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var withFieldHOC = function withFieldHOC(WrappedComponent) {
   var EnhancedComponent = function EnhancedComponent(props) {
     var name = props.name,
-      validators = props.validators,
-      handlerStoreValidators = props.handlerStoreValidators,
-      handlerRemoveValidators = props.handlerRemoveValidators;
+        validators = props.validators,
+        handlerStoreValidators = props.handlerStoreValidators,
+        handlerRemoveValidators = props.handlerRemoveValidators;
+
     var _useState = (0, _react.useState)(undefined),
-      _useState2 = _slicedToArray(_useState, 2),
-      validatorFromComponent = _useState2[0],
-      setValidatorFromComponent = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        validatorFromComponent = _useState2[0],
+        setValidatorFromComponent = _useState2[1];
+
     var updateValidators = function updateValidators() {
       var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
       if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);
     };
+
     (0, _react.useEffect)(function () {
       updateValidators();
       return function () {
@@ -48,16 +64,17 @@ var withFieldHOC = function withFieldHOC(WrappedComponent) {
       value: contextValues
     }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
   };
+
   function forwardRef(props, ref) {
     return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, function (_ref) {
       var handlerFieldChange = _ref.handlerFieldChange,
-        handlerFieldValidade = _ref.handlerFieldValidade,
-        data = _ref.data,
-        fieldErrors = _ref.fieldErrors,
-        externalFieldErrors = _ref.externalFieldErrors,
-        handlerStoreValidators = _ref.handlerStoreValidators,
-        handlerRemoveValidators = _ref.handlerRemoveValidators,
-        skeletonize = _ref.skeletonize;
+          handlerFieldValidade = _ref.handlerFieldValidade,
+          data = _ref.data,
+          fieldErrors = _ref.fieldErrors,
+          externalFieldErrors = _ref.externalFieldErrors,
+          handlerStoreValidators = _ref.handlerStoreValidators,
+          handlerRemoveValidators = _ref.handlerRemoveValidators,
+          skeletonize = _ref.skeletonize;
       return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
         skeletonize: skeletonize,
         handlerFieldChange: handlerFieldChange,
@@ -71,7 +88,9 @@ var withFieldHOC = function withFieldHOC(WrappedComponent) {
       }));
     });
   }
+
   return /*#__PURE__*/_react.default.forwardRef(forwardRef);
 };
+
 var _default = withFieldHOC;
 exports.default = _default;

package/lib/form/withFormSecurity.d.ts

@@ -1,5 +1,11 @@
 import React__default from 'react';
 import { IFormSecurityContext, IWithFormSecurity } from './types.js';
+import '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
 
 declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;
 declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;

package/lib/form/withFormSecurity.js

@@ -1,54 +1,76 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.FormSecurityContext = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
 var FormSecurityContext = /*#__PURE__*/_react.default.createContext({});
+
 exports.FormSecurityContext = FormSecurityContext;
+
 var withFormSecurity = function withFormSecurity(WrappedComponent) {
   var EnhancedComponent = function EnhancedComponent(props) {
     var handlerClose = props.handlerClose;
     var changedData = (0, _react.useRef)(false);
     var securityBeforeUnload = (0, _react.useRef)(false);
+
     var _useState = (0, _react.useState)(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      showQuestion = _useState2[0],
-      setShowQuestion = _useState2[1];
+        _useState2 = _slicedToArray(_useState, 2),
+        showQuestion = _useState2[0],
+        setShowQuestion = _useState2[1];
+
     var newHandlerClose = function newHandlerClose() {
       if (changedData.current && securityBeforeUnload.current) {
         setShowQuestion(true);
       } else if (handlerClose) handlerClose();
     };
+
     var onConfirmClick = function onConfirmClick() {
       if (handlerClose) handlerClose();
     };
+
     var onUnconfirmClick = function onUnconfirmClick() {
       setShowQuestion(false);
     };
+
     var onChangedData = function onChangedData(value) {
       changedData.current = value;
     };
+
     var setSecurityBeforeUnload = function setSecurityBeforeUnload(value) {
       securityBeforeUnload.current = value;
     };
+
     var contextValues = {
       onChangedData: onChangedData,
       showQuestion: showQuestion,
       onConfirmClick: onConfirmClick,
       onUnconfirmClick: onUnconfirmClick,
-      setSecurityBeforeUnload: setSecurityBeforeUnload
+      setSecurityBeforeUnload: setSecurityBeforeUnload,
+      securityBeforeUnload: securityBeforeUnload.current
     };
     return /*#__PURE__*/_react.default.createElement(FormSecurityContext.Provider, {
       value: contextValues
@@ -56,7 +78,9 @@ var withFormSecurity = function withFormSecurity(WrappedComponent) {
       handlerClose: newHandlerClose
     })));
   };
+
   return EnhancedComponent;
 };
+
 var _default = withFormSecurity;
 exports.default = _default;

package/lib/gridlayout/GridCol.js

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 require("../assets/styles/gridlayout.scss");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var getClass = function getClass(col) {
   var cols = col ? col.split(' ') : [];
   var classes = 'grid-container ';
@@ -16,13 +20,14 @@ var getClass = function getClass(col) {
   if (cols[3]) classes += " col-lg-".concat(cols[3]);
   return classes;
 };
+
 var GridCol = function GridCol(props) {
   var cols = props.cols,
-    customClass = props.customClass,
-    children = props.children,
-    style = props.style,
-    _props$visible = props.visible,
-    visible = _props$visible === void 0 ? true : _props$visible;
+      customClass = props.customClass,
+      children = props.children,
+      style = props.style,
+      _props$visible = props.visible,
+      visible = _props$visible === void 0 ? true : _props$visible;
   var gridClasses = getClass(cols || '');
   if (!visible) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -30,5 +35,6 @@ var GridCol = function GridCol(props) {
     style: style
   }, children);
 };
+
 var _default = GridCol;
 exports.default = _default;