@dnb/eufemia 10.46.0 → 10.47.0

package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js

@@ -0,0 +1,13 @@
+export const NationalIdentityNumberProperties = {
+  validate: {
+    doc: 'Using this prop you can disable the default validation.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  help: {
+    doc: 'Provide a help button. Object consisting of `title` and `content`.',
+    type: 'object',
+    status: 'optional'
+  }
+};
+//# sourceMappingURL=NationalIdentityNumberDocs.js.map

package/es/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NationalIdentityNumberDocs.js","names":["NationalIdentityNumberProperties","validate","doc","type","status","help"],"sources":["../../../../../../src/extensions/forms/Field/NationalIdentityNumber/NationalIdentityNumberDocs.tsx"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const NationalIdentityNumberProperties: PropertiesTableProps = {\n  validate: {\n    doc: 'Using this prop you can disable the default validation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide a help button. Object consisting of `title` and `content`.',\n    type: 'object',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,gCAAsD,GAAG;EACpEC,QAAQ,EAAE;IACRC,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Field/Slider/Slider.js

@@ -16,19 +16,19 @@ function SliderComponent(props) {
   const dataContextRef = useRef();
   dataContextRef.current = useContext(DataContext);
   const {
-    getValue
+    getSourceValue
   } = useDataValue();
   const getValues = useCallback(source => {
     if (Array.isArray(source)) {
-      return source.map(s => getValue(s) || 0);
+      return source.map(s => getSourceValue(s) || 0);
     }
-    return getValue(source) || 0;
-  }, [getValue]);
+    return getSourceValue(source) || 0;
+  }, [getSourceValue]);
   const value = getValues((_ref = (_props$paths = props.paths) !== null && _props$paths !== void 0 ? _props$paths : props.path) !== null && _ref !== void 0 ? _ref : props.value);
   const preparedProps = _objectSpread(_objectSpread({}, props), {}, {
-    step: getValue(props.step),
-    min: getValue(props.min),
-    max: getValue(props.max)
+    step: getSourceValue(props.step),
+    min: getSourceValue(props.min),
+    max: getSourceValue(props.max)
   });
   const {
     id,

package/es/extensions/forms/Field/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["React","useCallback","useContext","useRef","FieldBlock","useFieldProps","Slider","pickSpacingProps","HelpButton","DataContext","useDataValue","SliderComponent","props","_ref","_props$paths","dataContextRef","current","getValue","getValues","source","Array","isArray","map","s","value","paths","path","preparedProps","_objectSpread","step","min","max","id","width","layout","label","help","labelDescription","info","warning","error","hasError","disabled","handleChange","handleFocus","handleBlur","handleLocalChange","forEach","i","updateDataValue","fieldBlockProps","forId","sliderProps","status","undefined","suffix","createElement","title","content","on_change","on_drag_start","on_drag_end","vertical","reverse","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","extensions","stretch","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Slider/Slider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldBlockWidth,\n  FieldHelpProps,\n  FieldProps,\n  Path,\n} from '../../types'\nimport Slider, { SliderProps } from '../../../../components/Slider'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { HelpButton } from '../../../../components'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type SliderVisibilityEvent = React.MouseEvent<HTMLButtonElement> & {\n  value: string\n}\n\nexport type SliderValue = number | Array<number>\nexport type Props = FieldHelpProps &\n  FieldProps<SliderValue> & {\n    /**\n     * Define an array with JSON Pointers for multiple thumb buttons.\n     */\n    paths?: Array<Path>\n    step?: SliderProps['step'] | Path\n    min?: SliderProps['min'] | Path\n    max?: SliderProps['max'] | Path\n    vertical?: SliderProps['vertical']\n    reverse?: SliderProps['reverse']\n    hideButtons?: SliderProps['hideButtons']\n    multiThumbBehavior?: SliderProps['multiThumbBehavior']\n    thumbTitle?: SliderProps['thumbTitle']\n    subtractTitle?: SliderProps['subtractTitle']\n    addTitle?: SliderProps['addTitle']\n    numberFormat?: SliderProps['numberFormat']\n    tooltip?: SliderProps['tooltip']\n    alwaysShowTooltip?: SliderProps['alwaysShowTooltip']\n    extensions?: SliderProps['extensions']\n\n    /** Styling */\n    width?: FieldBlockWidth\n  }\n\nfunction SliderComponent(props: Props) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { getValue } = useDataValue()\n  const getValues = useCallback(\n    (source: SliderValue | Path | Array<Path>) => {\n      if (Array.isArray(source)) {\n        return source.map((s) => getValue(s) || 0)\n      }\n\n      return getValue(source) || 0\n    },\n    [getValue]\n  )\n\n  const value = getValues(props.paths ?? props.path ?? props.value)\n  const preparedProps = {\n    ...props,\n    step: getValue(props.step),\n    min: getValue(props.min),\n    max: getValue(props.max),\n  }\n\n  const {\n    id,\n    step = 1,\n    min = 0,\n    max = 100,\n    width = 'stretch',\n    layout,\n    label,\n    help,\n    labelDescription,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    handleChange,\n    handleFocus,\n    handleBlur,\n  } = useFieldProps(preparedProps)\n\n  const handleLocalChange = useCallback(\n    ({ value }: { value: number | number[] }) => {\n      if (Array.isArray(props.paths) && Array.isArray(value)) {\n        value.forEach((value, i) => {\n          dataContextRef.current.updateDataValue(props.paths[i], value)\n        })\n      }\n\n      handleChange?.(value)\n    },\n    [handleChange, props.paths]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    layout,\n    label,\n    labelDescription,\n    info,\n    warning,\n    error,\n    disabled,\n    width,\n    ...pickSpacingProps(props),\n  }\n\n  const sliderProps: SliderProps = {\n    value,\n    step,\n    min,\n    max,\n    disabled,\n    status: hasError ? 'error' : undefined,\n    suffix: help ? (\n      <HelpButton title={help.title}>{help.content}</HelpButton>\n    ) : undefined,\n    on_change: handleLocalChange,\n    on_drag_start: handleFocus,\n    on_drag_end: handleBlur,\n    vertical: props.vertical,\n    reverse: props.reverse,\n    hideButtons: props.hideButtons,\n    multiThumbBehavior: props.multiThumbBehavior,\n    thumbTitle: props.thumbTitle,\n    subtractTitle: props.subtractTitle,\n    addTitle: props.addTitle,\n    numberFormat: props.numberFormat,\n    tooltip: props.tooltip,\n    alwaysShowTooltip: props.alwaysShowTooltip,\n    extensions: props.extensions,\n    stretch: true,\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Slider {...sliderProps} />\n    </FieldBlock>\n  )\n}\n\nexport default SliderComponent\n\nSliderComponent._supportsSpacingProps = true\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC9D,OAAOC,UAAU,MAAoC,kBAAkB;AACvE,SAASC,aAAa,QAAQ,aAAa;AAO3C,OAAOC,MAAM,MAAuB,+BAA+B;AACnE,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,UAAU,QAAQ,wBAAwB;AACnD,OAAOC,WAAW,MAAwB,2BAA2B;AACrE,OAAOC,YAAY,MAAM,0BAA0B;AAgCnD,SAASC,eAAeA,CAACC,KAAY,EAAE;EAAA,IAAAC,IAAA,EAAAC,YAAA;EACrC,MAAMC,cAAc,GAAGZ,MAAM,CAAe,CAAC;EAC7CY,cAAc,CAACC,OAAO,GAAGd,UAAU,CAAeO,WAAW,CAAC;EAE9D,MAAM;IAAEQ;EAAS,CAAC,GAAGP,YAAY,CAAC,CAAC;EACnC,MAAMQ,SAAS,GAAGjB,WAAW,CAC1BkB,MAAwC,IAAK;IAC5C,IAAIC,KAAK,CAACC,OAAO,CAACF,MAAM,CAAC,EAAE;MACzB,OAAOA,MAAM,CAACG,GAAG,CAAEC,CAAC,IAAKN,QAAQ,CAACM,CAAC,CAAC,IAAI,CAAC,CAAC;IAC5C;IAEA,OAAON,QAAQ,CAACE,MAAM,CAAC,IAAI,CAAC;EAC9B,CAAC,EACD,CAACF,QAAQ,CACX,CAAC;EAED,MAAMO,KAAK,GAAGN,SAAS,EAAAL,IAAA,IAAAC,YAAA,GAACF,KAAK,CAACa,KAAK,cAAAX,YAAA,cAAAA,YAAA,GAAIF,KAAK,CAACc,IAAI,cAAAb,IAAA,cAAAA,IAAA,GAAID,KAAK,CAACY,KAAK,CAAC;EACjE,MAAMG,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdhB,KAAK;IACRiB,IAAI,EAAEZ,QAAQ,CAACL,KAAK,CAACiB,IAAI,CAAC;IAC1BC,GAAG,EAAEb,QAAQ,CAACL,KAAK,CAACkB,GAAG,CAAC;IACxBC,GAAG,EAAEd,QAAQ,CAACL,KAAK,CAACmB,GAAG;EAAC,EACzB;EAED,MAAM;IACJC,EAAE;IACFH,IAAI,GAAG,CAAC;IACRC,GAAG,GAAG,CAAC;IACPC,GAAG,GAAG,GAAG;IACTE,KAAK,GAAG,SAAS;IACjBC,MAAM;IACNC,KAAK;IACLC,IAAI;IACJC,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,WAAW;IACXC;EACF,CAAC,GAAGxC,aAAa,CAACsB,aAAa,CAAC;EAEhC,MAAMmB,iBAAiB,GAAG7C,WAAW,CACnC,CAAC;IAAEuB;EAAoC,CAAC,KAAK;IAC3C,IAAIJ,KAAK,CAACC,OAAO,CAACT,KAAK,CAACa,KAAK,CAAC,IAAIL,KAAK,CAACC,OAAO,CAACG,KAAK,CAAC,EAAE;MACtDA,KAAK,CAACuB,OAAO,CAAC,CAACvB,KAAK,EAAEwB,CAAC,KAAK;QAC1BjC,cAAc,CAACC,OAAO,CAACiC,eAAe,CAACrC,KAAK,CAACa,KAAK,CAACuB,CAAC,CAAC,EAAExB,KAAK,CAAC;MAC/D,CAAC,CAAC;IACJ;IAEAmB,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGnB,KAAK,CAAC;EACvB,CAAC,EACD,CAACmB,YAAY,EAAE/B,KAAK,CAACa,KAAK,CAC5B,CAAC;EAED,MAAMyB,eAAgC,GAAAtB,aAAA;IACpCuB,KAAK,EAAEnB,EAAE;IACTE,MAAM;IACNC,KAAK;IACLE,gBAAgB;IAChBC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLE,QAAQ;IACRT;EAAK,GACF1B,gBAAgB,CAACK,KAAK,CAAC,CAC3B;EAED,MAAMwC,WAAwB,GAAG;IAC/B5B,KAAK;IACLK,IAAI;IACJC,GAAG;IACHC,GAAG;IACHW,QAAQ;IACRW,MAAM,EAAEZ,QAAQ,GAAG,OAAO,GAAGa,SAAS;IACtCC,MAAM,EAAEnB,IAAI,GACVpC,KAAA,CAAAwD,aAAA,CAAChD,UAAU;MAACiD,KAAK,EAAErB,IAAI,CAACqB;IAAM,GAAErB,IAAI,CAACsB,OAAoB,CAAC,GACxDJ,SAAS;IACbK,SAAS,EAAEb,iBAAiB;IAC5Bc,aAAa,EAAEhB,WAAW;IAC1BiB,WAAW,EAAEhB,UAAU;IACvBiB,QAAQ,EAAElD,KAAK,CAACkD,QAAQ;IACxBC,OAAO,EAAEnD,KAAK,CAACmD,OAAO;IACtBC,WAAW,EAAEpD,KAAK,CAACoD,WAAW;IAC9BC,kBAAkB,EAAErD,KAAK,CAACqD,kBAAkB;IAC5CC,UAAU,EAAEtD,KAAK,CAACsD,UAAU;IAC5BC,aAAa,EAAEvD,KAAK,CAACuD,aAAa;IAClCC,QAAQ,EAAExD,KAAK,CAACwD,QAAQ;IACxBC,YAAY,EAAEzD,KAAK,CAACyD,YAAY;IAChCC,OAAO,EAAE1D,KAAK,CAAC0D,OAAO;IACtBC,iBAAiB,EAAE3D,KAAK,CAAC2D,iBAAiB;IAC1CC,UAAU,EAAE5D,KAAK,CAAC4D,UAAU;IAC5BC,OAAO,EAAE;EACX,CAAC;EAED,OACEzE,KAAA,CAAAwD,aAAA,CAACpD,UAAU,EAAK8C,eAAe,EAC7BlD,KAAA,CAAAwD,aAAA,CAAClD,MAAM,EAAK8C,WAAc,CAChB,CAAC;AAEjB;AAEA,eAAezC,eAAe;AAE9BA,eAAe,CAAC+D,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"Slider.js","names":["React","useCallback","useContext","useRef","FieldBlock","useFieldProps","Slider","pickSpacingProps","HelpButton","DataContext","useDataValue","SliderComponent","props","_ref","_props$paths","dataContextRef","current","getSourceValue","getValues","source","Array","isArray","map","s","value","paths","path","preparedProps","_objectSpread","step","min","max","id","width","layout","label","help","labelDescription","info","warning","error","hasError","disabled","handleChange","handleFocus","handleBlur","handleLocalChange","forEach","i","updateDataValue","fieldBlockProps","forId","sliderProps","status","undefined","suffix","createElement","title","content","on_change","on_drag_start","on_drag_end","vertical","reverse","hideButtons","multiThumbBehavior","thumbTitle","subtractTitle","addTitle","numberFormat","tooltip","alwaysShowTooltip","extensions","stretch","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Slider/Slider.tsx"],"sourcesContent":["import React, { useCallback, useContext, useRef } from 'react'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n  FieldBlockWidth,\n  FieldHelpProps,\n  FieldProps,\n  Path,\n} from '../../types'\nimport Slider, { SliderProps } from '../../../../components/Slider'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { HelpButton } from '../../../../components'\nimport DataContext, { ContextState } from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\n\nexport type SliderVisibilityEvent = React.MouseEvent<HTMLButtonElement> & {\n  value: string\n}\n\nexport type SliderValue = number | Array<number>\nexport type Props = FieldHelpProps &\n  FieldProps<SliderValue> & {\n    /**\n     * Define an array with JSON Pointers for multiple thumb buttons.\n     */\n    paths?: Array<Path>\n    step?: SliderProps['step'] | Path\n    min?: SliderProps['min'] | Path\n    max?: SliderProps['max'] | Path\n    vertical?: SliderProps['vertical']\n    reverse?: SliderProps['reverse']\n    hideButtons?: SliderProps['hideButtons']\n    multiThumbBehavior?: SliderProps['multiThumbBehavior']\n    thumbTitle?: SliderProps['thumbTitle']\n    subtractTitle?: SliderProps['subtractTitle']\n    addTitle?: SliderProps['addTitle']\n    numberFormat?: SliderProps['numberFormat']\n    tooltip?: SliderProps['tooltip']\n    alwaysShowTooltip?: SliderProps['alwaysShowTooltip']\n    extensions?: SliderProps['extensions']\n\n    /** Styling */\n    width?: FieldBlockWidth\n  }\n\nfunction SliderComponent(props: Props) {\n  const dataContextRef = useRef<ContextState>()\n  dataContextRef.current = useContext<ContextState>(DataContext)\n\n  const { getSourceValue } = useDataValue()\n  const getValues = useCallback(\n    (source: SliderValue | Path | Array<Path>) => {\n      if (Array.isArray(source)) {\n        return source.map((s) => getSourceValue(s) || 0)\n      }\n\n      return getSourceValue(source) || 0\n    },\n    [getSourceValue]\n  )\n\n  const value = getValues(props.paths ?? props.path ?? props.value)\n  const preparedProps = {\n    ...props,\n    step: getSourceValue(props.step),\n    min: getSourceValue(props.min),\n    max: getSourceValue(props.max),\n  }\n\n  const {\n    id,\n    step = 1,\n    min = 0,\n    max = 100,\n    width = 'stretch',\n    layout,\n    label,\n    help,\n    labelDescription,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    handleChange,\n    handleFocus,\n    handleBlur,\n  } = useFieldProps(preparedProps)\n\n  const handleLocalChange = useCallback(\n    ({ value }: { value: number | number[] }) => {\n      if (Array.isArray(props.paths) && Array.isArray(value)) {\n        value.forEach((value, i) => {\n          dataContextRef.current.updateDataValue(props.paths[i], value)\n        })\n      }\n\n      handleChange?.(value)\n    },\n    [handleChange, props.paths]\n  )\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    layout,\n    label,\n    labelDescription,\n    info,\n    warning,\n    error,\n    disabled,\n    width,\n    ...pickSpacingProps(props),\n  }\n\n  const sliderProps: SliderProps = {\n    value,\n    step,\n    min,\n    max,\n    disabled,\n    status: hasError ? 'error' : undefined,\n    suffix: help ? (\n      <HelpButton title={help.title}>{help.content}</HelpButton>\n    ) : undefined,\n    on_change: handleLocalChange,\n    on_drag_start: handleFocus,\n    on_drag_end: handleBlur,\n    vertical: props.vertical,\n    reverse: props.reverse,\n    hideButtons: props.hideButtons,\n    multiThumbBehavior: props.multiThumbBehavior,\n    thumbTitle: props.thumbTitle,\n    subtractTitle: props.subtractTitle,\n    addTitle: props.addTitle,\n    numberFormat: props.numberFormat,\n    tooltip: props.tooltip,\n    alwaysShowTooltip: props.alwaysShowTooltip,\n    extensions: props.extensions,\n    stretch: true,\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Slider {...sliderProps} />\n    </FieldBlock>\n  )\n}\n\nexport default SliderComponent\n\nSliderComponent._supportsSpacingProps = true\n"],"mappings":"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"}

