linear-react-components-ui 1.1.26-beta.9 → 1.1.27-rc.0

package/lib/form/index.js

@@ -1,150 +1,307 @@
-import { j as x } from "../chunks/jsx-runtime.D1SHvdVE.js";
-import { useState as m, useContext as ar, useRef as U, useCallback as q, useEffect as F, Fragment as ur } from "react";
-import { _ as f } from "../chunks/lodash.CIAK_hAg.js";
-import { changeValue as B, FormContext as mr } from "./helpers.js";
-import { default as Ar } from "./Field.js";
-import { default as Qr } from "./FieldNumber.js";
-import { default as Dr } from "./FieldArray.js";
-import { default as Ur } from "./FieldPeriod.js";
-import "../chunks/index.aw0XaUkg.js";
-import "../chunks/compiler-runtime.Cu50tn6L.js";
-import "../buttons/DefaultButton.js";
-import "../icons/index.js";
-import '../assets/button.css';import '../assets/index13.css';/* empty css                        */
-import dr from "../dialog/Question.js";
-import { FormSecurityContext as pr } from "./withFormSecurity.js";
-import { v as Fr } from "../chunks/v1.Ds1rkxUj.js";
-const Cr = ({
-  submitOnPressEnterKey: g = !0,
-  dataSource: d,
-  securityBeforeUnload: j,
-  handlerReset: k,
-  handlerSubmit: L,
-  handlerValidates: w,
-  style: M,
-  customClass: z,
-  securityTitle: $,
-  securityText: G,
-  securityData: C,
-  onDataChange: u,
-  onValidateForm: p,
-  externalFieldErrors: H,
-  onSubmit: T,
-  skeletonize: W,
-  disabled: V,
-  children: X,
-  useInternalState: l = !1
-}) => {
-  const Y = Fr(), [h, J] = m(d), [E, Z] = m(d), [b, K] = m(g), [v, O] = m({}), [A, _] = m(0), [I, rr] = m(!1), c = ar(pr), tr = U(null), a = U({}), i = l ? h : d, R = (r, t) => {
-    const e = r instanceof Array ? r : [r];
-    let o = [];
-    return e.forEach((s) => {
-      if (typeof s == "function") {
-        const n = s(t);
-        n && (o = [...o, n]);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Field", {
+  enumerable: true,
+  get: function () {
+    return _Field.default;
+  }
+});
+Object.defineProperty(exports, "FieldArray", {
+  enumerable: true,
+  get: function () {
+    return _FieldArray.default;
+  }
+});
+Object.defineProperty(exports, "FieldNumber", {
+  enumerable: true,
+  get: function () {
+    return _FieldNumber.default;
+  }
+});
+Object.defineProperty(exports, "FieldPeriod", {
+  enumerable: true,
+  get: function () {
+    return _FieldPeriod.default;
+  }
+});
+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"));
+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(e) { return e && e.__esModule ? e : { default: e }; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const Form = _ref => {
+  let {
+    submitOnPressEnterKey = true,
+    dataSource,
+    securityBeforeUnload,
+    handlerReset,
+    handlerSubmit,
+    handlerValidates,
+    style,
+    customClass,
+    securityTitle,
+    securityText,
+    securityData,
+    onDataChange,
+    onValidateForm,
+    externalFieldErrors,
+    onSubmit,
+    skeletonize,
+    disabled,
+    children,
+    useInternalState = false,
+    onValidateErrorsOnTab
+  } = _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 [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 tabsWithErrorRef = (0, _react.useRef)([]);
+  const usedData = useInternalState ? data : dataSource;
+  const getValidatesErrorMessages = (validators, fieldValue) => {
+    const validatorsArray = !(validators instanceof Array) ? [validators] : validators;
+    let errors = [];
+    validatorsArray.forEach(validator => {
+      if (typeof validator === 'function') {
+        const result = validator(fieldValue);
+        if (result) errors = [...errors, result];
       }
-    }), o;
-  }, or = (r, t) => {
-    const e = r || i;
-    let o = f.pickBy(v, (s, n) => Object.keys(t).includes(n));
-    return f.forEach(t, (s, n) => {
-      const P = f.get(e, n), lr = R(s, P);
-      o = {
-        ...o,
-        [n]: lr
-      };
-    }), o;
-  }, y = (r, t = !0, e = null) => {
-    const o = or(r, e || a.current), s = Object.values(o).every((n) => n.length === 0);
-    return t && rr(s), s;
-  }, er = q((r) => {
+    });
+    return errors;
+  };
+  const getErrorMessages = (currentData, currentValidators) => {
+    const dataValidate = currentData || usedData;
+    let currentFieldErrors = _lodash.default.pickBy(fieldErrors, (__, fieldName) => {
+      const fieldValidatorsNames = Object.keys(currentValidators);
+      return fieldValidatorsNames.includes(fieldName);
+    });
+    _lodash.default.forEach(currentValidators, (validators, fieldName) => {
+      const fieldValue = _lodash.default.get(dataValidate, fieldName);
+      const messages = getValidatesErrorMessages(validators, fieldValue);
+      currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
+        [fieldName]: messages
+      });
+    });
+    return currentFieldErrors;
+  };
+  const checkIsValid = function (currentData) {
+    let updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let currentValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+    const currentFieldErrors = getErrorMessages(currentData, currentValidators || fieldsValidators.current);
+    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);
+    if (updateState) setIsValid(isValidNow);
+    return isValidNow;
+  };
+  const onFieldChange = (0, _react.useCallback)(event => {
     const {
-      target: t
-    } = r;
-    !l && u ? u((e) => B(e, t)) : J((e) => B(e, t));
-  }, []), sr = (r, t, e) => {
-    if (e) {
-      let o = v;
-      const s = R(e, t);
-      s.length === 0 ? o = f.omit(o, r) : o = {
-        ...o,
-        [r]: s
-      }, O(o);
+      target
+    } = event;
+    if (!useInternalState && onDataChange) {
+      onDataChange(prevState => (0, _helpers.changeValue)(prevState, target));
+    } else {
+      setData(prevState => (0, _helpers.changeValue)(prevState, target));
     }
-  }, Q = q((r) => {
-    r && (r.preventDefault(), r.stopPropagation()), y(i) && T(i);
-  }, [i]), S = (r, t) => {
-    const e = t ? t instanceof Array ? t : [t] : [];
-    e.length > 0 ? (r((o) => {
-      const s = JSON.parse(JSON.stringify(o));
-      return e.forEach((n) => {
-        n && f.set(s, n, f.get(E, n));
-      }), s;
-    }), O((o) => (e.forEach((s) => {
-      delete o[s];
-    }), o))) : (r(JSON.parse(JSON.stringify(E))), O({}));
-  }, ir = (r) => {
-    S(!l && u ? u : J, r);
-  }, nr = (r) => {
-    const t = f.omit(a, r);
-    a.current = t;
-  }, N = (r) => {
-    r.preventDefault(), f.isEqual(i, E);
-  }, fr = () => {
-    let r = null;
-    return V || (r = {
-      onSubmit: (t) => t.preventDefault(),
-      onKeyPress: (t) => {
-        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), b && Q());
+  }, []);
+  const onValidate = (fieldName, fieldValue, validators) => {
+    if (validators) {
+      let currentFieldErrors = fieldErrors;
+      const errors = getValidatesErrorMessages(validators, fieldValue);
+      if (errors.length === 0) {
+        currentFieldErrors = _lodash.default.omit(currentFieldErrors, fieldName);
+      } else {
+        currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
+          [fieldName]: errors
+        });
       }
-    }), r;
-  }, D = () => {
-    if (!f.isEmpty(c)) {
-      const {
-        onChangedData: r
-      } = c;
-      C && !f.isEqual(i, C) ? r(!0) : r(!1);
+      setFieldErrors(currentFieldErrors);
     }
-    u && l && u(i), p && p(y(i, !0)), V || (L(Q), k && k(ir), w && w(() => y(i))), f.isEmpty(i) && Z(i);
   };
