@dnb/eufemia 10.12.0 → 10.13.0

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

@@ -1,3 +1,5 @@
+"use client";
+
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -10,7 +12,7 @@ import FieldBlockContext from '../FieldBlock/FieldBlockContext';
 import IterateElementContext from '../Iterate/IterateElementContext';
 import { makeUniqueId } from '../../../shared/component-helper';
 export default function useDataValue(props) {
-  var _props$path;
+  var _props$path, _props$autoComplete;
   const {
     path,
     elementPath,
@@ -30,7 +32,10 @@ export default function useDataValue(props) {
     toInput = value => value,
     fromInput = value => value
   } = props;
-  const id = useMemo(() => props.id ?? makeUniqueId(), [props.id]);
+  const id = useMemo(() => {
+    var _props$id;
+    return (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : makeUniqueId();
+  }, [props.id]);
   const dataContext = useContext(Context);
   const fieldBlockContext = useContext(FieldBlockContext);
   const iterateElementContext = useContext(IterateElementContext);
@@ -38,18 +43,18 @@ export default function useDataValue(props) {
     handlePathChange: dataContextHandlePathChange,
     setPathWithError: dataContextSetPathWithError,
     errors: dataContextErrors
-  } = dataContext ?? {};
+  } = dataContext !== null && dataContext !== void 0 ? dataContext : {};
   const inFieldBlock = Boolean(fieldBlockContext);
   const {
     setError: setFieldBlockError,
     setShowError: setShowFieldBlockError
-  } = fieldBlockContext ?? {};
+  } = fieldBlockContext !== null && fieldBlockContext !== void 0 ? fieldBlockContext : {};
   const inIterate = Boolean(iterateElementContext);
   const {
     index: iterateElementIndex,
     value: iterateElementValue,
     handleChange: handleIterateElementChange
-  } = iterateElementContext ?? {};
+  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
   if (path && path.substring(0, 1) !== '/') {
     throw new Error('Invalid path. Data value path JSON Pointers must be from root (starting with a /).');
   }
@@ -92,7 +97,7 @@ export default function useDataValue(props) {
     if (path) {
       dataContextSetPathWithError === null || dataContextSetPathWithError === void 0 ? void 0 : dataContextSetPathWithError(path, Boolean(error));
     }
-    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path ?? id, errorWithCorrectMessage);
+    setFieldBlockError === null || setFieldBlockError === void 0 ? void 0 : setFieldBlockError(path !== null && path !== void 0 ? path : id, errorWithCorrectMessage);
   }, [path, id, errorMessages, dataContextSetPathWithError, setFieldBlockError]);
   const validateValue = useCallback(valueToValidate => {
     if (typeof validator === 'function') {
@@ -126,24 +131,24 @@ export default function useDataValue(props) {
   useEffect(() => {
     if (dataContext.showAllErrors) {
       setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
     }
   }, [id, path, dataContext.showAllErrors, setShowFieldBlockError]);
   const setHasFocus = useCallback((hasFocus, valueOverride) => {
     if (hasFocus) {
       hasFocusRef.current = true;
-      onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride ?? value);
+      onFocus === null || onFocus === void 0 ? void 0 : onFocus(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value);
     } else {
       hasFocusRef.current = false;
-      onBlur === null || onBlur === void 0 ? void 0 : onBlur(valueOverride ?? value);
+      onBlur === null || onBlur === void 0 ? void 0 : onBlur(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value);
       if (!changedRef.current && !validateUnchanged) {
         return;
       }
       if (typeof onBlurValidator === 'function') {
-        Promise.resolve(onBlurValidator(valueOverride ?? value)).then(setErrorAndUpdateDataContext);
+        Promise.resolve(onBlurValidator(valueOverride !== null && valueOverride !== void 0 ? valueOverride : value)).then(setErrorAndUpdateDataContext);
       }
       setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
     }
   }, [id, path, value, validateUnchanged, onFocus, onBlur, onBlurValidator, setErrorAndUpdateDataContext, setShowFieldBlockError]);
   const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus]);
@@ -157,10 +162,10 @@ export default function useDataValue(props) {
     changedRef.current = true;
     if (continuousValidation || continuousValidation !== false && !hasFocusRef.current) {
       setShowError(true);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, true);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, true);
     } else {
       setShowError(false);
-      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path ?? id, false);
+      setShowFieldBlockError === null || setShowFieldBlockError === void 0 ? void 0 : setShowFieldBlockError(path !== null && path !== void 0 ? path : id, false);
     }
     validateValue(newValue);
     onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
@@ -168,11 +173,11 @@ export default function useDataValue(props) {
       dataContextHandlePathChange === null || dataContextHandlePathChange === void 0 ? void 0 : dataContextHandlePathChange(path, newValue);
     }
     if (elementPath) {
-      const iteratValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
-      handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iteratValuePath, newValue);
+      const iterateValuePath = `/${iterateElementIndex}${elementPath && elementPath !== '/' ? elementPath : ''}`;
+      handleIterateElementChange === null || handleIterateElementChange === void 0 ? void 0 : handleIterateElementChange(iterateValuePath, newValue);
     }
   }, [id, path, elementPath, iterateElementIndex, value, continuousValidation, onChange, validateValue, dataContextHandlePathChange, setShowFieldBlockError, handleIterateElementChange, fromInput]);