package/es/extensions/forms/FieldBlock/FieldBlock.js

@@ -15,7 +15,6 @@ import { Space, FormLabel, FormStatus } from '../../../components';
 import { Ul, Li } from '../../../elements';
 import { convertJsxToString, findElementInChildren, warn } from '../../../shared/component-helper';
 import useId from '../../../shared/helpers/useId';
-import useUnmountEffect from '../../../shared/helpers/useUnmountEffect';
 import { FormError } from '../types';
 import SubmitIndicator from '../Form/SubmitIndicator/SubmitIndicator';
 import { createSharedState } from '../../../shared/helpers/useSharedState';
@@ -214,10 +213,10 @@ function FieldBlock(props) {
       showFieldError(blockId, Boolean(errorProp));
     }
   }, [errorProp, blockId, showFieldError, nestedFieldBlockContext]);
-  useUnmountEffect(() => () => {
+  useEffect(() => () => {
     mountedFieldsRef.current = {};
     stateRecordRef.current = {};
-  });
+  }, []);
   const mainClasses = classnames('dnb-forms-field-block', className, width !== undefined && `dnb-forms-field-block--width-${width}`);
   const gridClasses = `dnb-forms-field-block__grid dnb-forms-field-block--layout-${layout}`;
   const enableFieldset = useEnableFieldset({
@@ -317,7 +316,7 @@ function LabelDescription({
   children
 }) {
   if (!labelDescription) {
-    return children;
+    return children !== null && children !== void 0 ? children : null;
   }
   return React.createElement("div", {
     className: "dnb-forms-field-block__label"

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlock.js","names":["React","useMemo","useContext","useCallback","useRef","useReducer","useEffect","classnames","FieldBlockContext","DataContext","IterateElementContext","Space","FormLabel","FormStatus","Ul","Li","convertJsxToString","findElementInChildren","warn","useId","useUnmountEffect","FormError","SubmitIndicator","createSharedState","useTranslation","states","FieldBlock","props","dataContext","nestedFieldBlockContext","sharedData","forId","id","_Object$assign","Object","assign","data","className","layout","composition","label","labelProp","labelDescription","labelSrOnly","asFieldset","info","warning","error","errorProp","fieldState","disabled","width","contentWidth","align","labelSize","contentClassName","children","rest","_objectWithoutProperties","_excluded","iterateItemContext","index","iterateIndex","blockId","wasUpdated","forceUpdate","mountedFieldsRef","stateRecordRef","fieldStateIdsRef","contentsRef","hasInitiallyErrorProp","Boolean","undefined","replace","String","setInternalRecord","stateId","identifier","type","current","existingIndex","findIndex","item","_objectSpread","push","setFieldState","showFieldError","show","map","showInitially","statusContent","content","statesWithMessages","entries","flatMap","reduce","acc","cur","existing","find","message","getMessage","messages","state","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","filter","i","arr","length","text","createElement","CombineMessages","mainClasses","gridClasses","enableFieldset","useEnableFieldset","labelProps","element","srOnly","space","top","bottom","size","prerenderFieldProps","Provider","value","hasErrorProp","_extends","LabelDescription","ref","result","count","child","_child$props","_child$type","translations","Field","Fragment","errorSummary","stateSummary","key","Error","toString","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useEffect,\n} from 'react'\nimport classnames from 'classnames'\n\nimport FieldBlockContext, {\n  StateWithMessage,\n  StatesWithMessages,\n  FieldErrorIdsRef,\n  MountedFieldsRef,\n  StateRecord,\n  StateMessage,\n  StateTypes,\n  StatusContent,\n  FieldBlockContextProps,\n  StateBasis,\n} from './FieldBlockContext'\nimport DataContext from '../DataContext/Context'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { Space, FormLabel, FormStatus } from '../../../components'\nimport { Ul, Li } from '../../../elements'\nimport {\n  convertJsxToString,\n  findElementInChildren,\n  warn,\n} from '../../../shared/component-helper'\nimport useId from '../../../shared/helpers/useId'\nimport useUnmountEffect from '../../../shared/helpers/useUnmountEffect'\nimport {\n  ComponentProps,\n  FieldProps,\n  FormError,\n  SubmitState,\n  Identifier,\n  FieldBlockWidth,\n} from '../types'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\nimport SubmitIndicator from '../Form/SubmitIndicator/SubmitIndicator'\nimport { createSharedState } from '../../../shared/helpers/useSharedState'\nimport useTranslation from '../hooks/useTranslation'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelDescription'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'disabled'\n> & {\n  /** The id to link a element with */\n  forId?: string\n  /** Use true if you have more than one form element */\n  asFieldset?: boolean\n  /** use `true` to make the label only readable by screen readers. */\n  labelSrOnly?: boolean\n  /** Defines the layout of nested fields */\n  composition?: FieldBlockContextProps['composition']\n  /** Width of outer block element */\n  width?: FieldBlockWidth\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentWidth?: FieldBlockWidth\n  /** For composition only: Align the contents vertically */\n  align?: 'center' | 'bottom'\n  /** Class name for the contents block */\n  contentClassName?: string\n  /** To show the SubmitIndicator during async validation */\n  fieldState?: SubmitState\n  /** Typography size */\n  labelSize?: 'medium' | 'large'\n  children?: React.ReactNode\n} & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const dataContext = useContext(DataContext)\n  const nestedFieldBlockContext = useContext(FieldBlockContext)\n\n  const sharedData = createSharedState<Props>(\n    'field-block-props-' + (props.forId || props.id)\n  )\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    composition,\n    label: labelProp,\n    labelDescription,\n    labelSrOnly,\n    asFieldset,\n    info,\n    warning,\n    error: errorProp,\n    fieldState,\n    disabled,\n    width,\n    contentWidth,\n    align,\n    labelSize,\n    contentClassName,\n    children,\n    ...rest\n  } = Object.assign({}, sharedData.data, props)\n\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const blockId = useId(props.id)\n  const [wasUpdated, forceUpdate] = useReducer(() => ({}), {})\n  const mountedFieldsRef = useRef<MountedFieldsRef>({})\n  const stateRecordRef = useRef<StateRecord>({})\n  const fieldStateIdsRef = useRef<FieldErrorIdsRef>(null)\n  const contentsRef = useRef<HTMLDivElement>(null)\n  const hasInitiallyErrorProp = useMemo(() => {\n    return Boolean(errorProp)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const label = useMemo(() => {\n    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNr}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [iterateIndex, labelProp])\n\n  const setInternalRecord = useCallback((props: StateBasis) => {\n    const { stateId, identifier, type } = props\n\n    if (!stateRecordRef.current[identifier]) {\n      stateRecordRef.current[identifier] = []\n    }\n\n    fieldStateIdsRef.current = { error: null, warning: null, info: null }\n\n    const existingIndex = stateRecordRef.current[identifier].findIndex(\n      (item) => {\n        return item.stateId === stateId && item.type === type\n      }\n    )\n\n    if (existingIndex > -1) {\n      stateRecordRef.current[identifier][existingIndex] = {\n        ...stateRecordRef.current[identifier][existingIndex],\n        ...props,\n      }\n    } else {\n      stateRecordRef.current[identifier].push(props)\n    }\n  }, [])\n\n  const setFieldState = useCallback(\n    (props: StateBasis) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setFieldState(props)\n        return\n      }\n\n      setInternalRecord(props)\n\n      forceUpdate()\n    },\n    [nestedFieldBlockContext, setInternalRecord]\n  )\n\n  const showFieldError = useCallback(\n    (identifier: Identifier, show: boolean) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.showFieldError(identifier, show)\n        return\n      }\n\n      if (stateRecordRef.current[identifier]) {\n        stateRecordRef.current[identifier] = stateRecordRef.current[\n          identifier\n        ].map((item) => {\n          if (item.showInitially) {\n            return item\n          }\n\n          return {\n            ...item,\n            show,\n          }\n        })\n\n        forceUpdate()\n      }\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const statusContent = useMemo(() => {\n    if (typeof errorProp !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: hasInitiallyErrorProp,\n        type: 'error',\n        content: errorProp,\n      })\n    }\n\n    if (typeof warning !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'warning',\n        content: warning,\n      })\n    }\n\n    if (typeof info !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'info',\n        content: info,\n      })\n    }\n\n    const statesWithMessages: Array<StatesWithMessages> =\n      // 1. Prepare the states for later use\n      Object.entries(stateRecordRef.current)\n        .flatMap(([identifier, states]) =>\n          states.map((props) => {\n            return {\n              identifier,\n              ...props,\n            }\n          })\n        )\n\n        // 2. Take states and group the same type together\n        .reduce((acc, cur) => {\n          const existing = acc.find((item) => {\n            return item.type === cur.type\n          })\n\n          const message = getMessage(cur)\n\n          if (existing) {\n            existing.messages.push({\n              ...cur,\n              message,\n            })\n          } else {\n            acc.push({\n              ...cur,\n              content: undefined,\n              messages: [\n                {\n                  ...cur,\n                  message,\n                },\n              ],\n            })\n          }\n\n          return acc\n        }, [] as Array<StatesWithMessages>)\n\n    // 3. Return the grouped states/messages\n    return states.reduce((acc, type) => {\n      const id = `${props.id || forId || blockId}-form-status--${type}`\n      acc[type] = {\n        id,\n        label,\n        state: type === 'warning' ? 'warn' : type,\n        width_element: contentsRef,\n\n        // Enable animation only in the browser and not in tests\n        no_animation:\n          process.env.NODE_ENV === 'test'\n            ? true\n            : typeof globalThis !== 'undefined'\n            ? globalThis.IS_TEST === true\n            : false,\n      }\n\n      const found = statesWithMessages.find((item) => {\n        return item.type === type\n      })\n\n      if (found?.messages) {\n        // Hide/remove messages that should be hidden and are not marked as to be shown initially\n        const messages = found.messages\n          .map((msg) => {\n            if (msg.type === 'error') {\n              if (!msg.showInitially && !msg.show) {\n                msg.message = null\n              }\n            }\n\n            return msg\n          })\n          .filter(({ message }) => message)\n          .reduce((acc, msg, i, arr) => {\n            const existingIndex = arr.findIndex((item) => {\n              return (\n                convertJsxToString(item.message) ===\n                convertJsxToString(msg.message)\n              )\n            })\n\n            // Remove duplicates, use the first found message\n            if (existingIndex === i) {\n              acc.push(msg)\n            }\n\n            return acc\n          }, [])\n\n        // Combine the messages and put them in an ul/li list\n        if (messages.length > 0) {\n          acc[type] = {\n            ...acc[type],\n            text: <CombineMessages type={type} messages={messages} />,\n          }\n\n          fieldStateIdsRef.current[type] = id\n        } else {\n          fieldStateIdsRef.current[type] = undefined\n        }\n      }\n\n      return acc\n    }, {}) as StatusContent\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    info,\n    warning,\n    errorProp,\n    nestedFieldBlockContext,\n    setInternalRecord,\n    blockId,\n    wasUpdated, // wasUpdated is needed to get the current errors\n  ])\n\n  // Handle the error prop from outside\n  useEffect(() => {\n    if (!nestedFieldBlockContext) {\n      showFieldError(blockId, Boolean(errorProp))\n    }\n  }, [errorProp, blockId, showFieldError, nestedFieldBlockContext])\n\n  useUnmountEffect(() => () => {\n    mountedFieldsRef.current = {}\n    stateRecordRef.current = {}\n  })\n\n  const mainClasses = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n  const gridClasses = classnames(\n    'dnb-forms-field-block__grid',\n    `dnb-forms-field-block--layout-${layout}`\n  )\n\n  // A child component with a label was found, use fieldset/legend instead of div/label\n  const enableFieldset = useEnableFieldset({\n    label,\n    asFieldset,\n    children,\n    nestedFieldBlockContext,\n  })\n\n  const labelProps: FormLabelAllProps = {\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    srOnly: labelSrOnly,\n    space: { top: 0, bottom: 'x-small' },\n    size: labelSize,\n    disabled,\n  }\n\n  if (dataContext?.prerenderFieldProps) {\n    return null\n  }\n\n  if (fieldState && !label) {\n    warn('You have to provide a label to use show an indicator.')\n  }\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setFieldState,\n        showFieldError,\n        hasErrorProp: Boolean(errorProp),\n        fieldStateIdsRef,\n        mountedFieldsRef,\n        composition,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          <LabelDescription labelDescription={labelDescription}>\n            {(label || labelDescription) && (\n              <FormLabel {...labelProps}>\n                <SubmitIndicator state={fieldState}>\n                  {label}\n                  {labelDescription && (\n                    <span className=\"dnb-forms-field-block__label-description\">\n                      {labelDescription}\n                    </span>\n                  )}\n                </SubmitIndicator>\n              </FormLabel>\n            )}\n          </LabelDescription>\n\n          <div className=\"dnb-forms-field-block__status\">\n            <FormStatus {...statusContent?.error} />\n            <FormStatus {...statusContent?.warning} />\n            <FormStatus {...statusContent?.info} />\n          </div>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth &&\n                `dnb-forms-field-block__contents--width-${contentWidth}`,\n              align && `dnb-forms-field-block__contents--align-${align}`,\n              composition &&\n                `dnb-forms-field-block__contents__composition--${\n                  composition === true ? 'horizontal' : composition\n                }`,\n              contentClassName\n            )}\n            ref={contentsRef}\n          >\n            {children}\n          </div>\n        </div>\n      </Space>\n    </FieldBlockContext.Provider>\n  )\n}\n\nfunction useEnableFieldset({\n  label,\n  asFieldset,\n  children,\n  nestedFieldBlockContext,\n}) {\n  return useMemo(() => {\n    if (asFieldset === false) {\n      return false\n    }\n\n    let result = asFieldset\n\n    if (label && !result && !nestedFieldBlockContext) {\n      let count = 0\n\n      findElementInChildren(children, (child: React.ReactElement) => {\n        if (\n          child?.props?.label ||\n          child?.type?.['_formElement'] === true\n        ) {\n          count++\n        }\n        if (count > 1) {\n          return (result = true)\n        }\n      })\n    }\n\n    return Boolean(result)\n  }, [asFieldset, children, label, nestedFieldBlockContext])\n}\n\nfunction CombineMessages({\n  type,\n  messages,\n}: {\n  type: StateTypes\n  messages: Array<StateWithMessage>\n}) {\n  const translations = useTranslation().Field\n\n  if (messages.length === 1) {\n    return <>{messages[0].message}</>\n  }\n\n  return (\n    <>\n      {type === 'error'\n        ? translations.errorSummary\n        : translations.stateSummary}\n      <Ul>\n        {messages.map(({ message }, i) => {\n          return <Li key={i}>{message}</Li>\n        })}\n      </Ul>\n    </>\n  )\n}\n\nfunction LabelDescription({ labelDescription, children }) {\n  if (!labelDescription) {\n    return children\n  }\n  return <div className=\"dnb-forms-field-block__label\">{children}</div>\n}\n\nfunction getMessage(item: Partial<StateWithMessage>): StateMessage {\n  const { content } = item\n\n  return ((content instanceof Error && content.message) ||\n    (content instanceof FormError && content.message) ||\n    content?.toString() ||\n    content) as StateMessage\n}\n\nFieldBlock._supportsSpacingProps = true\n\nexport default FieldBlock\n"],"mappings":"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"}
+{"version":3,"file":"FieldBlock.js","names":["React","useMemo","useContext","useCallback","useRef","useReducer","useEffect","classnames","FieldBlockContext","DataContext","IterateElementContext","Space","FormLabel","FormStatus","Ul","Li","convertJsxToString","findElementInChildren","warn","useId","FormError","SubmitIndicator","createSharedState","useTranslation","states","FieldBlock","props","dataContext","nestedFieldBlockContext","sharedData","forId","id","_Object$assign","Object","assign","data","className","layout","composition","label","labelProp","labelDescription","labelSrOnly","asFieldset","info","warning","error","errorProp","fieldState","disabled","width","contentWidth","align","labelSize","contentClassName","children","rest","_objectWithoutProperties","_excluded","iterateItemContext","index","iterateIndex","blockId","wasUpdated","forceUpdate","mountedFieldsRef","stateRecordRef","fieldStateIdsRef","contentsRef","hasInitiallyErrorProp","Boolean","undefined","replace","String","setInternalRecord","stateId","identifier","type","current","existingIndex","findIndex","item","_objectSpread","push","setFieldState","showFieldError","show","map","showInitially","statusContent","content","statesWithMessages","entries","flatMap","reduce","acc","cur","existing","find","message","getMessage","messages","state","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","filter","i","arr","length","text","createElement","CombineMessages","mainClasses","gridClasses","enableFieldset","useEnableFieldset","labelProps","element","srOnly","space","top","bottom","size","prerenderFieldProps","Provider","value","hasErrorProp","_extends","LabelDescription","ref","result","count","child","_child$props","_child$type","translations","Field","Fragment","errorSummary","stateSummary","key","Error","toString","_supportsSpacingProps"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useEffect,\n} from 'react'\nimport classnames from 'classnames'\n\nimport FieldBlockContext, {\n  StateWithMessage,\n  StatesWithMessages,\n  FieldErrorIdsRef,\n  MountedFieldsRef,\n  StateRecord,\n  StateMessage,\n  StateTypes,\n  StatusContent,\n  FieldBlockContextProps,\n  StateBasis,\n} from './FieldBlockContext'\nimport DataContext from '../DataContext/Context'\nimport IterateElementContext from '../Iterate/IterateItemContext'\nimport { Space, FormLabel, FormStatus } from '../../../components'\nimport { Ul, Li } from '../../../elements'\nimport {\n  convertJsxToString,\n  findElementInChildren,\n  warn,\n} from '../../../shared/component-helper'\nimport useId from '../../../shared/helpers/useId'\nimport {\n  ComponentProps,\n  FieldProps,\n  FormError,\n  SubmitState,\n  Identifier,\n  FieldBlockWidth,\n} from '../types'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\nimport SubmitIndicator from '../Form/SubmitIndicator/SubmitIndicator'\nimport { createSharedState } from '../../../shared/helpers/useSharedState'\nimport useTranslation from '../hooks/useTranslation'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelDescription'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'disabled'\n> & {\n  /** The id to link a element with */\n  forId?: string\n  /** Use true if you have more than one form element */\n  asFieldset?: boolean\n  /** use `true` to make the label only readable by screen readers. */\n  labelSrOnly?: boolean\n  /** Defines the layout of nested fields */\n  composition?: FieldBlockContextProps['composition']\n  /** Width of outer block element */\n  width?: FieldBlockWidth\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentWidth?: FieldBlockWidth\n  /** For composition only: Align the contents vertically */\n  align?: 'center' | 'bottom'\n  /** Class name for the contents block */\n  contentClassName?: string\n  /** To show the SubmitIndicator during async validation */\n  fieldState?: SubmitState\n  /** Typography size */\n  labelSize?: 'medium' | 'large'\n  children?: React.ReactNode\n} & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const dataContext = useContext(DataContext)\n  const nestedFieldBlockContext = useContext(FieldBlockContext)\n\n  const sharedData = createSharedState<Props>(\n    'field-block-props-' + (props.forId || props.id)\n  )\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    composition,\n    label: labelProp,\n    labelDescription,\n    labelSrOnly,\n    asFieldset,\n    info,\n    warning,\n    error: errorProp,\n    fieldState,\n    disabled,\n    width,\n    contentWidth,\n    align,\n    labelSize,\n    contentClassName,\n    children,\n    ...rest\n  } = Object.assign({}, sharedData.data, props)\n\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const blockId = useId(props.id)\n  const [wasUpdated, forceUpdate] = useReducer(() => ({}), {})\n  const mountedFieldsRef = useRef<MountedFieldsRef>({})\n  const stateRecordRef = useRef<StateRecord>({})\n  const fieldStateIdsRef = useRef<FieldErrorIdsRef>(null)\n  const contentsRef = useRef<HTMLDivElement>(null)\n  const hasInitiallyErrorProp = useMemo(() => {\n    return Boolean(errorProp)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const label = useMemo(() => {\n    if (iterateIndex !== undefined) {\n      return convertJsxToString(labelProp).replace(\n        '{itemNr}',\n        String(iterateIndex + 1)\n      )\n    }\n    return labelProp\n  }, [iterateIndex, labelProp])\n\n  const setInternalRecord = useCallback((props: StateBasis) => {\n    const { stateId, identifier, type } = props\n\n    if (!stateRecordRef.current[identifier]) {\n      stateRecordRef.current[identifier] = []\n    }\n\n    fieldStateIdsRef.current = { error: null, warning: null, info: null }\n\n    const existingIndex = stateRecordRef.current[identifier].findIndex(\n      (item) => {\n        return item.stateId === stateId && item.type === type\n      }\n    )\n\n    if (existingIndex > -1) {\n      stateRecordRef.current[identifier][existingIndex] = {\n        ...stateRecordRef.current[identifier][existingIndex],\n        ...props,\n      }\n    } else {\n      stateRecordRef.current[identifier].push(props)\n    }\n  }, [])\n\n  const setFieldState = useCallback(\n    (props: StateBasis) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setFieldState(props)\n        return\n      }\n\n      setInternalRecord(props)\n\n      forceUpdate()\n    },\n    [nestedFieldBlockContext, setInternalRecord]\n  )\n\n  const showFieldError = useCallback(\n    (identifier: Identifier, show: boolean) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.showFieldError(identifier, show)\n        return\n      }\n\n      if (stateRecordRef.current[identifier]) {\n        stateRecordRef.current[identifier] = stateRecordRef.current[\n          identifier\n        ].map((item) => {\n          if (item.showInitially) {\n            return item\n          }\n\n          return {\n            ...item,\n            show,\n          }\n        })\n\n        forceUpdate()\n      }\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const statusContent = useMemo(() => {\n    if (typeof errorProp !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: hasInitiallyErrorProp,\n        type: 'error',\n        content: errorProp,\n      })\n    }\n\n    if (typeof warning !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'warning',\n        content: warning,\n      })\n    }\n\n    if (typeof info !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'info',\n        content: info,\n      })\n    }\n\n    const statesWithMessages: Array<StatesWithMessages> =\n      // 1. Prepare the states for later use\n      Object.entries(stateRecordRef.current)\n        .flatMap(([identifier, states]) =>\n          states.map((props) => {\n            return {\n              identifier,\n              ...props,\n            }\n          })\n        )\n\n        // 2. Take states and group the same type together\n        .reduce((acc, cur) => {\n          const existing = acc.find((item) => {\n            return item.type === cur.type\n          })\n\n          const message = getMessage(cur)\n\n          if (existing) {\n            existing.messages.push({\n              ...cur,\n              message,\n            })\n          } else {\n            acc.push({\n              ...cur,\n              content: undefined,\n              messages: [\n                {\n                  ...cur,\n                  message,\n                },\n              ],\n            })\n          }\n\n          return acc\n        }, [] as Array<StatesWithMessages>)\n\n    // 3. Return the grouped states/messages\n    return states.reduce((acc, type) => {\n      const id = `${props.id || forId || blockId}-form-status--${type}`\n      acc[type] = {\n        id,\n        label,\n        state: type === 'warning' ? 'warn' : type,\n        width_element: contentsRef,\n\n        // Enable animation only in the browser and not in tests\n        no_animation:\n          process.env.NODE_ENV === 'test'\n            ? true\n            : typeof globalThis !== 'undefined'\n            ? globalThis.IS_TEST === true\n            : false,\n      }\n\n      const found = statesWithMessages.find((item) => {\n        return item.type === type\n      })\n\n      if (found?.messages) {\n        // Hide/remove messages that should be hidden and are not marked as to be shown initially\n        const messages = found.messages\n          .map((msg) => {\n            if (msg.type === 'error') {\n              if (!msg.showInitially && !msg.show) {\n                msg.message = null\n              }\n            }\n\n            return msg\n          })\n          .filter(({ message }) => message)\n          .reduce((acc, msg, i, arr) => {\n            const existingIndex = arr.findIndex((item) => {\n              return (\n                convertJsxToString(item.message) ===\n                convertJsxToString(msg.message)\n              )\n            })\n\n            // Remove duplicates, use the first found message\n            if (existingIndex === i) {\n              acc.push(msg)\n            }\n\n            return acc\n          }, [])\n\n        // Combine the messages and put them in an ul/li list\n        if (messages.length > 0) {\n          acc[type] = {\n            ...acc[type],\n            text: <CombineMessages type={type} messages={messages} />,\n          }\n\n          fieldStateIdsRef.current[type] = id\n        } else {\n          fieldStateIdsRef.current[type] = undefined\n        }\n      }\n\n      return acc\n    }, {}) as StatusContent\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    info,\n    warning,\n    errorProp,\n    nestedFieldBlockContext,\n    setInternalRecord,\n    blockId,\n    wasUpdated, // wasUpdated is needed to get the current errors\n  ])\n\n  // Handle the error prop from outside\n  useEffect(() => {\n    if (!nestedFieldBlockContext) {\n      showFieldError(blockId, Boolean(errorProp))\n    }\n  }, [errorProp, blockId, showFieldError, nestedFieldBlockContext])\n\n  useEffect(\n    () => () => {\n      mountedFieldsRef.current = {}\n      stateRecordRef.current = {}\n    },\n    []\n  )\n\n  const mainClasses = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n  const gridClasses = classnames(\n    'dnb-forms-field-block__grid',\n    `dnb-forms-field-block--layout-${layout}`\n  )\n\n  // A child component with a label was found, use fieldset/legend instead of div/label\n  const enableFieldset = useEnableFieldset({\n    label,\n    asFieldset,\n    children,\n    nestedFieldBlockContext,\n  })\n\n  const labelProps: FormLabelAllProps = {\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    srOnly: labelSrOnly,\n    space: { top: 0, bottom: 'x-small' },\n    size: labelSize,\n    disabled,\n  }\n\n  if (dataContext?.prerenderFieldProps) {\n    return null\n  }\n\n  if (fieldState && !label) {\n    warn('You have to provide a label to use show an indicator.')\n  }\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setFieldState,\n        showFieldError,\n        hasErrorProp: Boolean(errorProp),\n        fieldStateIdsRef,\n        mountedFieldsRef,\n        composition,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          <LabelDescription labelDescription={labelDescription}>\n            {(label || labelDescription) && (\n              <FormLabel {...labelProps}>\n                <SubmitIndicator state={fieldState}>\n                  {label}\n                  {labelDescription && (\n                    <span className=\"dnb-forms-field-block__label-description\">\n                      {labelDescription}\n                    </span>\n                  )}\n                </SubmitIndicator>\n              </FormLabel>\n            )}\n          </LabelDescription>\n\n          <div className=\"dnb-forms-field-block__status\">\n            <FormStatus {...statusContent?.error} />\n            <FormStatus {...statusContent?.warning} />\n            <FormStatus {...statusContent?.info} />\n          </div>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth &&\n                `dnb-forms-field-block__contents--width-${contentWidth}`,\n              align && `dnb-forms-field-block__contents--align-${align}`,\n              composition &&\n                `dnb-forms-field-block__contents__composition--${\n                  composition === true ? 'horizontal' : composition\n                }`,\n              contentClassName\n            )}\n            ref={contentsRef}\n          >\n            {children}\n          </div>\n        </div>\n      </Space>\n    </FieldBlockContext.Provider>\n  )\n}\n\nfunction useEnableFieldset({\n  label,\n  asFieldset,\n  children,\n  nestedFieldBlockContext,\n}) {\n  return useMemo(() => {\n    if (asFieldset === false) {\n      return false\n    }\n\n    let result = asFieldset\n\n    if (label && !result && !nestedFieldBlockContext) {\n      let count = 0\n\n      findElementInChildren(children, (child: React.ReactElement) => {\n        if (\n          child?.props?.label ||\n          child?.type?.['_formElement'] === true\n        ) {\n          count++\n        }\n        if (count > 1) {\n          return (result = true)\n        }\n      })\n    }\n\n    return Boolean(result)\n  }, [asFieldset, children, label, nestedFieldBlockContext])\n}\n\nfunction CombineMessages({\n  type,\n  messages,\n}: {\n  type: StateTypes\n  messages: Array<StateWithMessage>\n}) {\n  const translations = useTranslation().Field\n\n  if (messages.length === 1) {\n    return <>{messages[0].message}</>\n  }\n\n  return (\n    <>\n      {type === 'error'\n        ? translations.errorSummary\n        : translations.stateSummary}\n      <Ul>\n        {messages.map(({ message }, i) => {\n          return <Li key={i}>{message}</Li>\n        })}\n      </Ul>\n    </>\n  )\n}\n\nfunction LabelDescription({ labelDescription, children }) {\n  if (!labelDescription) {\n    return children ?? null\n  }\n  return <div className=\"dnb-forms-field-block__label\">{children}</div>\n}\n\nfunction getMessage(item: Partial<StateWithMessage>): StateMessage {\n  const { content } = item\n\n  return ((content instanceof Error && content.message) ||\n    (content instanceof FormError && content.message) ||\n    content?.toString() ||\n    content) as StateMessage\n}\n\nFieldBlock._supportsSpacingProps = true\n\nexport default FieldBlock\n"],"mappings":"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"}

package/es/extensions/forms/FieldBlock/style/dnb-field-block.css

@@ -54,7 +54,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block--width-stretch {
   flex-grow: 1;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block--width-small {
     width: var(--forms-field-width--small);
   }
@@ -93,7 +93,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__contents--width-stretch {
   width: 100%;
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents--width-small {
     width: var(--forms-field-width--small);
   }
@@ -115,7 +115,7 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   -moz-column-gap: var(--spacing-small);
        column-gap: var(--spacing-small);
 }
-@media screen and (min-width: 25em) {
+@media screen and (min-width: 25.0625em) {
   .dnb-forms-field-block__contents__composition--horizontal {
     align-items: flex-end;
   }

package/es/extensions/forms/FieldBlock/style/dnb-field-block.min.css

@@ -1 +1 @@
-:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}
+:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block__grid{display:grid}@media screen and (max-width:40em){.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid{flex-wrap:wrap}.dnb-forms-field-block--layout-vertical .dnb-forms-field-block__grid>.dnb-form-label{margin-bottom:.5rem;margin-top:.5rem}}.dnb-forms-field-block--layout-vertical{grid-template-areas:"label" "contents" "status";grid-template-columns:auto}.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" "status status";grid-template-columns:fit-content(100%) auto}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25.0625em){.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.0625em){.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.0625em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}

package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.css

@@ -16,7 +16,7 @@
 .dnb-card + .dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top] {
   margin-top: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-card + .dnb-forms-button-row:not([class*=space__left]),
   .dnb-card + .dnb-button--primary:not([class*=space__left]) {
     margin-left: var(--spacing-medium);

package/es/extensions/forms/Form/ButtonRow/style/dnb-form-button-row.min.css

@@ -1 +1 @@
-.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}
+.dnb-forms-button-row{display:flex;flex-flow:row;flex-wrap:wrap;gap:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]),.dnb-card+.dnb-forms-button-row:not([class*=space__top]){margin-top:var(--spacing-small)}.dnb-card+.dnb-button--primary:not([class*=space__top]) .dnb-button[class*=space__top],.dnb-card+.dnb-forms-button-row:not([class*=space__top]) .dnb-button[class*=space__top]{margin-top:0}@media screen and (min-width:40.0625em){.dnb-card+.dnb-button--primary:not([class*=space__left]),.dnb-card+.dnb-forms-button-row:not([class*=space__left]){margin-left:var(--spacing-medium)}}

package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.css

@@ -4,7 +4,7 @@
 .dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]) {
   margin: 0;
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-forms-main-heading:has(+ .dnb-flex-stack > .dnb-card, + .dnb-card):not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }

package/es/extensions/forms/Form/MainHeading/style/dnb-form-main-heading.min.css

@@ -1 +1 @@
-.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}
+.dnb-spacing .dnb-forms-main-heading.dnb-h--large:not([class*=space__]){margin:0}@media screen and (min-width:40.0625em){.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__left]){margin-left:var(--spacing-medium)}}.dnb-forms-main-heading:has(+.dnb-flex-stack>.dnb-card,+.dnb-card):not([class*=space__bottom]){margin-bottom:var(--spacing-small)}

package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js

@@ -7,12 +7,14 @@ var _b, _span;
 const _excluded = ["className", "children", "state", "successLabel"];
 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 React, { useLayoutEffect, useRef, useState } from 'react';
+import React, { useMemo, useRef, useState } from 'react';
 import classnames from 'classnames';
 import { Icon, Space, Tooltip } from '../../../../components';
 import { check } from '../../../../icons';
 import { omitSpacingProps, pickSpacingProps } from '../../../../components/flex/utils';
 import { useTranslation } from '../../../../shared';
+import { convertJsxToString } from '../../../../shared/component-helper';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
 function SubmitIndicator(props) {
   const {
       className,
@@ -24,6 +26,7 @@ function SubmitIndicator(props) {
   const translation = useTranslation();
   const childrenRef = useRef(null);
   const [willWrap, setWillWrap] = useState(false);
+  const key = useMemo(() => convertJsxToString(children), [children]);
   useLayoutEffect(() => {
     if (children && state) {
       setWillWrap(willWordWrap(childrenRef.current, '. . . '));
@@ -48,7 +51,8 @@ function SubmitIndicator(props) {
   return React.createElement(Space, _extends({}, params, {
     element: "span"
   }), children && React.createElement("span", {
-    ref: childrenRef
+    ref: childrenRef,
+    key: key
   }, children), indicator);
 }
 function willWordWrap(element, word) {
@@ -57,11 +61,11 @@ function willWordWrap(element, word) {
   }
   const {
     offsetHeight,
-    textContent
+    innerHTML
   } = element;
-  element.textContent += word;
+  element.innerHTML += word;
   const height = element.offsetHeight;
-  element.textContent = textContent;
+  element.innerHTML = innerHTML;
   return height > offsetHeight;
 }
 SubmitIndicator._supportsSpacingProps = true;

package/es/extensions/forms/Form/SubmitIndicator/SubmitIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitIndicator.js","names":["React","useLayoutEffect","useRef","useState","classnames","Icon","Space","Tooltip","check","omitSpacingProps","pickSpacingProps","useTranslation","SubmitIndicator","props","className","children","state","successLabel","rest","_objectWithoutProperties","_excluded","translation","childrenRef","willWrap","setWillWrap","willWordWrap","current","params","_objectSpread","ariaAttributes","role","ProgressIndicator","indicator_label","dot","_b","createElement","indicator","_extends","targetElement","_span","icon","Fragment","element","ref","word","offsetHeight","textContent","height","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Icon, Space, Tooltip } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport { check } from '../../../../icons'\nimport type { SubmitState } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { useTranslation } from '../../../../shared'\n\nexport type Props = {\n  state: SubmitState\n  className?: string\n  successLabel?: string\n  children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n  const {\n    className,\n    children,\n    state,\n    successLabel = 'Saved',\n    ...rest\n  } = props\n  const translation = useTranslation()\n  const childrenRef = useRef<HTMLSpanElement>(null)\n  const [willWrap, setWillWrap] = useState(false)\n\n  useLayoutEffect(() => {\n    if (children && state) {\n      setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n    }\n  }, [children, state])\n\n  const params = {\n    className: classnames(\n      'dnb-forms-submit-indicator',\n      state && `dnb-forms-submit-indicator--state-${state}`,\n      willWrap && 'dnb-forms-submit-indicator--inline-wrap',\n      className\n    ),\n    ...pickSpacingProps(rest),\n  } as SpaceProps\n\n  const ariaAttributes =\n    state === 'pending'\n      ? {\n          role: 'status',\n          'aria-busy': true,\n          'aria-label': translation.ProgressIndicator.indicator_label,\n        }\n      : {}\n\n  const dot = <b>.</b>\n  const indicator = (\n    <span\n      className=\"dnb-forms-submit-indicator__content\"\n      {...ariaAttributes}\n      {...omitSpacingProps(rest)}\n    >\n      {state === 'success' && (\n        <Tooltip\n          targetElement={\n            <span>\n              <Icon icon={check} />\n            </span>\n          }\n        >\n          {successLabel}\n        </Tooltip>\n      )}\n      {state && state !== 'success' && state !== 'abort' && (\n        <>\n          {dot}\n          {dot}\n          {dot}\n        </>\n      )}\n    </span>\n  )\n\n  return (\n    <Space {...params} element=\"span\">\n      {children && <span ref={childrenRef}>{children}</span>}\n      {indicator}\n    </Space>\n  )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n  if (!element) {\n    return\n  }\n\n  const { offsetHeight, textContent } = element\n\n  element.textContent += word\n  const height = element.offsetHeight\n  element.textContent = textContent\n\n  return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":"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"}
+{"version":3,"file":"SubmitIndicator.js","names":["React","useMemo","useRef","useState","classnames","Icon","Space","Tooltip","check","omitSpacingProps","pickSpacingProps","useTranslation","convertJsxToString","useLayoutEffect","window","useEffect","SubmitIndicator","props","className","children","state","successLabel","rest","_objectWithoutProperties","_excluded","translation","childrenRef","willWrap","setWillWrap","key","willWordWrap","current","params","_objectSpread","ariaAttributes","role","ProgressIndicator","indicator_label","dot","_b","createElement","indicator","_extends","targetElement","_span","icon","Fragment","element","ref","word","offsetHeight","innerHTML","height","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useMemo, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Icon, Space, Tooltip } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport { check } from '../../../../icons'\nimport type { SubmitState } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { useTranslation } from '../../../../shared'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = {\n  state: SubmitState\n  className?: string\n  successLabel?: string\n  children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n  const {\n    className,\n    children,\n    state,\n    successLabel = 'Saved',\n    ...rest\n  } = props\n  const translation = useTranslation()\n  const childrenRef = useRef<HTMLSpanElement>(null)\n  const [willWrap, setWillWrap] = useState(false)\n  const key = useMemo(() => convertJsxToString(children), [children])\n\n  useLayoutEffect(() => {\n    if (children && state) {\n      setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n    }\n  }, [children, state])\n\n  const params = {\n    className: classnames(\n      'dnb-forms-submit-indicator',\n      state && `dnb-forms-submit-indicator--state-${state}`,\n      willWrap && 'dnb-forms-submit-indicator--inline-wrap',\n      className\n    ),\n    ...pickSpacingProps(rest),\n  } as SpaceProps\n\n  const ariaAttributes =\n    state === 'pending'\n      ? {\n          role: 'status',\n          'aria-busy': true,\n          'aria-label': translation.ProgressIndicator.indicator_label,\n        }\n      : {}\n\n  const dot = <b>.</b>\n  const indicator = (\n    <span\n      className=\"dnb-forms-submit-indicator__content\"\n      {...ariaAttributes}\n      {...omitSpacingProps(rest)}\n    >\n      {state === 'success' && (\n        <Tooltip\n          targetElement={\n            <span>\n              <Icon icon={check} />\n            </span>\n          }\n        >\n          {successLabel}\n        </Tooltip>\n      )}\n      {state && state !== 'success' && state !== 'abort' && (\n        <>\n          {dot}\n          {dot}\n          {dot}\n        </>\n      )}\n    </span>\n  )\n\n  return (\n    <Space {...params} element=\"span\">\n      {children && (\n        <span ref={childrenRef} key={key}>\n          {children}\n        </span>\n      )}\n      {indicator}\n    </Space>\n  )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n  if (!element) {\n    return\n  }\n\n  const { offsetHeight, innerHTML } = element\n\n  element.innerHTML += word\n  const height = element.offsetHeight\n  element.innerHTML = innerHTML\n\n  return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":"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"}

package/es/extensions/forms/Iterate/Array/Array.js

@@ -23,7 +23,7 @@ function ArrayComponent(props) {
   const summaryListContext = useContext(SummaryListContext);
   const valueBlockContext = useContext(ValueBlockContext);
   const {
-    getValue
+    getValueByPath
   } = useDataValue();
   const preparedProps = useMemo(() => {
     const {
@@ -33,8 +33,8 @@ function ArrayComponent(props) {
       countPathTransform
     } = props;
     if (countPath) {
-      const arrayValue = getValue(path);
-      let countValue = parseFloat(getValue(countPath));
+      const arrayValue = getValueByPath(path);
+      let countValue = parseFloat(getValueByPath(countPath));
       if (!(countValue >= 0)) {
         countValue = 0;
       }
@@ -56,7 +56,7 @@ function ArrayComponent(props) {
       }
     }
     return props;
-  }, [getValue, props]);
+  }, [getValueByPath, props]);
   const {
     path,
     value: arrayValue,

package/es/extensions/forms/Iterate/Array/Array.js.map

@@ -1 +1 @@
-{"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","Fragment","classnames","pointer","useFieldProps","makeUniqueId","Flex","pickSpacingProps","pickFlexContainerProps","IterateItemContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","useDataValue","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","summaryListContext","valueBlockContext","getValue","preparedProps","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","length","newValue","i","l","value","push","index","_objectSpread","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","idsRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","current","elementData","_ref","map","_valueCountRef$curren","id","hasNewItems","isNew","_value$__containerMod","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","innerRef","WrapperElement","Stack","createElement","elementProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport useDataValue from '../../hooks/useDataValue'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } from '../../types'\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\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const { getValue } = useDataValue()\n  const preparedProps = useMemo(() => {\n    const {\n      path,\n      countPath,\n      countPathLimit = Infinity,\n      countPathTransform,\n    } = props\n\n    if (countPath) {\n      const arrayValue = getValue(path)\n      let countValue = parseFloat(getValue(countPath))\n      if (!(countValue >= 0)) {\n        countValue = 0\n      }\n      if (countValue > countPathLimit) {\n        countValue = countPathLimit\n      }\n      if (arrayValue?.length !== countValue) {\n        const newValue = []\n        for (let i = 0, l = countValue; i < l; i++) {\n          const value = arrayValue?.[i]\n          newValue.push(countPathTransform?.({ value, index: i }))\n        }\n\n        return {\n          ...props,\n          value: newValue,\n        }\n      }\n    }\n\n    return props\n  }, [getValue, props])\n\n  const {\n    path,\n    value: arrayValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    handleChange,\n    onChange,\n    children,\n  } = useFieldProps(preparedProps)\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n  const valueWhileClosingRef = useRef<Value>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const elementData = useMemo(() => {\n    return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n      (value, index) => {\n        const id = idsRef.current[index] || makeUniqueId()\n\n        const hasNewItems =\n          arrayValue.length > valueCountRef.current?.length\n\n        if (!idsRef.current[index]) {\n          isNewRef.current[id] = hasNewItems\n          idsRef.current.push(id)\n        }\n\n        const isNew = isNewRef.current[id] || false\n        if (!modesRef.current[id]) {\n          modesRef.current[id] =\n            value?.['__containerMode'] ?? (isNew ? 'edit' : 'view')\n          delete value?.['__containerMode']\n        }\n\n        return {\n          id,\n          path,\n          value,\n          index,\n          arrayValue,\n          containerRef,\n          isNew,\n          containerMode: modesRef.current[id],\n          switchContainerMode: (mode: ContainerMode) => {\n            modesRef.current[id] = mode\n            delete isNewRef.current?.[id]\n            forceUpdate()\n          },\n          handleChange: (path: Path, value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n\n            // Make sure we have a new object reference,\n            // else two new objects will be the same\n            newArrayValue[index] = { ...newArrayValue[index] }\n\n            pointer.set(newArrayValue, path, value)\n            handleChange(newArrayValue)\n          },\n          handlePush: (element: unknown) => {\n            hadPushRef.current = true\n            handleChange([...(arrayValue ?? []), element])\n          },\n          handleRemove: ({ keepItems = false } = {}) => {\n            if (keepItems) {\n              // Add a backup as the array value while animating\n              valueWhileClosingRef.current = arrayValue\n            }\n\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue.splice(index, 1)\n            handleChange(newArrayValue)\n          },\n\n          // - Called after animation end\n          fulfillRemove: () => {\n            valueWhileClosingRef.current = null\n            delete modesRef.current?.[id]\n            delete isNewRef.current?.[id]\n            const findIndex = idsRef.current.indexOf(id)\n            idsRef.current.splice(findIndex, 1)\n            forceUpdate()\n          },\n\n          // - Called when cancel button press\n          restoreOriginalValue: (value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          },\n        } as IterateItemContextState\n      }\n    )\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, path, handleChange])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = elementData?.[elementData.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, elementData, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames(\n      'dnb-forms-iterate',\n      'dnb-forms-section',\n      props?.className\n    ),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n  return (\n    <WrapperElement {...(omitFlex ? null : flexProps)}>\n      {arrayValue === emptyValue || props?.value?.length === 0\n        ? placeholder\n        : elementData.map((elementProps) => {\n            const { id, value, index } = elementProps\n            const elementRef = (innerRefs.current[id] =\n              innerRefs.current[id] || createRef<HTMLDivElement>())\n\n            const renderChildren = (elementChild: ElementChild) => {\n              return typeof elementChild === 'function'\n                ? elementChild(value, index)\n                : elementChild\n            }\n\n            const contextValue = {\n              ...elementProps,\n              elementRef,\n            }\n\n            const content = Array.isArray(children)\n              ? children.map((child) => renderChildren(child))\n              : renderChildren(children)\n\n            if (omitFlex) {\n              return (\n                <IterateItemContext.Provider\n                  key={`element-${id}`}\n                  value={contextValue}\n                >\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateItemContext.Provider>\n              )\n            }\n\n            return (\n              <Flex.Item\n                className=\"dnb-forms-iterate__element\"\n                tabIndex={-1}\n                innerRef={elementRef}\n                key={`element-${id}`}\n              >\n                <IterateItemContext.Provider value={contextValue}>\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateItemContext.Provider>\n              </Flex.Item>\n            )\n          })}\n    </WrapperElement>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
+{"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","Fragment","classnames","pointer","useFieldProps","makeUniqueId","Flex","pickSpacingProps","pickFlexContainerProps","IterateItemContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","useDataValue","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","summaryListContext","valueBlockContext","getValueByPath","preparedProps","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","length","newValue","i","l","value","push","index","_objectSpread","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","idsRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","current","elementData","_ref","map","_valueCountRef$curren","id","hasNewItems","isNew","_value$__containerMod","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","innerRef","WrapperElement","Stack","createElement","elementProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport useDataValue from '../../hooks/useDataValue'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } from '../../types'\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\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const { getValueByPath } = useDataValue()\n  const preparedProps = useMemo(() => {\n    const {\n      path,\n      countPath,\n      countPathLimit = Infinity,\n      countPathTransform,\n    } = props\n\n    if (countPath) {\n      const arrayValue = getValueByPath(path)\n      let countValue = parseFloat(getValueByPath(countPath))\n      if (!(countValue >= 0)) {\n        countValue = 0\n      }\n      if (countValue > countPathLimit) {\n        countValue = countPathLimit\n      }\n      if (arrayValue?.length !== countValue) {\n        const newValue = []\n        for (let i = 0, l = countValue; i < l; i++) {\n          const value = arrayValue?.[i]\n          newValue.push(countPathTransform?.({ value, index: i }))\n        }\n\n        return {\n          ...props,\n          value: newValue,\n        }\n      }\n    }\n\n    return props\n  }, [getValueByPath, props])\n\n  const {\n    path,\n    value: arrayValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    handleChange,\n    onChange,\n    children,\n  } = useFieldProps(preparedProps)\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n  const valueWhileClosingRef = useRef<Value>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const elementData = useMemo(() => {\n    return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n      (value, index) => {\n        const id = idsRef.current[index] || makeUniqueId()\n\n        const hasNewItems =\n          arrayValue.length > valueCountRef.current?.length\n\n        if (!idsRef.current[index]) {\n          isNewRef.current[id] = hasNewItems\n          idsRef.current.push(id)\n        }\n\n        const isNew = isNewRef.current[id] || false\n        if (!modesRef.current[id]) {\n          modesRef.current[id] =\n            value?.['__containerMode'] ?? (isNew ? 'edit' : 'view')\n          delete value?.['__containerMode']\n        }\n\n        return {\n          id,\n          path,\n          value,\n          index,\n          arrayValue,\n          containerRef,\n          isNew,\n          containerMode: modesRef.current[id],\n          switchContainerMode: (mode: ContainerMode) => {\n            modesRef.current[id] = mode\n            delete isNewRef.current?.[id]\n            forceUpdate()\n          },\n          handleChange: (path: Path, value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n\n            // Make sure we have a new object reference,\n            // else two new objects will be the same\n            newArrayValue[index] = { ...newArrayValue[index] }\n\n            pointer.set(newArrayValue, path, value)\n            handleChange(newArrayValue)\n          },\n          handlePush: (element: unknown) => {\n            hadPushRef.current = true\n            handleChange([...(arrayValue ?? []), element])\n          },\n          handleRemove: ({ keepItems = false } = {}) => {\n            if (keepItems) {\n              // Add a backup as the array value while animating\n              valueWhileClosingRef.current = arrayValue\n            }\n\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue.splice(index, 1)\n            handleChange(newArrayValue)\n          },\n\n          // - Called after animation end\n          fulfillRemove: () => {\n            valueWhileClosingRef.current = null\n            delete modesRef.current?.[id]\n            delete isNewRef.current?.[id]\n            const findIndex = idsRef.current.indexOf(id)\n            idsRef.current.splice(findIndex, 1)\n            forceUpdate()\n          },\n\n          // - Called when cancel button press\n          restoreOriginalValue: (value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          },\n        } as IterateItemContextState\n      }\n    )\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, path, handleChange])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = elementData?.[elementData.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, elementData, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames(\n      'dnb-forms-iterate',\n      'dnb-forms-section',\n      props?.className\n    ),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n  return (\n    <WrapperElement {...(omitFlex ? null : flexProps)}>\n      {arrayValue === emptyValue || props?.value?.length === 0\n        ? placeholder\n        : elementData.map((elementProps) => {\n            const { id, value, index } = elementProps\n            const elementRef = (innerRefs.current[id] =\n              innerRefs.current[id] || createRef<HTMLDivElement>())\n\n            const renderChildren = (elementChild: ElementChild) => {\n              return typeof elementChild === 'function'\n                ? elementChild(value, index)\n                : elementChild\n            }\n\n            const contextValue = {\n              ...elementProps,\n              elementRef,\n            }\n\n            const content = Array.isArray(children)\n              ? children.map((child) => renderChildren(child))\n              : renderChildren(children)\n\n            if (omitFlex) {\n              return (\n                <IterateItemContext.Provider\n                  key={`element-${id}`}\n                  value={contextValue}\n                >\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateItemContext.Provider>\n              )\n            }\n\n            return (\n              <Flex.Item\n                className=\"dnb-forms-iterate__element\"\n                tabIndex={-1}\n                innerRef={elementRef}\n                key={`element-${id}`}\n              >\n                <IterateItemContext.Provider value={contextValue}>\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateItemContext.Provider>\n              </Flex.Item>\n            )\n          })}\n    </WrapperElement>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

package/es/extensions/forms/Value/Date/Date.d.ts

@@ -1,7 +1,7 @@
 import { Props as StringValueProps } from '../String';
 import { AnyLocale } from '../../../../shared/Context';
 export type Props = StringValueProps & {
-    variant?: 'long' | 'short';
+    variant?: 'long' | 'short' | 'numeric';
     locale?: AnyLocale;
 };
 declare function DateComponent(props: Props): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/Value/Date/Date.js

@@ -19,12 +19,22 @@ function DateComponent(props) {
     if (!value) {
       return undefined;
     }
-    const date = new Date(value);
-    const options = {
-      day: 'numeric',
-      month: variant,
-      year: 'numeric'
+    const getOptions = variant => {
+      if (variant === 'numeric') {
+        return {
+          day: '2-digit',
+          month: '2-digit',
+          year: 'numeric'
+        };
+      }
+      return {
+        day: 'numeric',
+        month: variant,
+        year: 'numeric'
+      };
     };
+    const date = new Date(value);
+    const options = getOptions(variant);
     const formattedDate = typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).format(date) : date.toLocaleString(locale, options);
     return formattedDate;
   }, [locale, variant]);