linear-react-components-ui 2.0.0-beta.0 → 2.0.0-beta.1

package/lib/form/Field.js

@@ -1,84 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../node_modules/lodash/lodash.js";
-import { keyCodes as n } from "../internals/constants.js";
-import { getErrorMessages as r, getValidatorsArray as i, withFieldContext as a } from "./helpers.js";
-import o from "./withFieldHOC.js";
-import { forwardRef as s, useContext as c } from "react";
-import { jsx as l } from "react/jsx-runtime";
-//#region src/lib/form/Field.tsx
-var u = /* @__PURE__ */ e(t(), 1), d = ({ validators: e = [], name: t, onBlur: r, handlerFieldValidate: a, validatorFromComponent: o, handlerFieldChange: s, onChange: c, component: l, onKeyDown: u }) => {
-	if (!(e || o || r || c)) return {};
-	let d = i(e, o), f = [
-		"PhoneField",
-		"CpfField",
-		"CnpjField",
-		"ZipCodeField",
-		"BaseMask"
-	];
-	return {
-		onBlur: (e) => {
-			d && e.target && a && a(t, e.target.value, d), r && r(e);
-		},
-		onKeyDown: (e) => {
-			l && f.includes(l.name) && [n.ENTER].includes(e.keyCode) && d && e.target && a && (a(t, e.target.value, d), u && u(e));
-		},
-		onChange: (e) => {
-			l && !f.includes(l.name) && d && e.target && a && a(t, e.target.value, d), s && s(e), c && c(e);
-		}
-	};
-}, f = (e, t) => {
-	let { value: n, data: r, name: i, fieldId: a, componentType: o, component: s } = e;
-	if (o && o.toLowerCase() === "radio") {
-		let e = {
-			...r,
-			[i]: String(r?.[i])
-		};
-		return {
-			checked: u.default.get(e, i) === n,
-			id: a
-		};
-	} else if (o && o.toLowerCase() === "checkbox") return {
-		checked: u.default.get(r, i),
-		id: a
-	};
-	else if (s.displayName === "CpfField" || s.displayName === "CnpjField") return {
-		value: u.default.get(r, i),
-		handlerSetComponentValidator: t
-	};
-	return { value: u.default.get(r, i) };
-}, p = s((e, t) => {
-	let { handlerFieldChange: n, handlerFieldValidate: i, onChange: o, onBlur: s, name: u, validators: p, component: m, handleValidationErrorsOnTab: h, ...g } = e, { handlerSetValidatorFromComponent: _, validatorFromComponent: v } = c(a), y = r({
-		...e,
-		fieldErrors: e.fieldErrors
-	});
-	return h && h({
-		name: u,
-		tabId: e.tabId,
-		hasErrors: !!y.length
-	}), /* @__PURE__ */ l(m, {
-		...g,
-		...d({
-			name: u,
-			validators: p,
-			onBlur: s,
-			validatorFromComponent: v,
-			handlerFieldValidate: i,
-			handlerFieldChange: n,
-			onChange: o,
-			component: m
-		}),
-		...f(e, _),
-		ref: t,
-		name: u,
-		errorMessages: r({
-			...e,
-			fieldErrors: e.fieldErrors
-		})
-	});
-});
-p.displayName = "Field";
-var m = o(p);
-//#endregion
-export { m as default };
-
-//# sourceMappingURL=Field.js.map

package/lib/form/Field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.js","names":[],"sources":["../../src/lib/form/Field.tsx"],"sourcesContent":["import { useContext, ChangeEvent, forwardRef } from 'react';\nimport _ from 'lodash';\nimport withFieldHOC from './withFieldHOC';\nimport { getErrorMessages, withFieldContext, getValidatorsArray } from './helpers';\nimport { IFieldProps, IEventParams, Validator, CustomKeyboardEvent } from './types';\nimport * as constants from '../internals/constants';\n\nconst getEvents = ({\n  validators = [],\n  name,\n  onBlur,\n  handlerFieldValidate,\n  validatorFromComponent,\n  handlerFieldChange,\n  onChange,\n  component,\n  onKeyDown,\n}: IEventParams) => {\n  if (!(validators || validatorFromComponent || onBlur || onChange)) return {};\n  const validatorsArray = getValidatorsArray(validators, validatorFromComponent);\n  const maskComponents = ['PhoneField', 'CpfField', 'CnpjField', 'ZipCodeField', 'BaseMask'];\n  return {\n    onBlur: (e: ChangeEvent<HTMLInputElement>) => {\n      if (validatorsArray && e.target && handlerFieldValidate) {\n        handlerFieldValidate(name, e.target.value, validatorsArray);\n      }\n      if (onBlur) onBlur(e);\n    },\n    onKeyDown: (e: CustomKeyboardEvent) => {\n      if (component && maskComponents.includes(component.name) &&\n        [constants.keyCodes.ENTER].includes(e.keyCode) &&\n        validatorsArray && e.target && handlerFieldValidate) {\n        handlerFieldValidate(name, e.target.value, validatorsArray);\n        if (onKeyDown) onKeyDown(e);\n      }\n    },\n    onChange: (e: ChangeEvent<HTMLInputElement>) => {\n      if (component && !maskComponents.includes(component.name) &&\n        validatorsArray && e.target && handlerFieldValidate) {\n        handlerFieldValidate(name, e.target.value, validatorsArray);\n      }\n      if (handlerFieldChange) handlerFieldChange(e);\n      if (onChange) onChange(e);\n    },\n  };\n};\n\nconst getCustomProps = (\n  props: IFieldProps,\n  handlerSetComponentValidator: (value: Validator | Validator[]) => void,\n) => {\n  const { value, data, name, fieldId, componentType, component } = props;\n  if (componentType && componentType.toLowerCase() === 'radio') {\n    const convertedData = { ...data, [name]: String(data?.[name]) };\n    return { checked: (_.get(convertedData, name) === value), id: fieldId };\n  } else if (componentType && componentType.toLowerCase() === 'checkbox') {\n    return { checked: _.get(data, name), id: fieldId };\n  } else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {\n    return { value: _.get(data, name), handlerSetComponentValidator };\n  }\n  return { value: _.get(data, name) };\n};\n\nconst Field = forwardRef<unknown, IFieldProps>((props, ref) => {\n  const {\n    handlerFieldChange, handlerFieldValidate, onChange, onBlur, name, validators,\n    component: Component, handleValidationErrorsOnTab, ...rest\n  } = props;\n  const { handlerSetValidatorFromComponent, validatorFromComponent } = useContext(withFieldContext);\n\n  const hasErrorsMessagesOnField = getErrorMessages({\n    ...props, fieldErrors: props.fieldErrors,\n  });\n\n  if (handleValidationErrorsOnTab) handleValidationErrorsOnTab({\n    name: name,\n    tabId: props.tabId,\n    hasErrors: !!hasErrorsMessagesOnField.length,\n  });\n\n  return (\n    <Component\n      {...rest}\n      {...getEvents({\n        name,\n        validators,\n        onBlur,\n        validatorFromComponent,\n        handlerFieldValidate,\n        handlerFieldChange,\n        onChange,\n        component: Component,\n      })}\n      {...getCustomProps(props, handlerSetValidatorFromComponent)}\n      ref={ref}\n      name={name}\n      errorMessages={getErrorMessages({\n        ...props, fieldErrors: props.fieldErrors,\n      })} />\n  );\n});\n\nField.displayName = 'Field';\n\nexport default withFieldHOC(Field);\n"],"mappings":";;;;;;;;mCAOM,KAAa,EACjB,gBAAa,EAAE,EACf,SACA,WACA,yBACA,2BACA,uBACA,aACA,cACA,mBACkB;AAClB,KAAI,EAAE,KAAc,KAA0B,KAAU,GAAW,QAAO,EAAE;CAC5E,IAAM,IAAkB,EAAmB,GAAY,EAAuB,EACxE,IAAiB;EAAC;EAAc;EAAY;EAAa;EAAgB;EAAW;AAC1F,QAAO;EACL,SAAS,MAAqC;AAI5C,GAHI,KAAmB,EAAE,UAAU,KACjC,EAAqB,GAAM,EAAE,OAAO,OAAO,EAAgB,EAEzD,KAAQ,EAAO,EAAE;;EAEvB,YAAY,MAA2B;AACrC,GAAI,KAAa,EAAe,SAAS,EAAU,KAAK,IACtD,CAAA,EAAoB,MAAM,CAAC,SAAS,EAAE,QAAQ,IAC9C,KAAmB,EAAE,UAAU,MAC/B,EAAqB,GAAM,EAAE,OAAO,OAAO,EAAgB,EACvD,KAAW,EAAU,EAAE;;EAG/B,WAAW,MAAqC;AAM9C,GALI,KAAa,CAAC,EAAe,SAAS,EAAU,KAAK,IACvD,KAAmB,EAAE,UAAU,KAC/B,EAAqB,GAAM,EAAE,OAAO,OAAO,EAAgB,EAEzD,KAAoB,EAAmB,EAAE,EACzC,KAAU,EAAS,EAAE;;EAE5B;GAGG,KACJ,GACA,MACG;CACH,IAAM,EAAE,UAAO,SAAM,SAAM,YAAS,kBAAe,iBAAc;AACjE,KAAI,KAAiB,EAAc,aAAa,KAAK,SAAS;EAC5D,IAAM,IAAgB;GAAE,GAAG;IAAO,IAAO,OAAO,IAAO,GAAA;GAAQ;AAC/D,SAAO;GAAE,SAAU,EAAA,QAAE,IAAI,GAAe,EAAK,KAAK;GAAQ,IAAI;GAAS;YAC9D,KAAiB,EAAc,aAAa,KAAK,WAC1D,QAAO;EAAE,SAAS,EAAA,QAAE,IAAI,GAAM,EAAK;EAAE,IAAI;EAAS;UACzC,EAAU,gBAAgB,cAAc,EAAU,gBAAgB,YAC3E,QAAO;EAAE,OAAO,EAAA,QAAE,IAAI,GAAM,EAAK;EAAE;EAA8B;AAEnE,QAAO,EAAE,OAAO,EAAA,QAAE,IAAI,GAAM,EAAA,EAAO;GAG/B,IAAQ,GAAkC,GAAO,MAAQ;CAC7D,IAAM,EACJ,uBAAoB,yBAAsB,aAAU,WAAQ,SAAM,eAClE,WAAW,GAAW,gCAA6B,GAAG,MACpD,GACE,EAAE,qCAAkC,8BAA2B,EAAW,EAAiB,EAE3F,IAA2B,EAAiB;EAChD,GAAG;EAAO,aAAa,EAAM;EAC9B,CAAC;AAQF,QANI,KAA6B,EAA4B;EACrD;EACN,OAAO,EAAM;EACb,WAAW,CAAC,CAAC,EAAyB;EACvC,CAAC,EAGA,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI,EAAU;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA,WAAW;GACZ,CAAC;EACF,GAAI,EAAe,GAAO,EAAiC;EACtD;EACC;EACN,eAAe,EAAiB;GAC9B,GAAG;GAAO,aAAa,EAAM;GAC9B,CAAA;EAAK,CAAA;EAEV;AAEF,EAAM,cAAc;AAEpB,IAAA,IAAe,EAAa,EAAM"}