-  const exportError = useMemo(() => errorProp ?? error, [errorProp, error]);
+  const exportError = useMemo(() => errorProp !== null && errorProp !== void 0 ? errorProp : error, [errorProp, error]);
   useEffect(() => {
     if (path) {
       dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleMountField(path);
@@ -189,7 +194,7 @@ export default function useDataValue(props) {
     name: props.name || ((_props$path = props.path) === null || _props$path === void 0 ? void 0 : _props$path.replace('/', '')) || id,
     value: toInput(value),
     error: inFieldBlock ? undefined : showError ? exportError : undefined,
-    autoComplete: props.autoComplete ?? (dataContext.autoComplete === true ? 'on' : 'off'),
+    autoComplete: (_props$autoComplete = props.autoComplete) !== null && _props$autoComplete !== void 0 ? _props$autoComplete : dataContext.autoComplete === true ? 'on' : 'off',
     setHasFocus,
     handleFocus,
     handleBlur,

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

@@ -1 +1 @@
-{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useState","pointer","FormError","ajv","ajvErrorsToOneFormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","useDataValue","props","_props$path","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","id","dataContext","fieldBlockContext","iterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","undefined","has","get","data","setValue","changedRef","hasFocusRef","showError","schemaValidator","Object","keys","length","compile","setErrorAndUpdateDataContext","errorWithCorrectMessage","validationRule","validateValue","valueToValidate","Promise","resolve","then","showAllErrors","setHasFocus","hasFocus","valueOverride","current","handleFocus","handleBlur","argFromInput","newValue","iteratValuePath","exportError","handleMountField","handleUnMountField","_objectSpread","name","replace","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { FormError, FieldProps } from '../types'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { Context } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\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}\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,\n    fromInput = (value) => value,\n  } = props\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    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\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 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  // 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 [value, setValue] = useState(externalValue)\n  const changedRef = useRef(false)\n  const hasFocusRef = useRef(false)\n\n  useEffect(() => {\n    // When receiving the initial value, or receiving an updated value by props, update the internal value\n    // so the component can be used \"controlled\".\n    setValue(externalValue)\n  }, [externalValue])\n\n  // Error handling\n  const [error, setError] = useState<Error | FormError | undefined>()\n  const [showError, setShowError] = useState<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  const schemaValidator = useMemo(\n    () =>\n      schema && Object.keys(schema).length > 0\n        ? ajv.compile(schema)\n        : undefined,\n    [schema]\n  )\n\n  const setErrorAndUpdateDataContext = useCallback(\n    (error: FormError | undefined) => {\n      const errorWithCorrectMessage =\n        error instanceof FormError &&\n        typeof error.validationRule === 'string' &&\n        errorMessages?.[error.validationRule] !== undefined\n          ? new FormError(errorMessages[error.validationRule])\n          : error\n\n      setError(errorWithCorrectMessage)\n\n      if (path) {\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        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, errorWithCorrectMessage)\n    },\n    [\n      path,\n      id,\n      errorMessages,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n    ]\n  )\n\n  const validateValue = useCallback(\n    (valueToValidate): FormError | undefined => {\n      // Prioritize received validator functions first\n      // Possible future change: Merge errors if multiple, like one message with each message concatinated.\n      if (typeof validator === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(validator(valueToValidate))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they were operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      if (valueToValidate === emptyValue && required) {\n        const error = new FormError('The value is required', {\n          validationRule: 'required',\n        })\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else if (schemaValidator) {\n        // This input has a direct schema (through props)\n        if (valueToValidate === undefined && emptyValue === undefined) {\n          // Avoid validating undefined-values if they are expected (set with emptyValue) as they will\n          // usually fail against json-schema type\n          setErrorAndUpdateDataContext(undefined)\n          return undefined\n        }\n        schemaValidator(valueToValidate)\n        const error = ajvErrorsToOneFormError(schemaValidator.errors)\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else {\n        // Removing any previous error from required\n        setErrorAndUpdateDataContext(undefined)\n        return undefined\n      }\n    },\n    [\n      schemaValidator,\n      emptyValue,\n      required,\n      setErrorAndUpdateDataContext,\n      validator,\n    ]\n  )\n\n  useEffect(() => {\n    // If a surrounding data context has an error for this field (by path) and no error has been set by local component validation, use the data context error\n    if (!error && path && dataContextErrors?.[path]) {\n      setErrorAndUpdateDataContext(dataContextErrors[path])\n    }\n  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext])\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      setShowError(true)\n      setShowFieldBlockError?.(path ?? id, true)\n    }\n  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: unknown) => {\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 ?? 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        onBlur?.(valueOverride ?? value)\n\n        if (!changedRef.current && !validateUnchanged) {\n          // Avoid showing errors when blurring without havinc hanged 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(onBlurValidator(valueOverride ?? value))\n            // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n            // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n            // as if they were operational errors.\n            .then(setErrorAndUpdateDataContext)\n        }\n\n        // Since the user left the field, show error (if any)\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      }\n    },\n    [\n      id,\n      path,\n      value,\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      setErrorAndUpdateDataContext,\n      setShowFieldBlockError,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === value) {\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      setValue(newValue)\n      changedRef.current = true\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        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      } else {\n        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n        setShowError(false)\n        setShowFieldBlockError?.(path ?? id, false)\n      }\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iteratValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iteratValuePath, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      elementPath,\n      iterateElementIndex,\n      value,\n      continuousValidation,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      setShowFieldBlockError,\n      handleIterateElementChange,\n      fromInput,\n    ]\n  )\n\n  const exportError = useMemo(() => errorProp ?? error, [errorProp, error])\n\n  useEffect(() => {\n    // Mount procedure\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue(externalValue)\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"useDataValue.js","names":["useRef","useEffect","useContext","useCallback","useMemo","useState","pointer","FormError","ajv","ajvErrorsToOneFormError","Context","FieldBlockContext","IterateElementContext","makeUniqueId","useDataValue","props","_props$path","_props$autoComplete","path","elementPath","emptyValue","required","error","errorProp","onFocus","onBlur","onChange","validator","onBlurValidator","schema","errorMessages","validateInitially","validateUnchanged","continuousValidation","toInput","value","fromInput","id","_props$id","dataContext","fieldBlockContext","iterateElementContext","handlePathChange","dataContextHandlePathChange","setPathWithError","dataContextSetPathWithError","errors","dataContextErrors","inFieldBlock","Boolean","setError","setFieldBlockError","setShowError","setShowFieldBlockError","inIterate","index","iterateElementIndex","iterateElementValue","handleChange","handleIterateElementChange","substring","Error","externalValue","undefined","has","get","data","setValue","changedRef","hasFocusRef","showError","schemaValidator","Object","keys","length","compile","setErrorAndUpdateDataContext","errorWithCorrectMessage","validationRule","validateValue","valueToValidate","Promise","resolve","then","showAllErrors","setHasFocus","hasFocus","valueOverride","current","handleFocus","handleBlur","argFromInput","newValue","iterateValuePath","exportError","handleMountField","handleUnMountField","_objectSpread","name","replace","autoComplete"],"sources":["../../../../../src/extensions/forms/hooks/useDataValue.ts"],"sourcesContent":["import {\n  useRef,\n  useEffect,\n  useContext,\n  useCallback,\n  useMemo,\n  useState,\n} from 'react'\nimport pointer from 'json-pointer'\nimport { FormError, FieldProps } from '../types'\nimport ajv, { ajvErrorsToOneFormError } from '../utils/ajv'\nimport { Context } from '../DataContext'\nimport FieldBlockContext from '../FieldBlock/FieldBlockContext'\nimport IterateElementContext from '../Iterate/IterateElementContext'\nimport { makeUniqueId } from '../../../shared/component-helper'\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}\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,\n    fromInput = (value) => value,\n  } = props\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    setPathWithError: dataContextSetPathWithError,\n    errors: dataContextErrors,\n  } = dataContext ?? {}\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 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  // 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 [value, setValue] = useState(externalValue)\n  const changedRef = useRef(false)\n  const hasFocusRef = useRef(false)\n\n  useEffect(() => {\n    // When receiving the initial value, or receiving an updated value by props, update the internal value\n    // so the component can be used \"controlled\".\n    setValue(externalValue)\n  }, [externalValue])\n\n  // Error handling\n  const [error, setError] = useState<Error | FormError | undefined>()\n  const [showError, setShowError] = useState<boolean>(\n    Boolean(validateInitially || errorProp)\n  )\n  const schemaValidator = useMemo(\n    () =>\n      schema && Object.keys(schema).length > 0\n        ? ajv.compile(schema)\n        : undefined,\n    [schema]\n  )\n\n  const setErrorAndUpdateDataContext = useCallback(\n    (error: FormError | undefined) => {\n      const errorWithCorrectMessage =\n        error instanceof FormError &&\n        typeof error.validationRule === 'string' &&\n        errorMessages?.[error.validationRule] !== undefined\n          ? new FormError(errorMessages[error.validationRule])\n          : error\n\n      setError(errorWithCorrectMessage)\n\n      if (path) {\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        dataContextSetPathWithError?.(path, Boolean(error))\n      }\n\n      setFieldBlockError?.(path ?? id, errorWithCorrectMessage)\n    },\n    [\n      path,\n      id,\n      errorMessages,\n      dataContextSetPathWithError,\n      setFieldBlockError,\n    ]\n  )\n\n  const validateValue = useCallback(\n    (valueToValidate): FormError | undefined => {\n      // Prioritize received validator functions first\n      // Possible future change: Merge errors if multiple, like one message with each message concatenated.\n      if (typeof validator === 'function') {\n        // Since the validator can return either a synchronous result or an asynchronous\n        Promise.resolve(validator(valueToValidate))\n          // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n          // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n          // as if they were operational errors.\n          .then(setErrorAndUpdateDataContext)\n      }\n\n      if (valueToValidate === emptyValue && required) {\n        const error = new FormError('The value is required', {\n          validationRule: 'required',\n        })\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else if (schemaValidator) {\n        // This input has a direct schema (through props)\n        if (valueToValidate === undefined && emptyValue === undefined) {\n          // Avoid validating undefined-values if they are expected (set with emptyValue) as they will\n          // usually fail against json-schema type\n          setErrorAndUpdateDataContext(undefined)\n          return undefined\n        }\n        schemaValidator(valueToValidate)\n        const error = ajvErrorsToOneFormError(schemaValidator.errors)\n        setErrorAndUpdateDataContext(error)\n        return error\n      } else {\n        // Removing any previous error from required\n        setErrorAndUpdateDataContext(undefined)\n        return undefined\n      }\n    },\n    [\n      schemaValidator,\n      emptyValue,\n      required,\n      setErrorAndUpdateDataContext,\n      validator,\n    ]\n  )\n\n  useEffect(() => {\n    // If a surrounding data context has an error for this field (by path) and no error has been set by local component validation, use the data context error\n    if (!error && path && dataContextErrors?.[path]) {\n      setErrorAndUpdateDataContext(dataContextErrors[path])\n    }\n  }, [path, dataContextErrors, error, setErrorAndUpdateDataContext])\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      setShowError(true)\n      setShowFieldBlockError?.(path ?? id, true)\n    }\n  }, [id, path, dataContext.showAllErrors, setShowFieldBlockError])\n\n  const setHasFocus = useCallback(\n    (hasFocus: boolean, valueOverride?: unknown) => {\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 ?? 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        onBlur?.(valueOverride ?? 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          Promise.resolve(onBlurValidator(valueOverride ?? value))\n            // This is a validator, so it is expected to resolve with an error when the value is invalid. If it\n            // throws an error, it is not caught here as that will cause programmatic errors to show inside the form\n            // as if they were operational errors.\n            .then(setErrorAndUpdateDataContext)\n        }\n\n        // Since the user left the field, show error (if any)\n        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      }\n    },\n    [\n      id,\n      path,\n      value,\n      validateUnchanged,\n      onFocus,\n      onBlur,\n      onBlurValidator,\n      setErrorAndUpdateDataContext,\n      setShowFieldBlockError,\n    ]\n  )\n\n  const handleFocus = useCallback(() => setHasFocus(true), [setHasFocus])\n  const handleBlur = useCallback(() => setHasFocus(false), [setHasFocus])\n\n  const handleChange = useCallback(\n    (argFromInput) => {\n      const newValue = fromInput(argFromInput)\n\n      if (newValue === value) {\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      setValue(newValue)\n      changedRef.current = true\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        setShowError(true)\n        setShowFieldBlockError?.(path ?? id, true)\n      } else {\n        // When changing the value, hide errors to avoid annoying the user before they are finished filling in that value\n        setShowError(false)\n        setShowFieldBlockError?.(path ?? id, false)\n      }\n      // Always validate the value immediately when it is changed\n      validateValue(newValue)\n\n      onChange?.(newValue)\n      if (path) {\n        dataContextHandlePathChange?.(path, newValue)\n      }\n      if (elementPath) {\n        const iterateValuePath = `/${iterateElementIndex}${\n          elementPath && elementPath !== '/' ? elementPath : ''\n        }`\n        handleIterateElementChange?.(iterateValuePath, newValue)\n      }\n    },\n    [\n      id,\n      path,\n      elementPath,\n      iterateElementIndex,\n      value,\n      continuousValidation,\n      onChange,\n      validateValue,\n      dataContextHandlePathChange,\n      setShowFieldBlockError,\n      handleIterateElementChange,\n      fromInput,\n    ]\n  )\n\n  const exportError = useMemo(() => errorProp ?? error, [errorProp, error])\n\n  useEffect(() => {\n    // Mount procedure\n    if (path) {\n      dataContext?.handleMountField(path)\n    }\n    validateValue(externalValue)\n\n    return () => {\n      // Unmount procedure\n      if (path) {\n        dataContext?.handleUnMountField(path)\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only run for mount and unmount\n  }, [])\n\n  return {\n    ...props,\n    id,\n    name: props.name || props.path?.replace('/', '') || id,\n    value: toInput(value),\n    error: inFieldBlock ? undefined : showError ? exportError : undefined,\n    autoComplete:\n      props.autoComplete ??\n      (dataContext.autoComplete === true ? 'on' : 'off'),\n    setHasFocus,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  }\n}\n"],"mappings":"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"}

package/es/extensions/forms/types.js

@@ -10,22 +10,22 @@ export class FormError extends Error {
 }
 const dataValueReadProps = ['path', 'elementPath', 'value'];
 export function pickDataValueReadProps(props) {
-  return Object.fromEntries(Object.entries(props ?? {}).filter(([key]) => dataValueReadProps.includes(key)));
+  return Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => dataValueReadProps.includes(key)));
 }
 export function omitDataValueReadProps(props) {
-  return Object.fromEntries(Object.entries(props ?? {}).filter(([key]) => !dataValueReadProps.includes(key)));
+  return Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => !dataValueReadProps.includes(key)));
 }
 const dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange'];
 export function pickDataValueWriteProps(props) {
-  return Object.fromEntries(Object.entries(props ?? {}).filter(([key]) => dataValueWriteProps.includes(key)));
+  return Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => dataValueWriteProps.includes(key)));
 }
 export function omitDataValueWriteProps(props) {
-  return Object.fromEntries(Object.entries(props ?? {}).filter(([key]) => !dataValueWriteProps.includes(key)));
+  return Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => !dataValueWriteProps.includes(key)));
 }
 export function pickDataValueReadWriteProps(props) {
-  return Object.fromEntries(Object.entries(props ?? {}).filter(([key]) => dataValueReadProps.includes(key) || dataValueWriteProps.includes(key)));
+  return Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => dataValueReadProps.includes(key) || dataValueWriteProps.includes(key)));
 }
 export function omitDataValueReadWriteProps(props) {
-  return Object.fromEntries(Object.entries(props ?? {}).filter(([key]) => !dataValueReadProps.includes(key) && !dataValueWriteProps.includes(key)));
+  return Object.fromEntries(Object.entries(props !== null && props !== void 0 ? props : {}).filter(([key]) => !dataValueReadProps.includes(key) && !dataValueWriteProps.includes(key)));
 }
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","validationRule","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","key","includes","omitDataValueReadProps","dataValueWriteProps","pickDataValueWriteProps","omitDataValueWriteProps","pickDataValueReadWriteProps","omitDataValueReadWriteProps"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import { JSONSchema7 } from 'json-schema'\nimport { SpacingProps } from '../../components/space/types'\n\ninterface IFormErrorOptions {\n  validationRule?: string | string[]\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: string | string[]\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      this.validationRule = options.validationRule\n    }\n  }\n}\n\n// Data value\n\ninterface DefaultErrorMessages {\n  required?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'elementPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: (value: Value | EmptyValue) => void\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport interface FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n  ErrorMessages extends { required?: string } = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue> {\n  /** ID added to the actual field component, and linked to the label via for-attribute */\n  id?: string\n  name?: string\n  layout?: 'horizontal' | 'vertical'\n  /** Main label text */\n  label?: React.ReactNode\n  /** A more discreet text displayed beside the label (i.e for \"(optional)\") */\n  labelDescription?: React.ReactNode\n  /** Secondary information displayed at the end of the label line (i.e character counter) */\n  labelSecondary?: React.ReactNode\n  /** Text showing in place of the value if no value is given */\n  placeholder?: string\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  info?: Error | FormError | string\n  warning?: Error | FormError | string\n  error?: Error | FormError\n  disabled?: boolean\n  // Validation\n  required?: boolean\n  schema?: JSONSchema7\n  validator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   * */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /** Should validation be done while writing, not just when blurring the field? */\n  continuousValidation?: boolean\n  errorMessages?: ErrorMessages\n  // Derivatives\n  toInput?: (external: Value | undefined) => any\n  fromInput?: (...args: any[]) => Value | undefined\n}\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    contents?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  label?: string\n  /** Should the component render if the value is empty? */\n  showEmpty?: boolean\n  /** Text showing in place of the value if no value is given. */\n  placeholder?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  /** For showing the value inline (not as a block element) */\n  inline?: boolean\n  // Derivatives\n  /** Prepare value for display (regardless of source like props or data context) */\n  prepare?: (external: Value | undefined) => string\n}\n"],"mappings":";AAUA,OAAO,MAAMA,SAAS,SAASC,KAAK,CAAC;EAMnCC,WAAWA,CAACC,OAAe,EAAEC,OAA2B,EAAE;IACxD,KAAK,CAACD,OAAO,CAAC;IAAAE,eAAA;IAEd,IAAID,OAAO,EAAE;MACX,IAAI,CAACE,cAAc,GAAGF,OAAO,CAACE,cAAc;IAC9C;EACF;AACF;AAgBA,MAAMC,kBAAkB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC;AAE3D,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KACvCP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CACjC,CACF,CAAC;AACH;AAEA,OAAO,SAASE,sBAAsBA,CACpCP,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAC7C,CACF,CAAC;AACH;AAYA,MAAMG,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCT,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KACvCG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASK,uBAAuBA,CACrCV,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CAC9C,CACF,CAAC;AACH;AAOA,OAAO,SAASM,2BAA2BA,CAEzCX,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KACJP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAAC,IAChCG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CACpC,CACF,CAAC;AACH;AAEA,OAAO,SAASO,2BAA2BA,CAGzCZ,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,IAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KACJ,CAACP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAAC,IACjC,CAACG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CACrC,CACF,CAAC;AACH"}
+{"version":3,"file":"types.js","names":["FormError","Error","constructor","message","options","_defineProperty","validationRule","dataValueReadProps","pickDataValueReadProps","props","Object","fromEntries","entries","filter","key","includes","omitDataValueReadProps","dataValueWriteProps","pickDataValueWriteProps","omitDataValueWriteProps","pickDataValueReadWriteProps","omitDataValueReadWriteProps"],"sources":["../../../../src/extensions/forms/types.ts"],"sourcesContent":["import { JSONSchema7 } from 'json-schema'\nimport { SpacingProps } from '../../components/space/types'\n\ninterface IFormErrorOptions {\n  validationRule?: string | string[]\n}\n\n/**\n * Standard error object for Eufemia Forms, extending the built-in error with additional information for data handling\n */\nexport class FormError extends Error {\n  /**\n   * What validation rule did the error occur based on? (i.e: minLength, required or maximum)\n   */\n  validationRule?: string | string[]\n\n  constructor(message: string, options?: IFormErrorOptions) {\n    super(message)\n\n    if (options) {\n      this.validationRule = options.validationRule\n    }\n  }\n}\n\n// Data value\n\ninterface DefaultErrorMessages {\n  required?: string\n}\n\nexport interface DataValueReadProps<Value = unknown> {\n  /** JSON Pointer for where the data for this field is located in the source dataset */\n  path?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  value?: Value\n}\n\nconst dataValueReadProps = ['path', 'elementPath', 'value']\n\nexport function pickDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): DataValueReadProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadProps<Props extends DataValueReadProps>(\n  props: Props\n): Omit<DataValueReadProps, keyof DataValueReadProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueReadProps.includes(key)\n    )\n  )\n}\n\nexport interface DataValueWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> {\n  emptyValue?: EmptyValue\n  onFocus?: (value: Value | EmptyValue) => void\n  onBlur?: (value: Value | EmptyValue) => void\n  onChange?: (value: Value | EmptyValue) => void\n}\n\nconst dataValueWriteProps = ['emptyValue', 'onFocus', 'onBlur', 'onChange']\n\nexport function pickDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): DataValueWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(([key]) =>\n      dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueWriteProps<Props extends DataValueWriteProps>(\n  props: Props\n): Omit<DataValueWriteProps, keyof DataValueWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) => !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type DataValueReadWriteProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = DataValueReadProps<Value> & DataValueWriteProps<Value, EmptyValue>\n\nexport function pickDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(props: Props): DataValueReadWriteProps {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        dataValueReadProps.includes(key) ||\n        dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport function omitDataValueReadWriteProps<\n  Props extends DataValueReadWriteProps,\n>(\n  props: Props\n): Omit<DataValueReadWriteProps, keyof DataValueReadWriteProps> {\n  return Object.fromEntries(\n    Object.entries(props ?? {}).filter(\n      ([key]) =>\n        !dataValueReadProps.includes(key) &&\n        !dataValueWriteProps.includes(key)\n    )\n  )\n}\n\nexport type ComponentProps = SpacingProps & {\n  className?: string\n}\n\nexport type DataValueReadComponentProps<Value = unknown> = ComponentProps &\n  DataValueReadProps<Value>\n\nexport type DataValueReadWriteComponentProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n> = ComponentProps &\n  DataValueReadProps<Value> &\n  DataValueWriteProps<Value, EmptyValue>\n\nexport interface FieldProps<\n  Value = unknown,\n  EmptyValue = undefined | string | number,\n  ErrorMessages extends { required?: string } = DefaultErrorMessages,\n> extends DataValueReadWriteComponentProps<Value, EmptyValue> {\n  /** ID added to the actual field component, and linked to the label via for-attribute */\n  id?: string\n  name?: string\n  layout?: 'horizontal' | 'vertical'\n  /** Main label text */\n  label?: React.ReactNode\n  /** A more discreet text displayed beside the label (i.e for \"(optional)\") */\n  labelDescription?: React.ReactNode\n  /** Secondary information displayed at the end of the label line (i.e character counter) */\n  labelSecondary?: React.ReactNode\n  /** Text showing in place of the value if no value is given */\n  placeholder?: string\n  autoComplete?:\n    | HTMLInputElement['autocomplete']\n    | HTMLTextAreaElement['autocomplete']\n  info?: Error | FormError | string\n  warning?: Error | FormError | string\n  error?: Error | FormError\n  disabled?: boolean\n  // Validation\n  required?: boolean\n  schema?: JSONSchema7\n  validator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  onBlurValidator?: (\n    value: Value | EmptyValue\n  ) => Error | undefined | Promise<Error | undefined>\n  /**\n   * Should error messages based on validation be shown initially (from given value-prop or source data)\n   * before the user interacts with the field?\n   * @default false\n   * */\n  validateInitially?: boolean\n  /**\n   * Should error messages be shown when touching (like focusing a field and blurring) without having changed\n   * the value? So the user did not introduce a new error, but it was invalid based on validation initially.\n   */\n  validateUnchanged?: boolean\n  /** Should validation be done while writing, not just when blurring the field? */\n  continuousValidation?: boolean\n  errorMessages?: ErrorMessages\n  // Derivatives\n  toInput?: (external: Value | undefined) => any\n  fromInput?: (...args: any[]) => Value | undefined\n}\n\nexport interface FieldHelpProps {\n  help?: {\n    title?: string\n    contents?: string\n  }\n}\n\nexport interface ValueProps<Value>\n  extends DataValueReadComponentProps<Value> {\n  label?: string\n  /** Should the component render if the value is empty? */\n  showEmpty?: boolean\n  /** Text showing in place of the value if no value is given. */\n  placeholder?: string\n  /** JSON Pointer for where the data for this field is located in the source iterate loop element */\n  elementPath?: string\n  /** For showing the value inline (not as a block element) */\n  inline?: boolean\n  // Derivatives\n  /** Prepare value for display (regardless of source like props or data context) */\n  prepare?: (external: Value | undefined) => string\n}\n"],"mappings":";AAUA,OAAO,MAAMA,SAAS,SAASC,KAAK,CAAC;EAMnCC,WAAWA,CAACC,OAAe,EAAEC,OAA2B,EAAE;IACxD,KAAK,CAACD,OAAO,CAAC;IAAAE,eAAA;IAEd,IAAID,OAAO,EAAE;MACX,IAAI,CAACE,cAAc,GAAGF,OAAO,CAACE,cAAc;IAC9C;EACF;AACF;AAgBA,MAAMC,kBAAkB,GAAG,CAAC,MAAM,EAAE,aAAa,EAAE,OAAO,CAAC;AAE3D,OAAO,SAASC,sBAAsBA,CACpCC,KAAY,EACQ;EACpB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KACvCP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CACjC,CACF,CAAC;AACH;AAEA,OAAO,SAASE,sBAAsBA,CACpCP,KAAY,EACwC;EACpD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAC7C,CACF,CAAC;AACH;AAYA,MAAMG,mBAAmB,GAAG,CAAC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,UAAU,CAAC;AAE3E,OAAO,SAASC,uBAAuBA,CACrCT,KAAY,EACS;EACrB,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAAC,CAAC,CAACC,GAAG,CAAC,KACvCG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CAClC,CACF,CAAC;AACH;AAEA,OAAO,SAASK,uBAAuBA,CACrCV,KAAY,EAC0C;EACtD,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KAAK,CAACG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CAC9C,CACF,CAAC;AACH;AAOA,OAAO,SAASM,2BAA2BA,CAEzCX,KAAY,EAA2B;EACvC,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KACJP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAAC,IAChCG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CACpC,CACF,CAAC;AACH;AAEA,OAAO,SAASO,2BAA2BA,CAGzCZ,KAAY,EACkD;EAC9D,OAAOC,MAAM,CAACC,WAAW,CACvBD,MAAM,CAACE,OAAO,CAACH,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,CAAC,CAAC,CAAC,CAACI,MAAM,CAChC,CAAC,CAACC,GAAG,CAAC,KACJ,CAACP,kBAAkB,CAACQ,QAAQ,CAACD,GAAG,CAAC,IACjC,CAACG,mBAAmB,CAACF,QAAQ,CAACD,GAAG,CACrC,CACF,CAAC;AACH"}

