linear-react-components-ui 1.1.26-beta.17 → 1.1.26-beta.18

package/lib/form/types.d.ts

@@ -1,17 +1,25 @@
-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: {
+import { ChangeEvent, ComponentType, MouseEventHandler, ReactNode, CSSProperties } from 'react';
+import { AllOptions } from '../inputs/select/types.js';
+import '../@types/Align.js';
+import '../@types/DataCombo.js';
+import '../@types/PermissionAttr.js';
+import '../inputs/base/types.js';
+import '../@types/Period.js';
+import '../tooltip/types.js';
+import '../@types/Position.js';
+
+type Validator = (value: string) => string | undefined;
+type PeriodValidator = (value: {
     inicial: string;
     final: string;
 }) => string | undefined;
-export type OnFielChangeEvent = Event & {
+type OnFielChangeEvent = Event & {
     target: HTMLInputElement;
 };
-export type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
+type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
     keyCode: number;
 };
-export type PropsValidateTabErrors = {
+type PropsValidateTabErrors = {
     name: string;
     tabId?: string | number;
     hasErrors: boolean;
@@ -36,8 +44,8 @@ type BaseFormProps = {
     skeletonize?: boolean;
     disabled?: boolean;
 };
-type OnDataChange = Dispatch<SetStateAction<object>>;
-export type FormProps = BaseFormProps & ({
+type OnDataChange = React.Dispatch<React.SetStateAction<object>>;
+type FormProps = BaseFormProps & ({
     useInternalState?: false;
     onDataChange: OnDataChange;
 } | {
@@ -47,7 +55,7 @@ export type FormProps = BaseFormProps & ({
 type Data = {
     [key: string]: any;
 };
-export interface IFieldProps extends WithFieldProps {
+interface IFieldProps extends WithFieldProps {
     data?: Data;
     originalData?: Data;
     dataSource?: Data;
@@ -96,13 +104,13 @@ export interface IFieldProps extends WithFieldProps {
     tabId?: string | number;
     handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
-export interface CustomEvent {
+interface CustomEvent {
     target: {
         value: string[];
         name: string;
     };
 }
-export interface IFieldArrayProps extends WithFieldProps {
+interface IFieldArrayProps extends WithFieldProps {
     data?: Data;
     originalData?: Data;
     dataSource?: Data;
@@ -111,6 +119,7 @@ export interface IFieldArrayProps extends WithFieldProps {
     fieldErrors?: {
         [name: string]: string[];
     };
+    component?: ComponentType<any>;
     validators?: Validator | Validator[];
     valuePropName?: string;
     changePropName?: string;
@@ -136,7 +145,7 @@ export interface IFieldArrayProps extends WithFieldProps {
     popoverAlign?: 'right' | 'left';
     tabId?: string | number;
 }
-export type PeriodChangeEvent = {
+type PeriodChangeEvent = {
     initial: string;
     final: string;
 };
@@ -148,13 +157,14 @@ type PeriodFieldChangeEvent = {
         };
     };
 };
-export interface IFieldPeriodProps extends WithFieldProps {
+interface IFieldPeriodProps extends WithFieldProps {
     data?: Data;
     originalData?: Data;
     nameDateInitial: string;
     nameDateFinal: string;
     handlerFieldChange?: (event: PeriodFieldChangeEvent) => PeriodFieldChangeEvent;
     label?: string;
+    component?: ComponentType<any>;
     onBlur?: () => void;
     validators?: PeriodValidator | PeriodValidator[];
     fieldErrors?: {
@@ -173,7 +183,7 @@ export interface IFieldPeriodProps extends WithFieldProps {
     popoverAlign?: 'right' | 'left';
     tabId?: string | number;
 }
-export interface FormContextProps {
+interface FormContextProps {
     skeletonize?: boolean;
     handlerFieldChange: (event: OnFielChangeEvent) => void;
     handlerFieldValidate: (name: string, value: string, validatorsArray: Validator[] | Validator) => void;
@@ -186,7 +196,7 @@ export interface FormContextProps {
     isFormValid?: boolean;
     handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
 }
-export interface WithFieldProps {
+interface WithFieldProps {
     name: string;
     data?: Data;
     handlerStoreValidators?: (name: string, validators: Validator | Validator[]) => void;
@@ -194,19 +204,18 @@ export interface WithFieldProps {
     validators?: Validator | Validator[] | PeriodValidator | PeriodValidator[];
     customClass?: string;
     handleValidationErrorsOnTab?: (props: PropsValidateTabErrors) => void;
-    component: ComponentType<any>;
 }
-export interface IWithFieldContext {
+interface IWithFieldContext {
     validatorFromComponent: Validator | Validator[] | undefined;
     handlerSetValidatorFromComponent: (validator: Validator | Validator[]) => void;
 }
-export interface IWithFormSecurity {
+interface IWithFormSecurity {
     onOpenChange?: (open: boolean) => void;
     handlerClose?: () => void;
     onClick?: MouseEventHandler;
     children?: ReactNode;
 }
-export interface IFormSecurityContext {
+interface IFormSecurityContext {
     onChangedData: (value: boolean) => void;
     showQuestion: boolean;
     onConfirmClick: () => void;
@@ -214,7 +223,7 @@ export interface IFormSecurityContext {
     setSecurityBeforeUnload: (value: boolean) => void;
     securityBeforeUnload?: boolean;
 }
-export interface IEventParams {
+interface IEventParams {
     name: string;
     data?: object;
     validators?: Validator | Validator[];
@@ -226,7 +235,7 @@ export interface IEventParams {
     validatorFromComponent?: Validator | Validator[];
     component?: ComponentType<any>;
 }
-export interface IGetErrorMessagesParams {
+interface IGetErrorMessagesParams {
     name: string;
     fieldErrors?: {
         [name: string]: string[];
@@ -236,10 +245,11 @@ export interface IGetErrorMessagesParams {
     };
     externalMessagesErrors?: string[];
 }
-export type FieldErrors = {
+type FieldErrors = {
     [name: string]: string[];
 };
-export type FieldValidator = {
+type FieldValidator = {
     [name: string]: Validator | Validator[];
 };
-export {};
+
+export { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, PropsValidateTabErrors, Validator, WithFieldProps };

package/lib/form/types.js

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

package/lib/form/withFieldHOC.d.ts

@@ -1,4 +1,14 @@
-import { ComponentType } from 'react';
-import { WithFieldProps } from './types';
-declare const withFieldHOC: <ComponentProps extends WithFieldProps>(WrappedComponent: ComponentType<ComponentProps>) => any;
-export default withFieldHOC;
+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 };

package/lib/form/withFieldHOC.js

@@ -1,64 +1,73 @@
-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;
+"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));
   };
-  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 }) });
+  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
+      }));
+    });
   }
-  return E(y);
+  return /*#__PURE__*/_react.default.forwardRef(forwardRef);
 };
-export {
-  k as default
-};
-//# sourceMappingURL=withFieldHOC.js.map
+var _default = exports.default = withFieldHOC;

package/lib/form/withFormSecurity.d.ts

@@ -1,6 +1,15 @@
-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 };
+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 };

package/lib/form/withFormSecurity.js

@@ -1,31 +1,55 @@
-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
+"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
+    })));
   };
-  return /* @__PURE__ */ a(m.Provider, { value: C, children: /* @__PURE__ */ a(l, { ...r, handlerClose: u }) });
+  return EnhancedComponent;
 };
-export {
-  m as FormSecurityContext,
-  w as default
-};
-//# sourceMappingURL=withFormSecurity.js.map
+var _default = exports.default = withFormSecurity;

package/lib/form2/helpers.d.ts

@@ -1,5 +1,8 @@
-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>;
+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 };

package/lib/form2/helpers.js

@@ -1,24 +1,41 @@
-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);
-  });
-}, 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;
+"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);
 };
-export {
-  f as deepMergeValues,
-  a as flattenValidators,
-  b as mergeRefs
+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];
+    }
+  });
+  return flattened;
 };
-//# sourceMappingURL=helpers.js.map
+exports.flattenValidators = flattenValidators;

package/lib/form2/index.d.ts

@@ -1,7 +1,9 @@
-import { ComponentProps } from 'react';
-import { default as useForm } from './useForm';
-interface FormElementProps extends ComponentProps<'form'> {
+import React__default from 'react';
+export { default as useForm } from './useForm/index.js';
+import './types.js';
+
+interface FormElementProps extends React__default.ComponentProps<'form'> {
 }
-declare const Form: import('react').ForwardRefExoticComponent<Omit<FormElementProps, "ref"> & import('react').RefAttributes<HTMLFormElement>>;
-export default Form;
-export { useForm };
+declare const Form: React__default.ForwardRefExoticComponent<Pick<FormElementProps, "style" | "children" | "slot" | "title" | "className" | "key" | "align" | "name" | "onClick" | "color" | "hidden" | "target" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "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" | "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" | "rel" | "autoComplete" | "acceptCharset" | "action" | "encType" | "method" | "noValidate"> & React__default.RefAttributes<HTMLFormElement>>;
+
+export { Form as default };

package/lib/form2/index.js

@@ -1,23 +1,36 @@
-import { jsx as c } from "react/jsx-runtime";
-import { c as d } from "../_virtual/compiler-runtime.js";
-import { forwardRef as u } from "react";
-import { default as R } from "./useForm/index.js";
-const p = u((m, s) => {
-  const t = d.c(11);
-  let o, e, a, r;
-  t[0] !== m ? ({
-    noValidate: e,
-    autoComplete: a,
-    translate: r,
-    ...o
-  } = m, t[0] = m, t[1] = o, t[2] = e, t[3] = a, t[4] = r) : (o = t[1], e = t[2], a = t[3], r = t[4]);
-  const i = e === void 0 ? !0 : e, n = a === void 0 ? "off" : a, f = r === void 0 ? "no" : r;
-  let l;
-  return t[5] !== n || t[6] !== i || t[7] !== s || t[8] !== o || t[9] !== f ? (l = /* @__PURE__ */ c("form", { ref: s, className: "form-container", translate: f, noValidate: i, autoComplete: n, ...o }), t[5] = n, t[6] = i, t[7] = s, t[8] = o, t[9] = f, t[10] = l) : l = t[10], l;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-p.displayName = "Form";
-export {
-  p as default,
-  R as useForm
-};
-//# sourceMappingURL=index.js.map
+exports.default = void 0;
+Object.defineProperty(exports, "useForm", {
+  enumerable: true,
+  get: function () {
+    return _useForm.default;
+  }
+});
+var _react = _interopRequireDefault(require("react"));
+var _useForm = _interopRequireDefault(require("./useForm"));
+const _excluded = ["noValidate", "autoComplete", "translate"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+const Form = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+      noValidate = true,
+      autoComplete = 'off',
+      translate = 'no'
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("form", _extends({
+    ref: ref,
+    className: "form-container",
+    translate: translate,
+    noValidate: noValidate,
+    autoComplete: autoComplete
+  }, rest));
+});
+Form.displayName = 'Form';
+var _default = exports.default = Form;