@dnb/eufemia 10.20.0 → 10.21.0

package/extensions/forms/DataContext/Context.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { Ajv } from '../utils/ajv';
 import { AllJSONSchemaVersions, CustomErrorMessagesWithPaths } from '../types';
 export type Path = string;
+export type Identifier = string;
 type HandleSubmitProps = {
     formElement?: HTMLFormElement;
 };

package/extensions/forms/DataContext/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","handlePathChange","updateDataValue","validateData","handleSubmit","scrollToTop","showAllErrors","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","hasFieldError","setValueWithError","setProps","ajvInstance","contextErrorMessages","_isInsideFormElement","Context","createContext"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, makeAjvInstance } from '../utils/ajv'\nimport {\n  AllJSONSchemaVersions,\n  CustomErrorMessagesWithPaths,\n} from '../types'\n\nexport type Path = string\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport interface ContextState {\n  hasContext: boolean\n  /** The dataset for the form / form steps */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (path: Path, value: any) => void\n  updateDataValue: (\n    path: Path,\n    value: any,\n    props: { disabled: boolean }\n  ) => void\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  scrollToTop: () => void\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\n  setValueWithError: (path: Path, hasError: boolean) => void\n  setProps: (path: Path, props: any) => void\n  hasErrors: () => boolean\n  hasFieldError: (path: Path) => boolean\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  _isInsideFormElement?: boolean\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  handlePathChange: () => null,\n  updateDataValue: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldError: () => false,\n  setValueWithError: () => null,\n  setProps: () => null,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  _isInsideFormElement: false,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AA8CnD,OAAO,MAAMC,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,iBAAiB,EAAEA,CAAA,KAAM,IAAI;EAC7BC,QAAQ,EAAEA,CAAA,KAAM,IAAI;EACpBC,WAAW,EAAEpB,eAAe,CAAC,CAAC;EAC9BqB,oBAAoB,EAAEjB,SAAS;EAC/BkB,oBAAoB,EAAE;AACxB,CAAC;AAED,MAAMC,OAAO,GAAGxB,KAAK,CAACyB,aAAa,CAAevB,mBAAmB,CAAC;AAEtE,eAAesB,OAAO"}
+{"version":3,"file":"Context.js","names":["React","makeAjvInstance","defaultContextState","hasContext","data","undefined","schema","handlePathChange","updateDataValue","validateData","handleSubmit","scrollToTop","showAllErrors","setShowAllErrors","mountedFieldPaths","handleMountField","handleUnMountField","hasErrors","hasFieldError","setValueWithError","setProps","ajvInstance","contextErrorMessages","_isInsideFormElement","Context","createContext"],"sources":["../../../../../src/extensions/forms/DataContext/Context.ts"],"sourcesContent":["import React from 'react'\nimport { Ajv, makeAjvInstance } from '../utils/ajv'\nimport {\n  AllJSONSchemaVersions,\n  CustomErrorMessagesWithPaths,\n} from '../types'\n\nexport type Path = string\nexport type Identifier = string\n\ntype HandleSubmitProps = {\n  formElement?: HTMLFormElement\n}\n\nexport interface ContextState {\n  hasContext: boolean\n  /** The dataset for the form / form steps */\n  data: any\n  /** Should the form validate data before submitting? */\n  errors?: Record<string, Error>\n  /** Will set autoComplete=\"on\" on each nested Field.String and Field.Number */\n  autoComplete?: boolean\n  handlePathChange: (path: Path, value: any) => void\n  updateDataValue: (\n    path: Path,\n    value: any,\n    props: { disabled: boolean }\n  ) => void\n  validateData: () => void\n  handleSubmit: (props?: HandleSubmitProps) => any\n  scrollToTop: () => void\n  // Error status\n  showAllErrors: boolean\n  setShowAllErrors: (showAllErrors: boolean) => void\n  // Mounted fields - Components telling the provider what fields is on screen at any time\n  mountedFieldPaths: string[]\n  handleMountField: (path: Path) => void\n  handleUnMountField: (path: Path) => void\n  setValueWithError: (path: Path, hasError: boolean) => void\n  setProps: (path: Path, props: any) => void\n  hasErrors: () => boolean\n  hasFieldError: (path: Path) => boolean\n  ajvInstance: Ajv\n  contextErrorMessages: CustomErrorMessagesWithPaths\n  schema: AllJSONSchemaVersions\n  _isInsideFormElement?: boolean\n}\n\nexport const defaultContextState: ContextState = {\n  hasContext: false,\n  data: undefined,\n  schema: undefined,\n  handlePathChange: () => null,\n  updateDataValue: () => null,\n  validateData: () => null,\n  handleSubmit: () => null,\n  scrollToTop: () => null,\n  showAllErrors: false,\n  setShowAllErrors: () => null,\n  mountedFieldPaths: [],\n  handleMountField: () => null,\n  handleUnMountField: () => null,\n  hasErrors: () => false,\n  hasFieldError: () => false,\n  setValueWithError: () => null,\n  setProps: () => null,\n  ajvInstance: makeAjvInstance(),\n  contextErrorMessages: undefined,\n  _isInsideFormElement: false,\n}\n\nconst Context = React.createContext<ContextState>(defaultContextState)\n\nexport default Context\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAcC,eAAe,QAAQ,cAAc;AA+CnD,OAAO,MAAMC,mBAAiC,GAAG;EAC/CC,UAAU,EAAE,KAAK;EACjBC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAED,SAAS;EACjBE,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,eAAe,EAAEA,CAAA,KAAM,IAAI;EAC3BC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,YAAY,EAAEA,CAAA,KAAM,IAAI;EACxBC,WAAW,EAAEA,CAAA,KAAM,IAAI;EACvBC,aAAa,EAAE,KAAK;EACpBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,iBAAiB,EAAE,EAAE;EACrBC,gBAAgB,EAAEA,CAAA,KAAM,IAAI;EAC5BC,kBAAkB,EAAEA,CAAA,KAAM,IAAI;EAC9BC,SAAS,EAAEA,CAAA,KAAM,KAAK;EACtBC,aAAa,EAAEA,CAAA,KAAM,KAAK;EAC1BC,iBAAiB,EAAEA,CAAA,KAAM,IAAI;EAC7BC,QAAQ,EAAEA,CAAA,KAAM,IAAI;EACpBC,WAAW,EAAEpB,eAAe,CAAC,CAAC;EAC9BqB,oBAAoB,EAAEjB,SAAS;EAC/BkB,oBAAoB,EAAE;AACxB,CAAC;AAED,MAAMC,OAAO,GAAGxB,KAAK,CAACyB,aAAa,CAAevB,mBAAmB,CAAC;AAEtE,eAAesB,OAAO"}

package/extensions/forms/DataContext/Provider/Provider.js

@@ -14,15 +14,9 @@ import { useSharedState } from '../../../../shared/helpers/useSharedState';
 import Context from '../Context';
 import structuredClone from '@ungap/structured-clone';
 const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
-function addListPath(paths, path) {
-  return paths.includes(path) ? paths : paths.concat(path);
-}
-function removeListPath(paths, path) {
-  return paths.filter(thisPath => thisPath !== path);
-}
 const isArrayJsonPointer = /^\/\d+(\/|$)/;
 export default function Provider(_ref) {
-  var _sharedAtachments$dat;
+  var _sharedAttachments$da;
   let {
       id,
       defaultData,
@@ -64,12 +58,8 @@ export default function Provider(_ref) {
     return data !== null && data !== void 0 ? data : defaultData;
   }, []);
   const internalDataRef = useRef(initialData);
-  const cacheRef = useRef({
-    data,
-    schema
-  });
   const ajvValidatorRef = useRef();
-  const validateData = useCallback(() => {
+  const validateDataNow = useCallback(() => {
     var _ajvValidatorRef$curr;
     if (!ajvValidatorRef.current) {
       return;
@@ -79,13 +69,21 @@ export default function Provider(_ref) {
     } else {
       errorsRef.current = undefined;
     }
-    forceUpdate();
   }, []);
+  const validateData = useCallback(() => {
+    if (!ajvValidatorRef.current) {
+      return;
+    }
+    validateDataNow();
+    forceUpdate();
+  }, [validateDataNow]);
   const hasFieldError = useCallback(path => {
     var _errorsRef$current;
     return Boolean(((_errorsRef$current = errorsRef.current) === null || _errorsRef$current === void 0 ? void 0 : _errorsRef$current[path]) !== undefined || valuesWithErrorRef.current.includes(path));
   }, []);
-  const hasErrors = useCallback(() => Boolean(mountedFieldPathsRef.current.find(mountedFieldPath => hasFieldError(mountedFieldPath))), [hasFieldError]);
+  const hasErrors = useCallback(() => {
+    return Boolean(mountedFieldPathsRef.current.find(path => hasFieldError(path)));
+  }, [hasFieldError]);
   const setValueWithError = useCallback((path, withError) => {
     if (withError !== valuesWithErrorRef.current.includes(path)) {
       valuesWithErrorRef.current = withError ? addListPath(valuesWithErrorRef.current, path) : removeListPath(valuesWithErrorRef.current, path);
@@ -113,29 +111,52 @@ export default function Provider(_ref) {
     fieldPropsRef.current[path] = props;
   }, []);
   const sharedData = useSharedState(id);
-  const sharedAtachments = useSharedState(id + '-attachments');
+  const sharedAttachments = useSharedState(id + '-attachments');
   const updateSharedData = sharedData.update;
   const extendSharedData = sharedData.extend;
-  const extendAtachment = sharedAtachments.extend;
-  const rerenderUseDataHook = (_sharedAtachments$dat = sharedAtachments.data) === null || _sharedAtachments$dat === void 0 ? void 0 : _sharedAtachments$dat.rerenderUseDataHook;
-  useMemo(() => {
-    if (id && sharedData.data && !initialData) {
-      internalDataRef.current = sharedData.data;
+  const extendAttachment = sharedAttachments.extend;
+  const rerenderUseDataHook = (_sharedAttachments$da = sharedAttachments.data) === null || _sharedAttachments$da === void 0 ? void 0 : _sharedAttachments$da.rerenderUseDataHook;
+  const cacheRef = useRef({
+    data,
+    schema,
+    shared: sharedData.data,
+    hasUsedInitialData: false
+  });
+  const countRef = useRef(0);
+  if (countRef.current++ > 100) {
+    throw new Error('countRef.current: ' + countRef.current);
+  }
+  internalDataRef.current = useMemo(() => {
+    if (id && initialData && !sharedData.data) {
+      sharedData.update(initialData);
+    }
+    if (id && initialData && sharedData.data && cacheRef.current.shared === sharedData.data && internalDataRef.current === initialData) {
+      return _objectSpread(_objectSpread({}, internalDataRef.current), sharedData.data);
     }
-  }, [id, initialData, sharedData.data]);
+    if (id && !initialData && !internalDataRef.current && sharedData.data && cacheRef.current.shared === sharedData.data) {
+      return sharedData.data;
+    }
+    if (id && sharedData.data && cacheRef.current.shared !== sharedData.data && sharedData.data !== internalDataRef.current) {
+      cacheRef.current.shared = sharedData.data;
+      return _objectSpread(_objectSpread({}, internalDataRef.current), sharedData.data);
+    }
+    if (data !== cacheRef.current.data) {
+      cacheRef.current.data = data;
+      return data;
+    }
+    return internalDataRef.current;
+  }, [id, data, initialData, sharedData]);
   useLayoutEffect(() => {
-    if (id && !sharedData.data && initialData) {
+    if (id && initialData && !sharedData.data) {
       extendSharedData === null || extendSharedData === void 0 ? void 0 : extendSharedData(initialData);
     }
   }, [id, initialData, extendSharedData, sharedData.data]);
-  useLayoutEffect(() => {
-    if (id && sharedData.data && sharedData.data !== internalDataRef.current) {
-      internalDataRef.current = sharedData.data;
-    }
-  }, [id, sharedData.data]);
+  useMemo(() => {
+    validateDataNow();
+  }, [internalDataRef.current]);
   useLayoutEffect(() => {
     if (id) {
-      extendAtachment === null || extendAtachment === void 0 ? void 0 : extendAtachment({
+      extendAttachment === null || extendAttachment === void 0 ? void 0 : extendAttachment({
         filterDataHandler,
         hasErrors
       });
@@ -143,7 +164,7 @@ export default function Provider(_ref) {
         rerenderUseDataHook === null || rerenderUseDataHook === void 0 ? void 0 : rerenderUseDataHook();
       }
     }
-  }, [filterData, filterDataHandler, rerenderUseDataHook, hasErrors, id, extendAtachment]);
+  }, [filterData, filterDataHandler, rerenderUseDataHook, hasErrors, id, extendAttachment]);
   const updateDataValue = useCallback((path, value) => {
     var _internalDataRef$curr;
     if (!path) {
@@ -242,23 +263,14 @@ export default function Provider(_ref) {
     validateData();
   });
   useUpdateEffect(() => {
-    let hadChanges = false;
-    if (data !== cacheRef.current.data) {
-      internalDataRef.current = data;
-      hadChanges = true;
-      cacheRef.current.data = data;
-    }
     if (schema && schema !== cacheRef.current.schema) {
       var _ajvRef$current2;
-      ajvValidatorRef.current = (_ajvRef$current2 = ajvRef.current) === null || _ajvRef$current2 === void 0 ? void 0 : _ajvRef$current2.compile(schema);
-      hadChanges = true;
       cacheRef.current.schema = schema;
-    }
-    if (hadChanges) {
+      ajvValidatorRef.current = (_ajvRef$current2 = ajvRef.current) === null || _ajvRef$current2 === void 0 ? void 0 : _ajvRef$current2.compile(schema);
       validateData();
       forceUpdate();
     }
-  }, [data, schema, validateData, forceUpdate]);
+  }, [schema, validateData, forceUpdate]);
   return React.createElement(Context.Provider, {
     value: _objectSpread(_objectSpread({
       hasContext: true,
@@ -285,4 +297,10 @@ export default function Provider(_ref) {
     })
   }, children);
 }
+function addListPath(paths, path) {
+  return paths.includes(path) ? paths : paths.concat(path);
+}
+function removeListPath(paths, path) {
+  return paths.filter(thisPath => thisPath !== path);
+}
 //# sourceMappingURL=Provider.js.map

package/extensions/forms/DataContext/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["React","useRef","useMemo","useCallback","useReducer","pointer","makeAjvInstance","ajvErrorsToFormErrors","useMountEffect","useUpdateEffect","useSharedState","Context","structuredClone","useLayoutEffect","window","useEffect","addListPath","paths","path","includes","concat","removeListPath","filter","thisPath","isArrayJsonPointer","Provider","_ref","_sharedAtachments$dat","id","defaultData","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","ajvInstance","filterData","errorMessages","contextErrorMessages","children","rest","_objectWithoutProperties","_excluded","forceUpdate","undefined","console","error","ajvRef","mountedFieldPathsRef","errorsRef","showAllErrorsRef","setShowAllErrors","showAllErrors","current","valuesWithErrorRef","initialData","_window$sessionStorag","sessionDataJSON","sessionStorage","getItem","JSON","parse","internalDataRef","cacheRef","ajvValidatorRef","validateData","_ajvValidatorRef$curr","call","errors","hasFieldError","_errorsRef$current","Boolean","hasErrors","find","mountedFieldPath","setValueWithError","withError","filterDataHandler","arguments","length","filtered","_objectSpread","Object","entries","fieldPropsRef","forEach","_ref2","props","exists","has","result","get","remove","setProps","sharedData","sharedAtachments","updateSharedData","update","extendSharedData","extend","extendAtachment","rerenderUseDataHook","updateDataValue","value","_internalDataRef$curr","givenData","match","newData","e","set","_window$sessionStorag2","setItem","stringify","handlePathChange","handleMountField","handleUnMountField","_fieldPropsRef$curren","scrollToTop","_window","_window$scrollTo","scrollTo","top","behavior","handleSubmit","formElement","resetForm","_formElement$reset","reset","removeItem","clearData","_ajvRef$current","compile","hadChanges","_ajvRef$current2","createElement","hasContext","mountedFieldPaths"],"sources":["../../../../../../src/extensions/forms/DataContext/Provider/Provider.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, useReducer } from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { ValidateFunction } from 'ajv/dist/2020'\nimport {\n  Ajv,\n  makeAjvInstance,\n  ajvErrorsToFormErrors,\n} from '../../utils/ajv'\nimport {\n  FormError,\n  CustomErrorMessagesWithPaths,\n  AllJSONSchemaVersions,\n  FieldProps,\n} from '../../types'\nimport useMountEffect from '../../hooks/useMountEffect'\nimport useUpdateEffect from '../../hooks/useUpdateEffect'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\nimport Context, { ContextState, Path } from '../Context'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type UpdateDataValue = (path: Path, data: unknown) => void\n\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterData = (\n  path: Path,\n  value: any,\n  props: FieldProps\n) => boolean | undefined\n\nexport type OnSubmitReturn = {\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmit<Data = JsonObject> = (\n  data: Partial<Data>,\n  { resetForm, clearData }: OnSubmitReturn\n) => void\n\nexport interface Props<Data extends JsonObject> {\n  /**\n   * Unique ID to communicate with the hook Form.useData\n   */\n  id?: string\n  /**\n   * Default source data, only used if no other source is available, and not leading to updates if changed after mount\n   */\n  defaultData?: Partial<Data>\n  /**\n   * Source data, will be used instead of defaultData, and leading to updates if changed after mount\n   */\n  data?: Partial<Data>\n  /**\n   * JSON Schema to validate the data against.\n   */\n  schema?: AllJSONSchemaVersions\n  /**\n   * Custom Ajv instance, if you want to use your own\n   */\n  ajvInstance?: Ajv\n  /**\n   * Custom error messages for the whole data set\n   */\n  errorMessages?: CustomErrorMessagesWithPaths\n  /**\n   * Filter the internal data context based on your criteria: `(path, value, props) => !props?.disabled`. It will iterate on each data entry.\n   */\n  filterData?: FilterData\n  /**\n   * Change handler for the whole data set\n   */\n  onChange?: (data: Data) => void\n  /**\n   * Change handler for each value\n   */\n  onPathChange?: (path: Path, value: any) => void\n  /**\n   * Submit called, data was valid (if validation available)\n   */\n  onSubmit?: OnSubmit\n  /**\n   * Submit was requested, but data was invalid\n   */\n  onSubmitRequest?: () => void\n  /**\n   * Scroll to top on submit\n   */\n  scrollTopOnSubmit?: boolean\n  /**\n   * Key for caching the data in session storage\n   */\n  sessionStorageId?: string\n  children: React.ReactNode\n}\n\ntype PathList = string[]\n\nfunction addListPath(paths: PathList, path: Path): PathList {\n  return paths.includes(path) ? paths : paths.concat(path)\n}\n\nfunction removeListPath(paths: PathList, path: Path): PathList {\n  return paths.filter((thisPath) => thisPath !== path)\n}\n\nconst isArrayJsonPointer = /^\\/\\d+(\\/|$)/\n\nexport default function Provider<Data extends JsonObject>({\n  id,\n  defaultData,\n  data,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  ajvInstance,\n  filterData,\n  errorMessages: contextErrorMessages,\n  children,\n  ...rest\n}: Props<Data>) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  // Prop error handling\n  if (data !== undefined && sessionStorageId !== undefined) {\n    console.error(\n      'Providing both data and sessionStorageId could lead to competing data sources. To provide default data to use only before anything is changed in the interface, use defaultData.'\n    )\n  }\n\n  // - Ajv\n  const ajvRef = useRef<Ajv>(makeAjvInstance(ajvInstance))\n  // - Paths\n  const mountedFieldPathsRef = useRef<string[]>([])\n  // - Errors from provider validation (the whole data set)\n  const errorsRef = useRef<Record<string, FormError> | undefined>()\n  const showAllErrorsRef = useRef<boolean>(false)\n  const setShowAllErrors = useCallback((showAllErrors: boolean) => {\n    showAllErrorsRef.current = showAllErrors\n    forceUpdate()\n  }, [])\n\n  // - Errors reported by fields, based on their direct validation rules\n  const valuesWithErrorRef = useRef<string[]>([])\n\n  // - Data\n  const initialData = useMemo(() => {\n    if (sessionStorageId && typeof window !== 'undefined') {\n      const sessionDataJSON =\n        window.sessionStorage?.getItem(sessionStorageId)\n      if (sessionDataJSON) {\n        return JSON.parse(sessionDataJSON)\n      }\n    }\n    return data ?? defaultData\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Avoid triggering code that should only run initially\n  }, [])\n  const internalDataRef = useRef<Partial<Data>>(initialData)\n  const cacheRef = useRef({ data, schema })\n\n  // - Validator\n  const ajvValidatorRef = useRef<ValidateFunction>()\n\n  const validateData = useCallback(() => {\n    if (!ajvValidatorRef.current) {\n      // No schema-based validator. Assume data is valid.\n      return\n    }\n\n    if (!ajvValidatorRef.current?.(internalDataRef.current)) {\n      // Errors found\n      errorsRef.current = ajvErrorsToFormErrors(\n        ajvValidatorRef.current.errors\n      )\n    } else {\n      errorsRef.current = undefined\n    }\n\n    forceUpdate()\n  }, [])\n\n  // - Error handling\n  const hasFieldError = useCallback(\n    (path: string) =>\n      Boolean(\n        errorsRef.current?.[path] !== undefined ||\n          valuesWithErrorRef.current.includes(path)\n      ),\n    []\n  )\n  const hasErrors = useCallback(\n    () =>\n      Boolean(\n        mountedFieldPathsRef.current.find((mountedFieldPath) =>\n          hasFieldError(mountedFieldPath)\n        )\n      ),\n    [hasFieldError]\n  )\n\n  /**\n   * Sets the error state for a specific path\n   */\n  const setValueWithError = useCallback(\n    (path: Path, withError: boolean) => {\n      if (withError !== valuesWithErrorRef.current.includes(path)) {\n        // The boolean error state for the target value was changed\n        valuesWithErrorRef.current = withError\n          ? addListPath(valuesWithErrorRef.current, path)\n          : removeListPath(valuesWithErrorRef.current, path)\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  /**\n   * Filter the data set based on the filterData function\n   */\n  const filterDataHandler = useCallback(\n    (data: Data, filter = filterData) => {\n      if (filter) {\n        const filtered = { ...data }\n        Object.entries(fieldPropsRef.current).forEach(([path, props]) => {\n          const exists = pointer.has(data, path)\n          const result = filter(\n            path,\n            exists ? pointer.get(data, path) : undefined,\n            props\n          )\n          if (result === false && exists) {\n            pointer.remove(filtered, path)\n          }\n        })\n\n        return filtered\n      }\n\n      return data\n    },\n    [filterData]\n  )\n  const fieldPropsRef = useRef<Record<string, FieldProps>>({})\n  const setProps = useCallback(\n    (path: Path, props: Record<string, unknown>) => {\n      fieldPropsRef.current[path] = props\n    },\n    []\n  )\n\n  // - Shared state\n  const sharedData = useSharedState<Data>(id)\n  const sharedAtachments = useSharedState<{\n    filterDataHandler?: Props<Data>['filterData']\n    hasErrors?: () => boolean\n    rerenderUseDataHook?: () => void\n  }>(id + '-attachments')\n\n  const updateSharedData = sharedData.update\n  const extendSharedData = sharedData.extend\n  const extendAtachment = sharedAtachments.extend\n  const rerenderUseDataHook = sharedAtachments.data?.rerenderUseDataHook\n\n  useMemo(() => {\n    // Update the internal data set, if the shared state changes\n    if (id && sharedData.data && !initialData) {\n      internalDataRef.current = sharedData.data\n    }\n  }, [id, initialData, sharedData.data])\n\n  useLayoutEffect(() => {\n    // Update the shared state, if initialData is given\n    if (id && !sharedData.data && initialData) {\n      extendSharedData?.(initialData)\n    }\n  }, [id, initialData, extendSharedData, sharedData.data])\n\n  useLayoutEffect(() => {\n    // If the shared state changes, update the internal data set\n    if (\n      id &&\n      sharedData.data &&\n      sharedData.data !== internalDataRef.current\n    ) {\n      internalDataRef.current = sharedData.data\n    }\n  }, [id, sharedData.data])\n\n  useLayoutEffect(() => {\n    if (id) {\n      extendAtachment?.({ filterDataHandler, hasErrors })\n      if (filterData) {\n        rerenderUseDataHook?.()\n      }\n    }\n  }, [\n    filterData,\n    filterDataHandler,\n    rerenderUseDataHook,\n    hasErrors,\n    id,\n    extendAtachment,\n  ])\n\n  /**\n   * Update the data set\n   */\n  const updateDataValue: UpdateDataValue = useCallback(\n    (path, value) => {\n      if (!path) {\n        return\n      }\n\n      const givenData = (\n        path === '/'\n          ? // When setting the root of the data, the whole data set should be the new value\n            value\n          : // For sub paths, use the the existing data set (or empty array/object), but modify it below (since pointer.set is not immutable)\n            internalDataRef.current ??\n            (path.match(isArrayJsonPointer) ? [] : {})\n      ) as Data\n\n      let newData: Data = null\n      try {\n        // Update the data even if it contains errors. Submit/SubmitRequest will be called accordingly\n        newData = structuredClone(givenData)\n      } catch (e) {\n        newData = givenData\n      }\n\n      if (path !== '/') {\n        pointer.set(newData, path, value)\n      }\n\n      if (id) {\n        updateSharedData?.(newData)\n        if (filterData) {\n          rerenderUseDataHook?.()\n        }\n      }\n\n      internalDataRef.current = newData\n\n      if (sessionStorageId && typeof window !== 'undefined') {\n        window.sessionStorage?.setItem(\n          sessionStorageId,\n          JSON.stringify(newData)\n        )\n      }\n\n      forceUpdate()\n\n      return newData\n    },\n    [\n      filterData,\n      id,\n      sessionStorageId,\n      rerenderUseDataHook,\n      updateSharedData,\n    ]\n  )\n\n  /**\n   * Update the data set on user interaction\n   */\n  const handlePathChange: UpdateDataValue = useCallback(\n    (path, value) => {\n      if (!path) {\n        return\n      }\n\n      onPathChange?.(path, value)\n\n      const newData = updateDataValue(path, value)\n\n      onChange?.(newData as Data)\n\n      showAllErrorsRef.current = false\n\n      validateData()\n    },\n    [onPathChange, updateDataValue, onChange, validateData]\n  )\n\n  // - Mounted fields\n  const handleMountField = useCallback((path: Path) => {\n    mountedFieldPathsRef.current = addListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  const handleUnMountField = useCallback((path: Path) => {\n    mountedFieldPathsRef.current = removeListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n    if (fieldPropsRef.current?.[path]) {\n      delete fieldPropsRef.current[path]\n    }\n  }, [])\n\n  // - Features\n  const scrollToTop = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      window?.scrollTo?.({ top: 0, behavior: 'smooth' })\n    }\n  }, [])\n\n  /**\n   * Request to submit the whole form\n   */\n  const handleSubmit = useCallback<ContextState['handleSubmit']>(\n    ({ formElement = null } = {}) => {\n      if (!hasErrors()) {\n        const resetForm = () => {\n          formElement?.reset?.()\n\n          if (typeof window !== 'undefined') {\n            if (sessionStorageId) {\n              window.sessionStorage.removeItem(sessionStorageId)\n            }\n          }\n\n          forceUpdate() // in order to fill \"empty fields\" again with their internal states\n        }\n        const clearData = () => {\n          internalDataRef.current = {}\n          forceUpdate()\n        }\n\n        onSubmit?.(filterDataHandler(internalDataRef.current as Data), {\n          resetForm,\n          clearData,\n        })\n\n        if (scrollTopOnSubmit) {\n          scrollToTop()\n        }\n      } else {\n        setShowAllErrors(true)\n        onSubmitRequest?.()\n      }\n\n      return internalDataRef.current\n    },\n    [\n      hasErrors,\n      onSubmit,\n      filterDataHandler,\n      scrollTopOnSubmit,\n      sessionStorageId,\n      scrollToTop,\n      setShowAllErrors,\n      onSubmitRequest,\n    ]\n  )\n\n  // - ajv validator routines\n\n  useMountEffect(() => {\n    if (schema) {\n      ajvValidatorRef.current = ajvRef.current?.compile(schema)\n    }\n\n    // Validate the initial data\n    validateData()\n  })\n\n  useUpdateEffect(() => {\n    let hadChanges = false\n\n    // Update and validate changes to the external data set,\n    // And avoid \"resetting\" the data with the originally given data (React.StrictMode)\n    if (data !== cacheRef.current.data) {\n      internalDataRef.current = data\n\n      hadChanges = true\n      cacheRef.current.data = data\n    }\n\n    if (schema && schema !== cacheRef.current.schema) {\n      ajvValidatorRef.current = ajvRef.current?.compile(schema)\n\n      hadChanges = true\n      cacheRef.current.schema = schema\n    }\n\n    if (hadChanges) {\n      validateData()\n      forceUpdate()\n    }\n  }, [data, schema, validateData, forceUpdate])\n\n  return (\n    <Context.Provider\n      value={{\n        hasContext: true,\n        data: internalDataRef.current,\n        ...rest,\n        handlePathChange,\n        updateDataValue,\n        validateData,\n        handleSubmit,\n        scrollToTop,\n        errors: errorsRef.current,\n        showAllErrors: showAllErrorsRef.current,\n        setShowAllErrors,\n        mountedFieldPaths: mountedFieldPathsRef.current,\n        handleMountField,\n        handleUnMountField,\n        hasErrors,\n        hasFieldError,\n        setValueWithError,\n        setProps,\n        ajvInstance: ajvRef.current,\n        schema,\n        contextErrorMessages,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Provider.js","names":["React","useRef","useMemo","useCallback","useReducer","pointer","makeAjvInstance","ajvErrorsToFormErrors","useMountEffect","useUpdateEffect","useSharedState","Context","structuredClone","useLayoutEffect","window","useEffect","isArrayJsonPointer","Provider","_ref","_sharedAttachments$da","id","defaultData","data","schema","onChange","onPathChange","onSubmit","onSubmitRequest","scrollTopOnSubmit","sessionStorageId","ajvInstance","filterData","errorMessages","contextErrorMessages","children","rest","_objectWithoutProperties","_excluded","forceUpdate","undefined","console","error","ajvRef","mountedFieldPathsRef","errorsRef","showAllErrorsRef","setShowAllErrors","showAllErrors","current","valuesWithErrorRef","initialData","_window$sessionStorag","sessionDataJSON","sessionStorage","getItem","JSON","parse","internalDataRef","ajvValidatorRef","validateDataNow","_ajvValidatorRef$curr","call","errors","validateData","hasFieldError","path","_errorsRef$current","Boolean","includes","hasErrors","find","setValueWithError","withError","addListPath","removeListPath","filterDataHandler","filter","arguments","length","filtered","_objectSpread","Object","entries","fieldPropsRef","forEach","_ref2","props","exists","has","result","get","remove","setProps","sharedData","sharedAttachments","updateSharedData","update","extendSharedData","extend","extendAttachment","rerenderUseDataHook","cacheRef","shared","hasUsedInitialData","countRef","Error","updateDataValue","value","_internalDataRef$curr","givenData","match","newData","e","set","_window$sessionStorag2","setItem","stringify","handlePathChange","handleMountField","handleUnMountField","_fieldPropsRef$curren","scrollToTop","_window","_window$scrollTo","scrollTo","top","behavior","handleSubmit","formElement","resetForm","_formElement$reset","reset","removeItem","clearData","_ajvRef$current","compile","_ajvRef$current2","createElement","hasContext","mountedFieldPaths","paths","concat","thisPath"],"sources":["../../../../../../src/extensions/forms/DataContext/Provider/Provider.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, useReducer } from 'react'\nimport pointer, { JsonObject } from 'json-pointer'\nimport { ValidateFunction } from 'ajv/dist/2020'\nimport {\n  Ajv,\n  makeAjvInstance,\n  ajvErrorsToFormErrors,\n} from '../../utils/ajv'\nimport {\n  FormError,\n  CustomErrorMessagesWithPaths,\n  AllJSONSchemaVersions,\n  FieldProps,\n} from '../../types'\nimport useMountEffect from '../../hooks/useMountEffect'\nimport useUpdateEffect from '../../hooks/useUpdateEffect'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\nimport Context, { ContextState, Path } from '../Context'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type UpdateDataValue = (path: Path, data: unknown) => void\n\nexport type FilterDataHandler<Data> = (\n  data: Data,\n  filter: FilterData\n) => Partial<Data>\nexport type FilterData = (\n  path: Path,\n  value: any,\n  props: FieldProps\n) => boolean | undefined\n\nexport type OnSubmitReturn = {\n  /** Will remove browser-side stored autocomplete data  */\n  resetForm: () => void\n  /** Will empty the whole internal data set of the form  */\n  clearData: () => void\n}\n\nexport type OnSubmit<Data = JsonObject> = (\n  data: Partial<Data>,\n  { resetForm, clearData }: OnSubmitReturn\n) => void\n\nexport interface Props<Data extends JsonObject> {\n  /**\n   * Unique ID to communicate with the hook Form.useData\n   */\n  id?: string\n  /**\n   * Default source data, only used if no other source is available, and not leading to updates if changed after mount\n   */\n  defaultData?: Partial<Data>\n  /**\n   * Source data, will be used instead of defaultData, and leading to updates if changed after mount\n   */\n  data?: Partial<Data>\n  /**\n   * JSON Schema to validate the data against.\n   */\n  schema?: AllJSONSchemaVersions\n  /**\n   * Custom Ajv instance, if you want to use your own\n   */\n  ajvInstance?: Ajv\n  /**\n   * Custom error messages for the whole data set\n   */\n  errorMessages?: CustomErrorMessagesWithPaths\n  /**\n   * Filter the internal data context based on your criteria: `(path, value, props) => !props?.disabled`. It will iterate on each data entry.\n   */\n  filterData?: FilterData\n  /**\n   * Change handler for the whole data set\n   */\n  onChange?: (data: Data) => void\n  /**\n   * Change handler for each value\n   */\n  onPathChange?: (path: Path, value: any) => void\n  /**\n   * Submit called, data was valid (if validation available)\n   */\n  onSubmit?: OnSubmit\n  /**\n   * Submit was requested, but data was invalid\n   */\n  onSubmitRequest?: () => void\n  /**\n   * Scroll to top on submit\n   */\n  scrollTopOnSubmit?: boolean\n  /**\n   * Key for caching the data in session storage\n   */\n  sessionStorageId?: string\n  children: React.ReactNode\n}\n\nconst isArrayJsonPointer = /^\\/\\d+(\\/|$)/\n\nexport default function Provider<Data extends JsonObject>({\n  id,\n  defaultData,\n  data,\n  schema,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  ajvInstance,\n  filterData,\n  errorMessages: contextErrorMessages,\n  children,\n  ...rest\n}: Props<Data>) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  // Prop error handling\n  if (data !== undefined && sessionStorageId !== undefined) {\n    console.error(\n      'Providing both data and sessionStorageId could lead to competing data sources. To provide default data to use only before anything is changed in the interface, use defaultData.'\n    )\n  }\n\n  // - Ajv\n  const ajvRef = useRef<Ajv>(makeAjvInstance(ajvInstance))\n  // - Paths\n  const mountedFieldPathsRef = useRef<Path[]>([])\n  // - Errors from provider validation (the whole data set)\n  const errorsRef = useRef<Record<string, FormError> | undefined>()\n  const showAllErrorsRef = useRef<boolean>(false)\n  const setShowAllErrors = useCallback((showAllErrors: boolean) => {\n    showAllErrorsRef.current = showAllErrors\n    forceUpdate()\n  }, [])\n\n  // - Errors reported by fields, based on their direct validation rules\n  const valuesWithErrorRef = useRef<Path[]>([])\n\n  // - Data\n  const initialData = useMemo<Data>(() => {\n    if (sessionStorageId && typeof window !== 'undefined') {\n      const sessionDataJSON =\n        window.sessionStorage?.getItem(sessionStorageId)\n      if (sessionDataJSON) {\n        return JSON.parse(sessionDataJSON)\n      }\n    }\n    return data ?? defaultData\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Avoid triggering code that should only run initially\n  }, [])\n  const internalDataRef = useRef<Partial<Data>>(initialData)\n\n  // - Validator\n  const ajvValidatorRef = useRef<ValidateFunction>()\n  const validateDataNow = useCallback(() => {\n    if (!ajvValidatorRef.current) {\n      // No schema-based validator. Assume data is valid.\n      return\n    }\n\n    if (!ajvValidatorRef.current?.(internalDataRef.current)) {\n      // Errors found\n      errorsRef.current = ajvErrorsToFormErrors(\n        ajvValidatorRef.current.errors\n      )\n    } else {\n      errorsRef.current = undefined\n    }\n  }, [])\n  const validateData = useCallback(() => {\n    if (!ajvValidatorRef.current) {\n      // No schema-based validator. Assume data is valid.\n      return\n    }\n\n    validateDataNow()\n    forceUpdate()\n  }, [validateDataNow])\n\n  // - Error handling\n  const hasFieldError = useCallback((path: Path) => {\n    return Boolean(\n      errorsRef.current?.[path] !== undefined ||\n        valuesWithErrorRef.current.includes(path)\n    )\n  }, [])\n  const hasErrors = useCallback(() => {\n    return Boolean(\n      mountedFieldPathsRef.current.find((path) => hasFieldError(path))\n    )\n  }, [hasFieldError])\n\n  /**\n   * Sets the error state for a specific path\n   */\n  const setValueWithError = useCallback(\n    (path: Path, withError: boolean) => {\n      if (withError !== valuesWithErrorRef.current.includes(path)) {\n        // The boolean error state for the target value was changed\n        valuesWithErrorRef.current = withError\n          ? addListPath(valuesWithErrorRef.current, path)\n          : removeListPath(valuesWithErrorRef.current, path)\n        forceUpdate()\n      }\n    },\n    []\n  )\n\n  /**\n   * Filter the data set based on the filterData function\n   */\n  const filterDataHandler = useCallback(\n    (data: Data, filter = filterData) => {\n      if (filter) {\n        const filtered = { ...data }\n        Object.entries(fieldPropsRef.current).forEach(([path, props]) => {\n          const exists = pointer.has(data, path)\n          const result = filter(\n            path,\n            exists ? pointer.get(data, path) : undefined,\n            props\n          )\n          if (result === false && exists) {\n            pointer.remove(filtered, path)\n          }\n        })\n\n        return filtered\n      }\n\n      return data\n    },\n    [filterData]\n  )\n  const fieldPropsRef = useRef<Record<string, FieldProps>>({})\n  const setProps = useCallback(\n    (path: Path, props: Record<string, unknown>) => {\n      fieldPropsRef.current[path] = props\n    },\n    []\n  )\n\n  // - Shared state\n  const sharedData = useSharedState<Data>(id)\n  const sharedAttachments = useSharedState<{\n    filterDataHandler?: Props<Data>['filterData']\n    hasErrors?: () => boolean\n    rerenderUseDataHook?: () => void\n  }>(id + '-attachments')\n\n  const updateSharedData = sharedData.update\n  const extendSharedData = sharedData.extend\n  const extendAttachment = sharedAttachments.extend\n  const rerenderUseDataHook = sharedAttachments.data?.rerenderUseDataHook\n\n  const cacheRef = useRef({\n    data,\n    schema,\n    shared: sharedData.data,\n    hasUsedInitialData: false,\n  })\n\n  const countRef = useRef(0)\n  if (countRef.current++ > 100) {\n    throw new Error('countRef.current: ' + countRef.current)\n  }\n\n  internalDataRef.current = useMemo(() => {\n    // Update the shared state, if initialData is given and no shared state is available\n    if (id && initialData && !sharedData.data) {\n      sharedData.update(initialData)\n    }\n\n    // Merge both internal data and the shared state, if it both where given\n    if (\n      id &&\n      initialData &&\n      sharedData.data &&\n      cacheRef.current.shared === sharedData.data &&\n      internalDataRef.current === initialData\n    ) {\n      return {\n        ...internalDataRef.current,\n        ...sharedData.data,\n      }\n    }\n\n    // Use shared state if no initial and initial data, and the shared state exists\n    if (\n      id &&\n      !initialData &&\n      !internalDataRef.current &&\n      sharedData.data &&\n      cacheRef.current.shared === sharedData.data\n    ) {\n      return sharedData.data\n    }\n\n    // Merge the internal data with the shared state, if the shared was updated and not the same as internal data\n    if (\n      id &&\n      sharedData.data &&\n      cacheRef.current.shared !== sharedData.data &&\n      sharedData.data !== internalDataRef.current\n    ) {\n      cacheRef.current.shared = sharedData.data\n      return {\n        ...internalDataRef.current,\n        ...sharedData.data,\n      }\n    }\n\n    // When external data has changed, update the internal data\n    if (data !== cacheRef.current.data) {\n      cacheRef.current.data = data\n      return data\n    }\n\n    return internalDataRef.current\n  }, [id, data, initialData, sharedData])\n\n  useLayoutEffect(() => {\n    // Set the shared state, if initialData was given\n    if (id && initialData && !sharedData.data) {\n      extendSharedData?.(initialData)\n    }\n  }, [id, initialData, extendSharedData, sharedData.data])\n\n  useMemo(() => {\n    validateDataNow()\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [internalDataRef.current]) // run validation when internal data has changed\n\n  useLayoutEffect(() => {\n    if (id) {\n      extendAttachment?.({ filterDataHandler, hasErrors })\n      if (filterData) {\n        rerenderUseDataHook?.()\n      }\n    }\n  }, [\n    filterData,\n    filterDataHandler,\n    rerenderUseDataHook,\n    hasErrors,\n    id,\n    extendAttachment,\n  ])\n\n  /**\n   * Update the data set\n   */\n  const updateDataValue: UpdateDataValue = useCallback(\n    (path, value) => {\n      if (!path) {\n        return\n      }\n\n      const givenData = (\n        path === '/'\n          ? // When setting the root of the data, the whole data set should be the new value\n            value\n          : // For sub paths, use the the existing data set (or empty array/object), but modify it below (since pointer.set is not immutable)\n            internalDataRef.current ??\n            (path.match(isArrayJsonPointer) ? [] : {})\n      ) as Data\n\n      let newData: Data = null\n      try {\n        // Update the data even if it contains errors. Submit/SubmitRequest will be called accordingly\n        newData = structuredClone(givenData)\n      } catch (e) {\n        newData = givenData\n      }\n\n      if (path !== '/') {\n        pointer.set(newData, path, value)\n      }\n\n      if (id) {\n        updateSharedData?.(newData)\n        if (filterData) {\n          rerenderUseDataHook?.()\n        }\n      }\n\n      internalDataRef.current = newData\n\n      if (sessionStorageId && typeof window !== 'undefined') {\n        window.sessionStorage?.setItem(\n          sessionStorageId,\n          JSON.stringify(newData)\n        )\n      }\n\n      forceUpdate()\n\n      return newData\n    },\n    [\n      filterData,\n      id,\n      sessionStorageId,\n      rerenderUseDataHook,\n      updateSharedData,\n    ]\n  )\n\n  /**\n   * Update the data set on user interaction\n   */\n  const handlePathChange: UpdateDataValue = useCallback(\n    (path, value) => {\n      if (!path) {\n        return\n      }\n\n      onPathChange?.(path, value)\n\n      const newData = updateDataValue(path, value)\n\n      onChange?.(newData as Data)\n\n      showAllErrorsRef.current = false\n\n      validateData()\n    },\n    [onPathChange, updateDataValue, onChange, validateData]\n  )\n\n  // - Mounted fields\n  const handleMountField = useCallback((path: Path) => {\n    mountedFieldPathsRef.current = addListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n  }, [])\n\n  const handleUnMountField = useCallback((path: Path) => {\n    mountedFieldPathsRef.current = removeListPath(\n      mountedFieldPathsRef.current,\n      path\n    )\n    if (fieldPropsRef.current?.[path]) {\n      delete fieldPropsRef.current[path]\n    }\n  }, [])\n\n  // - Features\n  const scrollToTop = useCallback(() => {\n    if (typeof window !== 'undefined') {\n      window?.scrollTo?.({ top: 0, behavior: 'smooth' })\n    }\n  }, [])\n\n  /**\n   * Request to submit the whole form\n   */\n  const handleSubmit = useCallback<ContextState['handleSubmit']>(\n    ({ formElement = null } = {}) => {\n      if (!hasErrors()) {\n        const resetForm = () => {\n          formElement?.reset?.()\n\n          if (typeof window !== 'undefined') {\n            if (sessionStorageId) {\n              window.sessionStorage.removeItem(sessionStorageId)\n            }\n          }\n\n          forceUpdate() // in order to fill \"empty fields\" again with their internal states\n        }\n        const clearData = () => {\n          internalDataRef.current = {}\n          forceUpdate()\n        }\n\n        onSubmit?.(filterDataHandler(internalDataRef.current as Data), {\n          resetForm,\n          clearData,\n        })\n\n        if (scrollTopOnSubmit) {\n          scrollToTop()\n        }\n      } else {\n        setShowAllErrors(true)\n        onSubmitRequest?.()\n      }\n\n      return internalDataRef.current\n    },\n    [\n      hasErrors,\n      onSubmit,\n      filterDataHandler,\n      scrollTopOnSubmit,\n      sessionStorageId,\n      scrollToTop,\n      setShowAllErrors,\n      onSubmitRequest,\n    ]\n  )\n\n  // - ajv validator routines\n\n  useMountEffect(() => {\n    if (schema) {\n      ajvValidatorRef.current = ajvRef.current?.compile(schema)\n    }\n\n    // Validate the initial data\n    validateData()\n  })\n\n  useUpdateEffect(() => {\n    if (schema && schema !== cacheRef.current.schema) {\n      cacheRef.current.schema = schema\n      ajvValidatorRef.current = ajvRef.current?.compile(schema)\n\n      validateData()\n      forceUpdate()\n    }\n  }, [schema, validateData, forceUpdate])\n\n  return (\n    <Context.Provider\n      value={{\n        hasContext: true,\n        data: internalDataRef.current,\n        ...rest,\n        handlePathChange,\n        updateDataValue,\n        validateData,\n        handleSubmit,\n        scrollToTop,\n        errors: errorsRef.current,\n        showAllErrors: showAllErrorsRef.current,\n        setShowAllErrors,\n        mountedFieldPaths: mountedFieldPathsRef.current,\n        handleMountField,\n        handleUnMountField,\n        hasErrors,\n        hasFieldError,\n        setValueWithError,\n        setProps,\n        ajvInstance: ajvRef.current,\n        schema,\n        contextErrorMessages,\n      }}\n    >\n      {children}\n    </Context.Provider>\n  )\n}\n\ntype PathList = string[]\n\nfunction addListPath(paths: PathList, path: Path): PathList {\n  return paths.includes(path) ? paths : paths.concat(path)\n}\n\nfunction removeListPath(paths: PathList, path: Path): PathList {\n  return paths.filter((thisPath) => thisPath !== path)\n}\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAEC,OAAO,EAAEC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACvE,OAAOC,OAAO,MAAsB,cAAc;AAElD,SAEEC,eAAe,EACfC,qBAAqB,QAChB,iBAAiB;AAOxB,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,eAAe,MAAM,6BAA6B;AACzD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,OAAOC,OAAO,MAA8B,YAAY;AAMxD,OAAOC,eAAe,MAAM,yBAAyB;AAGrD,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGd,KAAK,CAACe,SAAS,GAAGf,KAAK,CAACa,eAAe;AAkFzE,MAAMG,kBAAkB,GAAG,cAAc;AAEzC,eAAe,SAASC,QAAQA,CAAAC,IAAA,EAgBhB;EAAA,IAAAC,qBAAA;EAAA,IAhB0C;MACxDC,EAAE;MACFC,WAAW;MACXC,IAAI;MACJC,MAAM;MACNC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRC,eAAe;MACfC,iBAAiB;MACjBC,gBAAgB;MAChBC,WAAW;MACXC,UAAU;MACVC,aAAa,EAAEC,oBAAoB;MACnCC;IAEW,CAAC,GAAAhB,IAAA;IADTiB,IAAI,GAAAC,wBAAA,CAAAlB,IAAA,EAAAmB,SAAA;EAEP,MAAM,GAAGC,WAAW,CAAC,GAAGlC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAElD,IAAIkB,IAAI,KAAKiB,SAAS,IAAIV,gBAAgB,KAAKU,SAAS,EAAE;IACxDC,OAAO,CAACC,KAAK,CACX,kLACF,CAAC;EACH;EAGA,MAAMC,MAAM,GAAGzC,MAAM,CAAMK,eAAe,CAACwB,WAAW,CAAC,CAAC;EAExD,MAAMa,oBAAoB,GAAG1C,MAAM,CAAS,EAAE,CAAC;EAE/C,MAAM2C,SAAS,GAAG3C,MAAM,CAAwC,CAAC;EACjE,MAAM4C,gBAAgB,GAAG5C,MAAM,CAAU,KAAK,CAAC;EAC/C,MAAM6C,gBAAgB,GAAG3C,WAAW,CAAE4C,aAAsB,IAAK;IAC/DF,gBAAgB,CAACG,OAAO,GAAGD,aAAa;IACxCT,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EAGN,MAAMW,kBAAkB,GAAGhD,MAAM,CAAS,EAAE,CAAC;EAG7C,MAAMiD,WAAW,GAAGhD,OAAO,CAAO,MAAM;IACtC,IAAI2B,gBAAgB,IAAI,OAAOf,MAAM,KAAK,WAAW,EAAE;MAAA,IAAAqC,qBAAA;MACrD,MAAMC,eAAe,IAAAD,qBAAA,GACnBrC,MAAM,CAACuC,cAAc,cAAAF,qBAAA,uBAArBA,qBAAA,CAAuBG,OAAO,CAACzB,gBAAgB,CAAC;MAClD,IAAIuB,eAAe,EAAE;QACnB,OAAOG,IAAI,CAACC,KAAK,CAACJ,eAAe,CAAC;MACpC;IACF;IACA,OAAO9B,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAID,WAAW;EAE5B,CAAC,EAAE,EAAE,CAAC;EACN,MAAMoC,eAAe,GAAGxD,MAAM,CAAgBiD,WAAW,CAAC;EAG1D,MAAMQ,eAAe,GAAGzD,MAAM,CAAmB,CAAC;EAClD,MAAM0D,eAAe,GAAGxD,WAAW,CAAC,MAAM;IAAA,IAAAyD,qBAAA;IACxC,IAAI,CAACF,eAAe,CAACV,OAAO,EAAE;MAE5B;IACF;IAEA,IAAI,GAAAY,qBAAA,GAACF,eAAe,CAACV,OAAO,cAAAY,qBAAA,eAAvBA,qBAAA,CAAAC,IAAA,CAAAH,eAAe,EAAWD,eAAe,CAACT,OAAO,CAAC,GAAE;MAEvDJ,SAAS,CAACI,OAAO,GAAGzC,qBAAqB,CACvCmD,eAAe,CAACV,OAAO,CAACc,MAC1B,CAAC;IACH,CAAC,MAAM;MACLlB,SAAS,CAACI,OAAO,GAAGT,SAAS;IAC/B;EACF,CAAC,EAAE,EAAE,CAAC;EACN,MAAMwB,YAAY,GAAG5D,WAAW,CAAC,MAAM;IACrC,IAAI,CAACuD,eAAe,CAACV,OAAO,EAAE;MAE5B;IACF;IAEAW,eAAe,CAAC,CAAC;IACjBrB,WAAW,CAAC,CAAC;EACf,CAAC,EAAE,CAACqB,eAAe,CAAC,CAAC;EAGrB,MAAMK,aAAa,GAAG7D,WAAW,CAAE8D,IAAU,IAAK;IAAA,IAAAC,kBAAA;IAChD,OAAOC,OAAO,CACZ,EAAAD,kBAAA,GAAAtB,SAAS,CAACI,OAAO,cAAAkB,kBAAA,uBAAjBA,kBAAA,CAAoBD,IAAI,CAAC,MAAK1B,SAAS,IACrCU,kBAAkB,CAACD,OAAO,CAACoB,QAAQ,CAACH,IAAI,CAC5C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EACN,MAAMI,SAAS,GAAGlE,WAAW,CAAC,MAAM;IAClC,OAAOgE,OAAO,CACZxB,oBAAoB,CAACK,OAAO,CAACsB,IAAI,CAAEL,IAAI,IAAKD,aAAa,CAACC,IAAI,CAAC,CACjE,CAAC;EACH,CAAC,EAAE,CAACD,aAAa,CAAC,CAAC;EAKnB,MAAMO,iBAAiB,GAAGpE,WAAW,CACnC,CAAC8D,IAAU,EAAEO,SAAkB,KAAK;IAClC,IAAIA,SAAS,KAAKvB,kBAAkB,CAACD,OAAO,CAACoB,QAAQ,CAACH,IAAI,CAAC,EAAE;MAE3DhB,kBAAkB,CAACD,OAAO,GAAGwB,SAAS,GAClCC,WAAW,CAACxB,kBAAkB,CAACD,OAAO,EAAEiB,IAAI,CAAC,GAC7CS,cAAc,CAACzB,kBAAkB,CAACD,OAAO,EAAEiB,IAAI,CAAC;MACpD3B,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EACD,EACF,CAAC;EAKD,MAAMqC,iBAAiB,GAAGxE,WAAW,CACnC,UAACmB,IAAU,EAA0B;IAAA,IAAxBsD,MAAM,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAtC,SAAA,GAAAsC,SAAA,MAAG9C,UAAU;IAC9B,IAAI6C,MAAM,EAAE;MACV,MAAMG,QAAQ,GAAAC,aAAA,KAAQ1D,IAAI,CAAE;MAC5B2D,MAAM,CAACC,OAAO,CAACC,aAAa,CAACnC,OAAO,CAAC,CAACoC,OAAO,CAACC,KAAA,IAAmB;QAAA,IAAlB,CAACpB,IAAI,EAAEqB,KAAK,CAAC,GAAAD,KAAA;QAC1D,MAAME,MAAM,GAAGlF,OAAO,CAACmF,GAAG,CAAClE,IAAI,EAAE2C,IAAI,CAAC;QACtC,MAAMwB,MAAM,GAAGb,MAAM,CACnBX,IAAI,EACJsB,MAAM,GAAGlF,OAAO,CAACqF,GAAG,CAACpE,IAAI,EAAE2C,IAAI,CAAC,GAAG1B,SAAS,EAC5C+C,KACF,CAAC;QACD,IAAIG,MAAM,KAAK,KAAK,IAAIF,MAAM,EAAE;UAC9BlF,OAAO,CAACsF,MAAM,CAACZ,QAAQ,EAAEd,IAAI,CAAC;QAChC;MACF,CAAC,CAAC;MAEF,OAAOc,QAAQ;IACjB;IAEA,OAAOzD,IAAI;EACb,CAAC,EACD,CAACS,UAAU,CACb,CAAC;EACD,MAAMoD,aAAa,GAAGlF,MAAM,CAA6B,CAAC,CAAC,CAAC;EAC5D,MAAM2F,QAAQ,GAAGzF,WAAW,CAC1B,CAAC8D,IAAU,EAAEqB,KAA8B,KAAK;IAC9CH,aAAa,CAACnC,OAAO,CAACiB,IAAI,CAAC,GAAGqB,KAAK;EACrC,CAAC,EACD,EACF,CAAC;EAGD,MAAMO,UAAU,GAAGnF,cAAc,CAAOU,EAAE,CAAC;EAC3C,MAAM0E,iBAAiB,GAAGpF,cAAc,CAIrCU,EAAE,GAAG,cAAc,CAAC;EAEvB,MAAM2E,gBAAgB,GAAGF,UAAU,CAACG,MAAM;EAC1C,MAAMC,gBAAgB,GAAGJ,UAAU,CAACK,MAAM;EAC1C,MAAMC,gBAAgB,GAAGL,iBAAiB,CAACI,MAAM;EACjD,MAAME,mBAAmB,IAAAjF,qBAAA,GAAG2E,iBAAiB,CAACxE,IAAI,cAAAH,qBAAA,uBAAtBA,qBAAA,CAAwBiF,mBAAmB;EAEvE,MAAMC,QAAQ,GAAGpG,MAAM,CAAC;IACtBqB,IAAI;IACJC,MAAM;IACN+E,MAAM,EAAET,UAAU,CAACvE,IAAI;IACvBiF,kBAAkB,EAAE;EACtB,CAAC,CAAC;EAEF,MAAMC,QAAQ,GAAGvG,MAAM,CAAC,CAAC,CAAC;EAC1B,IAAIuG,QAAQ,CAACxD,OAAO,EAAE,GAAG,GAAG,EAAE;IAC5B,MAAM,IAAIyD,KAAK,CAAC,oBAAoB,GAAGD,QAAQ,CAACxD,OAAO,CAAC;EAC1D;EAEAS,eAAe,CAACT,OAAO,GAAG9C,OAAO,CAAC,MAAM;IAEtC,IAAIkB,EAAE,IAAI8B,WAAW,IAAI,CAAC2C,UAAU,CAACvE,IAAI,EAAE;MACzCuE,UAAU,CAACG,MAAM,CAAC9C,WAAW,CAAC;IAChC;IAGA,IACE9B,EAAE,IACF8B,WAAW,IACX2C,UAAU,CAACvE,IAAI,IACf+E,QAAQ,CAACrD,OAAO,CAACsD,MAAM,KAAKT,UAAU,CAACvE,IAAI,IAC3CmC,eAAe,CAACT,OAAO,KAAKE,WAAW,EACvC;MACA,OAAA8B,aAAA,CAAAA,aAAA,KACKvB,eAAe,CAACT,OAAO,GACvB6C,UAAU,CAACvE,IAAI;IAEtB;IAGA,IACEF,EAAE,IACF,CAAC8B,WAAW,IACZ,CAACO,eAAe,CAACT,OAAO,IACxB6C,UAAU,CAACvE,IAAI,IACf+E,QAAQ,CAACrD,OAAO,CAACsD,MAAM,KAAKT,UAAU,CAACvE,IAAI,EAC3C;MACA,OAAOuE,UAAU,CAACvE,IAAI;IACxB;IAGA,IACEF,EAAE,IACFyE,UAAU,CAACvE,IAAI,IACf+E,QAAQ,CAACrD,OAAO,CAACsD,MAAM,KAAKT,UAAU,CAACvE,IAAI,IAC3CuE,UAAU,CAACvE,IAAI,KAAKmC,eAAe,CAACT,OAAO,EAC3C;MACAqD,QAAQ,CAACrD,OAAO,CAACsD,MAAM,GAAGT,UAAU,CAACvE,IAAI;MACzC,OAAA0D,aAAA,CAAAA,aAAA,KACKvB,eAAe,CAACT,OAAO,GACvB6C,UAAU,CAACvE,IAAI;IAEtB;IAGA,IAAIA,IAAI,KAAK+E,QAAQ,CAACrD,OAAO,CAAC1B,IAAI,EAAE;MAClC+E,QAAQ,CAACrD,OAAO,CAAC1B,IAAI,GAAGA,IAAI;MAC5B,OAAOA,IAAI;IACb;IAEA,OAAOmC,eAAe,CAACT,OAAO;EAChC,CAAC,EAAE,CAAC5B,EAAE,EAAEE,IAAI,EAAE4B,WAAW,EAAE2C,UAAU,CAAC,CAAC;EAEvChF,eAAe,CAAC,MAAM;IAEpB,IAAIO,EAAE,IAAI8B,WAAW,IAAI,CAAC2C,UAAU,CAACvE,IAAI,EAAE;MACzC2E,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAG/C,WAAW,CAAC;IACjC;EACF,CAAC,EAAE,CAAC9B,EAAE,EAAE8B,WAAW,EAAE+C,gBAAgB,EAAEJ,UAAU,CAACvE,IAAI,CAAC,CAAC;EAExDpB,OAAO,CAAC,MAAM;IACZyD,eAAe,CAAC,CAAC;EAGnB,CAAC,EAAE,CAACF,eAAe,CAACT,OAAO,CAAC,CAAC;EAE7BnC,eAAe,CAAC,MAAM;IACpB,IAAIO,EAAE,EAAE;MACN+E,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAG;QAAExB,iBAAiB;QAAEN;MAAU,CAAC,CAAC;MACpD,IAAItC,UAAU,EAAE;QACdqE,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,CAAC;MACzB;IACF;EACF,CAAC,EAAE,CACDrE,UAAU,EACV4C,iBAAiB,EACjByB,mBAAmB,EACnB/B,SAAS,EACTjD,EAAE,EACF+E,gBAAgB,CACjB,CAAC;EAKF,MAAMO,eAAgC,GAAGvG,WAAW,CAClD,CAAC8D,IAAI,EAAE0C,KAAK,KAAK;IAAA,IAAAC,qBAAA;IACf,IAAI,CAAC3C,IAAI,EAAE;MACT;IACF;IAEA,MAAM4C,SAAS,GACb5C,IAAI,KAAK,GAAG,GAER0C,KAAK,IAAAC,qBAAA,GAELnD,eAAe,CAACT,OAAO,cAAA4D,qBAAA,cAAAA,qBAAA,GACtB3C,IAAI,CAAC6C,KAAK,CAAC9F,kBAAkB,CAAC,GAAG,EAAE,GAAG,CAAC,CACrC;IAET,IAAI+F,OAAa,GAAG,IAAI;IACxB,IAAI;MAEFA,OAAO,GAAGnG,eAAe,CAACiG,SAAS,CAAC;IACtC,CAAC,CAAC,OAAOG,CAAC,EAAE;MACVD,OAAO,GAAGF,SAAS;IACrB;IAEA,IAAI5C,IAAI,KAAK,GAAG,EAAE;MAChB5D,OAAO,CAAC4G,GAAG,CAACF,OAAO,EAAE9C,IAAI,EAAE0C,KAAK,CAAC;IACnC;IAEA,IAAIvF,EAAE,EAAE;MACN2E,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAGgB,OAAO,CAAC;MAC3B,IAAIhF,UAAU,EAAE;QACdqE,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,CAAC;MACzB;IACF;IAEA3C,eAAe,CAACT,OAAO,GAAG+D,OAAO;IAEjC,IAAIlF,gBAAgB,IAAI,OAAOf,MAAM,KAAK,WAAW,EAAE;MAAA,IAAAoG,sBAAA;MACrD,CAAAA,sBAAA,GAAApG,MAAM,CAACuC,cAAc,cAAA6D,sBAAA,uBAArBA,sBAAA,CAAuBC,OAAO,CAC5BtF,gBAAgB,EAChB0B,IAAI,CAAC6D,SAAS,CAACL,OAAO,CACxB,CAAC;IACH;IAEAzE,WAAW,CAAC,CAAC;IAEb,OAAOyE,OAAO;EAChB,CAAC,EACD,CACEhF,UAAU,EACVX,EAAE,EACFS,gBAAgB,EAChBuE,mBAAmB,EACnBL,gBAAgB,CAEpB,CAAC;EAKD,MAAMsB,gBAAiC,GAAGlH,WAAW,CACnD,CAAC8D,IAAI,EAAE0C,KAAK,KAAK;IACf,IAAI,CAAC1C,IAAI,EAAE;MACT;IACF;IAEAxC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGwC,IAAI,EAAE0C,KAAK,CAAC;IAE3B,MAAMI,OAAO,GAAGL,eAAe,CAACzC,IAAI,EAAE0C,KAAK,CAAC;IAE5CnF,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGuF,OAAe,CAAC;IAE3BlE,gBAAgB,CAACG,OAAO,GAAG,KAAK;IAEhCe,YAAY,CAAC,CAAC;EAChB,CAAC,EACD,CAACtC,YAAY,EAAEiF,eAAe,EAAElF,QAAQ,EAAEuC,YAAY,CACxD,CAAC;EAGD,MAAMuD,gBAAgB,GAAGnH,WAAW,CAAE8D,IAAU,IAAK;IACnDtB,oBAAoB,CAACK,OAAO,GAAGyB,WAAW,CACxC9B,oBAAoB,CAACK,OAAO,EAC5BiB,IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMsD,kBAAkB,GAAGpH,WAAW,CAAE8D,IAAU,IAAK;IAAA,IAAAuD,qBAAA;IACrD7E,oBAAoB,CAACK,OAAO,GAAG0B,cAAc,CAC3C/B,oBAAoB,CAACK,OAAO,EAC5BiB,IACF,CAAC;IACD,KAAAuD,qBAAA,GAAIrC,aAAa,CAACnC,OAAO,cAAAwE,qBAAA,eAArBA,qBAAA,CAAwBvD,IAAI,CAAC,EAAE;MACjC,OAAOkB,aAAa,CAACnC,OAAO,CAACiB,IAAI,CAAC;IACpC;EACF,CAAC,EAAE,EAAE,CAAC;EAGN,MAAMwD,WAAW,GAAGtH,WAAW,CAAC,MAAM;IACpC,IAAI,OAAOW,MAAM,KAAK,WAAW,EAAE;MAAA,IAAA4G,OAAA,EAAAC,gBAAA;MACjC,CAAAD,OAAA,GAAA5G,MAAM,cAAA4G,OAAA,wBAAAC,gBAAA,GAAND,OAAA,CAAQE,QAAQ,cAAAD,gBAAA,uBAAhBA,gBAAA,CAAA9D,IAAA,CAAA6D,OAAA,EAAmB;QAAEG,GAAG,EAAE,CAAC;QAAEC,QAAQ,EAAE;MAAS,CAAC,CAAC;IACpD;EACF,CAAC,EAAE,EAAE,CAAC;EAKN,MAAMC,YAAY,GAAG5H,WAAW,CAC9B,YAAiC;IAAA,IAAhC;MAAE6H,WAAW,GAAG;IAAK,CAAC,GAAAnD,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAtC,SAAA,GAAAsC,SAAA,MAAG,CAAC,CAAC;IAC1B,IAAI,CAACR,SAAS,CAAC,CAAC,EAAE;MAChB,MAAM4D,SAAS,GAAGA,CAAA,KAAM;QAAA,IAAAC,kBAAA;QACtBF,WAAW,aAAXA,WAAW,wBAAAE,kBAAA,GAAXF,WAAW,CAAEG,KAAK,cAAAD,kBAAA,uBAAlBA,kBAAA,CAAArE,IAAA,CAAAmE,WAAqB,CAAC;QAEtB,IAAI,OAAOlH,MAAM,KAAK,WAAW,EAAE;UACjC,IAAIe,gBAAgB,EAAE;YACpBf,MAAM,CAACuC,cAAc,CAAC+E,UAAU,CAACvG,gBAAgB,CAAC;UACpD;QACF;QAEAS,WAAW,CAAC,CAAC;MACf,CAAC;MACD,MAAM+F,SAAS,GAAGA,CAAA,KAAM;QACtB5E,eAAe,CAACT,OAAO,GAAG,CAAC,CAAC;QAC5BV,WAAW,CAAC,CAAC;MACf,CAAC;MAEDZ,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGiD,iBAAiB,CAAClB,eAAe,CAACT,OAAe,CAAC,EAAE;QAC7DiF,SAAS;QACTI;MACF,CAAC,CAAC;MAEF,IAAIzG,iBAAiB,EAAE;QACrB6F,WAAW,CAAC,CAAC;MACf;IACF,CAAC,MAAM;MACL3E,gBAAgB,CAAC,IAAI,CAAC;MACtBnB,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAG,CAAC;IACrB;IAEA,OAAO8B,eAAe,CAACT,OAAO;EAChC,CAAC,EACD,CACEqB,SAAS,EACT3C,QAAQ,EACRiD,iBAAiB,EACjB/C,iBAAiB,EACjBC,gBAAgB,EAChB4F,WAAW,EACX3E,gBAAgB,EAChBnB,eAAe,CAEnB,CAAC;EAIDnB,cAAc,CAAC,MAAM;IACnB,IAAIe,MAAM,EAAE;MAAA,IAAA+G,eAAA;MACV5E,eAAe,CAACV,OAAO,IAAAsF,eAAA,GAAG5F,MAAM,CAACM,OAAO,cAAAsF,eAAA,uBAAdA,eAAA,CAAgBC,OAAO,CAAChH,MAAM,CAAC;IAC3D;IAGAwC,YAAY,CAAC,CAAC;EAChB,CAAC,CAAC;EAEFtD,eAAe,CAAC,MAAM;IACpB,IAAIc,MAAM,IAAIA,MAAM,KAAK8E,QAAQ,CAACrD,OAAO,CAACzB,MAAM,EAAE;MAAA,IAAAiH,gBAAA;MAChDnC,QAAQ,CAACrD,OAAO,CAACzB,MAAM,GAAGA,MAAM;MAChCmC,eAAe,CAACV,OAAO,IAAAwF,gBAAA,GAAG9F,MAAM,CAACM,OAAO,cAAAwF,gBAAA,uBAAdA,gBAAA,CAAgBD,OAAO,CAAChH,MAAM,CAAC;MAEzDwC,YAAY,CAAC,CAAC;MACdzB,WAAW,CAAC,CAAC;IACf;EACF,CAAC,EAAE,CAACf,MAAM,EAAEwC,YAAY,EAAEzB,WAAW,CAAC,CAAC;EAEvC,OACEtC,KAAA,CAAAyI,aAAA,CAAC9H,OAAO,CAACM,QAAQ;IACf0F,KAAK,EAAA3B,aAAA,CAAAA,aAAA;MACH0D,UAAU,EAAE,IAAI;MAChBpH,IAAI,EAAEmC,eAAe,CAACT;IAAO,GAC1Bb,IAAI;MACPkF,gBAAgB;MAChBX,eAAe;MACf3C,YAAY;MACZgE,YAAY;MACZN,WAAW;MACX3D,MAAM,EAAElB,SAAS,CAACI,OAAO;MACzBD,aAAa,EAAEF,gBAAgB,CAACG,OAAO;MACvCF,gBAAgB;MAChB6F,iBAAiB,EAAEhG,oBAAoB,CAACK,OAAO;MAC/CsE,gBAAgB;MAChBC,kBAAkB;MAClBlD,SAAS;MACTL,aAAa;MACbO,iBAAiB;MACjBqB,QAAQ;MACR9D,WAAW,EAAEY,MAAM,CAACM,OAAO;MAC3BzB,MAAM;MACNU;IAAoB;EACpB,GAEDC,QACe,CAAC;AAEvB;AAIA,SAASuC,WAAWA,CAACmE,KAAe,EAAE3E,IAAU,EAAY;EAC1D,OAAO2E,KAAK,CAACxE,QAAQ,CAACH,IAAI,CAAC,GAAG2E,KAAK,GAAGA,KAAK,CAACC,MAAM,CAAC5E,IAAI,CAAC;AAC1D;AAEA,SAASS,cAAcA,CAACkE,KAAe,EAAE3E,IAAU,EAAY;EAC7D,OAAO2E,KAAK,CAAChE,MAAM,CAAEkE,QAAQ,IAAKA,QAAQ,KAAK7E,IAAI,CAAC;AACtD"}

package/extensions/forms/Field/Currency/Currency.js

@@ -15,7 +15,7 @@ function Currency(props) {
   const context = React.useContext(Context);
   const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
     currency: (_props$currency = props.currency) !== null && _props$currency !== void 0 ? _props$currency : CURRENCY,
-    placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : getCurrencySymbol(context === null || context === void 0 ? void 0 : context.locale, props.currency)
+    placeholder: (_props$placeholder = props.placeholder) !== null && _props$placeholder !== void 0 ? _props$placeholder : getCurrencySymbol(context === null || context === void 0 ? void 0 : context.locale, props.currency, props.currencyDisplay)
   });
   return React.createElement(NumberField, _extends({}, preparedProps, {
     className: classnames('dnb-forms-field-currency', props.className)

package/extensions/forms/Field/Currency/Currency.js.map

@@ -1 +1 @@
-{"version":3,"file":"Currency.js","names":["React","classnames","Context","getCurrencySymbol","CURRENCY","NumberField","Currency","props","_props$currency","_props$placeholder","context","useContext","preparedProps","_objectSpread","currency","placeholder","locale","createElement","_extends","className","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Context } from '../../../../shared'\nimport { getCurrencySymbol } from '../../../../components/number-format/NumberUtils'\nimport { CURRENCY } from '../../../../shared/defaults'\nimport NumberField, { Props as NumberFieldProps } from '../Number'\n\nexport type Props = NumberFieldProps\n\nfunction Currency(props: Props) {\n  const context = React.useContext(Context)\n  const preparedProps = {\n    ...props,\n    currency: props.currency ?? CURRENCY,\n    placeholder:\n      props.placeholder ??\n      getCurrencySymbol(context?.locale, props.currency),\n  }\n\n  return (\n    <NumberField\n      {...preparedProps}\n      className={classnames('dnb-forms-field-currency', props.className)}\n    />\n  )\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,iBAAiB,QAAQ,kDAAkD;AACpF,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,OAAOC,WAAW,MAAqC,WAAW;AAIlE,SAASC,QAAQA,CAACC,KAAY,EAAE;EAAA,IAAAC,eAAA,EAAAC,kBAAA;EAC9B,MAAMC,OAAO,GAAGV,KAAK,CAACW,UAAU,CAACT,OAAO,CAAC;EACzC,MAAMU,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdN,KAAK;IACRO,QAAQ,GAAAN,eAAA,GAAED,KAAK,CAACO,QAAQ,cAAAN,eAAA,cAAAA,eAAA,GAAIJ,QAAQ;IACpCW,WAAW,GAAAN,kBAAA,GACTF,KAAK,CAACQ,WAAW,cAAAN,kBAAA,cAAAA,kBAAA,GACjBN,iBAAiB,CAACO,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,MAAM,EAAET,KAAK,CAACO,QAAQ;EAAC,EACrD;EAED,OACEd,KAAA,CAAAiB,aAAA,CAACZ,WAAW,EAAAa,QAAA,KACNN,aAAa;IACjBO,SAAS,EAAElB,UAAU,CAAC,0BAA0B,EAAEM,KAAK,CAACY,SAAS;EAAE,EACpE,CAAC;AAEN;AAEAb,QAAQ,CAACc,qBAAqB,GAAG,IAAI;AACrC,eAAed,QAAQ"}
+{"version":3,"file":"Currency.js","names":["React","classnames","Context","getCurrencySymbol","CURRENCY","NumberField","Currency","props","_props$currency","_props$placeholder","context","useContext","preparedProps","_objectSpread","currency","placeholder","locale","currencyDisplay","createElement","_extends","className","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Currency/Currency.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Context } from '../../../../shared'\nimport { getCurrencySymbol } from '../../../../components/number-format/NumberUtils'\nimport { CURRENCY } from '../../../../shared/defaults'\nimport NumberField, { Props as NumberFieldProps } from '../Number'\n\nexport type Props = NumberFieldProps\n\nfunction Currency(props: Props) {\n  const context = React.useContext(Context)\n  const preparedProps = {\n    ...props,\n    currency: props.currency ?? CURRENCY,\n    placeholder:\n      props.placeholder ??\n      getCurrencySymbol(\n        context?.locale,\n        props.currency,\n        props.currencyDisplay\n      ),\n  }\n\n  return (\n    <NumberField\n      {...preparedProps}\n      className={classnames('dnb-forms-field-currency', props.className)}\n    />\n  )\n}\n\nCurrency._supportsSpacingProps = true\nexport default Currency\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,OAAO,QAAQ,oBAAoB;AAC5C,SAASC,iBAAiB,QAAQ,kDAAkD;AACpF,SAASC,QAAQ,QAAQ,6BAA6B;AACtD,OAAOC,WAAW,MAAqC,WAAW;AAIlE,SAASC,QAAQA,CAACC,KAAY,EAAE;EAAA,IAAAC,eAAA,EAAAC,kBAAA;EAC9B,MAAMC,OAAO,GAAGV,KAAK,CAACW,UAAU,CAACT,OAAO,CAAC;EACzC,MAAMU,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdN,KAAK;IACRO,QAAQ,GAAAN,eAAA,GAAED,KAAK,CAACO,QAAQ,cAAAN,eAAA,cAAAA,eAAA,GAAIJ,QAAQ;IACpCW,WAAW,GAAAN,kBAAA,GACTF,KAAK,CAACQ,WAAW,cAAAN,kBAAA,cAAAA,kBAAA,GACjBN,iBAAiB,CACfO,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,MAAM,EACfT,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACU,eACR;EAAC,EACJ;EAED,OACEjB,KAAA,CAAAkB,aAAA,CAACb,WAAW,EAAAc,QAAA,KACNP,aAAa;IACjBQ,SAAS,EAAEnB,UAAU,CAAC,0BAA0B,EAAEM,KAAK,CAACa,SAAS;EAAE,EACpE,CAAC;AAEN;AAEAd,QAAQ,CAACe,qBAAqB,GAAG,IAAI;AACrC,eAAef,QAAQ"}

package/extensions/forms/Field/Expiry/Expiry.js

@@ -58,6 +58,7 @@ function Expiry(props) {
   const status = hasError ? 'error' : warning ? 'warn' : info ? 'info' : null;
   return React.createElement(FieldBlock, _extends({
     className: classnames('dnb-forms-field-expiry', className),
+    id: id,
     forId: `${id}-input-month`,
     label: label,
     layout: layout,

package/extensions/forms/Field/Expiry/Expiry.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expiry.js","names":["React","useCallback","useContext","SharedContext","pickSpacingProps","useDataValue","classnames","FieldBlock","MultiInputMask","HelpButton","useErrorMessage","Expiry","props","_value$substring","sharedContext","translations","translation","Forms","placeholders","DatePicker","placeholder_characters","errorMessages","path","required","dateErrorRequired","validateRequired","value","_ref","error","undefined","preparedProps","_objectSpread","fromInput","toExpiryString","id","className","label","expiryLabel","hasError","info","warning","help","disabled","labelDescription","layout","ariaAttributes","handleFocus","handleBlur","handleChange","expiry","month","ensureValidMonth","substring","year","status","createElement","_extends","forId","stretch","values","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","getMonthMask","placeholderCharacter","autoComplete","suffix","title","content","Object","join","firstMask","secondMask","firstDigit","charAt","isFirstDigitValid","test","seconDigit","isSecondDigitValid","_supportsEufemiaSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport SharedContext from '../../../../shared/Context'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useDataValue } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { HelpButton } from '../../../../components'\nimport useErrorMessage from '../../hooks/useErrorMessage'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldHelpProps & FieldProps<string>\n\nfunction Expiry(props: ExpiryProps) {\n  const sharedContext = useContext(SharedContext)\n  const translations = sharedContext?.translation.Forms\n  const placeholders =\n    sharedContext?.translation.DatePicker.placeholder_characters\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.dateErrorRequired,\n  })\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    fromInput: toExpiryString,\n    validateRequired,\n  }\n\n  const {\n    id,\n    className,\n    label = translations.expiryLabel,\n    error,\n    hasError,\n    info,\n    warning,\n    help,\n    disabled,\n    value = '',\n    labelDescription,\n    layout = 'vertical',\n    ariaAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  } = useDataValue(preparedProps)\n\n  const expiry: ExpiryValue = {\n    month: ensureValidMonth(value?.substring(0, 2)),\n    year: value?.substring(2, 4) ?? '',\n  }\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-expiry', className)}\n      forId={`${id}-input-month`}\n      label={label}\n      layout={layout}\n      labelDescription={labelDescription}\n      info={info}\n      warning={warning}\n      error={error}\n      {...pickSpacingProps(props)}\n    >\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: sharedContext?.translation.DatePicker['month'],\n            mask: getMonthMask(expiry?.month),\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...ariaAttributes,\n          },\n          {\n            id: 'year',\n            label: sharedContext?.translation.DatePicker['year'],\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...ariaAttributes,\n          },\n        ]}\n        suffix={\n          help ? (\n            <HelpButton title={help.title}>{help.content}</HelpButton>\n          ) : undefined\n        }\n      />\n    </FieldBlock>\n  )\n\n  function toExpiryString(values: ExpiryValue) {\n    return Object.values(values).join('')\n  }\n\n  function ensureValidMonth(month: string) {\n    // Return empty value if no month is given\n    if (!month) {\n      return ''\n    }\n\n    const [firstMask, secondMask] = getMonthMask(month)\n\n    const firstDigit = month?.charAt(0)\n    const isFirstDigitValid = firstMask.test(firstDigit)\n\n    if (firstDigit && !isFirstDigitValid) {\n      // Return empty value if the first digit is invalid\n      return ''\n    }\n\n    const seconDigit = month?.charAt(1)\n    const isSecondDigitValid = secondMask.test(seconDigit)\n\n    if (seconDigit && !isSecondDigitValid) {\n      // Return empty value if the second digit is invalid\n      return ''\n    }\n\n    // Return given month of month value is valid\n    return month\n  }\n\n  function getMonthMask(month: string) {\n    const firstDigit = month?.charAt(0)\n\n    return [\n      /[0-1]/,\n      firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,\n    ]\n  }\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n"],"mappings":"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"}
+{"version":3,"file":"Expiry.js","names":["React","useCallback","useContext","SharedContext","pickSpacingProps","useDataValue","classnames","FieldBlock","MultiInputMask","HelpButton","useErrorMessage","Expiry","props","_value$substring","sharedContext","translations","translation","Forms","placeholders","DatePicker","placeholder_characters","errorMessages","path","required","dateErrorRequired","validateRequired","value","_ref","error","undefined","preparedProps","_objectSpread","fromInput","toExpiryString","id","className","label","expiryLabel","hasError","info","warning","help","disabled","labelDescription","layout","ariaAttributes","handleFocus","handleBlur","handleChange","expiry","month","ensureValidMonth","substring","year","status","createElement","_extends","forId","stretch","values","statusState","onChange","onBlur","onFocus","delimiter","inputMode","inputs","mask","getMonthMask","placeholderCharacter","autoComplete","suffix","title","content","Object","join","firstMask","secondMask","firstDigit","charAt","isFirstDigitValid","test","seconDigit","isSecondDigitValid","_supportsEufemiaSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Expiry/Expiry.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport SharedContext from '../../../../shared/Context'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { useDataValue } from '../../hooks'\nimport classnames from 'classnames'\nimport FieldBlock from '../../FieldBlock'\nimport { MultiInputMask } from '../../../../components/input-masked'\nimport type { MultiInputMaskValue } from '../../../../components/input-masked'\nimport { HelpButton } from '../../../../components'\nimport useErrorMessage from '../../hooks/useErrorMessage'\n\ntype ExpiryValue = MultiInputMaskValue<'month' | 'year'>\n\nexport type ExpiryProps = FieldHelpProps & FieldProps<string>\n\nfunction Expiry(props: ExpiryProps) {\n  const sharedContext = useContext(SharedContext)\n  const translations = sharedContext?.translation.Forms\n  const placeholders =\n    sharedContext?.translation.DatePicker.placeholder_characters\n\n  const errorMessages = useErrorMessage(props.path, props.errorMessages, {\n    required: translations.dateErrorRequired,\n  })\n\n  const validateRequired = useCallback(\n    (value: string, { required, error }) => {\n      return required && !value ? error : undefined\n    },\n    []\n  )\n\n  const preparedProps: ExpiryProps = {\n    ...props,\n    errorMessages,\n    fromInput: toExpiryString,\n    validateRequired,\n  }\n\n  const {\n    id,\n    className,\n    label = translations.expiryLabel,\n    error,\n    hasError,\n    info,\n    warning,\n    help,\n    disabled,\n    value = '',\n    labelDescription,\n    layout = 'vertical',\n    ariaAttributes,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  } = useDataValue(preparedProps)\n\n  const expiry: ExpiryValue = {\n    month: ensureValidMonth(value?.substring(0, 2)),\n    year: value?.substring(2, 4) ?? '',\n  }\n\n  const status = hasError\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-expiry', className)}\n      id={id}\n      forId={`${id}-input-month`}\n      label={label}\n      layout={layout}\n      labelDescription={labelDescription}\n      info={info}\n      warning={warning}\n      error={error}\n      {...pickSpacingProps(props)}\n    >\n      <MultiInputMask\n        stretch\n        id={`${id}-input`}\n        values={expiry}\n        status={status}\n        statusState={disabled ? 'disabled' : undefined}\n        disabled={disabled}\n        onChange={handleChange}\n        onBlur={handleBlur}\n        onFocus={handleFocus}\n        delimiter=\"/\"\n        inputMode=\"numeric\"\n        inputs={[\n          {\n            id: 'month',\n            label: sharedContext?.translation.DatePicker['month'],\n            mask: getMonthMask(expiry?.month),\n            placeholderCharacter: placeholders['month'],\n            autoComplete: 'cc-exp-month',\n            ...ariaAttributes,\n          },\n          {\n            id: 'year',\n            label: sharedContext?.translation.DatePicker['year'],\n            mask: [/[0-9]/, /[0-9]/],\n            placeholderCharacter: placeholders['year'],\n            autoComplete: 'cc-exp-year',\n            ...ariaAttributes,\n          },\n        ]}\n        suffix={\n          help ? (\n            <HelpButton title={help.title}>{help.content}</HelpButton>\n          ) : undefined\n        }\n      />\n    </FieldBlock>\n  )\n\n  function toExpiryString(values: ExpiryValue) {\n    return Object.values(values).join('')\n  }\n\n  function ensureValidMonth(month: string) {\n    // Return empty value if no month is given\n    if (!month) {\n      return ''\n    }\n\n    const [firstMask, secondMask] = getMonthMask(month)\n\n    const firstDigit = month?.charAt(0)\n    const isFirstDigitValid = firstMask.test(firstDigit)\n\n    if (firstDigit && !isFirstDigitValid) {\n      // Return empty value if the first digit is invalid\n      return ''\n    }\n\n    const seconDigit = month?.charAt(1)\n    const isSecondDigitValid = secondMask.test(seconDigit)\n\n    if (seconDigit && !isSecondDigitValid) {\n      // Return empty value if the second digit is invalid\n      return ''\n    }\n\n    // Return given month of month value is valid\n    return month\n  }\n\n  function getMonthMask(month: string) {\n    const firstDigit = month?.charAt(0)\n\n    return [\n      /[0-1]/,\n      firstDigit === '0' || firstDigit === '' ? /[1-9]/ : /[0-2]/,\n    ]\n  }\n}\n\nExpiry._supportsEufemiaSpacingProps = true\nexport default Expiry\n"],"mappings":"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"}

package/extensions/forms/Field/FieldDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../../shared/types';
+export declare const fieldProperties: PropertiesTableProps;
+export declare const fieldEvents: PropertiesTableProps;

package/extensions/forms/Field/FieldDocs.js

@@ -0,0 +1,8 @@
+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; }
+import { fieldBlockProperties } from '../FieldBlock/FieldBlockDocs';
+import { dataValueEvents, dataValueProperties } from '../hooks/DataValueDocs';
+export const fieldProperties = _objectSpread(_objectSpread({}, dataValueProperties), fieldBlockProperties);
+export const fieldEvents = _objectSpread({}, dataValueEvents);
+//# sourceMappingURL=FieldDocs.js.map

package/extensions/forms/Field/FieldDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldDocs.js","names":["fieldBlockProperties","dataValueEvents","dataValueProperties","fieldProperties","_objectSpread","fieldEvents"],"sources":["../../../../../src/extensions/forms/Field/FieldDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\nimport { fieldBlockProperties } from '../FieldBlock/FieldBlockDocs'\nimport {\n  dataValueEvents,\n  dataValueProperties,\n} from '../hooks/DataValueDocs'\n\nexport const fieldProperties: PropertiesTableProps = {\n  ...dataValueProperties,\n  ...fieldBlockProperties,\n}\n\nexport const fieldEvents: PropertiesTableProps = {\n  ...dataValueEvents,\n}\n"],"mappings":";;;AACA,SAASA,oBAAoB,QAAQ,8BAA8B;AACnE,SACEC,eAAe,EACfC,mBAAmB,QACd,wBAAwB;AAE/B,OAAO,MAAMC,eAAqC,GAAAC,aAAA,CAAAA,aAAA,KAC7CF,mBAAmB,GACnBF,oBAAoB,CACxB;AAED,OAAO,MAAMK,WAAiC,GAAAD,aAAA,KACzCH,eAAe,CACnB"}

package/extensions/forms/Field/Number/Number.d.ts

@@ -13,6 +13,7 @@ interface ErrorMessages extends CustomErrorMessages {
 export type Props = FieldHelpProps & FieldProps<number, undefined, ErrorMessages> & {
     inputClassName?: string;
     currency?: InputMaskedProps['as_currency'];
+    currencyDisplay?: 'code' | 'symbol' | 'narrowSymbol' | 'name';
     percent?: InputMaskedProps['as_percent'];
     mask?: InputMaskedProps['mask'];
     step?: number;

package/extensions/forms/Field/Number/Number.js

@@ -7,6 +7,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useContext, useMemo, useCallback } from 'react';
 import { InputMasked, HelpButton, Button } from '../../../../components';
 import SharedContext from '../../../../shared/Context';
+import FieldBlockContext from '../../FieldBlock/FieldBlockContext';
 import classnames from 'classnames';
 import FieldBlock from '../../FieldBlock';
 import { useDataValue } from '../../hooks';
@@ -15,10 +16,12 @@ import { clamp } from '../../../../components/slider/SliderHelpers';
 import useErrorMessage from '../../hooks/useErrorMessage';
 function NumberComponent(props) {
   var _props$width, _sharedContext$transl, _sharedContext$transl2;
+  const fieldBlockContext = useContext(FieldBlockContext);
   const sharedContext = useContext(SharedContext);
   const tr = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms;
   const {
     currency,
+    currencyDisplay,
     percent,
     mask,
     step = 1,
@@ -77,7 +80,10 @@ function NumberComponent(props) {
     if (currency) {
       return {
         as_currency: currency,
-        mask_options
+        mask_options,
+        currency_mask: {
+          currencyDisplay
+        }
       };
     }
     if (percent) {
@@ -91,21 +97,21 @@ function NumberComponent(props) {
       mask,
       number_mask: _objectSpread({}, mask_options)
     };
-  }, [currency, decimalLimit, mask, percent, prefix, suffix]);
+  }, [currency, currencyDisplay, decimalLimit, mask, percent, prefix, suffix]);
   const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
     errorMessages,
     schema,
     toInput,
     fromInput,
     transformValue,
-    width: (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : 'medium'
+    width: (_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : fieldBlockContext !== null && fieldBlockContext !== void 0 && fieldBlockContext.composition ? 'stretch' : 'medium'
   });
   const {
     id,
     name,
     className,
-    autoComplete,
     inputClassName,
+    autoComplete,
     layout,
     placeholder,
     label,
@@ -163,7 +169,7 @@ function NumberComponent(props) {
     warning,
     error,
     disabled,
-    width: width === 'stretch' ? width : undefined,
+    width: width === 'stretch' || fieldBlockContext !== null && fieldBlockContext !== void 0 && fieldBlockContext.composition ? width : undefined,
     contentWidth: width !== false ? width : undefined
   }, pickSpacingProps(props));
   const increaseProps = showStepControls && {
@@ -205,7 +211,7 @@ function NumberComponent(props) {
     name,
     autoComplete,
     className: classnames(`dnb-forms-field-number__input dnb-input--${size}`, inputClassName),
-    step,
+    step: showStepControls ? step : undefined,
     placeholder,
     value,
     align: showStepControls ? 'center' : align
@@ -217,7 +223,7 @@ function NumberComponent(props) {
     disabled
   }, ariaAttributes), {}, {
     status: hasError ? 'error' : undefined,
-    stretch: width !== undefined,
+    stretch: Boolean(width !== undefined || (fieldBlockContext === null || fieldBlockContext === void 0 ? void 0 : fieldBlockContext.composition)),
     suffix: help && !showStepControls ? React.createElement(HelpButton, {
       title: help.title
     }, help.content) : undefined