linear-react-components-ui 1.1.26-beta.19 → 1.1.26-beta.20

package/lib/form/types.d.ts

@@ -1,25 +1,17 @@
-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: {
+import { ChangeEvent, ComponentType, CSSProperties, Dispatch, MouseEventHandler, ReactNode, SetStateAction } 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 = {
+export type PropsValidateTabErrors = {
     name: string;
     tabId?: string | number;
     hasErrors: boolean;
@@ -44,8 +36,8 @@ type BaseFormProps = {
     skeletonize?: boolean;
     disabled?: boolean;
 };
-type OnDataChange = React.Dispatch<React.SetStateAction<object>>;
-type FormProps = BaseFormProps & ({
+type OnDataChange = Dispatch<SetStateAction<object>>;
+export type FormProps = BaseFormProps & ({
     useInternalState?: false;
     onDataChange: OnDataChange;
 } | {
@@ -55,7 +47,7 @@ type FormProps = BaseFormProps & ({
 type Data = {
     [key: string]: any;
 };
-interface IFieldProps extends WithFieldProps {
+export interface IFieldProps extends WithFieldProps {
     data?: Data;
     originalData?: Data;
     dataSource?: Data;
@@ -104,13 +96,13 @@ interface IFieldProps extends WithFieldProps {
     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 +111,6 @@ interface IFieldArrayProps extends WithFieldProps {
     fieldErrors?: {
         [name: string]: string[];
     };
-    component?: ComponentType<any>;
     validators?: Validator | Validator[];
     valuePropName?: string;
     changePropName?: string;
@@ -145,7 +136,7 @@ interface IFieldArrayProps extends WithFieldProps {
     popoverAlign?: 'right' | 'left';
     tabId?: string | number;
 }
-type PeriodChangeEvent = {
+export type PeriodChangeEvent = {
     initial: string;
     final: string;
 };
@@ -157,14 +148,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?: {
@@ -183,7 +173,7 @@ interface IFieldPeriodProps extends WithFieldProps {
     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;
@@ -196,7 +186,7 @@ interface FormContextProps {
     isFormValid?: boolean;
     handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
-interface WithFieldProps {
+export interface WithFieldProps {
     name: string;
     data?: Data;
     handlerStoreValidators?: (name: string, validators: Validator | Validator[]) => void;
@@ -204,18 +194,19 @@ interface WithFieldProps {
     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 +214,7 @@ interface IFormSecurityContext {
     setSecurityBeforeUnload: (value: boolean) => void;
     securityBeforeUnload?: boolean;
 }
-interface IEventParams {
+export interface IEventParams {
     name: string;
     data?: object;
     validators?: Validator | Validator[];
@@ -235,7 +226,7 @@ interface IEventParams {
     validatorFromComponent?: Validator | Validator[];
     component?: ComponentType<any>;
 }
-interface IGetErrorMessagesParams {
+export interface IGetErrorMessagesParams {
     name: string;
     fieldErrors?: {
         [name: string]: string[];
@@ -245,11 +236,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 {};

package/lib/form/withFieldHOC.d.ts

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

package/lib/form/withFieldHOC.js

@@ -1,73 +1,64 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _helpers = require("./helpers");
-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); }
-const withFieldHOC = WrappedComponent => {
-  const EnhancedComponent = props => {
-    const {
-      name,
-      validators,
-      handlerStoreValidators,
-      handlerRemoveValidators
-    } = props;
-    const [validatorFromComponent, setValidatorFromComponent] = (0, _react.useState)(undefined);
-    const updateValidators = () => {
-      const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
-      if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);
-    };
-    (0, _react.useEffect)(() => {
-      updateValidators();
-      return () => {
-        if (validators && handlerRemoveValidators) handlerRemoveValidators(name);
-      };
-    }, []);
-    (0, _react.useEffect)(() => {
-      updateValidators();
-    }, [validators]);
-    const contextValues = {
-      validatorFromComponent,
-      handlerSetValidatorFromComponent: validator => {
-        setValidatorFromComponent(validator);
-      }
-    };
-    return /*#__PURE__*/_react.default.createElement(_helpers.withFieldContext.Provider, {
-      value: contextValues
-    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
+import { jsx as p } from "react/jsx-runtime";
+import { c as _ } from "../_virtual/compiler-runtime.js";
+import { forwardRef as E, useState as b, useEffect as w } from "react";
+import { FormContext as A, withFieldContext as g, getValidatorsArray as j } from "./helpers.js";
+const k = (R) => {
+  const S = (a) => {
+    const e = _.c(23), {
+      name: o,
+      validators: t,
+      handlerStoreValidators: n,
+      handlerRemoveValidators: i
+    } = a, [r, x] = b(void 0);
+    let s;
+    e[0] !== n || e[1] !== o || e[2] !== r || e[3] !== t ? (s = () => {
+      const V = j(t, r);
+      V && n && n(o, V);
+    }, e[0] = n, e[1] = o, e[2] = r, e[3] = t, e[4] = s) : s = e[4];
+    const l = s;
+    let f;
+    e[5] !== i || e[6] !== o || e[7] !== l || e[8] !== t ? (f = () => (l(), () => {
+      t && i && i(o);
+    }), e[5] = i, e[6] = o, e[7] = l, e[8] = t, e[9] = f) : f = e[9];
+    let d;
+    e[10] === Symbol.for("react.memo_cache_sentinel") ? (d = [], e[10] = d) : d = e[10], w(f, d);
+    let c;
+    e[11] !== l ? (c = () => {
+      l();
+    }, e[11] = l, e[12] = c) : c = e[12];
+    let u;
+    e[13] !== t ? (u = [t], e[13] = t, e[14] = u) : u = e[14], w(c, u);
+    let h;
+    e[15] === Symbol.for("react.memo_cache_sentinel") ? (h = (V) => {
+      x(V);
+    }, e[15] = h) : h = e[15];
+    let C;
+    e[16] !== r ? (C = {
+      validatorFromComponent: r,
+      handlerSetValidatorFromComponent: h
+    }, e[16] = r, e[17] = C) : C = e[17];
+    const F = C;
+    let m;
+    e[18] !== a ? (m = /* @__PURE__ */ p(R, { ...a }), e[18] = a, e[19] = m) : m = e[19];
+    let v;
+    return e[20] !== F || e[21] !== m ? (v = /* @__PURE__ */ p(g.Provider, { value: F, children: m }), e[20] = F, e[21] = m, e[22] = v) : v = e[22], v;
   };
-  function forwardRef(props, ref) {
-    return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, _ref => {
-      let {
-        handlerFieldChange,
-        handlerFieldValidate: handlerFieldValidate,
-        data,
-        fieldErrors,
-        externalFieldErrors,
-        handlerStoreValidators,
-        handlerRemoveValidators,
-        skeletonize,
-        handleValidationErrorsOnTab
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
-        skeletonize: skeletonize,
-        handlerFieldChange: handlerFieldChange,
-        handlerFieldValidate: handlerFieldValidate,
-        handlerStoreValidators: handlerStoreValidators,
-        handlerRemoveValidators: handlerRemoveValidators,
-        data: data,
-        fieldErrors: fieldErrors,
-        externalFieldErrors: externalFieldErrors,
-        forwardedRef: ref,
-        handleValidationErrorsOnTab: handleValidationErrorsOnTab
-      }));
-    });
+  function y(a, e) {
+    return /* @__PURE__ */ p(A.Consumer, { children: ({
+      handlerFieldChange: o,
+      handlerFieldValidate: t,
+      data: n,
+      fieldErrors: i,
+      externalFieldErrors: r,
+      handlerStoreValidators: x,
+      handlerRemoveValidators: s,
+      skeletonize: l,
+      handleValidationErrorsOnTab: f
+    }) => /* @__PURE__ */ p(S, { ...a, skeletonize: l, handlerFieldChange: o, handlerFieldValidate: t, handlerStoreValidators: x, handlerRemoveValidators: s, data: n, fieldErrors: i, externalFieldErrors: r, forwardedRef: e, handleValidationErrorsOnTab: f }) });
   }
-  return /*#__PURE__*/_react.default.forwardRef(forwardRef);
+  return E(y);
 };
-var _default = exports.default = withFieldHOC;
+export {
+  k as default
+};
+//# sourceMappingURL=withFieldHOC.js.map

package/lib/form/withFieldHOC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFieldHOC.js","sources":["../../src/lib/form/withFieldHOC.tsx"],"sourcesContent":["import { ComponentType, forwardRef, Ref, useEffect, useState } from 'react';\nimport { FormContext, withFieldContext, getValidatorsArray } from './helpers';\nimport { IWithFieldContext, Validator, WithFieldProps } from './types';\n\nconst withFieldHOC = <ComponentProps extends WithFieldProps>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { name, validators, handlerStoreValidators, handlerRemoveValidators } = props;\n    const [validatorFromComponent, setValidatorFromComponent] =\n      useState<Validator | Validator[] | undefined>(undefined);\n\n    const updateValidators = () => {\n      const validatorsArray = getValidatorsArray(validators as Validator, validatorFromComponent);\n      if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);\n    };\n\n    useEffect(() => {\n      updateValidators();\n\n      return () => {\n        if (validators && handlerRemoveValidators) handlerRemoveValidators(name);\n      };\n    }, []);\n\n    useEffect(() => {\n      updateValidators();\n    }, [validators]);\n\n    const contextValues: IWithFieldContext = {\n      validatorFromComponent,\n      handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => {\n        setValidatorFromComponent(validator);\n      },\n    };\n\n    return (\n      <withFieldContext.Provider value={contextValues}>\n        <WrappedComponent {...props} />\n      </withFieldContext.Provider>\n    );\n  };\n\n  function forwardedRef(props: ComponentProps, ref: Ref<HTMLElement>) {\n    return (\n      <FormContext.Consumer>\n        {({\n          handlerFieldChange,\n          handlerFieldValidate: handlerFieldValidate,\n          data,\n          fieldErrors,\n          externalFieldErrors,\n          handlerStoreValidators,\n          handlerRemoveValidators,\n          skeletonize,\n          handleValidationErrorsOnTab,\n        }) => (\n          <EnhancedComponent\n            {...props}\n            skeletonize={skeletonize}\n            handlerFieldChange={handlerFieldChange}\n            handlerFieldValidate={handlerFieldValidate}\n            handlerStoreValidators={handlerStoreValidators}\n            handlerRemoveValidators={handlerRemoveValidators}\n            data={data}\n            fieldErrors={fieldErrors}\n            externalFieldErrors={externalFieldErrors}\n            forwardedRef={ref}\n            handleValidationErrorsOnTab={handleValidationErrorsOnTab} />\n        )}\n      </FormContext.Consumer>\n    );\n  }\n  return forwardRef(forwardedRef as any) as any;\n};\n\nexport default withFieldHOC;\n"],"names":["withFieldHOC","WrappedComponent","EnhancedComponent","props","$","_c","name","validators","handlerStoreValidators","handlerRemoveValidators","validatorFromComponent","setValidatorFromComponent","useState","undefined","t0","validatorsArray","getValidatorsArray","updateValidators","t1","t2","Symbol","for","useEffect","t3","t4","t5","validator","t6","handlerSetValidatorFromComponent","contextValues","t7","jsx","t8","withFieldContext","forwardedRef","ref","FormContext","handlerFieldChange","handlerFieldValidate","data","fieldErrors","externalFieldErrors","skeletonize","handleValidationErrorsOnTab","forwardRef"],"mappings":"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"}

package/lib/form/withFormSecurity.d.ts

@@ -1,15 +1,6 @@
-import React__default from 'react';
-import { IFormSecurityContext, IWithFormSecurity } from './types.js';
-import '../inputs/select/types.js';
-import '../@types/Align.js';
-import '../@types/DataCombo.js';
-import '../@types/PermissionAttr.js';
-import '../inputs/base/types.js';
-import '../@types/Period.js';
-import '../tooltip/types.js';
-import '../@types/Position.js';
-
-declare const FormSecurityContext: React__default.Context<IFormSecurityContext>;
-declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: React__default.ComponentType<ComponentProps>) => (props: ComponentProps) => JSX.Element;
-
-export { FormSecurityContext, withFormSecurity as default };
+import { ComponentType } from 'react';
+import { IFormSecurityContext, IWithFormSecurity } from './types';
+declare const FormSecurityContext: import('react').Context<IFormSecurityContext>;
+declare const withFormSecurity: <ComponentProps extends IWithFormSecurity>(WrappedComponent: ComponentType<ComponentProps>) => (props: ComponentProps) => import("react/jsx-runtime").JSX.Element;
+export default withFormSecurity;
+export { FormSecurityContext };

package/lib/form/withFormSecurity.js

@@ -1,55 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FormSecurityContext = void 0;
-var _react = _interopRequireWildcard(require("react"));
-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); }
-const FormSecurityContext = exports.FormSecurityContext = /*#__PURE__*/_react.default.createContext({});
-const withFormSecurity = WrappedComponent => {
-  const EnhancedComponent = props => {
-    const {
-      onOpenChange,
-      handlerClose
-    } = props;
-    const changedData = (0, _react.useRef)(false);
-    const securityBeforeUnload = (0, _react.useRef)(false);
-    const [showQuestion, setShowQuestion] = (0, _react.useState)(false);
-    const newHandlerClose = () => {
-      if (changedData.current && securityBeforeUnload.current) {
-        setShowQuestion(true);
-      } else if (onOpenChange) onOpenChange(false);else if (handlerClose) handlerClose();
-    };
-    const onConfirmClick = () => {
-      if (onOpenChange) onOpenChange(false);
-      if (handlerClose) handlerClose();
-    };
-    const onUnconfirmClick = () => {
-      setShowQuestion(false);
-    };
-    const onChangedData = value => {
-      changedData.current = value;
-    };
-    const setSecurityBeforeUnload = value => {
-      securityBeforeUnload.current = value;
-    };
-    const contextValues = {
-      onChangedData,
-      showQuestion,
-      onConfirmClick,
-      onUnconfirmClick,
-      setSecurityBeforeUnload,
-      securityBeforeUnload: securityBeforeUnload.current
-    };
-    return /*#__PURE__*/_react.default.createElement(FormSecurityContext.Provider, {
-      value: contextValues
-    }, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
-      handlerClose: newHandlerClose
-    })));
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as d, useRef as i, useState as h } from "react";
+const m = d({}), w = (l) => (r) => {
+  const {
+    onOpenChange: e,
+    handlerClose: n
+  } = r, c = i(!1), o = i(!1), [f, s] = h(!1), u = () => {
+    c.current && o.current ? s(!0) : e ? e(!1) : n && n();
+  }, C = {
+    onChangedData: (t) => {
+      c.current = t;
+    },
+    showQuestion: f,
+    onConfirmClick: () => {
+      e && e(!1), n && n();
+    },
+    onUnconfirmClick: () => {
+      s(!1);
+    },
+    setSecurityBeforeUnload: (t) => {
+      o.current = t;
+    },
+    securityBeforeUnload: o.current
   };
-  return EnhancedComponent;
+  return /* @__PURE__ */ a(m.Provider, { value: C, children: /* @__PURE__ */ a(l, { ...r, handlerClose: u }) });
 };
-var _default = exports.default = withFormSecurity;
+export {
+  m as FormSecurityContext,
+  w as default
+};
+//# sourceMappingURL=withFormSecurity.js.map

package/lib/form/withFormSecurity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withFormSecurity.js","sources":["../../src/lib/form/withFormSecurity.tsx"],"sourcesContent":["import { ComponentType, createContext, useRef, useState } from 'react';\nimport { IFormSecurityContext, IWithFormSecurity } from './types';\n\nconst FormSecurityContext = createContext({} as IFormSecurityContext);\n\nconst withFormSecurity = <ComponentProps extends IWithFormSecurity>(\n  WrappedComponent: ComponentType<ComponentProps>,\n) => {\n  const EnhancedComponent = (props: ComponentProps) => {\n    const { onOpenChange, handlerClose } = props;\n    const changedData = useRef(false);\n    const securityBeforeUnload = useRef(false);\n    const [showQuestion, setShowQuestion] = useState(false);\n\n    const newHandlerClose = () => {\n      if (changedData.current && securityBeforeUnload.current) {\n        setShowQuestion(true);\n      } else if (onOpenChange) onOpenChange(false);\n      else if (handlerClose) handlerClose();\n    };\n\n    const onConfirmClick = () => {\n      if (onOpenChange) onOpenChange(false);\n      if (handlerClose) handlerClose();\n    };\n\n    const onUnconfirmClick = () => {\n      setShowQuestion(false);\n    };\n\n    const onChangedData = (value: boolean) => {\n      changedData.current = value;\n    };\n\n    const setSecurityBeforeUnload = (value: boolean) => {\n      securityBeforeUnload.current = value;\n    };\n\n    const contextValues: IFormSecurityContext = {\n      onChangedData,\n      showQuestion,\n      onConfirmClick,\n      onUnconfirmClick,\n      setSecurityBeforeUnload,\n      securityBeforeUnload: securityBeforeUnload.current,\n    };\n\n    return (\n      <FormSecurityContext.Provider value={contextValues}>\n        <WrappedComponent\n          {...props}\n          handlerClose={newHandlerClose} />\n      </FormSecurityContext.Provider>\n    );\n  };\n\n  return EnhancedComponent;\n};\n\nexport default withFormSecurity;\nexport { FormSecurityContext };\n"],"names":["FormSecurityContext","createContext","withFormSecurity","WrappedComponent","EnhancedComponent","props","onOpenChange","handlerClose","changedData","useRef","securityBeforeUnload","showQuestion","setShowQuestion","useState","newHandlerClose","current","contextValues","onChangedData","value","onConfirmClick","onUnconfirmClick","setSecurityBeforeUnload","jsx"],"mappings":";;AAGA,MAAMA,IAAsBC,EAAc,CAAA,CAA0B,GAE9DC,IAAmB,CACvBC,MAE0BC,CAACC,MAA0B;AACnD,QAAM;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,cAAAA;AAAAA,EAAAA,IAAiBF,GACjCG,IAAcC,EAAO,EAAK,GAC1BC,IAAuBD,EAAO,EAAK,GACnC,CAACE,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAEhDC,IAAkBA,MAAM;AAC5B,IAAIN,EAAYO,WAAWL,EAAqBK,UAC9CH,EAAgB,EAAI,IACXN,IAAcA,EAAa,EAAK,IAClCC,KAAcA,EAAAA;AAAAA,EACzB,GAmBMS,IAAsC;AAAA,IAC1CC,eAToBA,CAACC,MAAmB;AACxCV,MAAAA,EAAYO,UAAUG;AAAAA,IACxB;AAAA,IAQEP,cAAAA;AAAAA,IACAQ,gBApBqBA,MAAM;AAC3B,MAAIb,OAA2B,EAAK,GAChCC,KAAcA,EAAAA;AAAAA,IACpB;AAAA,IAkBEa,kBAhBuBA,MAAM;AAC7BR,MAAAA,EAAgB,EAAK;AAAA,IACvB;AAAA,IAeES,yBAT8BA,CAACH,MAAmB;AAClDR,MAAAA,EAAqBK,UAAUG;AAAAA,IACjC;AAAA,IAQER,sBAAsBA,EAAqBK;AAAAA,EAAAA;AAG7C,SACE,gBAAAO,EAACtB,EAAoB,UAApB,EAA6B,OAAOgB,GACnC,UAAA,gBAAAM,EAACnB,GAAA,EACC,GAAIE,GACJ,cAAcS,EAAAA,CAAgB,EAAA,CAClC;AAEJ;"}

package/lib/form2/helpers.d.ts

@@ -1,8 +1,5 @@
-import React__default from 'react';
-import { DeepPartial } from './types.js';
-
-declare const mergeRefs: <T>(...refs: (React__default.Ref<T> | undefined)[]) => (fieldElement: T) => void;
-declare const deepMergeValues: <T>(current: T, incoming: DeepPartial<T>) => T;
-declare const flattenValidators: (validators: Record<string, any>, prefix?: string) => Record<string, any>;
-
-export { deepMergeValues, flattenValidators, mergeRefs };
+import { Ref } from 'react';
+import { DeepPartial } from './types';
+export declare const mergeRefs: <T>(...refs: (Ref<T> | undefined)[]) => (fieldElement: T) => void;
+export declare const deepMergeValues: <T>(current: T, incoming: DeepPartial<T>) => T;
+export declare const flattenValidators: (validators: Record<string, any>, prefix?: string) => Record<string, any>;

package/lib/form2/helpers.js

@@ -1,41 +1,24 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.mergeRefs = exports.flattenValidators = exports.deepMergeValues = void 0;
-var _lodash = _interopRequireDefault(require("lodash"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const mergeRefs = function () {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return fieldElement => {
-    refs.forEach(ref => {
-      if (_lodash.default.isFunction(ref)) ref(fieldElement);else if (ref && _lodash.default.isObject(ref)) ref.current = fieldElement;
-    });
-  };
-};
-exports.mergeRefs = mergeRefs;
-const deepMergeValues = (current, incoming) => {
-  return _lodash.default.mergeWith(_lodash.default.cloneDeep(current), incoming, (objValue, srcValue) => _lodash.default.isPlainObject(objValue) && _lodash.default.isPlainObject(srcValue) ? undefined : srcValue);
-};
-exports.deepMergeValues = deepMergeValues;
-const flattenValidators = function (validators) {
-  let prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  const flattened = {};
-  Object.entries(validators).forEach(_ref => {
-    let [key, value] = _ref;
-    const fullPath = prefix ? `${prefix}.${key}` : key;
-    if (Array.isArray(value)) {
-      flattened[fullPath] = value;
-    } else if (typeof value === 'object' && value !== null) {
-      const nestedFlattened = flattenValidators(value, fullPath);
-      Object.assign(flattened, nestedFlattened);
-    } else {
-      flattened[fullPath] = [value];
-    }
+import s from "../_virtual/lodash.js";
+const b = (...o) => (e) => {
+  o.forEach((t) => {
+    s.isFunction(t) ? t(e) : t && s.isObject(t) && (t.current = e);
   });
-  return flattened;
+}, f = (o, e) => s.mergeWith(s.cloneDeep(o), e, (t, c) => s.isPlainObject(t) && s.isPlainObject(c) ? void 0 : c), a = (o, e = "") => {
+  const t = {};
+  return Object.entries(o).forEach(([c, n]) => {
+    const i = e ? `${e}.${c}` : c;
+    if (Array.isArray(n))
+      t[i] = n;
+    else if (typeof n == "object" && n !== null) {
+      const r = a(n, i);
+      Object.assign(t, r);
+    } else
+      t[i] = [n];
+  }), t;
+};
+export {
+  f as deepMergeValues,
+  a as flattenValidators,
+  b as mergeRefs
 };
-exports.flattenValidators = flattenValidators;
+//# sourceMappingURL=helpers.js.map

package/lib/form2/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../src/lib/form2/helpers.ts"],"sourcesContent":["import _ from 'lodash';\nimport { Ref, RefObject } from 'react';\nimport { DeepPartial } from './types';\n\nexport const mergeRefs = <T>(...refs: (Ref<T> | undefined)[]) => {\n  return (fieldElement: T) => {\n    refs.forEach((ref) => {\n      if (_.isFunction(ref)) ref(fieldElement);\n      else if (ref && _.isObject(ref)) (ref as RefObject<T | null>).current = fieldElement;\n    });\n  };\n};\n\nexport const deepMergeValues = <T>(current: T, incoming: DeepPartial<T>): T => {\n  return _.mergeWith(_.cloneDeep(current), incoming, (objValue, srcValue) =>\n    _.isPlainObject(objValue) && _.isPlainObject(srcValue) ? undefined : srcValue);\n};\n\nexport const flattenValidators = (validators: Record<string, any>, prefix = ''): Record<string, any> => {\n  const flattened: Record<string, any> = {};\n  Object.entries(validators).forEach(([key, value]) => {\n    const fullPath = prefix ? `${prefix}.${key}` : key;\n    if (Array.isArray(value)) {\n      flattened[fullPath] = value;\n    } else if (typeof value === 'object' && value !== null) {\n      const nestedFlattened = flattenValidators(value, fullPath);\n      Object.assign(flattened, nestedFlattened);\n    } else {\n      flattened[fullPath] = [value];\n    }\n  });\n\n  return flattened;\n};\n"],"names":["mergeRefs","refs","fieldElement","forEach","ref","_","isFunction","isObject","current","deepMergeValues","incoming","mergeWith","cloneDeep","objValue","srcValue","isPlainObject","undefined","flattenValidators","validators","prefix","flattened","Object","entries","key","value","fullPath","Array","isArray","nestedFlattened","assign"],"mappings":";AAIO,MAAMA,IAAY,IAAOC,MACvB,CAACC,MAAoB;AAC1BD,EAAAA,EAAKE,QAASC,CAAAA,MAAQ;AACpB,IAAIC,EAAEC,WAAWF,CAAG,MAAOF,CAAY,IAC9BE,KAAOC,EAAEE,SAASH,CAAG,MAAIA,EAA4BI,UAAUN;AAAAA,EAC1E,CAAC;AACH,GAGWO,IAAkB,CAAID,GAAYE,MACtCL,EAAEM,UAAUN,EAAEO,UAAUJ,CAAO,GAAGE,GAAU,CAACG,GAAUC,MAC5DT,EAAEU,cAAcF,CAAQ,KAAKR,EAAEU,cAAcD,CAAQ,IAAIE,SAAYF,CAAQ,GAGpEG,IAAoBA,CAACC,GAAiCC,IAAS,OAA4B;AACtG,QAAMC,IAAiC,CAAA;AACvCC,gBAAOC,QAAQJ,CAAU,EAAEf,QAAQ,CAAC,CAACoB,GAAKC,CAAK,MAAM;AACnD,UAAMC,IAAWN,IAAS,GAAGA,CAAM,IAAII,CAAG,KAAKA;AAC/C,QAAIG,MAAMC,QAAQH,CAAK;AACrBJ,MAAAA,EAAUK,CAAQ,IAAID;AAAAA,aACb,OAAOA,KAAU,YAAYA,MAAU,MAAM;AACtD,YAAMI,IAAkBX,EAAkBO,GAAOC,CAAQ;AACzDJ,aAAOQ,OAAOT,GAAWQ,CAAe;AAAA,IAC1C;AACER,MAAAA,EAAUK,CAAQ,IAAI,CAACD,CAAK;AAAA,EAEhC,CAAC,GAEMJ;AACT;"}

package/lib/form2/index.d.ts

@@ -1,9 +1,7 @@
-import React__default from 'react';
-export { default as useForm } from './useForm/index.js';
-import './types.js';
-
-interface FormElementProps extends React__default.ComponentProps<'form'> {
+import { ComponentProps } from 'react';
+import { default as useForm } from './useForm';
+interface FormElementProps extends ComponentProps<'form'> {
 }
-declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "align" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "name" | "target" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
-
-export { Form as default };
+declare const Form: import('react').ForwardRefExoticComponent<Omit<FormElementProps, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
+export default Form;
+export { useForm };