@dnb/eufemia 10.15.1 → 10.17.0

package/es/extensions/forms/StepsLayout/StepsLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepsLayout.js","names":["React","useContext","useState","useCallback","classnames","Space","StepIndicator","makeUniqueId","DataContext","Step","StepsContext","NextButton","PreviousButton","Buttons","StepsLayout","props","className","id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","rest","_objectWithoutProperties","_excluded","dataContext","activeIndex","setActiveIndex","handlePrevious","_window","window","scrollTo","top","behavior","handleNext","hasErrors","_window2","setShowAllErrors","stepIndicatorData","Children","map","child","_child$props$title","isValidElement","type","Error","title","handleChange","current_step","createElement","Provider","value","_extends","Sidebar","sidebar_id","bottom","data","no_animation","on_change","i","cloneElement","index","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsLayout.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../components'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport { ComponentProps } from '../types'\nimport DataContext from '../DataContext/Context'\nimport Step, { Props as StepProps } from './Step'\nimport StepsContext from './StepsContext'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\nimport Buttons from './Buttons'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  scrollTopOnStepChange?: boolean\n  initialActiveIndex?: number\n  onStepChange?: (index: number) => void\n  children: React.ReactNode\n}\n\nfunction StepsLayout(props: Props) {\n  const {\n    className,\n    id = makeUniqueId(),\n    mode = 'loose',\n    scrollTopOnStepChange,\n    initialActiveIndex = 0,\n    onStepChange,\n    children,\n    ...rest\n  } = props\n  const dataContext = useContext(DataContext)\n  const [activeIndex, setActiveIndex] =\n    useState<number>(initialActiveIndex)\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex((activeIndex) => {\n      onStepChange?.(activeIndex - 1)\n      return activeIndex - 1\n    })\n    if (scrollTopOnStepChange) {\n      window?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }, [scrollTopOnStepChange, onStepChange])\n\n  const handleNext = useCallback(() => {\n    if (!dataContext.hasErrors()) {\n      setActiveIndex((activeIndex) => {\n        onStepChange?.(activeIndex + 1)\n        return activeIndex + 1\n      })\n      if (scrollTopOnStepChange) {\n        window?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    } else {\n      dataContext.setShowAllErrors(true)\n    }\n  }, [dataContext, scrollTopOnStepChange, onStepChange])\n\n  const stepIndicatorData = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child) || child.type !== Step) {\n      throw new Error('Only Step can be children of StepsLayout')\n    }\n    return child.props.title ?? 'Title missing'\n  }) as string[]\n\n  const handleChange = useCallback(({ current_step }) => {\n    setActiveIndex(current_step)\n  }, [])\n\n  return (\n    <StepsContext.Provider\n      value={{\n        activeIndex,\n        handlePrevious,\n        handleNext,\n      }}\n    >\n      <Space\n        className={classnames('dnb-forms-steps-layout', className)}\n        {...rest}\n      >\n        <aside className=\"dnb-forms-steps-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndex}\n            data={stepIndicatorData}\n            mode={mode}\n            no_animation\n            on_change={handleChange}\n            sidebar_id={id}\n            title=\"\"\n          />\n        </aside>\n        <div className=\"dnb-forms-steps-layout__contents\">\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement(child) && child.type === Step) {\n              return React.cloneElement(\n                child as React.ReactElement<StepProps>,\n                {\n                  index: i,\n                }\n              )\n            }\n            return child\n          })}\n        </div>\n      </Space>\n    </StepsContext.Provider>\n  )\n}\n\nStepsLayout._supportsSpacingProps = true\n\nStepsLayout.Step = Step\nStepsLayout.NextButton = NextButton\nStepsLayout.PreviousButton = PreviousButton\nStepsLayout.Buttons = Buttons\n\nexport default StepsLayout\n"],"mappings":"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"}
+{"version":3,"file":"StepsLayout.js","names":["React","useContext","useState","useCallback","classnames","Space","StepIndicator","makeUniqueId","DataContext","Step","StepsContext","NextButton","PreviousButton","Buttons","StepsLayout","props","className","id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","rest","_objectWithoutProperties","_excluded","dataContext","activeIndex","setActiveIndex","handlePrevious","_window","window","scrollTo","top","behavior","handleNext","hasErrors","_window2","setShowAllErrors","stepIndicatorData","Children","map","child","_child$props$title","isValidElement","type","Error","title","handleChange","current_step","createElement","Provider","value","_extends","Sidebar","sidebar_id","bottom","data","no_animation","on_change","i","cloneElement","index","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsLayout.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../components'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport { ComponentProps } from '../types'\nimport DataContext from '../DataContext/Context'\nimport Step, { Props as StepProps } from './Step'\nimport StepsContext from './StepsContext'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\nimport Buttons from './Buttons'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  scrollTopOnStepChange?: boolean\n  initialActiveIndex?: number\n  onStepChange?: (index: number) => void\n  children: React.ReactNode\n}\n\nfunction StepsLayout(props: Props) {\n  const {\n    className,\n    id = makeUniqueId(),\n    mode = 'strict',\n    scrollTopOnStepChange,\n    initialActiveIndex = 0,\n    onStepChange,\n    children,\n    ...rest\n  } = props\n  const dataContext = useContext(DataContext)\n  const [activeIndex, setActiveIndex] =\n    useState<number>(initialActiveIndex)\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex((activeIndex) => {\n      onStepChange?.(activeIndex - 1)\n      return activeIndex - 1\n    })\n    if (scrollTopOnStepChange) {\n      window?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }, [scrollTopOnStepChange, onStepChange])\n\n  const handleNext = useCallback(() => {\n    if (!dataContext.hasErrors()) {\n      setActiveIndex((activeIndex) => {\n        onStepChange?.(activeIndex + 1)\n        return activeIndex + 1\n      })\n      if (scrollTopOnStepChange) {\n        window?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    } else {\n      dataContext.setShowAllErrors(true)\n    }\n  }, [dataContext, scrollTopOnStepChange, onStepChange])\n\n  const stepIndicatorData = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child) || child.type !== Step) {\n      throw new Error('Only Step can be children of StepsLayout')\n    }\n    return child.props.title ?? 'Title missing'\n  }) as string[]\n\n  const handleChange = useCallback(({ current_step }) => {\n    setActiveIndex(current_step)\n  }, [])\n\n  return (\n    <StepsContext.Provider\n      value={{\n        activeIndex,\n        handlePrevious,\n        handleNext,\n      }}\n    >\n      <Space\n        className={classnames('dnb-forms-steps-layout', className)}\n        {...rest}\n      >\n        <aside className=\"dnb-forms-steps-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndex}\n            data={stepIndicatorData}\n            mode={mode}\n            no_animation\n            on_change={handleChange}\n            sidebar_id={id}\n            title=\"\"\n          />\n        </aside>\n        <div className=\"dnb-forms-steps-layout__contents\">\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement(child) && child.type === Step) {\n              return React.cloneElement(\n                child as React.ReactElement<StepProps>,\n                {\n                  index: i,\n                }\n              )\n            }\n            return child\n          })}\n        </div>\n      </Space>\n    </StepsContext.Provider>\n  )\n}\n\nStepsLayout._supportsSpacingProps = true\n\nStepsLayout.Step = Step\nStepsLayout.NextButton = NextButton\nStepsLayout.PreviousButton = PreviousButton\nStepsLayout.Buttons = Buttons\n\nexport default StepsLayout\n"],"mappings":"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"}