package/lib/form/FieldArray.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/lib/form/FieldArray.js

@@ -1,69 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import t from "../gridlayout/index.js";
-import { require_lodash as n } from "../node_modules/lodash/lodash.js";
-import r from "../fieldset/index.js";
-import { getErrorMessages as i } from "./helpers.js";
-import a from "./withFieldHOC.js";
-import { Fragment as o, useCallback as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-//#region src/lib/form/FieldArray.tsx
-var l = /* @__PURE__ */ e(n(), 1), u = (e) => {
-	let { valuePropName: t = "value", changePropName: n = "onSelect", data: r, name: i, handlerFieldChange: a, handlerSelecionados: o, onBlur: c } = e;
-	return {
-		onBlur: s((e) => {
-			c && c(e);
-		}, [c]),
-		[t]: l.default.get(r, i),
-		[n]: s((e) => {
-			a && a({ target: {
-				value: e,
-				name: i
-			} }), o && o(e);
-		}, [
-			a,
-			o,
-			n
-		])
-	};
-}, d = a((e) => {
-	let { cols: n, label: a, bordered: s, labelContainerStyle: l, skipLabel: d, name: f, component: p, handleValidationErrorsOnTab: m, ...h } = e, g = null, _ = i({
-		...e,
-		fieldErrors: e.fieldErrors
-	});
-	return m && m({
-		name: f,
-		tabId: e.tabId,
-		hasErrors: !!_.length
-	}), p && (g = !d && a ? /* @__PURE__ */ c(r, {
-		title: a,
-		customClass: `arraycontainer ${s && "-bordered"}`,
-		style: l,
-		titleCustomClass: "label",
-		children: /* @__PURE__ */ c(p, {
-			...h,
-			...u(e),
-			label: a,
-			name: f,
-			errorMessages: i({
-				...e,
-				fieldErrors: e.fieldErrors
-			})
-		})
-	}) : /* @__PURE__ */ c(o, { children: /* @__PURE__ */ c(p, {
-		...h,
-		...u(e),
-		label: a,
-		name: f,
-		errorMessages: i({
-			...e,
-			fieldErrors: e.fieldErrors
-		})
-	}) })), n ? /* @__PURE__ */ c(t, {
-		cols: n,
-		children: g
-	}) : g;
-});
-//#endregion
-export { d as default };
-
-//# sourceMappingURL=FieldArray.js.map

package/lib/form/FieldArray.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldArray.js","names":[],"sources":["../../src/lib/form/FieldArray.tsx"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { ChangeEvent, Fragment, JSX, useCallback } from 'react';\nimport _ from 'lodash';\nimport withFieldHOC from './withFieldHOC';\nimport GridCols from '../gridlayout';\nimport FieldSet from '../fieldset';\nimport { getErrorMessages } from './helpers';\nimport { IFieldArrayProps } from './types';\n\nconst getDefaultProps = (\n  props: IFieldArrayProps,\n): object => {\n  const {\n    valuePropName = 'value', changePropName = 'onSelect', data, name, handlerFieldChange, handlerSelecionados,\n    onBlur,\n  } = props;\n  return {\n    onBlur: useCallback((e: ChangeEvent<HTMLInputElement>) => {\n      if (onBlur) onBlur(e);\n    }, [onBlur]),\n    [valuePropName]: _.get(data, name),\n    [changePropName]: useCallback((ids: string[]) => {\n      if (handlerFieldChange) handlerFieldChange({ target: { value: ids, name } });\n      if (handlerSelecionados) handlerSelecionados(ids);\n    }, [handlerFieldChange, handlerSelecionados, changePropName]),\n  };\n};\n\nconst FieldArray = (props: IFieldArrayProps) => {\n  const {\n    cols, label, bordered, labelContainerStyle, skipLabel, name, component: Component, \n    handleValidationErrorsOnTab,\n    ...rest\n  } = props;\n\n  let content: JSX.Element | null = null;\n\n  const hasErrorsMessagesOnField = getErrorMessages({\n    ...props, fieldErrors: props.fieldErrors,\n  });\n\n  if (handleValidationErrorsOnTab) handleValidationErrorsOnTab({\n    name: name,\n    tabId: props.tabId,\n    hasErrors: !!hasErrorsMessagesOnField.length,\n  });\n\n  if (Component) {\n    if (!skipLabel && label) {\n      content = (\n        <FieldSet\n          title={label}\n          customClass={`arraycontainer ${bordered && '-bordered'}`}\n          style={labelContainerStyle}\n          titleCustomClass=\"label\">\n          <Component\n            {...rest}\n            {...getDefaultProps(props)}\n            label={label}\n            name={name}\n            errorMessages={getErrorMessages({\n              ...props, fieldErrors: props.fieldErrors,\n            })} />\n        </FieldSet>\n      );\n    } else {\n      content = (\n        <Fragment>\n          <Component\n            {...rest}\n            {...getDefaultProps(props)}\n            label={label}\n            name={name}\n            errorMessages={getErrorMessages({\n              ...props, fieldErrors: props.fieldErrors,\n            })} />\n        </Fragment>\n      );\n    }\n  }\n\n  if (cols) return <GridCols cols={cols}>{content}</GridCols>;\n  return (\n    content\n  );\n};\n\nexport default withFieldHOC(FieldArray);\n"],"mappings":";;;;;;;;;mCASM,KACJ,MACW;CACX,IAAM,EACJ,mBAAgB,SAAS,oBAAiB,YAAY,SAAM,SAAM,uBAAoB,wBACtF,cACE;AACJ,QAAO;EACL,QAAQ,GAAa,MAAqC;AACxD,GAAI,KAAQ,EAAO,EAAE;KACpB,CAAC,EAAO,CAAC;GACX,IAAgB,EAAA,QAAE,IAAI,GAAM,EAAK;GACjC,IAAiB,GAAa,MAAkB;AAE/C,GADI,KAAoB,EAAmB,EAAE,QAAQ;IAAE,OAAO;IAAK;MAAQ,CAAC,EACxE,KAAqB,EAAoB,EAAI;KAChD;GAAC;GAAoB;GAAqB;GAAe,CAAA;EAC7D;GA8DH,IAAe,GA3DK,MAA4B;CAC9C,IAAM,EACJ,SAAM,UAAO,aAAU,wBAAqB,cAAW,SAAM,WAAW,GACxE,gCACA,GAAG,MACD,GAEA,IAA8B,MAE5B,IAA2B,EAAiB;EAChD,GAAG;EAAO,aAAa,EAAM;EAC9B,CAAC;AA2CF,QAzCI,KAA6B,EAA4B;EACrD;EACN,OAAO,EAAM;EACb,WAAW,CAAC,CAAC,EAAyB;EACvC,CAAC,EAEE,MACF,AAkBE,IAlBE,CAAC,KAAa,IAEd,kBAAC,GAAD;EACE,OAAO;EACP,aAAa,kBAAkB,KAAY;EAC3C,OAAO;EACP,kBAAiB;YACjB,kBAAC,GAAD;GACE,GAAI;GACJ,GAAI,EAAgB,EAAM;GACnB;GACD;GACN,eAAe,EAAiB;IAC9B,GAAG;IAAO,aAAa,EAAM;IAC9B,CAAA;GAAK,CAAA;EACC,CAAA,GAIX,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI,EAAgB,EAAM;EACnB;EACD;EACN,eAAe,EAAiB;GAC9B,GAAG;GAAO,aAAa,EAAM;GAC9B,CAAA;EAAK,CAAA,EACC,CAAA,GAKb,IAAa,kBAAC,GAAD;EAAgB;YAAO;EAAmB,CAAA,GAEzD;EAImC"}