package/es/extensions/forms/utils/ajv.js

@@ -30,7 +30,8 @@ function getValidationRule(ajvError) {
   return ajvError.keyword;
 }
 function ajvErrorToFormError(ajvError) {
-  const error = new FormError(ajvError.message ?? 'Unknown error', {
+  var _ajvError$message;
+  const error = new FormError((_ajvError$message = ajvError.message) !== null && _ajvError$message !== void 0 ? _ajvError$message : 'Unknown error', {
     validationRule: getValidationRule(ajvError)
   });
   return error;
@@ -47,7 +48,7 @@ export function ajvErrorsToOneFormError(errors) {
     validationRule: errors.map(getValidationRule)
   });
 }
-export const ajvErrorsToFormErrors = errors => (errors ?? []).reduce((errors, ajvError) => {
+export const ajvErrorsToFormErrors = errors => (errors !== null && errors !== void 0 ? errors : []).reduce((errors, ajvError) => {
   return _objectSpread(_objectSpread({}, errors), {}, {
     [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError)
   });

package/es/extensions/forms/utils/ajv.js.map

@@ -1 +1 @@
-{"version":3,"file":"ajv.js","names":["Ajv","ajvErrors","FormError","ajv","allErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","ajvErrorToFormError","error","message","validationRule","ajvErrorsToOneFormError","length","errorMessages","map","join","ajvErrorsToFormErrors","reduce","_objectSpread"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import Ajv, { ErrorObject } from 'ajv'\nimport ajvErrors from 'ajv-errors'\nimport { FormError } from '../types'\n\nconst ajv = new Ajv({\n  // If allErrors is off, ajv only give you the first error it finds\n  allErrors: true,\n})\n\najvErrors(ajv)\n\nfunction getInstancePath(ajvError: ErrorObject): string {\n  switch (ajvError.keyword) {\n    case 'required': {\n      // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n      // show them under the relevant field\n      return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n    }\n    case 'errorMessage': {\n      // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n      // to avoid issues like required-errors pointing at parent object.\n      if (ajvError.params.errors[0]) {\n        return getInstancePath(ajvError.params.errors[0])\n      }\n    }\n  }\n  return ajvError.instancePath\n}\n\nfunction getValidationRule(ajvError: ErrorObject): string {\n  if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n    // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n    // to avoid issues like required-errors pointing at parent object.\n    return getValidationRule(ajvError.params.errors[0])\n  }\n  return ajvError.keyword\n}\n\nfunction ajvErrorToFormError(ajvError: ErrorObject): FormError {\n  const error = new FormError(ajvError.message ?? 'Unknown error', {\n    validationRule: getValidationRule(ajvError),\n  })\n  return error\n}\n\n/**\n * Transform errors from ajv-validation into one error object (i.e for validating a flat value)\n */\nexport function ajvErrorsToOneFormError(\n  errors?: ErrorObject[] | null\n): FormError | undefined {\n  if (!errors || errors.length === 0) {\n    return\n  }\n  if (errors.length === 1) {\n    return ajvErrorToFormError(errors[0])\n  }\n\n  const errorMessages = errors?.map((error) => error.message)\n  return new FormError(errorMessages.join(' | '), {\n    validationRule: errors.map(getValidationRule),\n  })\n}\n\n/**\n *\n * @param errors Transform errors from ajv-validation into a record of errors (path as key, error as value)\n * @returns\n */\nexport const ajvErrorsToFormErrors = (\n  errors?: ErrorObject[] | null\n): Record<string, FormError> =>\n  (errors ?? []).reduce((errors, ajvError) => {\n    return {\n      ...errors,\n      [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError),\n    }\n  }, {})\n\nexport default ajv\n"],"mappings":";;;AAAA,OAAOA,GAAG,MAAuB,KAAK;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,UAAU;AAEpC,MAAMC,GAAG,GAAG,IAAIH,GAAG,CAAC;EAElBI,SAAS,EAAE;AACb,CAAC,CAAC;AAEFH,SAAS,CAACE,GAAG,CAAC;AAEd,SAASE,eAAeA,CAACC,QAAqB,EAAU;EACtD,QAAQA,QAAQ,CAACC,OAAO;IACtB,KAAK,UAAU;MAAE;QAGf,OAAQ,GAAED,QAAQ,CAACE,YAAa,IAAGF,QAAQ,CAACG,MAAM,CAACC,eAAgB,EAAC;MACtE;IACA,KAAK,cAAc;MAAE;QAGnB,IAAIJ,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;UAC7B,OAAON,eAAe,CAACC,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;QACnD;MACF;EACF;EACA,OAAOL,QAAQ,CAACE,YAAY;AAC9B;AAEA,SAASI,iBAAiBA,CAACN,QAAqB,EAAU;EACxD,IAAIA,QAAQ,CAACC,OAAO,KAAK,cAAc,IAAID,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;IAGpE,OAAOC,iBAAiB,CAACN,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;EACrD;EACA,OAAOL,QAAQ,CAACC,OAAO;AACzB;AAEA,SAASM,mBAAmBA,CAACP,QAAqB,EAAa;EAC7D,MAAMQ,KAAK,GAAG,IAAIZ,SAAS,CAACI,QAAQ,CAACS,OAAO,IAAI,eAAe,EAAE;IAC/DC,cAAc,EAAEJ,iBAAiB,CAACN,QAAQ;EAC5C,CAAC,CAAC;EACF,OAAOQ,KAAK;AACd;AAKA,OAAO,SAASG,uBAAuBA,CACrCN,MAA6B,EACN;EACvB,IAAI,CAACA,MAAM,IAAIA,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;IAClC;EACF;EACA,IAAIP,MAAM,CAACO,MAAM,KAAK,CAAC,EAAE;IACvB,OAAOL,mBAAmB,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC;EACvC;EAEA,MAAMQ,aAAa,GAAGR,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAES,GAAG,CAAEN,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;EAC3D,OAAO,IAAIb,SAAS,CAACiB,aAAa,CAACE,IAAI,CAAC,KAAK,CAAC,EAAE;IAC9CL,cAAc,EAAEL,MAAM,CAACS,GAAG,CAACR,iBAAiB;EAC9C,CAAC,CAAC;AACJ;AAOA,OAAO,MAAMU,qBAAqB,GAChCX,MAA6B,IAE7B,CAACA,MAAM,IAAI,EAAE,EAAEY,MAAM,CAAC,CAACZ,MAAM,EAAEL,QAAQ,KAAK;EAC1C,OAAAkB,aAAA,CAAAA,aAAA,KACKb,MAAM;IACT,CAACN,eAAe,CAACC,QAAQ,CAAC,GAAGO,mBAAmB,CAACP,QAAQ;EAAC;AAE9D,CAAC,EAAE,CAAC,CAAC,CAAC;AAER,eAAeH,GAAG"}
+{"version":3,"file":"ajv.js","names":["Ajv","ajvErrors","FormError","ajv","allErrors","getInstancePath","ajvError","keyword","instancePath","params","missingProperty","errors","getValidationRule","ajvErrorToFormError","_ajvError$message","error","message","validationRule","ajvErrorsToOneFormError","length","errorMessages","map","join","ajvErrorsToFormErrors","reduce","_objectSpread"],"sources":["../../../../../src/extensions/forms/utils/ajv.ts"],"sourcesContent":["import Ajv, { ErrorObject } from 'ajv'\nimport ajvErrors from 'ajv-errors'\nimport { FormError } from '../types'\n\nconst ajv = new Ajv({\n  // If allErrors is off, ajv only give you the first error it finds\n  allErrors: true,\n})\n\najvErrors(ajv)\n\nfunction getInstancePath(ajvError: ErrorObject): string {\n  switch (ajvError.keyword) {\n    case 'required': {\n      // Required-errors are considered object errors by ajv, so they don't have instancePaths. We want to\n      // show them under the relevant field\n      return `${ajvError.instancePath}/${ajvError.params.missingProperty}`\n    }\n    case 'errorMessage': {\n      // errorMessage structures (from ajv-errors) wrap the original error. Find instance path from original\n      // to avoid issues like required-errors pointing at parent object.\n      if (ajvError.params.errors[0]) {\n        return getInstancePath(ajvError.params.errors[0])\n      }\n    }\n  }\n  return ajvError.instancePath\n}\n\nfunction getValidationRule(ajvError: ErrorObject): string {\n  if (ajvError.keyword === 'errorMessage' && ajvError.params.errors[0]) {\n    // errorMessage structures (from ajv-errors) wrap the original error. Find keyword from original\n    // to avoid issues like required-errors pointing at parent object.\n    return getValidationRule(ajvError.params.errors[0])\n  }\n  return ajvError.keyword\n}\n\nfunction ajvErrorToFormError(ajvError: ErrorObject): FormError {\n  const error = new FormError(ajvError.message ?? 'Unknown error', {\n    validationRule: getValidationRule(ajvError),\n  })\n  return error\n}\n\n/**\n * Transform errors from ajv-validation into one error object (i.e for validating a flat value)\n */\nexport function ajvErrorsToOneFormError(\n  errors?: ErrorObject[] | null\n): FormError | undefined {\n  if (!errors || errors.length === 0) {\n    return\n  }\n  if (errors.length === 1) {\n    return ajvErrorToFormError(errors[0])\n  }\n\n  const errorMessages = errors?.map((error) => error.message)\n  return new FormError(errorMessages.join(' | '), {\n    validationRule: errors.map(getValidationRule),\n  })\n}\n\n/**\n *\n * @param errors Transform errors from ajv-validation into a record of errors (path as key, error as value)\n * @returns\n */\nexport const ajvErrorsToFormErrors = (\n  errors?: ErrorObject[] | null\n): Record<string, FormError> =>\n  (errors ?? []).reduce((errors, ajvError) => {\n    return {\n      ...errors,\n      [getInstancePath(ajvError)]: ajvErrorToFormError(ajvError),\n    }\n  }, {})\n\nexport default ajv\n"],"mappings":";;;AAAA,OAAOA,GAAG,MAAuB,KAAK;AACtC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,UAAU;AAEpC,MAAMC,GAAG,GAAG,IAAIH,GAAG,CAAC;EAElBI,SAAS,EAAE;AACb,CAAC,CAAC;AAEFH,SAAS,CAACE,GAAG,CAAC;AAEd,SAASE,eAAeA,CAACC,QAAqB,EAAU;EACtD,QAAQA,QAAQ,CAACC,OAAO;IACtB,KAAK,UAAU;MAAE;QAGf,OAAQ,GAAED,QAAQ,CAACE,YAAa,IAAGF,QAAQ,CAACG,MAAM,CAACC,eAAgB,EAAC;MACtE;IACA,KAAK,cAAc;MAAE;QAGnB,IAAIJ,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;UAC7B,OAAON,eAAe,CAACC,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;QACnD;MACF;EACF;EACA,OAAOL,QAAQ,CAACE,YAAY;AAC9B;AAEA,SAASI,iBAAiBA,CAACN,QAAqB,EAAU;EACxD,IAAIA,QAAQ,CAACC,OAAO,KAAK,cAAc,IAAID,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,EAAE;IAGpE,OAAOC,iBAAiB,CAACN,QAAQ,CAACG,MAAM,CAACE,MAAM,CAAC,CAAC,CAAC,CAAC;EACrD;EACA,OAAOL,QAAQ,CAACC,OAAO;AACzB;AAEA,SAASM,mBAAmBA,CAACP,QAAqB,EAAa;EAAA,IAAAQ,iBAAA;EAC7D,MAAMC,KAAK,GAAG,IAAIb,SAAS,EAAAY,iBAAA,GAACR,QAAQ,CAACU,OAAO,cAAAF,iBAAA,cAAAA,iBAAA,GAAI,eAAe,EAAE;IAC/DG,cAAc,EAAEL,iBAAiB,CAACN,QAAQ;EAC5C,CAAC,CAAC;EACF,OAAOS,KAAK;AACd;AAKA,OAAO,SAASG,uBAAuBA,CACrCP,MAA6B,EACN;EACvB,IAAI,CAACA,MAAM,IAAIA,MAAM,CAACQ,MAAM,KAAK,CAAC,EAAE;IAClC;EACF;EACA,IAAIR,MAAM,CAACQ,MAAM,KAAK,CAAC,EAAE;IACvB,OAAON,mBAAmB,CAACF,MAAM,CAAC,CAAC,CAAC,CAAC;EACvC;EAEA,MAAMS,aAAa,GAAGT,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEU,GAAG,CAAEN,KAAK,IAAKA,KAAK,CAACC,OAAO,CAAC;EAC3D,OAAO,IAAId,SAAS,CAACkB,aAAa,CAACE,IAAI,CAAC,KAAK,CAAC,EAAE;IAC9CL,cAAc,EAAEN,MAAM,CAACU,GAAG,CAACT,iBAAiB;EAC9C,CAAC,CAAC;AACJ;AAOA,OAAO,MAAMW,qBAAqB,GAChCZ,MAA6B,IAE7B,CAACA,MAAM,aAANA,MAAM,cAANA,MAAM,GAAI,EAAE,EAAEa,MAAM,CAAC,CAACb,MAAM,EAAEL,QAAQ,KAAK;EAC1C,OAAAmB,aAAA,CAAAA,aAAA,KACKd,MAAM;IACT,CAACN,eAAe,CAACC,QAAQ,CAAC,GAAGO,mBAAmB,CAACP,QAAQ;EAAC;AAE9D,CAAC,EAAE,CAAC,CAAC,CAAC;AAER,eAAeH,GAAG"}

package/es/extensions/forms/utils/numbers.js

@@ -7,7 +7,7 @@ export function formatNumber(value, options) {
     magnitude,
     prefix,
     suffix
-  } = options ?? {};
+  } = options !== null && options !== void 0 ? options : {};
   const withMagnitude = magnitude !== undefined ? value / Math.pow(10, magnitude) : value;
   const withDecimals = fixedDecimals !== undefined ? withMagnitude.toFixed(fixedDecimals) : decimalLimit ? (Math.round(withMagnitude * Math.pow(10, decimalLimit)) / Math.pow(10, decimalLimit)).toString() : withMagnitude.toString();
   const withDecimalSymbol = decimalSymbol !== undefined ? withDecimals.replace('.', decimalSymbol) : withDecimals;
@@ -23,7 +23,7 @@ export function parseFormattedNumber(formattedValue, options) {
     magnitude,
     prefix,
     suffix
-  } = options ?? {};
+  } = options !== null && options !== void 0 ? options : {};
   const parsedDecimalSymbol = decimalSymbol !== undefined ? formattedValue.replace(decimalSymbol, '.') : formattedValue;
   const parsedThousandSeparator = thousandSeparator !== undefined ? parsedDecimalSymbol.split(thousandSeparator).join('') : parsedDecimalSymbol;
   const parsedPrefix = prefix !== undefined && parsedThousandSeparator.substring(0, prefix.length) === prefix ? parsedThousandSeparator.substring(prefix.length) : parsedThousandSeparator;

package/es/extensions/forms/utils/numbers.js.map

@@ -1 +1 @@
-{"version":3,"file":"numbers.js","names":["formatNumber","value","options","thousandSeparator","decimalLimit","fixedDecimals","decimalSymbol","magnitude","prefix","suffix","withMagnitude","undefined","Math","pow","withDecimals","toFixed","round","toString","withDecimalSymbol","replace","withThousandSeparator","withPrefix","withSuffix","parseFormattedNumber","formattedValue","parsedDecimalSymbol","parsedThousandSeparator","split","join","parsedPrefix","substring","length","parsedSuffix","slice","parsedNumber","Number","parsedMagnitude"],"sources":["../../../../../src/extensions/forms/utils/numbers.ts"],"sourcesContent":["interface FormatNumberOptions {\n  prefix?: string\n  suffix?: string\n  /** Character to use for separating groups of number. Like '12 345' for 12345. */\n  thousandSeparator?: string\n  /** Max number of decimals. For source numbers with higher number of decimals, the number will be rounded. Will not add leading zeros. */\n  decimalLimit?: number\n  /** Set a fixed number of decimals (rounding when more decimals, adding leading zeros when less). */\n  fixedDecimals?: number\n  /** Symbol to separate between digits and decimals. */\n  decimalSymbol?: string\n  /** For showing magnitude of original number. For instance, 23500000 with magnitude 6 displays as 23,5 */\n  magnitude?: number\n}\n\nexport function formatNumber(\n  value: number,\n  options?: FormatNumberOptions\n): string {\n  const {\n    thousandSeparator,\n    decimalLimit,\n    fixedDecimals,\n    decimalSymbol = ',', // Norwegian default format\n    magnitude,\n    prefix,\n    suffix,\n  } = options ?? {}\n\n  const withMagnitude =\n    magnitude !== undefined ? value / Math.pow(10, magnitude) : value\n\n  const withDecimals =\n    fixedDecimals !== undefined\n      ? withMagnitude.toFixed(fixedDecimals)\n      : decimalLimit\n      ? (\n          Math.round(withMagnitude * Math.pow(10, decimalLimit)) /\n          Math.pow(10, decimalLimit)\n        ).toString()\n      : withMagnitude.toString()\n\n  const withDecimalSymbol =\n    decimalSymbol !== undefined\n      ? withDecimals.replace('.', decimalSymbol)\n      : withDecimals\n\n  const withThousandSeparator =\n    thousandSeparator !== undefined\n      ? withDecimalSymbol.replace(\n          /\\B(?=(\\d{3})+(?!\\d))/g,\n          thousandSeparator\n        )\n      : withDecimalSymbol\n\n  const withPrefix =\n    prefix !== undefined\n      ? prefix + withThousandSeparator\n      : withThousandSeparator\n\n  const withSuffix =\n    suffix !== undefined ? withPrefix + suffix : withPrefix\n\n  return withSuffix\n}\n\nexport function parseFormattedNumber(\n  formattedValue: string,\n  options?: FormatNumberOptions\n): number {\n  const {\n    thousandSeparator,\n    decimalSymbol = ',', // Norwegian default format\n    magnitude,\n    prefix,\n    suffix,\n  } = options ?? {}\n\n  const parsedDecimalSymbol =\n    decimalSymbol !== undefined\n      ? formattedValue.replace(decimalSymbol, '.')\n      : formattedValue\n\n  const parsedThousandSeparator =\n    thousandSeparator !== undefined\n      ? parsedDecimalSymbol.split(thousandSeparator).join('')\n      : parsedDecimalSymbol\n\n  const parsedPrefix =\n    prefix !== undefined &&\n    parsedThousandSeparator.substring(0, prefix.length) === prefix\n      ? parsedThousandSeparator.substring(prefix.length)\n      : parsedThousandSeparator\n\n  const parsedSuffix =\n    suffix !== undefined &&\n    parsedPrefix.slice(suffix.length * -1) === suffix\n      ? parsedPrefix.substring(0, parsedPrefix.length - suffix.length)\n      : parsedPrefix\n\n  const parsedNumber = Number(parsedSuffix)\n\n  const parsedMagnitude =\n    magnitude !== undefined\n      ? // toFixed to avoid inaccuracies (like 10/5 = 1.999999999999998)\n        Number((parsedNumber * Math.pow(10, magnitude)).toFixed(6))\n      : parsedNumber\n\n  return parsedMagnitude\n}\n"],"mappings":"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"}
+{"version":3,"file":"numbers.js","names":["formatNumber","value","options","thousandSeparator","decimalLimit","fixedDecimals","decimalSymbol","magnitude","prefix","suffix","withMagnitude","undefined","Math","pow","withDecimals","toFixed","round","toString","withDecimalSymbol","replace","withThousandSeparator","withPrefix","withSuffix","parseFormattedNumber","formattedValue","parsedDecimalSymbol","parsedThousandSeparator","split","join","parsedPrefix","substring","length","parsedSuffix","slice","parsedNumber","Number","parsedMagnitude"],"sources":["../../../../../src/extensions/forms/utils/numbers.ts"],"sourcesContent":["interface FormatNumberOptions {\n  prefix?: string\n  suffix?: string\n  /** Character to use for separating groups of number. Like '12 345' for 12345. */\n  thousandSeparator?: string\n  /** Max number of decimals. For source numbers with higher number of decimals, the number will be rounded. Will not add leading zeros. */\n  decimalLimit?: number\n  /** Set a fixed number of decimals (rounding when more decimals, adding leading zeros when less). */\n  fixedDecimals?: number\n  /** Symbol to separate between digits and decimals. */\n  decimalSymbol?: string\n  /** For showing magnitude of original number. For instance, 23500000 with magnitude 6 displays as 23,5 */\n  magnitude?: number\n}\n\nexport function formatNumber(\n  value: number,\n  options?: FormatNumberOptions\n): string {\n  const {\n    thousandSeparator,\n    decimalLimit,\n    fixedDecimals,\n    decimalSymbol = ',', // Norwegian default format\n    magnitude,\n    prefix,\n    suffix,\n  } = options ?? {}\n\n  const withMagnitude =\n    magnitude !== undefined ? value / Math.pow(10, magnitude) : value\n\n  const withDecimals =\n    fixedDecimals !== undefined\n      ? withMagnitude.toFixed(fixedDecimals)\n      : decimalLimit\n      ? (\n          Math.round(withMagnitude * Math.pow(10, decimalLimit)) /\n          Math.pow(10, decimalLimit)\n        ).toString()\n      : withMagnitude.toString()\n\n  const withDecimalSymbol =\n    decimalSymbol !== undefined\n      ? withDecimals.replace('.', decimalSymbol)\n      : withDecimals\n\n  const withThousandSeparator =\n    thousandSeparator !== undefined\n      ? withDecimalSymbol.replace(\n          /\\B(?=(\\d{3})+(?!\\d))/g,\n          thousandSeparator\n        )\n      : withDecimalSymbol\n\n  const withPrefix =\n    prefix !== undefined\n      ? prefix + withThousandSeparator\n      : withThousandSeparator\n\n  const withSuffix =\n    suffix !== undefined ? withPrefix + suffix : withPrefix\n\n  return withSuffix\n}\n\nexport function parseFormattedNumber(\n  formattedValue: string,\n  options?: FormatNumberOptions\n): number {\n  const {\n    thousandSeparator,\n    decimalSymbol = ',', // Norwegian default format\n    magnitude,\n    prefix,\n    suffix,\n  } = options ?? {}\n\n  const parsedDecimalSymbol =\n    decimalSymbol !== undefined\n      ? formattedValue.replace(decimalSymbol, '.')\n      : formattedValue\n\n  const parsedThousandSeparator =\n    thousandSeparator !== undefined\n      ? parsedDecimalSymbol.split(thousandSeparator).join('')\n      : parsedDecimalSymbol\n\n  const parsedPrefix =\n    prefix !== undefined &&\n    parsedThousandSeparator.substring(0, prefix.length) === prefix\n      ? parsedThousandSeparator.substring(prefix.length)\n      : parsedThousandSeparator\n\n  const parsedSuffix =\n    suffix !== undefined &&\n    parsedPrefix.slice(suffix.length * -1) === suffix\n      ? parsedPrefix.substring(0, parsedPrefix.length - suffix.length)\n      : parsedPrefix\n\n  const parsedNumber = Number(parsedSuffix)\n\n  const parsedMagnitude =\n    magnitude !== undefined\n      ? // toFixed to avoid inaccuracies (like 10/5 = 1.999999999999998)\n        Number((parsedNumber * Math.pow(10, magnitude)).toFixed(6))\n      : parsedNumber\n\n  return parsedMagnitude\n}\n"],"mappings":"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"}

package/es/extensions/forms/utils/useWasChanged.js

@@ -1,5 +1,8 @@
+"use client";
+
 import { useRef } from 'react';
 export default function useWasChanged(subject, title, debug) {
+  var _previous$current;
   const previous = useRef(subject);
   if (!previous.current && !subject) {
     console.log('useWasChanged() - No subject was provided, while previous render had a subject. Was the whole object deleted?');
@@ -7,12 +10,12 @@ export default function useWasChanged(subject, title, debug) {
   const {
     changed,
     unchanged
-  } = [...Object.entries(subject), ...Object.entries(previous.current ?? {}).filter(([key]) => subject[key] === undefined)].reduce(({
+  } = [...Object.entries(subject), ...Object.entries((_previous$current = previous.current) !== null && _previous$current !== void 0 ? _previous$current : {}).filter(([key]) => subject[key] === undefined)].reduce(({
     changed,
     unchanged
   }, [key, value]) => {
-    var _previous$current;
-    if (((_previous$current = previous.current) === null || _previous$current === void 0 ? void 0 : _previous$current[key]) !== (subject === null || subject === void 0 ? void 0 : subject[key])) {
+    var _previous$current2;
+    if (((_previous$current2 = previous.current) === null || _previous$current2 === void 0 ? void 0 : _previous$current2[key]) !== (subject === null || subject === void 0 ? void 0 : subject[key])) {
       return {
         changed: changed.concat(key),
         unchanged
@@ -30,12 +33,12 @@ export default function useWasChanged(subject, title, debug) {
   if (changed.length === 0 && !debug) {
     return;
   }
-  console.groupCollapsed(`${title ?? 'object'} -- ${changed.length} members was changed`);
+  console.groupCollapsed(`${title !== null && title !== void 0 ? title : 'object'} -- ${changed.length} members was changed`);
   Object.values(changed).map(key => {
     if (debug) {
-      var _previous$current2;
+      var _previous$current3;
       console.groupCollapsed(`CHANGED: ${key}`);
-      console.log('PREVIOUS: ', (_previous$current2 = previous.current) === null || _previous$current2 === void 0 ? void 0 : _previous$current2[key]);
+      console.log('PREVIOUS: ', (_previous$current3 = previous.current) === null || _previous$current3 === void 0 ? void 0 : _previous$current3[key]);
       console.log('CURRENT: ', subject === null || subject === void 0 ? void 0 : subject[key]);
       console.groupEnd();
     } else {

package/es/extensions/forms/utils/useWasChanged.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWasChanged.js","names":["useRef","useWasChanged","subject","title","debug","previous","current","console","log","changed","unchanged","Object","entries","filter","key","undefined","reduce","value","_previous$current","concat","length","groupCollapsed","values","map","_previous$current2","groupEnd"],"sources":["../../../../../src/extensions/forms/utils/useWasChanged.ts"],"sourcesContent":["import { useRef } from 'react'\n\n/**\n *\n * Shallow object comparison to easily find out what props of an object was changed since the last render\n */\nexport default function useWasChanged<Subject extends object>(\n  subject: Subject,\n  title?: string,\n  debug?: boolean\n): void {\n  const previous = useRef<Subject>(subject)\n  if (!previous.current && !subject) {\n    console.log(\n      'useWasChanged() - No subject was provided, while previous render had a subject. Was the whole object deleted?'\n    )\n  }\n\n  const { changed, unchanged } = [\n    ...Object.entries(subject),\n    ...Object.entries(previous.current ?? {}).filter(\n      ([key]) => subject[key] === undefined\n    ),\n  ].reduce(\n    ({ changed, unchanged }, [key, value]) => {\n      if (previous.current?.[key] !== subject?.[key]) {\n        return {\n          changed: changed.concat(key),\n          unchanged,\n        }\n      } else {\n        return {\n          changed,\n          unchanged: unchanged.concat(key),\n        }\n      }\n    },\n    { changed: [], unchanged: [] }\n  )\n\n  if (changed.length === 0 && !debug) {\n    return\n  }\n\n  console.groupCollapsed(\n    `${title ?? 'object'} -- ${changed.length} members was changed`\n  )\n\n  Object.values(changed).map((key) => {\n    if (debug) {\n      console.groupCollapsed(`CHANGED: ${key}`)\n      console.log('PREVIOUS: ', previous.current?.[key])\n      console.log('CURRENT: ', subject?.[key])\n      console.groupEnd()\n    } else {\n      console.log(`CHANGED: ${key}`)\n    }\n  })\n  Object.values(unchanged).map((key) => {\n    console.log(`UNCHANGED: ${key}`)\n  })\n\n  previous.current = subject\n\n  console.groupEnd()\n}\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,OAAO;AAM9B,eAAe,SAASC,aAAaA,CACnCC,OAAgB,EAChBC,KAAc,EACdC,KAAe,EACT;EACN,MAAMC,QAAQ,GAAGL,MAAM,CAAUE,OAAO,CAAC;EACzC,IAAI,CAACG,QAAQ,CAACC,OAAO,IAAI,CAACJ,OAAO,EAAE;IACjCK,OAAO,CAACC,GAAG,CACT,+GACF,CAAC;EACH;EAEA,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAG,CAC7B,GAAGC,MAAM,CAACC,OAAO,CAACV,OAAO,CAAC,EAC1B,GAAGS,MAAM,CAACC,OAAO,CAACP,QAAQ,CAACC,OAAO,IAAI,CAAC,CAAC,CAAC,CAACO,MAAM,CAC9C,CAAC,CAACC,GAAG,CAAC,KAAKZ,OAAO,CAACY,GAAG,CAAC,KAAKC,SAC9B,CAAC,CACF,CAACC,MAAM,CACN,CAAC;IAAEP,OAAO;IAAEC;EAAU,CAAC,EAAE,CAACI,GAAG,EAAEG,KAAK,CAAC,KAAK;IAAA,IAAAC,iBAAA;IACxC,IAAI,EAAAA,iBAAA,GAAAb,QAAQ,CAACC,OAAO,cAAAY,iBAAA,uBAAhBA,iBAAA,CAAmBJ,GAAG,CAAC,OAAKZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGY,GAAG,CAAC,GAAE;MAC9C,OAAO;QACLL,OAAO,EAAEA,OAAO,CAACU,MAAM,CAACL,GAAG,CAAC;QAC5BJ;MACF,CAAC;IACH,CAAC,MAAM;MACL,OAAO;QACLD,OAAO;QACPC,SAAS,EAAEA,SAAS,CAACS,MAAM,CAACL,GAAG;MACjC,CAAC;IACH;EACF,CAAC,EACD;IAAEL,OAAO,EAAE,EAAE;IAAEC,SAAS,EAAE;EAAG,CAC/B,CAAC;EAED,IAAID,OAAO,CAACW,MAAM,KAAK,CAAC,IAAI,CAAChB,KAAK,EAAE;IAClC;EACF;EAEAG,OAAO,CAACc,cAAc,CACnB,GAAElB,KAAK,IAAI,QAAS,OAAMM,OAAO,CAACW,MAAO,sBAC5C,CAAC;EAEDT,MAAM,CAACW,MAAM,CAACb,OAAO,CAAC,CAACc,GAAG,CAAET,GAAG,IAAK;IAClC,IAAIV,KAAK,EAAE;MAAA,IAAAoB,kBAAA;MACTjB,OAAO,CAACc,cAAc,CAAE,YAAWP,GAAI,EAAC,CAAC;MACzCP,OAAO,CAACC,GAAG,CAAC,YAAY,GAAAgB,kBAAA,GAAEnB,QAAQ,CAACC,OAAO,cAAAkB,kBAAA,uBAAhBA,kBAAA,CAAmBV,GAAG,CAAC,CAAC;MAClDP,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEN,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGY,GAAG,CAAC,CAAC;MACxCP,OAAO,CAACkB,QAAQ,CAAC,CAAC;IACpB,CAAC,MAAM;MACLlB,OAAO,CAACC,GAAG,CAAE,YAAWM,GAAI,EAAC,CAAC;IAChC;EACF,CAAC,CAAC;EACFH,MAAM,CAACW,MAAM,CAACZ,SAAS,CAAC,CAACa,GAAG,CAAET,GAAG,IAAK;IACpCP,OAAO,CAACC,GAAG,CAAE,cAAaM,GAAI,EAAC,CAAC;EAClC,CAAC,CAAC;EAEFT,QAAQ,CAACC,OAAO,GAAGJ,OAAO;EAE1BK,OAAO,CAACkB,QAAQ,CAAC,CAAC;AACpB"}
+{"version":3,"file":"useWasChanged.js","names":["useRef","useWasChanged","subject","title","debug","_previous$current","previous","current","console","log","changed","unchanged","Object","entries","filter","key","undefined","reduce","value","_previous$current2","concat","length","groupCollapsed","values","map","_previous$current3","groupEnd"],"sources":["../../../../../src/extensions/forms/utils/useWasChanged.ts"],"sourcesContent":["import { useRef } from 'react'\n\n/**\n *\n * Shallow object comparison to easily find out what props of an object was changed since the last render\n */\nexport default function useWasChanged<Subject extends object>(\n  subject: Subject,\n  title?: string,\n  debug?: boolean\n): void {\n  const previous = useRef<Subject>(subject)\n  if (!previous.current && !subject) {\n    console.log(\n      'useWasChanged() - No subject was provided, while previous render had a subject. Was the whole object deleted?'\n    )\n  }\n\n  const { changed, unchanged } = [\n    ...Object.entries(subject),\n    ...Object.entries(previous.current ?? {}).filter(\n      ([key]) => subject[key] === undefined\n    ),\n  ].reduce(\n    ({ changed, unchanged }, [key, value]) => {\n      if (previous.current?.[key] !== subject?.[key]) {\n        return {\n          changed: changed.concat(key),\n          unchanged,\n        }\n      } else {\n        return {\n          changed,\n          unchanged: unchanged.concat(key),\n        }\n      }\n    },\n    { changed: [], unchanged: [] }\n  )\n\n  if (changed.length === 0 && !debug) {\n    return\n  }\n\n  console.groupCollapsed(\n    `${title ?? 'object'} -- ${changed.length} members was changed`\n  )\n\n  Object.values(changed).map((key) => {\n    if (debug) {\n      console.groupCollapsed(`CHANGED: ${key}`)\n      console.log('PREVIOUS: ', previous.current?.[key])\n      console.log('CURRENT: ', subject?.[key])\n      console.groupEnd()\n    } else {\n      console.log(`CHANGED: ${key}`)\n    }\n  })\n  Object.values(unchanged).map((key) => {\n    console.log(`UNCHANGED: ${key}`)\n  })\n\n  previous.current = subject\n\n  console.groupEnd()\n}\n"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,OAAO;AAM9B,eAAe,SAASC,aAAaA,CACnCC,OAAgB,EAChBC,KAAc,EACdC,KAAe,EACT;EAAA,IAAAC,iBAAA;EACN,MAAMC,QAAQ,GAAGN,MAAM,CAAUE,OAAO,CAAC;EACzC,IAAI,CAACI,QAAQ,CAACC,OAAO,IAAI,CAACL,OAAO,EAAE;IACjCM,OAAO,CAACC,GAAG,CACT,+GACF,CAAC;EACH;EAEA,MAAM;IAAEC,OAAO;IAAEC;EAAU,CAAC,GAAG,CAC7B,GAAGC,MAAM,CAACC,OAAO,CAACX,OAAO,CAAC,EAC1B,GAAGU,MAAM,CAACC,OAAO,EAAAR,iBAAA,GAACC,QAAQ,CAACC,OAAO,cAAAF,iBAAA,cAAAA,iBAAA,GAAI,CAAC,CAAC,CAAC,CAACS,MAAM,CAC9C,CAAC,CAACC,GAAG,CAAC,KAAKb,OAAO,CAACa,GAAG,CAAC,KAAKC,SAC9B,CAAC,CACF,CAACC,MAAM,CACN,CAAC;IAAEP,OAAO;IAAEC;EAAU,CAAC,EAAE,CAACI,GAAG,EAAEG,KAAK,CAAC,KAAK;IAAA,IAAAC,kBAAA;IACxC,IAAI,EAAAA,kBAAA,GAAAb,QAAQ,CAACC,OAAO,cAAAY,kBAAA,uBAAhBA,kBAAA,CAAmBJ,GAAG,CAAC,OAAKb,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGa,GAAG,CAAC,GAAE;MAC9C,OAAO;QACLL,OAAO,EAAEA,OAAO,CAACU,MAAM,CAACL,GAAG,CAAC;QAC5BJ;MACF,CAAC;IACH,CAAC,MAAM;MACL,OAAO;QACLD,OAAO;QACPC,SAAS,EAAEA,SAAS,CAACS,MAAM,CAACL,GAAG;MACjC,CAAC;IACH;EACF,CAAC,EACD;IAAEL,OAAO,EAAE,EAAE;IAAEC,SAAS,EAAE;EAAG,CAC/B,CAAC;EAED,IAAID,OAAO,CAACW,MAAM,KAAK,CAAC,IAAI,CAACjB,KAAK,EAAE;IAClC;EACF;EAEAI,OAAO,CAACc,cAAc,CACnB,GAAEnB,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,QAAS,OAAMO,OAAO,CAACW,MAAO,sBAC5C,CAAC;EAEDT,MAAM,CAACW,MAAM,CAACb,OAAO,CAAC,CAACc,GAAG,CAAET,GAAG,IAAK;IAClC,IAAIX,KAAK,EAAE;MAAA,IAAAqB,kBAAA;MACTjB,OAAO,CAACc,cAAc,CAAE,YAAWP,GAAI,EAAC,CAAC;MACzCP,OAAO,CAACC,GAAG,CAAC,YAAY,GAAAgB,kBAAA,GAAEnB,QAAQ,CAACC,OAAO,cAAAkB,kBAAA,uBAAhBA,kBAAA,CAAmBV,GAAG,CAAC,CAAC;MAClDP,OAAO,CAACC,GAAG,CAAC,WAAW,EAAEP,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGa,GAAG,CAAC,CAAC;MACxCP,OAAO,CAACkB,QAAQ,CAAC,CAAC;IACpB,CAAC,MAAM;MACLlB,OAAO,CAACC,GAAG,CAAE,YAAWM,GAAI,EAAC,CAAC;IAChC;EACF,CAAC,CAAC;EACFH,MAAM,CAACW,MAAM,CAACZ,SAAS,CAAC,CAACa,GAAG,CAAET,GAAG,IAAK;IACpCP,OAAO,CAACC,GAAG,CAAE,cAAaM,GAAI,EAAC,CAAC;EAClC,CAAC,CAAC;EAEFT,QAAQ,CAACC,OAAO,GAAGL,OAAO;EAE1BM,OAAO,CAACkB,QAAQ,CAAC,CAAC;AACpB"}

package/es/fragments/drawer-list/DrawerListHelpers.js

@@ -318,7 +318,7 @@ export const prepareDerivedState = (props, state) => {
     if (props.value === 'initval') {
       state.selected_item = null;
     } else {
-      state.selected_item = getCurrentIndex(props.value, state.data);
+      state.selected_item = getCurrentIndex(props.value, state.original_data);
     }
     if (typeof props.on_state_update === 'function') {
       dispatchCustomElementEvent({