-  F(() => {
-    l && D();
-  }, [JSON.stringify(h), l]), F(() => {
-    !l && u && D();
-  }, [JSON.stringify(d), l]), F(() => (j && (c && c.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", N)), () => window.removeEventListener("beforeunload", N)), [j, N]), F(() => {
-    !V && g !== b && K(g);
-  }, [g]), F(() => {
-    const r = Object.values(a.current).reduce((t, e) => t + (e?.length || 0), 0);
-    a.current && p && A !== r && (_(r), p(y(i, !0, a.current)));
-  }, [a.current, A, p, JSON.stringify(i)]);
-  const cr = {
-    skeletonize: W,
-    handlerFieldChange: er,
-    handlerFieldValidate: sr,
-    handlerStoreValidators: (r, t) => {
-      a.current = {
-        ...a.current,
-        [r]: t
+  const onFormSubmit = (0, _react.useCallback)(event => {
+    if (event) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+    if (checkIsValid(usedData)) onSubmit(usedData);
+  }, [usedData]);
+  const onResetField = (cb, fields) => {
+    const fieldsArray = !fields ? [] : fields instanceof Array ? fields : [fields];
+    if (fieldsArray.length > 0) {
+      cb(state => {
+        const newState = JSON.parse(JSON.stringify(state));
+        fieldsArray.forEach(field => {
+          if (field) _lodash.default.set(newState, field, _lodash.default.get(originalData, field));
+        });
+        return newState;
+      });
+      setFieldErrors(state => {
+        fieldsArray.forEach(field => {
+          delete state[field];
+        });
+        return state;
+      });
+    } else {
+      cb(JSON.parse(JSON.stringify(originalData)));
+      setFieldErrors({});
+    }
+  };
+  const onReset = fields => {
+    if (!useInternalState && onDataChange) {
+      onResetField(onDataChange, fields);
+    } else {
+      onResetField(setData, fields);
+    }
+  };
+  const onRemoveFieldValidators = fieldName => {
+    const newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
+    fieldsValidators.current = newFieldsValidators;
+  };
+  const onBeforeUnload = e => {
+    const event = e;
+    event.preventDefault();
+    if (_lodash.default.isEqual(usedData, originalData)) return;
+  };
+  const onValidateTabErrors = (0, _react.useCallback)(props => {
+    if (!props.tabId) return;
+    const tabIndex = [...tabsWithErrorRef.current].findIndex(tab => tab.name === props.name);
+    if (tabIndex !== -1) {
+      const novasTabs = [...tabsWithErrorRef.current];
+      novasTabs[tabIndex] = props;
+      tabsWithErrorRef.current = [...novasTabs];
+    } else {
+      tabsWithErrorRef.current = [...tabsWithErrorRef.current, props];
+    }
+    if (onValidateErrorsOnTab) {
+      const tabIdsWithErrors = _lodash.default.uniq(_lodash.default.compact(tabsWithErrorRef.current.map(tab => {
+        if (tab.hasErrors) return String(tab.tabId);
+      })));
+      onValidateErrorsOnTab(tabIdsWithErrors);
+    }
+  }, [onValidateErrorsOnTab]);
+  const formProps = () => {
+    let propsForm = null;
+    if (!disabled) {
+      propsForm = {
+        onSubmit: event => event.preventDefault(),
+        onKeyPress: event => {
+          if (event && event.key === 'Enter') {
+            event.preventDefault();
+            event.stopPropagation();
+            if (submitFormOnEnter) onFormSubmit();
+          }
+        }
       };
+    }
+    return propsForm;
+  };
+  const updateFormState = () => {
+    if (!_lodash.default.isEmpty(context)) {
+      const {
+        onChangedData
+      } = context;
+      if (securityData && !_lodash.default.isEqual(usedData, securityData)) {
+        onChangedData(true);
+      } else {
+        onChangedData(false);
+      }
+    }
+    if (onDataChange && useInternalState) onDataChange(usedData);
+
+    // TODO - Usar debounce para evitar chamada a cada letra digitada
+    if (onValidateForm) {
+      onValidateForm(checkIsValid(usedData, true));
+    }
+    if (!disabled) {
+      handlerSubmit(onFormSubmit);
+      if (handlerReset) handlerReset(onReset);
+      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));
+    }
+    if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
+  };
+  (0, _react.useEffect)(() => {
+    if (useInternalState) updateFormState();
+  }, [JSON.stringify(data), useInternalState]);
+  (0, _react.useEffect)(() => {
+    if (!useInternalState && onDataChange) updateFormState();
+  }, [JSON.stringify(dataSource), useInternalState]);
+  (0, _react.useEffect)(() => {
+    if (securityBeforeUnload) {
+      if (Object.entries(context).length) context.setSecurityBeforeUnload(true);
+      window.addEventListener('beforeunload', onBeforeUnload);
+    }
+    return () => {
+      if (securityBeforeUnload && Object.entries(context).length) context.setSecurityBeforeUnload(false);
+      window.removeEventListener('beforeunload', onBeforeUnload);
+    };
+  }, [securityBeforeUnload, onBeforeUnload]);
+  (0, _react.useEffect)(() => {
+    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {
+      setSubmitFormOnEnter(submitOnPressEnterKey);
+    }
+  }, [submitOnPressEnterKey]);
+  (0, _react.useEffect)(() => {
+    const validatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0), 0);
+    if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== validatorsQuantity) {
+      setOldFieldsValidatorsQuantity(validatorsQuantity);
+      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
+    }
+  }, [fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData)]);
+  const contextValues = {
+    skeletonize,
+    handlerFieldChange: onFieldChange,
+    handlerFieldValidate: onValidate,
+    handleValidationErrorsOnTab: onValidateTabErrors,
+    handlerStoreValidators: (fieldName, fieldValidates) => {
+      fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, {
+        [fieldName]: fieldValidates
+      });
     },