package/lib/form/FieldNumber.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/lib/form/FieldNumber.js

@@ -1,47 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../node_modules/lodash/lodash.js";
-import { keyCodes as n } from "../internals/constants.js";
-import { getErrorMessages as r } from "./helpers.js";
-import i from "./withFieldHOC.js";
-import { jsx as a } from "react/jsx-runtime";
-//#region src/lib/form/FieldNumber.tsx
-var o = /* @__PURE__ */ e(t(), 1), s = [
-	"NumberField",
-	"CurrencyField",
-	"DecimalField"
-], c = ({ name: e, validators: t, onBlur: r, onKeyDown: i, onChange: a, handlerFieldValidate: o, handlerFieldChange: c, component: l }) => {
-	let u = l?.name && s.includes(l.name);
-	return {
-		onBlur: (n) => {
-			!u && c && c(n), t && o && o(e, n.target.value, t), r && r(n);
-		},
-		onKeyDown: (r) => {
-			[n.ENTER].includes(r.keyCode) && (t && o?.(e, r.target.value, t), i && i(r));
-		},
-		onChange: (n) => {
-			u && (t && n.target && o && o(e, n.target.value, t), c && c(n)), a && a(n);
-		}
-	};
-}, l = i((e) => {
-	let { data: t, name: n, handleValidationErrorsOnTab: i } = e, s = o.default.get(t, n), l = r({
-		...e,
-		fieldErrors: e.fieldErrors
-	});
-	return i && i({
-		name: n,
-		tabId: e.tabId,
-		hasErrors: !!l.length
-	}), /* @__PURE__ */ a(e.component, {
-		...e,
-		...c({ ...e }),
-		errorMessages: r({
-			...e,
-			fieldErrors: e.fieldErrors
-		}),
-		value: s
-	});
-});
-//#endregion
-export { l as default };
-
-//# sourceMappingURL=FieldNumber.js.map

