@dartcom/ui-kit 2.9.1 → 3.1.0

package/dist/cjs/node_modules/react-hook-form/dist/index.esm.js

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
 var isCheckBoxInput = (element) => element.type === 'checkbox';
 
 var isDateObject = (value) => value instanceof Date;
@@ -115,18 +109,13 @@ var set = (object, path, value) => {
 
 const EVENTS = {
     BLUR: 'blur',
-    FOCUS_OUT: 'focusout',
     CHANGE: 'change',
 };
 const VALIDATION_MODE = {
-    onBlur: 'onBlur',
-    onChange: 'onChange',
-    onSubmit: 'onSubmit',
-    onTouched: 'onTouched',
     all: 'all',
 };
 
-const HookFormContext = React__default["default"].createContext(null);
+const HookFormContext = React.createContext(null);
 HookFormContext.displayName = 'HookFormContext';
 /**
  * This custom hook allows you to access the form context. useFormContext is intended to be used in deeply nested structures, where it would become inconvenient to pass the context as a prop. To be used with {@link FormProvider}.
@@ -158,7 +147,7 @@ HookFormContext.displayName = 'HookFormContext';
  * }
  * ```
  */
-const useFormContext = () => React__default["default"].useContext(HookFormContext);
+const useFormContext = () => React.useContext(HookFormContext);
 /**
  * A provider component that propagates the `useForm` methods to all children components via [React Context](https://reactjs.org/docs/context.html) API. To be used with {@link useFormContext}.
  *
@@ -191,7 +180,7 @@ const useFormContext = () => React__default["default"].useContext(HookFormContex
  */
 const FormProvider = (props) => {
     const { children, ...data } = props;
-    return (React__default["default"].createElement(HookFormContext.Provider, { value: data }, children));
+    return (React.createElement(HookFormContext.Provider, { value: data }, children));
 };
 
 var getProxyFormState = (formState, control, localProxyFormState, isRoot = true) => {
@@ -213,7 +202,7 @@ var getProxyFormState = (formState, control, localProxyFormState, isRoot = true)
     return result;
 };
 
-const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React__default["default"].useLayoutEffect : React__default["default"].useEffect;
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 
 /**
  * This custom hook allows you to subscribe to each form state, and isolate the re-render at the custom hook level. It has its scope in terms of form state subscription, so it would not affect other useFormState and useForm. Using this hook can reduce the re-render impact on large and complex form application.
@@ -248,8 +237,8 @@ const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React__default
 function useFormState(props) {
     const methods = useFormContext();
     const { control = methods.control, disabled, name, exact } = props || {};
-    const [formState, updateFormState] = React__default["default"].useState(control._formState);
-    const _localProxyFormState = React__default["default"].useRef({
+    const [formState, updateFormState] = React.useState(control._formState);
+    const _localProxyFormState = React.useRef({
         isDirty: false,
         isLoading: false,
         dirtyFields: false,
@@ -271,24 +260,21 @@ function useFormState(props) {
                 });
         },
     }), [name, disabled, exact]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         _localProxyFormState.current.isValid && control._setValid(true);
     }, [control]);
-    return React__default["default"].useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
+    return React.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
 }
 
 var isString = (value) => typeof value === 'string';
 
 var generateWatchOutput = (names, _names, formValues, isGlobal, defaultValue) => {
     if (isString(names)) {
-        isGlobal && _names.watch.add(names);
         return get(formValues, names, defaultValue);
     }
     if (Array.isArray(names)) {
-        return names.map((fieldName) => (isGlobal && _names.watch.add(fieldName),
-            get(formValues, fieldName)));
+        return names.map((fieldName) => (get(formValues, fieldName)));
     }
-    isGlobal && (_names.watchAll = true);
     return formValues;
 };
 
@@ -349,12 +335,12 @@ function deepEqual(object1, object2, _internal_visited = new WeakSet()) {
 function useWatch(props) {
     const methods = useFormContext();
     const { control = methods.control, name, defaultValue, disabled, exact, compute, } = props || {};
-    const _defaultValue = React__default["default"].useRef(defaultValue);
-    const _compute = React__default["default"].useRef(compute);
-    const _computeFormValues = React__default["default"].useRef(undefined);
+    const _defaultValue = React.useRef(defaultValue);
+    const _compute = React.useRef(compute);
+    const _computeFormValues = React.useRef(undefined);
     _compute.current = compute;
-    const defaultValueMemo = React__default["default"].useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
-    const [value, updateValue] = React__default["default"].useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
+    const defaultValueMemo = React.useMemo(() => control._getWatch(name, _defaultValue.current), [control, name]);
+    const [value, updateValue] = React.useState(_compute.current ? _compute.current(defaultValueMemo) : defaultValueMemo);
     useIsomorphicLayoutEffect(() => control._subscribe({
         name,
         formState: {
@@ -377,7 +363,7 @@ function useWatch(props) {
             }
         },
     }), [control, disabled, name, exact]);
-    React__default["default"].useEffect(() => control._removeUnmounted());
+    React.useEffect(() => control._removeUnmounted());
     return value;
 }
 
@@ -409,7 +395,7 @@ function useController(props) {
     const methods = useFormContext();
     const { name, disabled, control = methods.control, shouldUnregister, defaultValue, } = props;
     const isArrayField = isNameInFieldArray(control._names.array, name);
-    const defaultValueMemo = React__default["default"].useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
+    const defaultValueMemo = React.useMemo(() => get(control._formValues, name, get(control._defaultValues, name, defaultValue)), [control, name, defaultValue]);
     const value = useWatch({
         control,
         name,
@@ -421,14 +407,15 @@ function useController(props) {
         name,
         exact: true,
     });
-    const _props = React__default["default"].useRef(props);
-    const _registerProps = React__default["default"].useRef(control.register(name, {
+    const _props = React.useRef(props);
+    const _previousNameRef = React.useRef(undefined);
+    const _registerProps = React.useRef(control.register(name, {
         ...props.rules,
         value,
         ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),
     }));
     _props.current = props;
-    const fieldState = React__default["default"].useMemo(() => Object.defineProperties({}, {
+    const fieldState = React.useMemo(() => Object.defineProperties({}, {
         invalid: {
             enumerable: true,
             get: () => !!get(formState.errors, name),
@@ -450,21 +437,21 @@ function useController(props) {
             get: () => get(formState.errors, name),
         },
     }), [formState, name]);
-    const onChange = React__default["default"].useCallback((event) => _registerProps.current.onChange({
+    const onChange = React.useCallback((event) => _registerProps.current.onChange({
         target: {
             value: getEventValue(event),
             name: name,
         },
         type: EVENTS.CHANGE,
     }), [name]);
-    const onBlur = React__default["default"].useCallback(() => _registerProps.current.onBlur({
+    const onBlur = React.useCallback(() => _registerProps.current.onBlur({
         target: {
             value: get(control._formValues, name),
             name: name,
         },
         type: EVENTS.BLUR,
     }), [name, control._formValues]);
-    const ref = React__default["default"].useCallback((elm) => {
+    const ref = React.useCallback((elm) => {
         const field = get(control._fields, name);
         if (field && elm) {
             field._f.ref = {
@@ -475,7 +462,7 @@ function useController(props) {
             };
         }
     }, [control._fields, name]);
-    const field = React__default["default"].useMemo(() => ({
+    const field = React.useMemo(() => ({
         name,
         value,
         ...(isBoolean(disabled) || formState.disabled
@@ -485,8 +472,12 @@ function useController(props) {
         onBlur,
         ref,
     }), [name, disabled, formState.disabled, onChange, onBlur, ref, value]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
+        const previousName = _previousNameRef.current;
+        if (previousName && previousName !== name && !isArrayField) {
+            control.unregister(previousName);
+        }
         control.register(name, {
             ..._props.current.rules,
             ...(isBoolean(_props.current.disabled)
@@ -501,13 +492,14 @@ function useController(props) {
         };
         updateMounted(name, true);
         if (_shouldUnregisterField) {
-            const value = cloneObject(get(control._options.defaultValues, name));
+            const value = cloneObject(get(control._options.defaultValues, name, _props.current.defaultValue));
             set(control._defaultValues, name, value);
             if (isUndefined(get(control._formValues, name))) {
                 set(control._formValues, name, value);
             }
         }
         !isArrayField && control.register(name);
+        _previousNameRef.current = name;
         return () => {
             (isArrayField
                 ? _shouldUnregisterField && !control._state.action
@@ -516,13 +508,13 @@ function useController(props) {
                 : updateMounted(name, false);
         };
     }, [name, control, isArrayField, shouldUnregister]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         control._setDisabledField({
             disabled,
             name,
         });
     }, [disabled, name, control]);
-    return React__default["default"].useMemo(() => ({
+    return React.useMemo(() => ({
         field,
         formState,
         fieldState,