-    handlerRemoveValidators: nr,
-    data: l ? h : d,
-    originalData: E,
-    fieldErrors: v,
-    externalFieldErrors: H,
-    isFormValid: I
+    handlerRemoveValidators: onRemoveFieldValidators,
+    data: useInternalState ? data : dataSource,
+    originalData,
+    fieldErrors,
+    externalFieldErrors,
+    isFormValid: isValid
   };
-  return /* @__PURE__ */ x.jsxs(ur, { children: [
-    /* @__PURE__ */ x.jsx(mr.Provider, { value: cr, children: /* @__PURE__ */ x.jsx("form", { id: Y, ref: tr, style: M, ...fr(), role: "presentation", className: `form-component ${z}`, children: X }) }),
-    /* @__PURE__ */ x.jsx(dr, { zIndex: "99999999", title: $ || "Dados Alterados", text: G || "Você possui dados alterados, confirma o fechamento?", visible: !f.isEmpty(c) && c.showQuestion, onConfirmClick: c ? c.onConfirmClick : () => {
-    }, onUnconfirmClick: c ? c.onUnconfirmClick : () => {
-    } })
-  ] });
-};
-export {
-  Ar as Field,
-  Dr as FieldArray,
-  Qr as FieldNumber,
-  Ur as FieldPeriod,
-  Cr as default
+  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",
+    className: "form-component ".concat(customClass)
+  }), children)), /*#__PURE__*/_react.default.createElement(_dialog.DialogQuestion, {
+    zIndex: "99999999",
+    title: securityTitle || 'Dados Alterados',
+    text: securityText || 'Você possui dados alterados, confirma o fechamento?',
+    visible: !_lodash.default.isEmpty(context) && context.showQuestion,
+    onConfirmClick: context ? context.onConfirmClick : () => {},
+    onUnconfirmClick: context ? context.onUnconfirmClick : () => {}
+  }));
 };
