linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-1

package/lib/form/index.js

@@ -1,308 +1,162 @@
-"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 _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 _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];
+import { j as x } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as m, useContext as ar, useRef as U, useCallback as q, useEffect as F, Fragment as dr } from "react";
+import f from "lodash";
+import { changeValue as B, FormContext as mr } from "./helpers.js";
+import { default as br } from "./Field.js";
+import { default as Rr } from "./FieldNumber.js";
+import { default as Sr } from "./FieldArray.js";
+import { default as Pr } from "./FieldPeriod.js";
+import "../chunks/index.yztgndLc.js";
+import "../buttons/DefaultButton.js";
+import "../icons/index.js";
+import '../assets/button.css';import '../assets/index13.css';/* empty css                        */
+import ur from "../dialog/Question.js";
+import { FormSecurityContext as pr } from "./withFormSecurity.js";
+import { v as Fr } from "../chunks/v1.CDXKvGzE.js";
+const wr = ({
+  submitOnPressEnterKey: g = !0,
+  dataSource: u,
+  securityBeforeUnload: j,
+  handlerReset: k,
+  handlerSubmit: L,
+  handlerValidates: w,
+  style: M,
+  customClass: z,
+  securityTitle: _,
+  securityText: $,
+  securityData: C,
+  onDataChange: d,
+  onValidateForm: p,
+  externalFieldErrors: G,
+  onSubmit: H,
+  skeletonize: T,
+  disabled: h,
+  children: W,
+  useInternalState: l = !1
+}) => {
+  const X = Fr(), [v, J] = m(u), [E, Y] = m(u), [b, Z] = m(g), [V, O] = m({}), [A, K] = m(0), [I, rr] = m(!1), c = ar(pr), tr = U(null), a = U({}), i = l ? v : u, R = (r, t) => {
+    const o = r instanceof Array ? r : [r];
+    let e = [];
+    return o.forEach((s) => {
+      if (typeof s == "function") {
+        const n = s(t);
+        n && (e = [...e, n]);
       }
-    });
-    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
-    } = event;
-    if (!useInternalState && onDataChange) {
-      onDataChange(prevState => (0, _helpers.changeValue)(prevState, target));
-    } else {
-      setData(prevState => (0, _helpers.changeValue)(prevState, target));
+    }), e;
+  }, or = (r, t) => {
+    const o = r || i;
+    let e = f.pickBy(V, (s, n) => Object.keys(t).includes(n));
+    return f.forEach(t, (s, n) => {
+      const P = f.get(o, n), lr = R(s, P);
+      e = { ...e, [n]: lr };
+    }), e;
+  }, y = (r, t = !0, o = null) => {
+    const e = or(r, o || a.current), s = Object.values(e).every((n) => n.length === 0);
+    return t && rr(s), s;
+  }, er = q((r) => {
+    const { target: t } = r;
+    !l && d ? d((o) => B(o, t)) : J((o) => B(o, t));
+  }, []), sr = (r, t, o) => {
+    if (o) {
+      let e = V;
+      const s = R(o, t);
+      s.length === 0 ? e = f.omit(e, r) : e = { ...e, [r]: s }, O(e);
     }
-  }, []);
-  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
-        });
+  }, Q = q((r) => {
+    r && (r.preventDefault(), r.stopPropagation()), y(i) && H(i);
+  }, [i]), S = (r, t) => {
+    const o = t ? t instanceof Array ? t : [t] : [];
+    o.length > 0 ? (r((e) => {
+      const s = JSON.parse(JSON.stringify(e));
+      return o.forEach((n) => {
+        n && f.set(s, n, f.get(E, n));
+      }), s;
+    }), O((e) => (o.forEach((s) => {
+      delete e[s];
+    }), e))) : (r(JSON.parse(JSON.stringify(E))), O({}));
+  }, ir = (r) => {
+    S(!l && d ? d : 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 h || (r = {
+      onSubmit: (t) => t.preventDefault(),
+      onKeyPress: (t) => {
+        t && t.key === "Enter" && (t.preventDefault(), t.stopPropagation(), b && Q());
       }
-      setFieldErrors(currentFieldErrors);
+    }), r;
+  }, D = () => {
+    if (!f.isEmpty(c)) {
+      const { onChangedData: r } = c;
+      C && !f.isEqual(i, C) ? r(!0) : r(!1);
     }
+    d && l && d(i), p && p(y(i, !0)), h || (L(Q), k && k(ir), w && w(() => y(i))), f.isEmpty(i) && Y(i);
   };
-  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;
+  F(() => {
+    l && D();
+  }, [JSON.stringify(v), l]), F(() => {
+    !l && d && D();
+  }, [JSON.stringify(u), l]), F(() => (j && (c && c.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", N)), () => window.removeEventListener("beforeunload", N)), [j, N]), F(() => {
+    !h && g !== b && Z(g);
+  }, [g]), F(() => {
+    const r = Object.values(a.current).reduce((t, o) => t + ((o == null ? void 0 : o.length) || 0), 0);
+    a.current && p && A !== r && (K(r), p(y(i, !0, a.current)));
+  }, [
+    a.current,
+    A,
+    p,
+    JSON.stringify(i)
+  ]);
+  const cr = {
+    skeletonize: T,
+    handlerFieldChange: er,
+    handlerFieldValidate: sr,
+    handlerStoreValidators: (r, t) => {
+      a.current = { ...a.current, [r]: t };
+    },
+    handlerRemoveValidators: nr,
+    data: l ? v : u,
+    originalData: E,
+    fieldErrors: V,
+    externalFieldErrors: G,
+    isFormValid: I
   };
-  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 /* @__PURE__ */ x.jsxs(dr, { children: [
+    /* @__PURE__ */ x.jsx(mr.Provider, { value: cr, children: /* @__PURE__ */ x.jsx(
+      "form",
+      {
+        id: X,
+        ref: tr,
+        style: M,
+        ...fr(),
+        role: "presentation",
+        className: `form-component ${z}`,
+        children: W
+      }
+    ) }),
+    /* @__PURE__ */ x.jsx(
+      ur,
+      {
+        zIndex: "99999999",
+        title: _ || "Dados Alterados",
+        text: $ || "Você possui dados alterados, confirma o fechamento?",
+        visible: !f.isEmpty(c) && c.showQuestion,
+        onConfirmClick: c ? c.onConfirmClick : () => {
+        },
+        onUnconfirmClick: c ? c.onUnconfirmClick : () => {
         }
-      };
-    }
-    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?.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: onRemoveFieldValidators,
-    data: useInternalState ? data : dataSource,
-    originalData,
-    fieldErrors,
-    externalFieldErrors,
-    isFormValid: isValid
-  };
-  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 ${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 : () => {}
-  }));
+    )
+  ] });
+};
+export {
+  br as Field,
+  Sr as FieldArray,
+  Rr as FieldNumber,
+  Pr as FieldPeriod,
+  wr as default
 };
-var _default = exports.default = Form;

package/lib/form/types.d.ts

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