package/lib/form/FieldNumber.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldNumber.js","names":[],"sources":["../../src/lib/form/FieldNumber.tsx"],"sourcesContent":["import { ChangeEvent } from 'react';\nimport _ from 'lodash';\nimport withFieldHOC from './withFieldHOC';\nimport { getErrorMessages } from './helpers';\nimport { CustomKeyboardEvent, IFieldProps, IEventParams } from './types';\nimport * as constants from '../internals/constants';\n\nconst NUMBER_COMPONENTS = ['NumberField', 'CurrencyField', 'DecimalField'];\n\nconst getEventProps = ({\n  name,\n  validators,\n  onBlur,\n  onKeyDown,\n  onChange,\n  handlerFieldValidate,\n  handlerFieldChange,\n  component,\n}: IEventParams) => {\n  const isNumberComponent = component?.name && NUMBER_COMPONENTS.includes(component.name);\n\n  return {\n    onBlur: (e: ChangeEvent<HTMLInputElement>) => {\n      if (!isNumberComponent && handlerFieldChange) handlerFieldChange(e);\n      if (validators && handlerFieldValidate) handlerFieldValidate(\n        name, e.target.value, validators,\n      );\n      if (onBlur) onBlur(e);\n    },\n    onKeyDown: (e: CustomKeyboardEvent) => {\n      if ([constants.keyCodes.ENTER].includes(e.keyCode)) {\n        if (validators) handlerFieldValidate?.(name, e.target.value, validators);\n        if (onKeyDown) onKeyDown(e);\n      }\n    },\n    onChange: (e: ChangeEvent<HTMLInputElement>) => {\n      if (isNumberComponent) {\n        if (validators && e.target && handlerFieldValidate) {\n          handlerFieldValidate(name, e.target.value, validators);\n        }\n        if (handlerFieldChange) handlerFieldChange(e);\n      }\n      if (onChange) onChange(e);\n    },\n  };\n};\n\nconst FieldMask = (props: IFieldProps) => {\n  const { data, name, handleValidationErrorsOnTab } = props;\n  const currentValue = _.get(data, name);\n\n  const hasErrorsMessagesOnField = getErrorMessages({\n    ...props, fieldErrors: props.fieldErrors,\n  });\n\n  if (handleValidationErrorsOnTab) handleValidationErrorsOnTab({\n    name: name,\n    tabId: props.tabId,\n    hasErrors: !!hasErrorsMessagesOnField.length,\n  });\n\n  return (\n    <props.component\n      {...props}\n      {...getEventProps({\n        ...props,\n      })}\n      errorMessages={getErrorMessages({\n        ...props, fieldErrors: props.fieldErrors,\n      })}\n      value={currentValue} />\n  );\n};\n\nexport default withFieldHOC(FieldMask);\n"],"mappings":";;;;;;;mCAOM,IAAoB;CAAC;CAAe;CAAiB;CAAe,EAEpE,KAAiB,EACrB,SACA,eACA,WACA,cACA,aACA,yBACA,uBACA,mBACkB;CAClB,IAAM,IAAoB,GAAW,QAAQ,EAAkB,SAAS,EAAU,KAAK;AAEvF,QAAO;EACL,SAAS,MAAqC;AAK5C,GAJI,CAAC,KAAqB,KAAoB,EAAmB,EAAE,EAC/D,KAAc,KAAsB,EACtC,GAAM,EAAE,OAAO,OAAO,EACvB,EACG,KAAQ,EAAO,EAAE;;EAEvB,YAAY,MAA2B;AACrC,GAAI,CAAA,EAAoB,MAAM,CAAC,SAAS,EAAE,QAAQ,KAC5C,KAAY,IAAuB,GAAM,EAAE,OAAO,OAAO,EAAW,EACpE,KAAW,EAAU,EAAE;;EAG/B,WAAW,MAAqC;AAO9C,GANI,MACE,KAAc,EAAE,UAAU,KAC5B,EAAqB,GAAM,EAAE,OAAO,OAAO,EAAW,EAEpD,KAAoB,EAAmB,EAAE,GAE3C,KAAU,EAAS,EAAE;;EAE5B;GA8BH,IAAe,GA3BI,MAAuB;CACxC,IAAM,EAAE,SAAM,SAAM,mCAAgC,GAC9C,IAAe,EAAA,QAAE,IAAI,GAAM,EAAK,EAEhC,IAA2B,EAAiB;EAChD,GAAG;EAAO,aAAa,EAAM;EAC9B,CAAC;AAQF,QANI,KAA6B,EAA4B;EACrD;EACN,OAAO,EAAM;EACb,WAAW,CAAC,CAAC,EAAyB;EACvC,CAAC,EAGA,kBAAC,EAAM,WAAP;EACE,GAAI;EACJ,GAAI,EAAc,EAChB,GAAG,GACJ,CAAC;EACF,eAAe,EAAiB;GAC9B,GAAG;GAAO,aAAa,EAAM;GAC9B,CAAC;EACF,OAAO;EAAgB,CAAA;EAIS"}

package/lib/form/FieldPeriod.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;

package/lib/form/FieldPeriod.js