+var _default = exports.default = Form;

package/lib/form/types.d.ts

@@ -1,16 +1,29 @@
-import { ChangeEvent, ComponentType, CSSProperties, MouseEventHandler, ReactNode } from 'react';
-import { AllOptions } from '../inputs/select/types';
-export type Validator = (value: string) => string | undefined;
-export type PeriodValidator = (value: {
+import { ChangeEvent, ComponentType, MouseEventHandler, ReactNode, CSSProperties } 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';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+type Validator = (value: string) => string | undefined;
+type PeriodValidator = (value: {
     inicial: string;
     final: string;
 }) => string | undefined;
-export type OnFielChangeEvent = Event & {
+type OnFielChangeEvent = Event & {
     target: HTMLInputElement;
 };
-export type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
+type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
     keyCode: number;
 };
+type PropsValidateTabErrors = {
+    name: string;
+    tabId?: string | number;
+    hasErrors: boolean;
+};
 type BaseFormProps = {
     dataSource: object;
     children: ReactNode;
@@ -19,6 +32,7 @@ type BaseFormProps = {
     handlerReset?: (value: () => void) => void;
     handlerValidates?: (value: any) => void;
     onValidateForm?: (value: boolean) => void;
+    onValidateErrorsOnTab?: (tabIds: Array<string | number>) => void;
     submitOnPressEnterKey?: boolean;
     style?: CSSProperties;
     customClass?: string;
@@ -31,7 +45,7 @@ type BaseFormProps = {
     disabled?: boolean;
 };
 type OnDataChange = React.Dispatch<React.SetStateAction<object>>;
-export type FormProps = BaseFormProps & ({
+type FormProps = BaseFormProps & ({
     useInternalState?: false;
     onDataChange: OnDataChange;
 } | {
@@ -41,7 +55,7 @@ export type FormProps = BaseFormProps & ({
 type Data = {
     [key: string]: any;
 };
-export interface IFieldProps extends WithFieldProps {
+interface IFieldProps extends WithFieldProps {
     data?: Data;
     originalData?: Data;
     dataSource?: Data;
@@ -87,14 +101,16 @@ export interface IFieldProps extends WithFieldProps {
     disabled?: boolean;
     currencySymbol?: string;
     checked?: boolean;
+    tabId?: string | number;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
-export interface CustomEvent {
+interface CustomEvent {
     target: {
         value: string[];
         name: string;
     };
 }
-export interface IFieldArrayProps extends WithFieldProps {
+interface IFieldArrayProps extends WithFieldProps {
     data?: Data;
     originalData?: Data;
     dataSource?: Data;
@@ -103,6 +119,7 @@ export interface IFieldArrayProps extends WithFieldProps {
     fieldErrors?: {
         [name: string]: string[];
     };
+    component?: ComponentType<any>;
     validators?: Validator | Validator[];
     valuePropName?: string;
     changePropName?: string;
@@ -126,8 +143,9 @@ export interface IFieldArrayProps extends WithFieldProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    tabId?: string | number;
 }
-export type PeriodChangeEvent = {
+type PeriodChangeEvent = {
     initial: string;
     final: string;
 };
@@ -139,13 +157,14 @@ type PeriodFieldChangeEvent = {
         };
     };
 };
-export interface IFieldPeriodProps extends WithFieldProps {
+interface IFieldPeriodProps extends WithFieldProps {
     data?: Data;
     originalData?: Data;
     nameDateInitial: string;
     nameDateFinal: string;
     handlerFieldChange?: (event: PeriodFieldChangeEvent) => PeriodFieldChangeEvent;
     label?: string;
+    component?: ComponentType<any>;
     onBlur?: () => void;
     validators?: PeriodValidator | PeriodValidator[];
     fieldErrors?: {
@@ -162,8 +181,9 @@ export interface IFieldPeriodProps extends WithFieldProps {
     hintPosition?: 'below' | 'onLabelRight';
     themePopover?: 'light' | 'dark';
     popoverAlign?: 'right' | 'left';
+    tabId?: string | number;
 }
-export interface FormContextProps {
+interface FormContextProps {
     skeletonize?: boolean;
     handlerFieldChange: (event: OnFielChangeEvent) => void;
     handlerFieldValidate: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
@@ -174,27 +194,28 @@ export interface FormContextProps {
     fieldErrors: object;
     externalFieldErrors?: object;
     isFormValid?: boolean;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
-export interface WithFieldProps {
+interface WithFieldProps {
     name: string;
     data?: Data;
     handlerStoreValidators?: (name: string, validators: Validator | Validator[]) => void;
     handlerRemoveValidators?: (name: string) => void;
     validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];
     customClass?: string;
-    component: ComponentType<any>;
+    handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
-export interface IWithFieldContext {
+interface IWithFieldContext {
     validatorFromComponent: Validator | Validator[] | undefined;
     handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => void;
 }
-export interface IWithFormSecurity {
+interface IWithFormSecurity {
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     onClick?: MouseEventHandler;
     children?: ReactNode;
 }
-export interface IFormSecurityContext {
+interface IFormSecurityContext {
     onChangedData: (value: boolean) => void;
     showQuestion: boolean;
     onConfirmClick: () => void;
@@ -202,7 +223,7 @@ export interface IFormSecurityContext {
     setSecurityBeforeUnload: (value: boolean) => void;
     securityBeforeUnload?: boolean;
 }
-export interface IEventParams {
+interface IEventParams {
     name: string;
     data?: object;
     validators?: Validator | Validator[];
@@ -214,7 +235,7 @@ export interface IEventParams {
     validatorFromComponent?: Validator | Validator[];
     component?: ComponentType<any>;
 }
-export interface IGetErrorMessagesParams {
+interface IGetErrorMessagesParams {
     name: string;
     fieldErrors?: {
         [name: string]: string[];
@@ -224,10 +245,11 @@ export interface IGetErrorMessagesParams {
     };
     externalMessagesErrors?: string[];
 }
-export type FieldErrors = {
+type FieldErrors = {
     [name: string]: string[];
 };
-export type FieldValidator = {
+type FieldValidator = {
     [name: string]: Validator | Validator[];
 };
-export {};
+
+export { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, PropsValidateTabErrors, Validator, WithFieldProps };

package/lib/form/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});