package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.css

@@ -7,27 +7,25 @@
   -moz-column-gap: var(--spacing-medium);
        column-gap: var(--spacing-medium);
 }
-@media (max-width: 60em) {
-  .dnb-forms-steps-layout {
-    flex-direction: column;
-    justify-content: stretch;
-    align-items: stretch;
-  }
-}
 .dnb-forms-steps-layout__sidebar {
   flex: 0;
-  min-width: 21rem;
-}
-.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar {
-  max-width: 21rem;
-}
-.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item {
-  min-width: 336px;
 }
 .dnb-forms-steps-layout__contents {
-  flex: 1;
-  min-width: 25rem;
+  flex: 1 0 25rem;
 }
 .dnb-forms-steps-layout__contents .dnb-card {
   --border-color: var(--color-pistachio);
+}
+@media screen and (max-width: 60em) {
+  .dnb-forms-steps-layout {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+  .dnb-forms-steps-layout__contents {
+    flex-basis: auto;
+  }
+}
+.dnb-forms-steps-layout .dnb-step-indicator__sidebar {
+  margin-right: 0;
 }

package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css

@@ -1 +1 @@
-.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar{max-width:21rem}.dnb-forms-steps-layout__sidebar .dnb-step-indicator__sidebar .dnb-step-indicator__item{min-width:336px}.dnb-forms-steps-layout__contents{flex:1;min-width:25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}
+.dnb-forms-steps-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-steps-layout__sidebar{flex:0}.dnb-forms-steps-layout__contents{flex:1 0 25rem}.dnb-forms-steps-layout__contents .dnb-card{--border-color:var(--color-pistachio)}@media screen and (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-steps-layout__contents{flex-basis:auto}}.dnb-forms-steps-layout .dnb-step-indicator__sidebar{margin-right:0}

package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.scss

@@ -5,30 +5,29 @@
   flex-flow: row wrap;
   column-gap: var(--spacing-medium);
 
-  @media (max-width: map-get($breakpoints, 'medium')) {
-    flex-direction: column;
-    justify-content: stretch;
-    align-items: stretch;
-  }
-
   &__sidebar {
     flex: 0;
-    min-width: 21rem;
-
-    .dnb-step-indicator__sidebar {
-      max-width: 21rem;
-    }
-    .dnb-step-indicator__sidebar .dnb-step-indicator__item {
-      min-width: 336px;
-    }
   }
 
   &__contents {
-    flex: 1;
-    min-width: 25rem;
+    flex: 1 0 25rem;
   }
 
   &__contents .dnb-card {
     --border-color: var(--color-pistachio);
   }
+
+  @include allBelow('medium') {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+
+    &__contents {
+      flex-basis: auto;
+    }
+  }
+
+  .dnb-step-indicator__sidebar {
+    margin-right: 0;
+  }
 }

package/es/extensions/forms/hooks/useDataValue.d.ts

@@ -1,8 +1,11 @@
 import { FormError, FieldProps } from '../types';