@@ -1,67 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_compiler_runtime as t } from "../node_modules/react/compiler-runtime.js";
-import { require_lodash as n } from "../node_modules/lodash/lodash.js";
-import { getErrorMessages as r } from "./helpers.js";
-import i from "./withFieldHOC.js";
-import { useEffect as a, useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-//#region src/lib/form/FieldPeriod.tsx
-var c = t(), l = /* @__PURE__ */ e(n(), 1), u = i((e) => {
-	let t = (0, c.c)(36), { data: n, nameDateInitial: i, nameDateFinal: u, handlerFieldChange: d, handlerFieldValidate: f, fieldErrors: p, externalMessagesErrors: m, onChange: h, validators: g, originalData: _, component: v, name: y, externalFieldErrors: b, handleValidationErrorsOnTab: x } = e, S = null, [C, w] = o(!1), T;
-	t[0] !== n || t[1] !== y ? (T = l.default.get(n, y), t[0] = n, t[1] = y, t[2] = T) : T = t[2];
-	let E = T, D;
-	t[3] !== y || t[4] !== _ ? (D = l.default.get(_, y), t[3] = y, t[4] = _, t[5] = D) : D = t[5];
-	let O = D, k;
-	t[6] !== E || t[7] !== n || t[8] !== O ? (k = () => {
-		!l.default.isEqual(E, O) && E && (E || E === 0 || Array.isArray(E) && E.length > 0) ? w(!0) : (l.default.isEmpty(n) || l.default.every(n, l.default.isEmpty) || l.default.isEqual(E, O)) && w(!1);
-	}, t[6] = E, t[7] = n, t[8] = O, t[9] = k) : k = t[9];
-	let A;
-	if (t[10] === E ? A = t[11] : (A = [E], t[10] = E, t[11] = A), a(k, A), t[12] !== v || t[13] !== n || t[14] !== b || t[15] !== m || t[16] !== p || t[17] !== x || t[18] !== d || t[19] !== f || t[20] !== y || t[21] !== u || t[22] !== i || t[23] !== h || t[24] !== e || t[25] !== C || t[26] !== g) {
-		let a = r({
-			name: y,
-			fieldErrors: C ? p : {},
-			externalFieldErrors: b,
-			externalMessagesErrors: m
-		}), o = r({
-			...e,
-			fieldErrors: e.fieldErrors
-		});
-		if (x && x({
-			name: y,
-			tabId: e.tabId,
-			hasErrors: !!o.length
-		}), v) {
-			let r;
-			t[28] !== d || t[29] !== f || t[30] !== y || t[31] !== u || t[32] !== i || t[33] !== h || t[34] !== g ? (r = (e, t, n) => {
-				let { initial: r, final: a } = n;
-				g && f && (f(i, {
-					[i]: r,
-					[u]: a
-				}, g), w(!0)), d && d({ target: {
-					name: y,
-					value: {
-						[i]: r,
-						[u]: a
-					}
-				} }), h && h({
-					initial: r,
-					final: a
-				});
-			}, t[28] = d, t[29] = f, t[30] = y, t[31] = u, t[32] = i, t[33] = h, t[34] = g, t[35] = r) : r = t[35], S = s(v, {
-				...e,
-				errorMessages: a,
-				onChange: r,
-				value: {
-					initial: l.default.get(n, `${y}.${i}`),
-					final: l.default.get(n, `${y}.${u}`)
-				}
-			});
-		}
-		t[12] = v, t[13] = n, t[14] = b, t[15] = m, t[16] = p, t[17] = x, t[18] = d, t[19] = f, t[20] = y, t[21] = u, t[22] = i, t[23] = h, t[24] = e, t[25] = C, t[26] = g, t[27] = S;
-	} else S = t[27];
-	return S;
-});
-//#endregion
-export { u as default };
-
-//# sourceMappingURL=FieldPeriod.js.map

package/lib/form/FieldPeriod.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldPeriod.js","names":[],"sources":["../../src/lib/form/FieldPeriod.tsx"],"sourcesContent":["import { JSX, useEffect, useState } from 'react';\nimport _ from 'lodash';\nimport withFieldHOC from './withFieldHOC';\nimport { getErrorMessages } from './helpers';\nimport { IFieldPeriodProps, PeriodChangeEvent } from './types';\nimport { CustomInputEvent } from '../inputs/base/types';\n\nconst FieldPeriod = (props: IFieldPeriodProps) => {\n  const {\n    data,\n    nameDateInitial,\n    nameDateFinal,\n    handlerFieldChange,\n    handlerFieldValidate: handlerFieldValidate,\n    fieldErrors,\n    externalMessagesErrors,\n    onChange,\n    validators,\n    originalData,\n    component: Component,\n    name,\n    externalFieldErrors,\n    handleValidationErrorsOnTab,\n  } = props;\n  let content: JSX.Element | null = null;\n  const [showValidateMessages, setShowValidateMessages] = useState(false);\n  const currentValue = _.get(data, name);\n  const originalValue = _.get(originalData, name);\n\n  useEffect(() => {\n    if (!_.isEqual(currentValue, originalValue) && currentValue && (!!currentValue ||\n      currentValue === 0 || (Array.isArray(currentValue) && currentValue.length > 0))) {\n      setShowValidateMessages(true);\n    } else if ((_.isEmpty(data) || _.every(data, _.isEmpty))\n      || _.isEqual(currentValue, originalValue)) {\n      setShowValidateMessages(false);\n    }\n  }, [currentValue]);\n\n  const errorMessages = getErrorMessages({\n    name,\n    fieldErrors: showValidateMessages ? fieldErrors : {},\n    externalFieldErrors,\n    externalMessagesErrors,\n  });\n\n  const hasErrorsMessagesOnField = getErrorMessages({\n    ...props, fieldErrors: props.fieldErrors,\n  });\n\n  if (handleValidationErrorsOnTab) handleValidationErrorsOnTab({\n    name: name,\n    tabId: props.tabId,\n    hasErrors: !!hasErrorsMessagesOnField.length,\n  });\n\n  if (Component) {\n    content = (\n      <Component\n        {...props}\n        errorMessages={errorMessages}\n        onChange={(\n          __: CustomInputEvent,\n          ___: string,\n          { initial, final }: PeriodChangeEvent,\n        ) => {\n          if (validators && handlerFieldValidate) {\n            handlerFieldValidate(nameDateInitial, {\n              [nameDateInitial]: initial,\n              [nameDateFinal]: final,\n            }, validators);\n            setShowValidateMessages(true);\n          }\n          if (handlerFieldChange) {\n            handlerFieldChange({\n              target: {\n                name,\n                value: {\n                  [nameDateInitial]: initial,\n                  [nameDateFinal]: final,\n                },\n              },\n            });\n          }\n          if (onChange) onChange({ initial, final });\n        }}\n        value={{\n          initial: _.get(data, `${name}.${nameDateInitial}`),\n          final: _.get(data, `${name}.${nameDateFinal}`),\n        }} />\n    );\n  }\n\n  return (content);\n};\n\nexport default withFieldHOC(FieldPeriod);\n"],"mappings":";;;;;;;;4CAgGA,IAAe,GAzFT,MAAA;CAAA,IAAA,KAAA,GAAA,EAAA,GAAA,GAAA,EACJ,EAAA,SAAA,oBAAA,kBAAA,uBAAA,yBAAA,gBAAA,2BAAA,aAAA,eAAA,iBAAA,WAAA,GAAA,SAAA,wBAAA,mCAeI,GACJ,IAAkC,MAClC,CAAA,GAAA,KAAwD,EAAS,GAAM,EAAA;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAClD,IAAA,EAAA,QAAA,IAAM,GAAM,EAAK,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAAtC,IAAA,IAAqB,GAAiB;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAChB,IAAA,EAAA,QAAA,IAAM,GAAc,EAAK,EAAA,EAAA,KAAA,GAAA,EAAA,KAAA,GAAA,EAAA,KAAA,KAAA,IAAA,EAAA;CAA/C,IAAA,IAAsB,GAAyB;AAAA,CAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAAA,EAAA,OAAA,KAE/C,UAAA;AACE,EAAI,CAAC,EAAA,QAAA,QAAU,GAAc,EAAkB,IAA3C,MAA8D,KAChE,MAAiB,KAAM,MAAA,QAAc,EAAuC,IAAtB,EAAA,SAAsB,KAC5E,EAAwB,GAAK,IACnB,EAAA,QAAA,QAAU,EAAiC,IAAxB,EAAA,QAAA,MAAQ,GAAM,EAAA,QAAA,QACF,IAAtC,EAAA,QAAA,QAAU,GAAc,EAAc,KACzC,EAAwB,GAAM;;;AAEhB,mBAAD,IAAA,EAAA,OAAd,IAAA,CAAC,EAAa,EAAA,EAAA,MAAA,GAAA,EAAA,MAAA,IARjB,EAAA,GAQG,EAAe,EAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,GAAA;EAElB,IAAA,IAAsB,EAAiB;GAAA;GAAA,aAExB,IAAA,IAAA,EAAuC;GAAA;GAAA;GAGrD,CAAC,EAEF,IAAiC,EAAiB;GAAA,GAC7C;GAAA,aAAoB,EAAA;GACxB,CAAC;AAQF,MANI,KAA6B,EAA4B;GAAA;GAAA,OAEpD,EAAA;GAAM,WACF,CAAC,CAAC,EAAA;GACd,CAAC,EAEE,GAAA;GAAA,IAAA;AACF,GADE,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAAA,EAAA,QAAA,KAKE,KAAA,GAAA,GAAA,MAAA;IAGE,IAAA,EAAA,YAAA,aAAA;AAoBA,IAlBI,KAAA,MACF,EAAqB,GAAiB;MACnC,IAAkB;MAClB,IAAgB;KAClB,EAAE,EAAW,EACd,EAAwB,GAAK,GAE3B,KACF,EAAmB,EAAA,QACT;KAAA;KAAA,OAEC;OACJ,IAAkB;OAClB,IAAgB;;OAGtB,CAAC,EAEA,KAAU,EAAS;KAAA;KAAA;KAAkB,CAAC;2GA3BhD,IACE,EAAC,GAAD;IAAA,GACM;IAAA;IAAA,UAEJ;WAyBO;KAAA,SACI,EAAA,QAAA,IAAM,GAAM,GAAG,EAAA,GAAQ,IAAkB;KAAA,OAC3C,EAAA,QAAA,IAAM,GAAM,GAAG,EAAA,GAAQ,IAAA;;IAC3B,CAAA;;;;QAIH;EAG8B"}

package/lib/form/helpers.d.ts

@@ -1,11 +0,0 @@
-import { FormContextProps, IGetErrorMessagesParams, IWithFieldContext, Validator } from './types';
-export declare const securityBeforeUnload = "securityBeforeUnload";
-export declare const FormContext: import('react').Context<FormContextProps>;
-export declare const withFieldContext: import('react').Context<IWithFieldContext>;
-type FieldTarget = Omit<HTMLInputElement, 'value'> & {
-    value: string | number;
-};
-export declare const changeValue: (data: object, target: FieldTarget) => any;
-export declare const getErrorMessages: ({ name, fieldErrors, externalFieldErrors, externalMessagesErrors, }: IGetErrorMessagesParams) => string[];
-export declare const getValidatorsArray: (validators?: Validator | Validator[], validatorFromComponent?: Validator | Validator[]) => Validator[];
-export {};

package/lib/form/helpers.js

@@ -1,18 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import { require_lodash as t } from "../node_modules/lodash/lodash.js";
-import { createContext as n } from "react";
-//#region src/lib/form/helpers.tsx
-var r = /* @__PURE__ */ e(t(), 1), i = n({}), a = n({}), o = (e, t) => {
-	let { name: n, value: i } = t;
-	return r.default.set(JSON.parse(JSON.stringify(e)), n, i);
-}, s = ({ name: e, fieldErrors: t, externalFieldErrors: n, externalMessagesErrors: r }) => {
-	let i = r ? [...r] : [];
-	return t && t[e] && (i = [...i, ...t[e]]), n && n[e] && (i = [...i, ...n[e]]), i;
-}, c = (e, t) => {
-	let n = [];
-	return e && t ? (n = r.default.isArray(e) ? e : [e], n = r.default.isArray(t) ? [...n, ...t] : [...n, t]) : t ? n = r.default.isArray(t) ? t : [t] : e && (n = e instanceof Array ? e : [e]), n;
-};
-//#endregion
-export { i as FormContext, o as changeValue, s as getErrorMessages, c as getValidatorsArray, a as withFieldContext };
-
-//# sourceMappingURL=helpers.js.map

package/lib/form/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","names":[],"sources":["../../src/lib/form/helpers.tsx"],"sourcesContent":["import _ from 'lodash';\nimport { createContext } from 'react';\nimport { FormContextProps, IGetErrorMessagesParams, IWithFieldContext, Validator } from './types';\n\nexport const securityBeforeUnload = 'securityBeforeUnload';\n\nexport const FormContext = createContext({} as FormContextProps);\n\nexport const withFieldContext = createContext({} as IWithFieldContext);\n\ntype FieldTarget = Omit<HTMLInputElement, 'value'> & { value: string | number };\n\nexport const changeValue = (data: object, target: FieldTarget) => {\n  const { name, value } = target;\n  return _.set(JSON.parse(JSON.stringify(data)), name, value);\n};\n\nexport const getErrorMessages = ({\n  name,\n  fieldErrors,\n  externalFieldErrors,\n  externalMessagesErrors,\n}: IGetErrorMessagesParams) => {\n  let errors = externalMessagesErrors ? [...externalMessagesErrors] : [];\n  if (fieldErrors && fieldErrors[name]) {\n    errors = [...errors, ...fieldErrors[name]];\n  }\n  if (externalFieldErrors && externalFieldErrors[name]) {\n    errors = [...errors, ...externalFieldErrors[name]];\n  }\n  return errors;\n};\n\nexport const getValidatorsArray = (\n  validators?: Validator | Validator[],\n  validatorFromComponent?: Validator | Validator[],\n) => {\n  let validatorsArray: Validator[] = [];\n\n  if (validators && validatorFromComponent) {\n    validatorsArray = !_.isArray(validators) ? [validators] : validators;\n    validatorsArray = !_.isArray(validatorFromComponent)\n      ? [...validatorsArray, validatorFromComponent]\n      : [...validatorsArray, ...validatorFromComponent];\n  } else if (validatorFromComponent) {\n    validatorsArray = !_.isArray(validatorFromComponent)\n      ? [validatorFromComponent]\n      : validatorFromComponent;\n  } else if (validators) {\n    validatorsArray = (!(validators instanceof Array)) ? [validators] : validators;\n  }\n\n  return validatorsArray;\n};\n"],"mappings":";;;;mCAMa,IAAc,EAAc,EAAE,CAAqB,EAEnD,IAAmB,EAAc,EAAE,CAAsB,EAIzD,KAAe,GAAc,MAAwB;CAChE,IAAM,EAAE,SAAM,aAAU;AACxB,QAAO,EAAA,QAAE,IAAI,KAAK,MAAM,KAAK,UAAU,EAAK,CAAC,EAAE,GAAM,EAAM;GAGhD,KAAoB,EAC/B,SACA,gBACA,wBACA,gCAC6B;CAC7B,IAAI,IAAS,IAAyB,CAAC,GAAG,EAAuB,GAAG,EAAE;AAOtE,QANI,KAAe,EAAY,OAC7B,IAAS,CAAC,GAAG,GAAQ,GAAG,EAAY,GAAM,GAExC,KAAuB,EAAoB,OAC7C,IAAS,CAAC,GAAG,GAAQ,GAAG,EAAoB,GAAM,GAE7C;GAGI,KACX,GACA,MACG;CACH,IAAI,IAA+B,EAAE;AAerC,QAbI,KAAc,KAChB,IAAmB,EAAA,QAAE,QAAQ,EAAW,GAAkB,IAAf,CAAC,EAAW,EACvD,IAAmB,EAAA,QAAE,QAAQ,EAAuB,GAEhD,CAAC,GAAG,GAAiB,GAAG,EAAuB,GAD/C,CAAC,GAAG,GAAiB,EAAuB,IAEvC,IACT,IAAmB,EAAA,QAAE,QAAQ,EAAuB,GAEhD,IADA,CAAC,EAAuB,GAEnB,MACT,IAAqB,aAAsB,QAAyB,IAAf,CAAC,EAAW,GAG5D"}

package/lib/form/index.d.ts

@@ -1,8 +0,0 @@
-import { default as Field } from './Field';
-import { default as FieldNumber } from './FieldNumber';
-import { default as FieldArray } from './FieldArray';
-import { default as FieldPeriod } from './FieldPeriod';
-import { FormProps } from './types';
-declare const Form: ({ submitOnPressEnterKey, dataSource, securityBeforeUnload, handlerReset, handlerSubmit, handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange, onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children, useInternalState, onValidateErrorsOnTab, }: FormProps) => import("react/jsx-runtime").JSX.Element;
-export default Form;
-export { Field, FieldNumber, FieldArray, FieldPeriod, };

package/lib/form/index.js

@@ -1,148 +0,0 @@
-import { __toESM as e } from "../_virtual/_rolldown/runtime.js";
-import t from "../node_modules/uuid/dist/v1.js";
-import { require_lodash as n } from "../node_modules/lodash/lodash.js";
-import { FormSecurityContext as r } from "./withFormSecurity.js";
-import i from "../dialog/Question.js";
-import { FormContext as a, changeValue as o } from "./helpers.js";
-import s from "./Field.js";
-import c from "./FieldNumber.js";
-import l from "./FieldArray.js";
-import u from "./FieldPeriod.js";
-import '../assets/styles/form.css';/* empty css                    */
-import { Fragment as d, useCallback as f, useContext as p, useEffect as m, useRef as h, useState as g } from "react";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-//#region src/lib/form/index.tsx
-var y = /* @__PURE__ */ e(n(), 1), b = ({ submitOnPressEnterKey: e = !0, dataSource: n, securityBeforeUnload: s, handlerReset: c, handlerSubmit: l, handlerValidates: u, style: b, customClass: ee, securityTitle: x, securityText: S, securityData: C, onDataChange: w, onValidateForm: T, externalFieldErrors: E, onSubmit: te, skeletonize: ne, disabled: D, children: O, useInternalState: k = !1, onValidateErrorsOnTab: A }) => {
-	let j = t(), [M, N] = g(n), [P, F] = g(n), [I, re] = g(e), [L, R] = g({}), [z, B] = g(0), [V, H] = g(!1), U = p(r), W = h(null), G = h({}), K = h([]), q = k ? M : n, J = (e, t) => {
-		let n = e instanceof Array ? e : [e], r = [];
-		return n.forEach((e) => {
-			if (typeof e == "function") {
-				let n = e(t);
-				n && (r = [...r, n]);
-			}
-		}), r;
-	}, Y = (e, t) => {
-		let n = e || q, r = y.default.pickBy(L, (e, n) => Object.keys(t).includes(n));
-		return y.default.forEach(t, (e, t) => {
-			let i = J(e, y.default.get(n, t));
-			r = {
-				...r,
-				[t]: i
-			};
-		}), r;
-	}, X = (e, t = !0, n = null) => {
-		let r = Y(e, n || G.current), i = Object.values(r).every((e) => e.length === 0);
-		return t && H(i), i;
-	}, ie = f((e) => {
-		let { target: t } = e;
-		!k && w ? w((e) => o(e, t)) : N((e) => o(e, t));
-	}, []), ae = (e, t, n) => {
-		if (n) {
-			let r = L, i = J(n, t);
-			r = i.length === 0 ? y.default.omit(r, e) : {
-				...r,
-				[e]: i
-			}, R(r);
-		}
-	}, Z = f((e) => {
-		e && (e.preventDefault(), e.stopPropagation()), X(q) && te(q);
-	}, [q]), oe = (e, t) => {
-		let n = t ? t instanceof Array ? t : [t] : [];
-		n.length > 0 ? (e((e) => {
-			let t = JSON.parse(JSON.stringify(e));
-			return n.forEach((e) => {
-				e && y.default.set(t, e, y.default.get(P, e));
-			}), t;
-		}), R((e) => (n.forEach((t) => {
-			delete e[t];
-		}), e))) : (e(JSON.parse(JSON.stringify(P))), R({}));
-	}, se = (e) => {
-		oe(!k && w ? w : N, e);
-	}, ce = (e) => {
-		G.current = y.default.omit(G, e);
-	}, Q = (e) => {
-		e.preventDefault(), y.default.isEqual(q, P);
-	}, le = f((e) => {
-		if (!e.tabId) return;
-		let t = [...K.current].findIndex((t) => t.name === e.name);
-		if (t !== -1) {
-			let n = [...K.current];
-			n[t] = e, K.current = [...n];
-		} else K.current = [...K.current, e];
-		A && A(y.default.uniq(y.default.compact(K.current.map((e) => {
-			if (e.hasErrors) return String(e.tabId);
-		}))));
-	}, [A]), ue = () => {
-		let e = null;
-		return D || (e = {
-			onSubmit: (e) => e.preventDefault(),
-			onKeyPress: (e) => {
-				e && e.key === "Enter" && (e.preventDefault(), e.stopPropagation(), I && Z());
-			}
-		}), e;
-	}, $ = () => {
-		if (!y.default.isEmpty(U)) {
-			let { onChangedData: e } = U;
-			C && !y.default.isEqual(q, C) ? e(!0) : e(!1);
-		}
-		w && k && w(q), T && T(X(q, !0)), D || (l(Z), c && c(se), u && u(() => X(q))), y.default.isEmpty(q) && F(q);
-	};
-	m(() => {
-		k && $();
-	}, [JSON.stringify(M), k]), m(() => {
-		!k && w && $();
-	}, [JSON.stringify(n), k]), m(() => (s && (Object.entries(U).length && U.setSecurityBeforeUnload(!0), window.addEventListener("beforeunload", Q)), () => {
-		s && Object.entries(U).length && U.setSecurityBeforeUnload(!1), window.removeEventListener("beforeunload", Q);
-	}), [s, Q]), m(() => {
-		!D && e !== I && re(e);
-	}, [e]), m(() => {
-		let e = Object.values(G.current).reduce((e, t) => e + (t?.length || 0), 0);
-		G.current && T && z !== e && (B(e), T(X(q, !0, G.current)));
-	}, [
-		G.current,
-		z,
-		T,
-		JSON.stringify(q)
-	]);
-	let de = {
-		skeletonize: ne,
-		handlerFieldChange: ie,
-		handlerFieldValidate: ae,
-		handleValidationErrorsOnTab: le,
-		handlerStoreValidators: (e, t) => {
-			G.current = {
-				...G.current,
-				[e]: t
-			};
-		},
-		handlerRemoveValidators: ce,
-		data: k ? M : n,
-		originalData: P,
-		fieldErrors: L,
-		externalFieldErrors: E,
-		isFormValid: V
-	};
-	return /* @__PURE__ */ v(d, { children: [/* @__PURE__ */ _(a.Provider, {
-		value: de,
-		children: /* @__PURE__ */ _("form", {
-			id: j,
-			ref: W,
-			style: b,
-			...ue(),
-			role: "presentation",
-			className: `form-component ${ee}`,
-			children: O
-		})
-	}), /* @__PURE__ */ _(i, {
-		zIndex: "99999999",
-		title: x || "Dados Alterados",
-		text: S || "Você possui dados alterados, confirma o fechamento?",
-		visible: !y.default.isEmpty(U) && U.showQuestion,
-		onConfirmClick: U ? U.onConfirmClick : () => {},
-		onUnconfirmClick: U ? U.onUnconfirmClick : () => {}
-	})] });
-};
-//#endregion
-export { s as Field, l as FieldArray, c as FieldNumber, u as FieldPeriod, b as default };
-
-//# sourceMappingURL=index.js.map

package/lib/form/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/lib/form/index.tsx"],"sourcesContent":["import { Fragment, useState, useEffect, useContext, useRef, FormEvent, useCallback, KeyboardEvent, Dispatch, SetStateAction } from 'react';\nimport { v1 } from 'uuid';\nimport _ from 'lodash';\nimport { changeValue, FormContext } from './helpers';\nimport Field from './Field';\nimport FieldNumber from './FieldNumber';\nimport FieldArray from './FieldArray';\nimport FieldPeriod from './FieldPeriod';\nimport '../assets/styles/form.scss';\nimport { DialogQuestion } from '../dialog';\nimport { FormSecurityContext } from './withFormSecurity';\nimport { FieldErrors, FieldValidator, FormContextProps, FormProps, OnFielChangeEvent, Validator, type PropsValidateTabErrors } from './types';\n\nconst Form = ({\n  submitOnPressEnterKey = true, dataSource, securityBeforeUnload, handlerReset, handlerSubmit,\n  handlerValidates, style, customClass, securityTitle, securityText, securityData, onDataChange,\n  onValidateForm, externalFieldErrors, onSubmit, skeletonize, disabled, children,\n  useInternalState = false, onValidateErrorsOnTab,\n}: FormProps) => {\n  const formId = v1();\n  const [data, setData] = useState(dataSource);\n  const [originalData, setOriginalData] = useState(dataSource);\n  const [submitFormOnEnter, setSubmitFormOnEnter] = useState(submitOnPressEnterKey);\n  const [fieldErrors, setFieldErrors] = useState<FieldErrors>({});\n  const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = useState(0);\n  const [isValid, setIsValid] = useState(false);\n  const context = useContext(FormSecurityContext);\n  const formRef = useRef<HTMLFormElement | null>(null);\n  const fieldsValidators = useRef<FieldValidator>({});\n  const tabsWithErrorRef = useRef<PropsValidateTabErrors[]>([]);\n  const usedData = useInternalState ? data : dataSource;\n\n  const getValidatesErrorMessages = (validators: Validator | Validator[], fieldValue: string) => {\n    const validatorsArray = (!(validators instanceof Array)) ? [validators] : validators;\n    let errors: string[] = [];\n    validatorsArray.forEach((validator: Validator) => {\n      if (typeof validator === 'function') {\n        const result = validator(fieldValue);\n        if (result) errors = [...errors, result];\n      }\n    });\n    return errors;\n  };\n\n  const getErrorMessages = (\n    currentData: object,\n    currentValidators: Validator | Validator[] | FieldValidator,\n  ) => {\n    const dataValidate = currentData || usedData;\n    let currentFieldErrors: FieldErrors = _.pickBy(fieldErrors, (__, fieldName) => {\n      const fieldValidatorsNames = Object.keys(currentValidators);\n      return fieldValidatorsNames.includes(fieldName);\n    }) as FieldErrors;\n    _.forEach(currentValidators, (validators, fieldName) => {\n      const fieldValue = _.get(dataValidate, fieldName);\n      const messages = getValidatesErrorMessages(validators, fieldValue);\n      currentFieldErrors = { ...currentFieldErrors, [fieldName]: messages };\n    });\n    return currentFieldErrors;\n  };\n\n  const checkIsValid = (\n    currentData: object,\n    updateState = true,\n    currentValidators: Validator | Validator[] | FieldValidator | null = null,\n  ): boolean => {\n    const currentFieldErrors =\n      getErrorMessages(currentData, currentValidators || fieldsValidators.current);\n    const isValidNow = Object.values(currentFieldErrors).every(value => value.length === 0);\n    if (updateState) setIsValid(isValidNow);\n    return isValidNow;\n  };\n\n  const onFieldChange = useCallback((event: OnFielChangeEvent) => {\n    const { target } = event;\n    if (!useInternalState && onDataChange) {\n      onDataChange((prevState: object) => changeValue(prevState, target));\n    } else {\n      setData(prevState => changeValue(prevState, target));\n    }\n  }, []);\n\n  const onValidate = (\n    fieldName: string,\n    fieldValue: string,\n    validators: Validator | Validator[],\n  ) => {\n    if (validators) {\n      let currentFieldErrors = fieldErrors;\n      const errors = getValidatesErrorMessages(validators, fieldValue);\n      if (errors.length === 0) {\n        currentFieldErrors = _.omit(currentFieldErrors, fieldName);\n      } else {\n        currentFieldErrors = { ...currentFieldErrors, [fieldName]: errors };\n      }\n      setFieldErrors(currentFieldErrors);\n    }\n  };\n\n  const onFormSubmit = useCallback((event?: Event) => {\n    if (event) { event.preventDefault(); event.stopPropagation(); }\n    if (checkIsValid(usedData)) onSubmit(usedData);\n  }, [usedData]);\n\n  const onResetField = (\n    cb: Dispatch<SetStateAction<object>>,\n    fields?: string | string[],\n  ) => {\n    const fieldsArray = !fields ? [] : (fields instanceof Array ? fields : [fields]);\n    if (fieldsArray.length > 0) {\n      cb((state: any) => {\n        const newState = JSON.parse(JSON.stringify(state));\n        fieldsArray.forEach((field) => {\n          if (field)\n            _.set(newState, field, _.get(originalData, field));\n        });\n        return newState;\n      });\n\n      setFieldErrors((state) => {\n        fieldsArray.forEach((field) => {\n          delete state[field];\n        });\n        return state;\n      });\n    } else {\n      cb(JSON.parse(JSON.stringify(originalData)));\n      setFieldErrors({});\n    }\n  };\n\n  const onReset = (fields?: string | string[]) => {\n    if (!useInternalState && onDataChange) {\n      onResetField(onDataChange, fields);\n    } else {\n      onResetField(setData, fields);\n    }\n  };\n\n  const onRemoveFieldValidators = (fieldName: string) => {\n    const newFieldsValidators = _.omit(fieldsValidators, fieldName);\n    fieldsValidators.current = newFieldsValidators;\n  };\n\n  const onBeforeUnload = (e: Event) => {\n    const event = e as Event;\n    event.preventDefault();\n    if (_.isEqual(usedData, originalData)) return;\n  };\n\n  const onValidateTabErrors = useCallback((props: PropsValidateTabErrors) => {\n    if (!props.tabId) return;\n\n    const tabIndex = [...tabsWithErrorRef.current].findIndex(tab => tab.name === props.name);\n\n    if (tabIndex !== -1) {\n      const novasTabs = [...tabsWithErrorRef.current];\n      novasTabs[tabIndex] = props;\n      tabsWithErrorRef.current = [...novasTabs];\n    } else {\n      tabsWithErrorRef.current = [...tabsWithErrorRef.current, props];\n    }\n\n    if (onValidateErrorsOnTab) {\n      const tabIdsWithErrors = _.uniq(\n        _.compact(\n          tabsWithErrorRef.current.map((tab) => {\n            if (tab.hasErrors) return String(tab.tabId);\n          }),\n        ),\n      );\n      onValidateErrorsOnTab(tabIdsWithErrors);\n    }\n  }, [onValidateErrorsOnTab]);\n\n  const formProps = () => {\n    let propsForm = null;\n\n    if (!disabled) {\n      propsForm = {\n        onSubmit: (event: FormEvent<HTMLFormElement>) => event.preventDefault(),\n        onKeyPress: (event: KeyboardEvent<HTMLFormElement>) => {\n          if (event && event.key === 'Enter') {\n            event.preventDefault();\n            event.stopPropagation();\n            if (submitFormOnEnter) onFormSubmit();\n          }\n        },\n      };\n    }\n    return propsForm;\n  };\n\n  const updateFormState = () => {\n    if (!_.isEmpty(context)) {\n      const { onChangedData } = context;\n      if (securityData && !_.isEqual(usedData, securityData)) {\n        onChangedData(true);\n      } else {\n        onChangedData(false);\n      }\n    }\n\n    if (onDataChange && useInternalState) onDataChange(usedData);\n\n    // TODO - Usar debounce para evitar chamada a cada letra digitada\n    if (onValidateForm) {\n      onValidateForm(checkIsValid(usedData, true));\n    }\n\n    if (!disabled) {\n      handlerSubmit(onFormSubmit);\n      if (handlerReset) handlerReset(onReset);\n      if (handlerValidates) handlerValidates(() => checkIsValid(usedData));\n    }\n    if (_.isEmpty(usedData)) setOriginalData(usedData);\n  };\n\n  useEffect(() => {\n    if (useInternalState) updateFormState();\n  }, [JSON.stringify(data), useInternalState]);\n\n  useEffect(() => {\n    if (!useInternalState && onDataChange) updateFormState();\n  }, [JSON.stringify(dataSource), useInternalState]);\n\n  useEffect(() => {\n    if (securityBeforeUnload) {\n      if (Object.entries(context).length) context.setSecurityBeforeUnload(true);\n      window.addEventListener('beforeunload', onBeforeUnload);\n    }\n    return () => {\n      if (securityBeforeUnload && Object.entries(context).length) \n        context.setSecurityBeforeUnload(false);\n      window.removeEventListener('beforeunload', onBeforeUnload);\n    };\n  }, [securityBeforeUnload, onBeforeUnload]);\n\n  useEffect(() => {\n    if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {\n      setSubmitFormOnEnter(submitOnPressEnterKey);\n    }\n  }, [submitOnPressEnterKey]);\n\n  useEffect(() => {\n    const validatorsQuantity = Object.values(fieldsValidators.current)\n      .reduce((acc, currentValue) => acc + (currentValue?.length || 0), 0);\n\n    if (fieldsValidators.current && onValidateForm\n      && oldFieldsValidatorsQuantity !== validatorsQuantity) {\n      setOldFieldsValidatorsQuantity(validatorsQuantity);\n      onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));\n    }\n  }, [\n    fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData),\n  ]);\n\n  const contextValues: FormContextProps = {\n    skeletonize,\n    handlerFieldChange: onFieldChange,\n    handlerFieldValidate: onValidate,\n    handleValidationErrorsOnTab: onValidateTabErrors,\n    handlerStoreValidators: (fieldName, fieldValidates) => {\n      fieldsValidators.current = { ...fieldsValidators.current, [fieldName]: fieldValidates };\n    },\n    handlerRemoveValidators: onRemoveFieldValidators,\n    data: useInternalState ? data : dataSource,\n    originalData,\n    fieldErrors,\n    externalFieldErrors,\n    isFormValid: isValid,\n  };\n\n  return (\n    <Fragment>\n      <FormContext.Provider value={contextValues}>\n        <form\n          id={formId}\n          ref={formRef}\n          style={style}\n          {...formProps()}\n          role=\"presentation\"\n          className={`form-component ${customClass}`}>\n          {children}\n        </form>\n      </FormContext.Provider>\n      <DialogQuestion\n        zIndex=\"99999999\"\n        title={securityTitle || 'Dados Alterados'}\n        text={securityText || 'Você possui dados alterados, confirma o fechamento?'}\n        visible={!_.isEmpty(context) && context.showQuestion}\n        onConfirmClick={context ? context.onConfirmClick : () => {}}\n        onUnconfirmClick={context ? context.onUnconfirmClick : () => {}} />\n    </Fragment>\n  );\n};\n\nexport default Form;\nexport {\n  Field,\n  FieldNumber,\n  FieldArray,\n  FieldPeriod,\n};\n"],"mappings":"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"}