+import { ContextState } from '../DataContext';
 interface ReturnAdditional<Value> {
     id: string;
     value: Value;
     error: Error | FormError | undefined;
+    hasError: boolean;
+    dataContext: ContextState;
     setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void;
     handleFocus: () => void;
     handleBlur: () => void;

package/es/extensions/forms/hooks/useDataValue.js

@@ -11,44 +11,61 @@ import { FormError } from '../types';
 import { Context } from '../DataContext';
 import FieldBlockContext from '../FieldBlock/FieldBlockContext';
 import IterateElementContext from '../Iterate/IterateElementContext';
-import { makeUniqueId } from '../../../shared/component-helper';
 import useMountEffect from './useMountEffect';
 import useUpdateEffect from './useUpdateEffect';
 import useProcessManager from './useProcessManager';
+import useId from './useId';
 export default function useDataValue(props) {
-  var _props$path, _ref, _props$autoComplete;
+  var _ref, _props$autoComplete, _props$path;
   const {
     path,
-    elementPath,
+    itemPath,
     emptyValue,
     required,
     error: errorProp,
+    errorMessages,
     onFocus,
     onBlur,
     onChange,
-    validator,
     onBlurValidator,
+    validator,
     schema,
-    errorMessages,
     validateInitially,
     validateUnchanged,
     continuousValidation,
     toInput = value => value,
-    fromInput = value => value
+    fromInput = value => value,
+    toEvent = value => value,
+    transformValue = value => value,
+    fromExternal = value => value,
+    validateRequired = (value, {
+      emptyValue,
+      required,
+      error
+    }) => {
+      const res = required && (value === emptyValue || typeof emptyValue === 'undefined' && value === '') ? error : undefined;
+      return res;
+    }
   } = props;
   const [, forceUpdate] = useReducer(() => ({}), {});
   const {
     startProcess
   } = useProcessManager();
-  const id = useMemo(() => {
-    var _props$id;
-    return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : makeUniqueId();
-  }, [props.id]);
+  const id = useId(props.id);
   const dataContext = useContext(Context);
   const fieldBlockContext = useContext(FieldBlockContext);
   const iterateElementContext = useContext(IterateElementContext);
+  const transformers = useRef({
+    toInput,
+    fromInput,
+    toEvent,
+    fromExternal,
+    transformValue,
+    validateRequired
+  });
   const {
     handlePathChange: dataContextHandlePathChange,
+    updateDataValue: dataContextUpdateDataValue,
     setValueWithError: dataContextSetValueWithError,
     errors: dataContextErrors
   } = dataContext !== null && dataContext !== void 0 ? dataContext : {};
@@ -67,24 +84,24 @@ export default function useDataValue(props) {
   if (path && path.substring(0, 1) !== '/') {
     throw new Error('Invalid path. Data value path JSON Pointers must be from root (starting with a /).');
   }
-  if (elementPath && elementPath.substring(0, 1) !== '/') {
-    throw new Error('Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).');
+  if (itemPath && itemPath.substring(0, 1) !== '/') {
+    throw new Error('Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).');
   }
-  if (elementPath && !iterateElementContext) {
-    throw new Error('elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.');
+  if (itemPath && !iterateElementContext) {
+    throw new Error('itemPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.');
   }
   const identifier = useMemo(() => {
     return path !== null && path !== void 0 ? path : id;
   }, [path, id]);
   const externalValue = useMemo(() => {
     if (props.value !== undefined) {
-      return props.value;
+      return transformers.current.fromExternal(props.value);
     }
-    if (inIterate && elementPath) {
-      if (elementPath === '/') {
+    if (inIterate && itemPath) {
+      if (itemPath === '/') {
         return iterateElementValue;
       }
-      return pointer.has(iterateElementValue, elementPath) ? pointer.get(iterateElementValue, elementPath) : undefined;
+      return pointer.has(iterateElementValue, itemPath) ? pointer.get(iterateElementValue, itemPath) : undefined;
     }
     if (dataContext.data && path) {
       if (path === '/') {
@@ -93,7 +110,7 @@ export default function useDataValue(props) {
       return pointer.has(dataContext.data, path) ? pointer.get(dataContext.data, path) : undefined;
     }
     return undefined;
-  }, [path, elementPath, inIterate, iterateElementValue, props.value, dataContext.data]);
+  }, [props.value, props.capitalize, inIterate, itemPath, dataContext.data, path, iterateElementValue]);
   const valueRef = useRef(externalValue);
   const changedRef = useRef(false);
   const hasFocusRef = useRef(false);
@@ -105,10 +122,6 @@ export default function useDataValue(props) {
   useEffect(() => {
     errorMessagesRef.current = errorMessages;
   }, [errorMessages]);
-  const schemaRef = useRef(schema);
-  useEffect(() => {
-    schemaRef.current = schema;
-  }, [schema]);
   const validatorRef = useRef(validator);
   useEffect(() => {
     validatorRef.current = validator;
@@ -150,10 +163,16 @@ export default function useDataValue(props) {
   const validateValue = useCallback(async () => {
     const isProcessActive = startProcess();
     try {
-      if (valueRef.current === emptyValue && required) {
-        throw new FormError('The value is required', {
+      const requiredError = transformers.current.validateRequired(valueRef.current, {
+        emptyValue,
+        required,
+        isChanged: changedRef.current,
+        error: new FormError('The value is required', {
           validationRule: 'required'
-        });
+        })
+      });
+      if (requiredError instanceof Error) {
+        throw requiredError;
       }
       if (schemaValidatorRef.current && valueRef.current !== undefined && !schemaValidatorRef.current(valueRef.current)) {
         const error = ajvErrorsToOneFormError(schemaValidatorRef.current.errors);
@@ -161,7 +180,7 @@ export default function useDataValue(props) {
       }
       if (validatorRef.current) {
         var _validatorRef$current;
-        const res = await ((_validatorRef$current = validatorRef.current) === null || _validatorRef$current === void 0 ? void 0 : _validatorRef$current.call(validatorRef, valueRef.current, errorMessages));
+        const res = await ((_validatorRef$current = validatorRef.current) === null || _validatorRef$current === void 0 ? void 0 : _validatorRef$current.call(validatorRef, valueRef.current, errorMessagesRef.current));
         if (res instanceof Error) {
           throw res;
         }
@@ -174,9 +193,10 @@ export default function useDataValue(props) {
         persistErrorState(error);
       }
     }
-  }, [emptyValue, required, errorMessages, startProcess, persistErrorState, clearErrorState]);
+  }, [startProcess, emptyValue, required, clearErrorState, persistErrorState]);
   useUpdateEffect(() => {
     if (!schema) {
+      schemaValidatorRef.current = undefined;
       return;
     }
     schemaValidatorRef.current = ajv.compile(schema);
@@ -200,54 +220,72 @@ export default function useDataValue(props) {
       forceUpdate();
     }
   }, [dataContext.showAllErrors, showError]);
+  useEffect(() => {
+    if (path && props.value) {
+      const hasValue = pointer.has(dataContext.data, path);
+      const value = hasValue ? pointer.get(dataContext.data, path) : undefined;
+      if (!hasValue || props.value !== value && valueRef.current !== value) {
+        dataContextUpdateDataValue === null || dataContextUpdateDataValue === void 0 ? void 0 : dataContextUpdateDataValue(path, props.value);
+      }
+    }
+  }, [dataContext.data, dataContextUpdateDataValue, path, props.value]);
+  const handleError = useCallback(() => {
+    if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
+      showError();
+    } else {
+      hideError();
+    }
+  }, [continuousValidation, hideError, showError]);
   const setHasFocus = useCallback((hasFocus, valueOverride) => {
     if (hasFocus) {
       hasFocusRef.current = true;
-      onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current);
+      const value = transformers.current.toEvent(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current, 'onFocus');
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(value);
     } else {
       hasFocusRef.current = false;
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current);
+      const value = transformers.current.toEvent(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current, 'onBlur');
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(value);
       if (!changedRef.current && !validateUnchanged) {
         return;
       }
       if (typeof onBlurValidator === 'function') {
-        Promise.resolve(onBlurValidator(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current)).then(persistErrorState);
+        const value = transformers.current.toEvent(valueOverride !== null && valueOverride !== void 0 ? valueOverride : valueRef.current, 'onBlurValidator');
+        Promise.resolve(onBlurValidator(value)).then(persistErrorState);
       }
       showError();
       forceUpdate();
     }
-  }, [validateUnchanged, onFocus, onBlur, onBlurValidator, persistErrorState, showError, forceUpdate]);
-  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
-  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
+  }, [onBlur, onBlurValidator, onFocus, persistErrorState, showError, validateUnchanged]);
   const updateValue = useCallback(newValue => {
     if (newValue === valueRef.current) {
       return;
     }
     valueRef.current = newValue;
-    if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
-      showError();
-    } else {
-      hideError();
-    }
     validateValue();
+    handleError();
     if (path) {
       dataContextHandlePathChange === null || dataContextHandlePathChange === void 0 ? void 0 : dataContextHandlePathChange(path, newValue);
     }
     forceUpdate();
-  }, [continuousValidation, dataContextHandlePathChange, hideError, path, showError, validateValue]);
+  }, [dataContextHandlePathChange, handleError, path, validateValue]);
   const handleChange = useCallback((argFromInput, additionalArgs = undefined) => {
-    const newValue = fromInput(argFromInput);
-    if (newValue === valueRef.current) {
+    const currentValue = valueRef.current;
+    let newValue = transformers.current.fromInput(argFromInput);
+    if (newValue === currentValue) {
       return;
     }
+    newValue = transformers.current.transformValue(newValue, currentValue);
     updateValue(newValue);
     changedRef.current = true;
-    onChange === null || onChange === void 0 ? void 0 : onChange.apply(this, typeof additionalArgs !== 'undefined' ? [newValue, additionalArgs] : [newValue]);
-    if (elementPath) {
-      const iterateValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
+    const value = transformers.current.toEvent(newValue, 'onChange');
+    onChange === null || onChange === void 0 ? void 0 : onChange.apply(this, typeof additionalArgs !== 'undefined' ? [value, additionalArgs] : [value]);
+    if (itemPath) {
+      const iterateValuePath = `/${iterateElementIndex}${itemPath && itemPath !== '/' ? itemPath : ''}`;
       handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iterateValuePath, newValue);
     }
-  }, [elementPath, fromInput, handleIterateElementChange, iterateElementIndex, onChange, updateValue]);
+  }, [updateValue, onChange, itemPath, iterateElementIndex, handleIterateElementChange]);
+  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
+  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus]);
   useMountEffect(() => {
     dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleMountField(identifier);
     validateValue();
@@ -258,12 +296,16 @@ export default function useDataValue(props) {
       dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleUnMountField(identifier);
     };
   });
+  const error = showErrorRef.current ? (_ref = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref !== void 0 ? _ref : contextErrorRef.current : undefined;
   return _objectSpread(_objectSpread({}, props), {}, {
+    autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : 'off',
     id,
     name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
-    value: toInput(valueRef.current),
-    error: !inFieldBlock && showErrorRef.current ? (_ref = errorProp !== null && errorProp !== void 0 ? errorProp : localErrorRef.current) !== null && _ref !== void 0 ? _ref : contextErrorRef.current : undefined,
-    autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : 'off',
+    value: transformers.current.toInput(valueRef.current),
+    error: !inFieldBlock ? error : undefined,
+    hasError: Boolean(error),
+    isChanged: changedRef.current,
+    dataContext,
     setHasFocus,
     handleFocus,
     handleBlur,

package/es/extensions/forms/hooks/useDataValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajv","ajvErrorsToOneFormError","FormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","useMountEffect","useUpdateEffect","useProcessManager","useDataValue","props","_props$path","_ref","_props$autoComplete","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","forceUpdate","startProcess","id","_props$id","dataContext","fieldBlockContext","iterateElementContext","handlePathChange","dataContextHandlePathChange","setValueWithError","dataContextSetValueWithError","errors","dataContextErrors","dataContextError","undefined","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","identifier","externalValue","has","get","data","valueRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","errorMessagesRef","current","schemaRef","validatorRef","schemaValidatorRef","compile","showError","hideError","prepareError","_errorMessagesRef$cur","_error$messageValues","message","validationRule","messageWithValues","Object","entries","messageValues","reduce","key","replace","persistErrorState","errorArg","clearErrorState","validateValue","isProcessActive","_validatorRef$current","res","call","showAllErrors","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","handleFocus","handleBlur","updateValue","newValue","argFromInput","additionalArgs","apply","iterateValuePath","handleMountField","handleUnMountField","_objectSpread","name","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv'\nimport { errorChanged } from '../utils'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps, AdditionalEventArgs } from '../types'\nimport { Context } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n  updateValue: (value: Value) => void\n  forceUpdate: () => void\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    elementPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    onFocus,\n    onBlur,\n    onChange,\n    validator,\n    onBlurValidator,\n    schema,\n    errorMessages,\n    validateInitially,\n    validateUnchanged,\n    continuousValidation,\n    toInput = (value: Value) => value,\n    fromInput = (value: Value) => value,\n  } = props\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { startProcess } = useProcessManager()\n  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id])\n  const dataContext = useContext(Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    setValueWithError: dataContextSetValueWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const dataContextError = path ? dataContextErrors?.[path] : undefined\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (elementPath && elementPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid elementPath. Element pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (elementPath && !iterateElementContext) {\n    throw new Error(\n      'elementPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const identifier = useMemo(() => {\n    // Identifier is used is registries of multiple fields, like in the DataContext keeping track of errors\n    return path ?? id\n  }, [path, id])\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return props.value\n    }\n\n    if (inIterate && elementPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (elementPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, elementPath)\n        ? pointer.get(iterateElementValue, elementPath)\n        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    path,\n    elementPath,\n    inIterate,\n    iterateElementValue,\n    props.value,\n    dataContext.data,\n  ])\n\n  // Many variables are kept in refs to avoid triggering unnecessary update loops because updates using\n  // useEffect depend on them (like the external `value`)\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const valueRef = useRef<Value>(externalValue)\n  const changedRef = useRef<boolean>(false)\n  const hasFocusRef = useRef<boolean>(false)\n\n  // Error handling\n  // - Should errors received through validation be shown initially. Assume that providing a direct prop to\n  // the component means it is supposed to be shown initially.\n  const showErrorInitially = validateInitially || errorProp\n  // - Local errors are errors based on validation instructions received by\n  const localErrorRef = useRef<Error | FormError | undefined>()\n  // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n  const contextErrorRef = useRef<Error | FormError | undefined>(\n    dataContextError\n  )\n\n  const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n  const errorMessagesRef = useRef(errorMessages)\n  useEffect(() => {\n    errorMessagesRef.current = errorMessages\n  }, [errorMessages])\n  const schemaRef = useRef(schema)\n  useEffect(() => {\n    schemaRef.current = schema\n  }, [schema])\n  const validatorRef = useRef(validator)\n  useEffect(() => {\n    validatorRef.current = validator\n  }, [validator])\n\n  const schemaValidatorRef = useRef<ValidateFunction>(\n    schema ? ajv.compile(schema) : undefined\n  )\n\n  const showError = useCallback(() => {\n    showErrorRef.current = true\n    setShowFieldBlockError?.(path ?? id, true)\n  }, [path, id, setShowFieldBlockError])\n\n  const hideError = useCallback(() => {\n    showErrorRef.current = false\n    setShowFieldBlockError?.(path ?? id, false)\n  }, [path, id, setShowFieldBlockError])\n\n  /**\n   * Prepare error from validation logic with correct error messages based on props\n   */\n  const prepareError = useCallback(\n    (error: Error | FormError | undefined): FormError | undefined => {\n      if (error === undefined) {\n        return\n      }\n\n      if (error instanceof FormError) {\n        const message =\n          (typeof error.validationRule === 'string' &&\n            errorMessagesRef.current?.[error.validationRule]) ||\n          error.message\n\n        const messageWithValues = Object.entries(\n          error.messageValues ?? {}\n        ).reduce((message, [key, value]) => {\n          return message.replace(`{${key}}`, value)\n        }, message)\n\n        return new FormError(messageWithValues)\n      }\n\n      return error\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    []\n  )\n\n  /**\n   * Based on validation, update error state, locally and relevant surrounding contexts\n   */\n  const persistErrorState = useCallback(\n    (errorArg: FormError | undefined) => {\n      const error = prepareError(errorArg)\n\n      if (!errorChanged(error, localErrorRef.current)) {\n        // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n        // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n        return\n      }\n\n      localErrorRef.current = error\n\n      // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n      dataContextSetValueWithError?.(identifier, Boolean(error))\n\n      setFieldBlockError?.(path ?? id, error)\n      forceUpdate()\n    },\n    [\n      path,\n      identifier,\n      id,\n      prepareError,\n      dataContextSetValueWithError,\n      setFieldBlockError,\n      forceUpdate,\n    ]\n  )\n\n  const clearErrorState = useCallback(\n    () => persistErrorState(undefined),\n    [persistErrorState]\n  )\n\n  /**\n   * Validate the current state value by provided validator instructions\n   */\n  const validateValue = useCallback(async () => {\n    const isProcessActive = startProcess()\n\n    try {\n      // Validate required\n      if (valueRef.current === emptyValue && required) {\n        throw new FormError('The value is required', {\n          validationRule: 'required',\n        })\n      }\n\n      // Validate by provided JSON Schema for this value\n      if (\n        schemaValidatorRef.current &&\n        valueRef.current !== undefined &&\n        !schemaValidatorRef.current(valueRef.current)\n      ) {\n        const error = ajvErrorsToOneFormError(\n          schemaValidatorRef.current.errors\n        )\n        throw error\n      }\n      // Validate by provided derivative validator\n      if (validatorRef.current) {\n        const res = await validatorRef.current?.(\n          valueRef.current,\n          errorMessages\n        )\n        if (res instanceof Error) {\n          throw res\n        }\n      }\n\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n    } catch (error: unknown) {\n      if (isProcessActive()) {\n        persistErrorState(error as Error)\n      }\n    }\n  }, [\n    emptyValue,\n    required,\n    errorMessages,\n    startProcess,\n    persistErrorState,\n    clearErrorState,\n  ])\n\n  useUpdateEffect(() => {\n    if (!schema) {\n      return\n    }\n    schemaValidatorRef.current = ajv.compile(schema)\n    validateValue()\n  }, [schema, validateValue])\n\n  useUpdateEffect(() => {\n    // Error or removed error for this field from the surrounding data context (by path)\n    valueRef.current = externalValue\n    validateValue()\n    forceUpdate()\n  }, [externalValue, validateValue])\n\n  useEffect(() => {\n    const error = prepareError(dataContextError)\n    if (errorChanged(error, contextErrorRef.current)) {\n      contextErrorRef.current = error\n      forceUpdate()\n    }\n  }, [dataContextError, prepareError])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      showError()\n      forceUpdate()\n    }\n  }, [dataContext.showAllErrors, showError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: Value) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        hasFocusRef.current = true\n        onFocus?.(valueOverride ?? valueRef.current)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        hasFocusRef.current = false\n        onBlur?.(valueOverride ?? valueRef.current)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without having changed the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          Promise.resolve(\n            onBlurValidator(valueOverride ?? valueRef.current)\n          ).then(persistErrorState)\n        }\n\n        // Since the user left the field, show error (if any)\n        showError()\n        forceUpdate()\n      }\n    },\n    [\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      persistErrorState,\n      showError,\n      forceUpdate,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const updateValue = useCallback(\n    (newValue: Value) => {\n      if (newValue === valueRef.current) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n\n      valueRef.current = newValue\n\n      if (\n        continuousValidation ||\n        (continuousValidation !== false && !hasFocusRef.current)\n      ) {\n        // When there is a change to the value without there having been any focus callback beforehand, it is likely\n        // to believe that the blur callback will not be called either, which would trigger the display of the error.\n        // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n        showError()\n      } else {\n        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n        hideError()\n      }\n\n      // Always validate the value immediately when it is changed\n      validateValue()\n\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n\n      forceUpdate()\n    },\n    [\n      continuousValidation,\n      dataContextHandlePathChange,\n      hideError,\n      path,\n      showError,\n      validateValue,\n    ]\n  )\n\n  const handleChange = useCallback(\n    (\n      argFromInput: Value,\n      additionalArgs: AdditionalEventArgs = undefined\n    ) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === valueRef.current) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n\n      updateValue(newValue)\n\n      changedRef.current = true\n      onChange?.apply(\n        this,\n        typeof additionalArgs !== 'undefined'\n          ? [newValue, additionalArgs]\n          : [newValue]\n      )\n\n      if (elementPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      elementPath,\n      fromInput,\n      handleIterateElementChange,\n      iterateElementIndex,\n      onChange,\n      updateValue,\n    ]\n  )\n\n  useMountEffect(() => {\n    dataContext?.handleMountField(identifier)\n    validateValue()\n\n    if (showErrorInitially) {\n      showError()\n    }\n\n    return () => {\n      // Unmount procedure\n      dataContext?.handleUnMountField(identifier)\n    }\n  })\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(valueRef.current),\n    error:\n      !inFieldBlock && showErrorRef.current\n        ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n        : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useReducer","pointer","errorChanged","ajv","ajvErrorsToOneFormError","FormError","Context","FieldBlockContext","IterateElementContext","useMountEffect","useUpdateEffect","useProcessManager","useId","useDataValue","props","_ref","_props$autoComplete","_props$path","path","itemPath","emptyValue","required","error","errorProp","errorMessages","onFocus","onBlur","onChange","onBlurValidator","validator","schema","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","toEvent","transformValue","fromExternal","validateRequired","res","undefined","forceUpdate","startProcess","id","dataContext","fieldBlockContext","iterateElementContext","transformers","handlePathChange","dataContextHandlePathChange","updateDataValue","dataContextUpdateDataValue","setValueWithError","dataContextSetValueWithError","errors","dataContextErrors","dataContextError","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","identifier","externalValue","current","has","get","data","capitalize","valueRef","changedRef","hasFocusRef","showErrorInitially","localErrorRef","contextErrorRef","showErrorRef","errorMessagesRef","validatorRef","schemaValidatorRef","compile","showError","hideError","prepareError","_errorMessagesRef$cur","_error$messageValues","message","validationRule","messageWithValues","Object","entries","messageValues","reduce","key","replace","persistErrorState","errorArg","clearErrorState","validateValue","isProcessActive","requiredError","isChanged","_validatorRef$current","call","showAllErrors","hasValue","handleError","setHasFocus","hasFocus","valueOverride","Promise","resolve","then","updateValue","newValue","argFromInput","additionalArgs","currentValue","apply","iterateValuePath","handleFocus","handleBlur","handleMountField","handleUnMountField","_objectSpread","autoComplete","name","hasError"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useReducer,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { ValidateFunction } from 'ajv'\nimport { errorChanged } from '../utils'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { FormError, FieldProps, AdditionalEventArgs } from '../types'\nimport { Context, ContextState } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport useMountEffect from './useMountEffect'\nimport useUpdateEffect from './useUpdateEffect'\nimport useProcessManager from './useProcessManager'\nimport useId from './useId'\n\ninterface ReturnAdditional<Value> {\n  id: string\n  value: Value\n  error: Error | FormError | undefined\n  hasError: boolean\n  dataContext: ContextState\n  setHasFocus: (hasFocus: boolean, valueOverride?: unknown) => void\n  handleFocus: () => void\n  handleBlur: () => void\n  handleChange: FieldProps<unknown>['onChange']\n  updateValue: (value: Value) => void\n  forceUpdate: () => void\n}\n\nexport default function useDataValue<\n  Value = unknown,\n  Props extends FieldProps<Value> = FieldProps<Value>,\n>(props: Props): Props & ReturnAdditional<Value> {\n  const {\n    path,\n    itemPath,\n    emptyValue,\n    required,\n    error: errorProp,\n    errorMessages,\n    onFocus,\n    onBlur,\n    onChange,\n    onBlurValidator,\n    validator,\n    schema,\n    validateInitially,\n    validateUnchanged,\n    continuousValidation,\n    toInput = (value: Value) => value,\n    fromInput = (value: Value) => value,\n    toEvent = (value: Value) => value,\n    transformValue = (value: Value) => value,\n    fromExternal = (value: Value) => value,\n    validateRequired = (value: Value, { emptyValue, required, error }) => {\n      const res =\n        required &&\n        (value === emptyValue ||\n          (typeof emptyValue === 'undefined' && value === ''))\n          ? error\n          : undefined\n      return res\n    },\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { startProcess } = useProcessManager()\n  const id = useId(props.id)\n  const dataContext = useContext(Context)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const iterateElementContext = useContext(IterateElementContext)\n\n  const transformers = useRef({\n    toInput,\n    fromInput,\n    toEvent,\n    fromExternal,\n    transformValue,\n    validateRequired,\n  })\n\n  const {\n    handlePathChange: dataContextHandlePathChange,\n    updateDataValue: dataContextUpdateDataValue,\n    setValueWithError: dataContextSetValueWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\n  const dataContextError = path ? dataContextErrors?.[path] : undefined\n  const inFieldBlock = Boolean(fieldBlockContext)\n  const {\n    setError: setFieldBlockError,\n    setShowError: setShowFieldBlockError,\n  } = fieldBlockContext ?? {}\n  const inIterate = Boolean(iterateElementContext)\n  const {\n    index: iterateElementIndex,\n    value: iterateElementValue,\n    handleChange: handleIterateElementChange,\n  } = iterateElementContext ?? {}\n\n  if (path && path.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid path. Data value path JSON Pointers must be from root (starting with a /).'\n    )\n  }\n  if (itemPath && itemPath.substring(0, 1) !== '/') {\n    throw new Error(\n      'Invalid itemPath. Item pathJSON Pointers must be from root of iterate element (starting with a /).'\n    )\n  }\n  if (itemPath && !iterateElementContext) {\n    throw new Error(\n      'itemPath cannot be used when not inside an iterate element context. Wrap the component in an Iterate.Loop.'\n    )\n  }\n\n  const identifier = useMemo(() => {\n    // Identifier is used is registries of multiple fields, like in the DataContext keeping track of errors\n    return path ?? id\n  }, [path, id])\n\n  const externalValue = useMemo(() => {\n    if (props.value !== undefined) {\n      // Value-prop sent directly to the field has highest priority, overriding any surrounding source\n      return transformers.current.fromExternal(props.value)\n    }\n\n    if (inIterate && itemPath) {\n      // This field is inside an iterate, and has a pointer from the base of the element being iterated\n      if (itemPath === '/') {\n        return iterateElementValue\n      }\n\n      return pointer.has(iterateElementValue, itemPath)\n        ? pointer.get(iterateElementValue, itemPath)\n        : undefined\n    }\n\n    if (dataContext.data && path) {\n      // There is a surrounding data context and a path for where in the source to find the data\n      if (path === '/') {\n        return dataContext.data\n      }\n\n      return pointer.has(dataContext.data, path)\n        ? pointer.get(dataContext.data, path)\n        : undefined\n    }\n    return undefined\n  }, [\n    props.value,\n    props.capitalize,\n    inIterate,\n    itemPath,\n    dataContext.data,\n    path,\n    iterateElementValue,\n  ])\n\n  // Many variables are kept in refs to avoid triggering unnecessary update loops because updates using\n  // useEffect depend on them (like the external `value`)\n\n  // Hold an internal copy of the input value in case the input component is used uncontrolled,\n  // and to handle errors in Eufemia on components that does not take updated callback functions into account.\n  const valueRef = useRef<Value>(externalValue)\n  const changedRef = useRef<boolean>(false)\n  const hasFocusRef = useRef<boolean>(false)\n\n  // Error handling\n  // - Should errors received through validation be shown initially. Assume that providing a direct prop to\n  // the component means it is supposed to be shown initially.\n  const showErrorInitially = validateInitially || errorProp\n  // - Local errors are errors based on validation instructions received by\n  const localErrorRef = useRef<Error | FormError | undefined>()\n  // - Context errors are from outer contexts, like validation for this field as part of the whole data set\n  const contextErrorRef = useRef<Error | FormError | undefined>(\n    dataContextError\n  )\n\n  const showErrorRef = useRef<boolean>(Boolean(showErrorInitially))\n  const errorMessagesRef = useRef(errorMessages)\n  useEffect(() => {\n    errorMessagesRef.current = errorMessages\n  }, [errorMessages])\n  const validatorRef = useRef(validator)\n  useEffect(() => {\n    validatorRef.current = validator\n  }, [validator])\n\n  const schemaValidatorRef = useRef<ValidateFunction>(\n    schema ? ajv.compile(schema) : undefined\n  )\n\n  const showError = useCallback(() => {\n    showErrorRef.current = true\n    setShowFieldBlockError?.(path ?? id, true)\n  }, [path, id, setShowFieldBlockError])\n\n  const hideError = useCallback(() => {\n    showErrorRef.current = false\n    setShowFieldBlockError?.(path ?? id, false)\n  }, [path, id, setShowFieldBlockError])\n\n  /**\n   * Prepare error from validation logic with correct error messages based on props\n   */\n  const prepareError = useCallback(\n    (error: Error | FormError | undefined): FormError | undefined => {\n      if (error === undefined) {\n        return\n      }\n\n      if (error instanceof FormError) {\n        const message =\n          (typeof error.validationRule === 'string' &&\n            errorMessagesRef.current?.[error.validationRule]) ||\n          error.message\n\n        const messageWithValues = Object.entries(\n          error.messageValues ?? {}\n        ).reduce((message, [key, value]) => {\n          return message.replace(`{${key}}`, value)\n        }, message)\n\n        return new FormError(messageWithValues)\n      }\n\n      return error\n    },\n    []\n  )\n\n  /**\n   * Based on validation, update error state, locally and relevant surrounding contexts\n   */\n  const persistErrorState = useCallback(\n    (errorArg: FormError | undefined) => {\n      const error = prepareError(errorArg)\n\n      if (!errorChanged(error, localErrorRef.current)) {\n        // In case different triggers lead to validation with no changes in the result (like still no error, or the same error),\n        // avoid unnecessary re-renders by letting the old error object stay in the state and skip re-rendering.\n        return\n      }\n\n      localErrorRef.current = error\n\n      // Tell the data context about the error, so it can stop the user from submitting the form until the error has been fixed\n      dataContextSetValueWithError?.(identifier, Boolean(error))\n\n      setFieldBlockError?.(path ?? id, error)\n      forceUpdate()\n    },\n    [\n      path,\n      identifier,\n      id,\n      prepareError,\n      dataContextSetValueWithError,\n      setFieldBlockError,\n      forceUpdate,\n    ]\n  )\n\n  const clearErrorState = useCallback(\n    () => persistErrorState(undefined),\n    [persistErrorState]\n  )\n\n  /**\n   * Validate the current state value by provided validator instructions\n   */\n  const validateValue = useCallback(async () => {\n    const isProcessActive = startProcess()\n\n    try {\n      // Validate required\n      const requiredError = transformers.current.validateRequired(\n        valueRef.current,\n        {\n          emptyValue,\n          required,\n          isChanged: changedRef.current,\n          error: new FormError('The value is required', {\n            validationRule: 'required',\n          }),\n        }\n      )\n      if (requiredError instanceof Error) {\n        throw requiredError\n      }\n\n      // Validate by provided JSON Schema for this value\n      if (\n        schemaValidatorRef.current &&\n        valueRef.current !== undefined &&\n        !schemaValidatorRef.current(valueRef.current)\n      ) {\n        const error = ajvErrorsToOneFormError(\n          schemaValidatorRef.current.errors\n        )\n        throw error\n      }\n\n      // Validate by provided derivative validator\n      if (validatorRef.current) {\n        const res = await validatorRef.current?.(\n          valueRef.current,\n          errorMessagesRef.current\n        )\n        if (res instanceof Error) {\n          throw res\n        }\n      }\n\n      if (isProcessActive()) {\n        clearErrorState()\n      }\n    } catch (error: unknown) {\n      if (isProcessActive()) {\n        persistErrorState(error as Error)\n      }\n    }\n  }, [\n    startProcess,\n    emptyValue,\n    required,\n    clearErrorState,\n    persistErrorState,\n  ])\n\n  useUpdateEffect(() => {\n    if (!schema) {\n      schemaValidatorRef.current = undefined\n      return\n    }\n    schemaValidatorRef.current = ajv.compile(schema)\n    validateValue()\n  }, [schema, validateValue])\n\n  useUpdateEffect(() => {\n    // Error or removed error for this field from the surrounding data context (by path)\n    valueRef.current = externalValue\n    validateValue()\n    forceUpdate()\n  }, [externalValue, validateValue])\n\n  useEffect(() => {\n    const error = prepareError(dataContextError)\n    if (errorChanged(error, contextErrorRef.current)) {\n      contextErrorRef.current = error\n      forceUpdate()\n    }\n  }, [dataContextError, prepareError])\n\n  useEffect(() => {\n    if (dataContext.showAllErrors) {\n      // If showError on a surrounding data context was changed and set to true, it is because the user clicked next, submit or\n      // something else that should lead to showing the user all errors.\n      showError()\n      forceUpdate()\n    }\n  }, [dataContext.showAllErrors, showError])\n\n  useEffect(() => {\n    if (path && props.value) {\n      const hasValue = pointer.has(dataContext.data, path)\n      const value = hasValue\n        ? pointer.get(dataContext.data, path)\n        : undefined\n      if (\n        !hasValue ||\n        (props.value !== value && valueRef.current !== value)\n      ) {\n        // Update the data context when a pointer not exists,\n        // but was given initially.\n        dataContextUpdateDataValue?.(path, props.value)\n      }\n    }\n  }, [dataContext.data, dataContextUpdateDataValue, path, props.value])\n\n  const handleError = useCallback(() => {\n    if (\n      continuousValidation ||\n      (continuousValidation !== false && !hasFocusRef.current)\n    ) {\n      // When there is a change to the value without there having been any focus callback beforehand, it is likely\n      // to believe that the blur callback will not be called either, which would trigger the display of the error.\n      // The error is therefore displayed immediately (unless instructed not to with continuousValidation set to false).\n      showError()\n    } else {\n      // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n      hideError()\n    }\n  }, [continuousValidation, hideError, showError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: Value) => {\n      if (hasFocus) {\n        // Field was put in focus (like when clicking in a text field or opening a dropdown menu)\n        hasFocusRef.current = true\n        const value = transformers.current.toEvent(\n          valueOverride ?? valueRef.current,\n          'onFocus'\n        )\n        onFocus?.(value)\n      } else {\n        // Field was removed from focus (like when tabbing out of a text field or closing a dropdown menu)\n        hasFocusRef.current = false\n        const value = transformers.current.toEvent(\n          valueOverride ?? valueRef.current,\n          'onBlur'\n        )\n        onBlur?.(value)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without having changed the value, so tabbing through several\n          // fields does not make errors pop up all over the place\n          return\n        }\n\n        // External blur validators makes it possible to validate values but not on every character change in case of\n        // expensive validation calling external services etc.\n        if (typeof onBlurValidator === 'function') {\n          // Since the validator can return either a synchronous result or an asynchronous\n          const value = transformers.current.toEvent(\n            valueOverride ?? valueRef.current,\n            'onBlurValidator'\n          )\n          Promise.resolve(onBlurValidator(value)).then(persistErrorState)\n        }\n\n        // Since the user left the field, show error (if any)\n        showError()\n        forceUpdate()\n      }\n    },\n    [\n      onBlur,\n      onBlurValidator,\n      onFocus,\n      persistErrorState,\n      showError,\n      validateUnchanged,\n    ]\n  )\n\n  const updateValue = useCallback(\n    (newValue: Value) => {\n      if (newValue === valueRef.current) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n\n      valueRef.current = newValue\n\n      // Always validate the value immediately when it is changed\n      validateValue()\n\n      handleError()\n\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n\n      forceUpdate()\n    },\n    [dataContextHandlePathChange, handleError, path, validateValue]\n  )\n\n  const handleChange = useCallback(\n    (\n      argFromInput: Value,\n      additionalArgs: AdditionalEventArgs = undefined\n    ) => {\n      const currentValue = valueRef.current\n      let newValue = transformers.current.fromInput(argFromInput)\n\n      if (newValue === currentValue) {\n        // Avoid triggering a change if the value was not actually changed. This may be caused by rendering components\n        // calling onChange even if the actual value did not change.\n        return\n      }\n\n      newValue = transformers.current.transformValue(\n        newValue,\n        currentValue\n      )\n\n      updateValue(newValue)\n\n      changedRef.current = true\n\n      const value = transformers.current.toEvent(newValue, 'onChange')\n      onChange?.apply(\n        this,\n        typeof additionalArgs !== 'undefined'\n          ? [value, additionalArgs]\n          : [value]\n      )\n\n      if (itemPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          itemPath && itemPath !== '/' ? itemPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      updateValue,\n      onChange,\n      itemPath,\n      iterateElementIndex,\n      handleIterateElementChange,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  useMountEffect(() => {\n    dataContext?.handleMountField(identifier)\n\n    validateValue()\n\n    if (showErrorInitially) {\n      showError()\n    }\n\n    return () => {\n      // Unmount procedure\n      dataContext?.handleUnMountField(identifier)\n    }\n  })\n\n  const error = showErrorRef.current\n    ? errorProp ?? localErrorRef.current ?? contextErrorRef.current\n    : undefined\n\n  return {\n    ...props,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: transformers.current.toInput(valueRef.current),\n    error: !inFieldBlock ? error : undefined,\n    hasError: Boolean(error),\n    isChanged: changedRef.current,\n    dataContext,\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n    updateValue,\n    forceUpdate,\n  }\n}\n"],"mappings":"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"}

package/es/extensions/forms/hooks/useId.d.ts

@@ -0,0 +1 @@
+export default function useId(customId?: string): string;

package/es/extensions/forms/hooks/useId.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { makeUniqueId } from '../../../shared/component-helper';
+export default function useId(customId) {
+  var _React$useId;
+  const id = React === null || React === void 0 ? void 0 : (_React$useId = React.useId) === null || _React$useId === void 0 ? void 0 : _React$useId.call(React);
+  return React.useMemo(() => {
+    var _ref;
+    return (_ref = customId !== null && customId !== void 0 ? customId : id) !== null && _ref !== void 0 ? _ref : makeUniqueId();
+  }, [customId, id]);
+}
+//# sourceMappingURL=useId.js.map

package/es/extensions/forms/hooks/useId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useId.js","names":["React","makeUniqueId","useId","customId","_React$useId","id","call","useMemo","_ref"],"sources":["../../../../../src/extensions/forms/hooks/useId.ts"],"sourcesContent":["import React from 'react'\nimport { makeUniqueId } from '../../../shared/component-helper'\n\nexport default function useId(customId?: string) {\n  const id = React?.useId?.()\n  return React.useMemo(\n    () => customId ?? id ?? makeUniqueId(),\n    [customId, id]\n  )\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAAQ,kCAAkC;AAE/D,eAAe,SAASC,KAAKA,CAACC,QAAiB,EAAE;EAAA,IAAAC,YAAA;EAC/C,MAAMC,EAAE,GAAGL,KAAK,aAALA,KAAK,wBAAAI,YAAA,GAALJ,KAAK,CAAEE,KAAK,cAAAE,YAAA,uBAAZA,YAAA,CAAAE,IAAA,CAAAN,KAAe,CAAC;EAC3B,OAAOA,KAAK,CAACO,OAAO,CAClB;IAAA,IAAAC,IAAA;IAAA,QAAAA,IAAA,GAAML,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIE,EAAE,cAAAG,IAAA,cAAAA,IAAA,GAAIP,YAAY,CAAC,CAAC;EAAA,GACtC,CAACE,QAAQ,EAAEE,EAAE,CACf,CAAC;AACH"}

package/es/extensions/forms/index.d.ts

@@ -8,5 +8,10 @@ export * as DataContext from './DataContext';
 export * as Iterate from './Iterate';
 export { default as FieldBlock } from './FieldBlock';
 export { default as ValueBlock } from './ValueBlock';
-export { default as Visibility } from './Visibility';
 export { default as StepsLayout, StepsContext } from './StepsLayout';
+/**
+ * Deprecated and will be removed in v11
+ *
+ * @deprecated use import { Field } from 'Form'	instead
+ */
+export declare function Visibility(): void;

package/es/extensions/forms/index.js

@@ -8,6 +8,8 @@ export * as DataContext from './DataContext';
 export * as Iterate from './Iterate';
 export { default as FieldBlock } from './FieldBlock';
 export { default as ValueBlock } from './ValueBlock';
-export { default as Visibility } from './Visibility';
 export { default as StepsLayout, StepsContext } from './StepsLayout';
+export function Visibility() {
+  console.error('Please import Visibility from "Form.Visibility"');
+}
 //# sourceMappingURL=index.js.map