@dnb/eufemia 10.54.0 → 10.55.0

package/extensions/forms/Field/Toggle/Toggle.js

@@ -21,7 +21,6 @@ function Toggle(props) {
     className,
     valueOn,
     valueOff,
-    layout,
     variant,
     disabled,
     label,
@@ -30,9 +29,6 @@ function Toggle(props) {
     textOff,
     value,
     help,
-    info,
-    warning,
-    error,
     hasError,
     htmlAttributes,
     handleChange,
@@ -51,21 +47,11 @@ function Toggle(props) {
     handleChange === null || handleChange === void 0 ? void 0 : handleChange(value === 'on' ? valueOn : valueOff);
   }, [handleChange, valueOn, valueOff]);
   const cn = classnames('dnb-forms-field-toggle', className);
-  const fieldBlockPropsWithoutLabel = _objectSpread(_objectSpread({
+  const fieldBlockProps = _objectSpread({
     forId: id,
-    className: cn
-  }, pickSpacingProps(props)), {}, {
-    info,
-    warning,
-    error,
+    className: cn,
     disabled
-  });
-  const fieldBlockProps = _objectSpread(_objectSpread({}, fieldBlockPropsWithoutLabel), {}, {
-    layout,
-    label,
-    labelDescription,
-    disabled
-  });
+  }, pickSpacingProps(props));
   const suffix = help ? React.createElement(HelpButton, {
     title: help.title
   }, help.content) : undefined;
@@ -80,7 +66,9 @@ function Toggle(props) {
   switch (variant) {
     default:
     case 'checkbox':
-      return React.createElement(FieldBlock, fieldBlockPropsWithoutLabel, React.createElement(Checkbox, _extends({
+      return React.createElement(FieldBlock, _extends({}, fieldBlockProps, {
+        label: undefined
+      }), React.createElement(Checkbox, _extends({
         id: id,
         className: cn,
         label: label !== null && label !== void 0 ? label : isOn ? textOn !== null && textOn !== void 0 ? textOn : translations.yes : textOff !== null && textOff !== void 0 ? textOff : translations.no,

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["React","useCallback","useMemo","classnames","Checkbox","HelpButton","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","Toggle","props","translations","ToggleField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","textOn","textOff","value","help","info","warning","error","hasError","htmlAttributes","handleChange","setDisplayValue","handleCheckboxChange","_ref","checked","handleToggleChange","_ref2","cn","fieldBlockPropsWithoutLabel","forId","fieldBlockProps","suffix","createElement","title","content","undefined","isOn","isOff","text","path","_extends","yes","no","status","onChange","on_change","asFieldset","Fragment","size","left","bottom","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\n\nimport { Checkbox, HelpButton, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n}\n\nexport type Props = FieldHelpProps & FieldProps<unknown> & ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().ToggleField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    layout,\n    variant,\n    disabled,\n    label,\n    labelDescription,\n    textOn,\n    textOff,\n    value,\n    help,\n    info,\n    warning,\n    error,\n    hasError,\n    htmlAttributes,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const handleCheckboxChange = useCallback(\n    ({ checked }) => {\n      handleChange?.(checked ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n  const handleToggleChange = useCallback(\n    ({ value }) => {\n      handleChange?.(value === 'on' ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n\n  const cn = classnames('dnb-forms-field-toggle', className)\n\n  const fieldBlockPropsWithoutLabel = {\n    forId: id,\n    className: cn,\n    ...pickSpacingProps(props),\n    info,\n    warning,\n    error,\n    disabled,\n  }\n\n  const fieldBlockProps = {\n    ...fieldBlockPropsWithoutLabel,\n    layout,\n    label,\n    labelDescription,\n    disabled,\n  }\n\n  const suffix = help ? (\n    <HelpButton title={help.title}>{help.content}</HelpButton>\n  ) : undefined\n\n  const isOn = value === valueOn\n  const isOff = value === valueOff\n\n  useMemo(() => {\n    const text = isOn ? textOn : textOff\n    if (text) {\n      setDisplayValue(props.path, text)\n    }\n  }, [isOn, props.path, setDisplayValue, textOff, textOn])\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockPropsWithoutLabel}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={\n              label ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            onChange={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock\n          {...fieldBlockProps}\n          asFieldset\n          labelDescription={\n            <>\n              {labelDescription}\n              {help ? (\n                <HelpButton\n                  size=\"small\"\n                  left={labelDescription ? 'x-small' : false}\n                  title={help.title}\n                >\n                  {help.content}\n                </HelpButton>\n              ) : undefined}\n            </>\n          }\n        >\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButtonGroupContext.Provider\n              value={{\n                value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n                onChange: handleToggleChange,\n                status: hasError ? 'error' : undefined,\n                disabled,\n              }}\n            >\n              <ToggleButton\n                text={textOn ?? translations.yes}\n                value=\"on\"\n                {...htmlAttributes}\n              />\n              <ToggleButton\n                text={textOff ?? translations.no}\n                value=\"off\"\n                {...htmlAttributes}\n              />\n            </ToggleButtonGroupContext.Provider>\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            variant=\"checkbox\"\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","names":["React","useCallback","useMemo","classnames","Checkbox","HelpButton","ToggleButton","ButtonRow","FieldBlock","useFieldProps","pickSpacingProps","ToggleButtonGroupContext","useTranslation","Toggle","props","translations","ToggleField","preparedProps","_objectSpread","errorMessages","id","className","valueOn","valueOff","variant","disabled","label","labelDescription","textOn","textOff","value","help","hasError","htmlAttributes","handleChange","setDisplayValue","handleCheckboxChange","_ref","checked","handleToggleChange","_ref2","cn","fieldBlockProps","forId","suffix","createElement","title","content","undefined","isOn","isOff","text","path","_extends","yes","no","status","onChange","on_change","asFieldset","Fragment","size","left","bottom","Provider","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Toggle/Toggle.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Checkbox, HelpButton, ToggleButton } from '../../../../components'\nimport ButtonRow from '../../Form/ButtonRow'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport ToggleButtonGroupContext from '../../../../components/toggle-button/ToggleButtonGroupContext'\nimport useTranslation from '../../hooks/useTranslation'\n\nexport type ToggleProps = {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n}\n\nexport type Props = FieldHelpProps &\n  Omit<FieldProps<unknown>, 'layout' | 'layoutOptions'> &\n  ToggleProps\n\nfunction Toggle(props: Props) {\n  const translations = useTranslation().ToggleField\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: props.errorMessages,\n  }\n\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    variant,\n    disabled,\n    label,\n    labelDescription,\n    textOn,\n    textOff,\n    value,\n    help,\n    hasError,\n    htmlAttributes,\n    handleChange,\n    setDisplayValue,\n  } = useFieldProps(preparedProps)\n\n  const handleCheckboxChange = useCallback(\n    ({ checked }) => {\n      handleChange?.(checked ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n  const handleToggleChange = useCallback(\n    ({ value }) => {\n      handleChange?.(value === 'on' ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n\n  const cn = classnames('dnb-forms-field-toggle', className)\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: cn,\n    disabled,\n    ...pickSpacingProps(props),\n  }\n\n  const suffix = help ? (\n    <HelpButton title={help.title}>{help.content}</HelpButton>\n  ) : undefined\n\n  const isOn = value === valueOn\n  const isOff = value === valueOff\n\n  useMemo(() => {\n    const text = isOn ? textOn : textOff\n    if (text) {\n      setDisplayValue(props.path, text)\n    }\n  }, [isOn, props.path, setDisplayValue, textOff, textOn])\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockProps} label={undefined}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={\n              label ??\n              (isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no)\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            onChange={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock\n          {...fieldBlockProps}\n          asFieldset\n          labelDescription={\n            <>\n              {labelDescription}\n              {help ? (\n                <HelpButton\n                  size=\"small\"\n                  left={labelDescription ? 'x-small' : false}\n                  title={help.title}\n                >\n                  {help.content}\n                </HelpButton>\n              ) : undefined}\n            </>\n          }\n        >\n          <ButtonRow bottom=\"x-small\">\n            <ToggleButtonGroupContext.Provider\n              value={{\n                value: isOn ? 'on' : isOff ? 'off' : null, // use \"null\" to reset the value\n                onChange: handleToggleChange,\n                status: hasError ? 'error' : undefined,\n                disabled,\n              }}\n            >\n              <ToggleButton\n                text={textOn ?? translations.yes}\n                value=\"on\"\n                {...htmlAttributes}\n              />\n              <ToggleButton\n                text={textOff ?? translations.no}\n                value=\"off\"\n                {...htmlAttributes}\n              />\n            </ToggleButtonGroupContext.Provider>\n          </ButtonRow>\n        </FieldBlock>\n      )\n    case 'checkbox-button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            variant=\"checkbox\"\n            text={\n              isOn\n                ? textOn ?? translations.yes\n                : textOff ?? translations.no\n            }\n            checked={isOn}\n            disabled={disabled}\n            status={hasError ? 'error' : undefined}\n            suffix={suffix}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n            {...htmlAttributes}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}

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

@@ -1,7 +1,8 @@
-import { FieldBlockWidth, FieldHelpProps, FieldProps } from '../../types';
-import { UploadFile, UploadProps } from '../../../../components/Upload';
+import { FieldBlockWidth } from '../../FieldBlock';
+import { FieldHelpProps, FieldProps } from '../../types';
+import { UploadFile, UploadFileNative, UploadProps } from '../../../../components/Upload';
 import { SpacingProps } from '../../../../shared/types';
-export type UploadValue = Array<UploadFile>;
+export type UploadValue = Array<UploadFile | UploadFileNative>;
 export type Props = FieldHelpProps & Omit<FieldProps<UploadValue, UploadValue | undefined>, 'name'> & SpacingProps & {
     width?: Omit<FieldBlockWidth, 'medium' | 'small'>;
 } & Pick<Partial<UploadProps>, 'title' | 'text' | 'acceptedFileTypes' | 'filesAmountLimit' | 'fileMaxSize' | 'onFileDelete' | 'skeleton'>;

package/extensions/forms/Field/Upload/Upload.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-const _excluded = ["id", "className", "width", "layout", "value", "label", "labelDescription", "disabled", "help", "info", "warning", "error", "htmlAttributes", "handleChange", "handleFocus", "handleBlur"];
+const _excluded = ["id", "className", "width", "value", "label", "labelDescription", "help", "htmlAttributes", "handleChange", "handleFocus", "handleBlur"];
 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, { useCallback, useEffect, useMemo } from 'react';
@@ -47,15 +47,10 @@ function UploadComponent(props) {
       id,
       className,
       width: widthProp = 'stretch',
-      layout,
       value,
       label,
       labelDescription,
-      disabled,
       help,
-      info,
-      warning,
-      error,
       htmlAttributes,
       handleChange,
       handleFocus,
@@ -87,15 +82,10 @@ function UploadComponent(props) {
   }, [handleBlur, handleChange, handleFocus]);
   const width = widthProp;
   const fieldBlockProps = _objectSpread({
+    id,
     forId: id,
-    layout,
-    label,
     labelSrOnly: true,
-    info,
-    warning,
-    error,
     className,
-    disabled,
     width
   }, pickSpacingProps(props));
   return React.createElement(FieldBlock, fieldBlockProps, React.createElement(Upload, _extends({

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

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","names":["React","useCallback","useEffect","useMemo","FieldBlock","useFieldProps","useTranslation","useFormsTranslation","Upload","useUpload","pickSpacingProps","HelpButton","useSharedTranslation","FormError","UploadComponent","props","validateRequired","value","_ref","required","isChanged","error","hasError","some","file","errorMessage","length","undefined","sharedTr","formsTr","errorMessages","errorRequired","preparedProps","_objectSpread","_useFieldProps","executeOnChangeRegardlessOfError","id","className","width","widthProp","layout","label","labelDescription","disabled","help","info","warning","htmlAttributes","handleChange","handleFocus","handleBlur","rest","_objectWithoutProperties","_excluded","title","text","acceptedFileTypes","filesAmountLimit","fileMaxSize","skeleton","onFileDelete","setFiles","changeHandler","_ref2","files","fieldBlockProps","forId","labelSrOnly","createElement","_extends","onChange","Fragment","left","content","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Upload/Upload.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport {\n  useFieldProps,\n  useTranslation as useFormsTranslation,\n} from '../../hooks'\nimport { FieldBlockWidth, FieldHelpProps, FieldProps } from '../../types'\nimport Upload, {\n  UploadFile,\n  UploadProps,\n} from '../../../../components/Upload'\nimport useUpload from '../../../../components/upload/useUpload'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { HelpButton } from '../../../../components'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport { SpacingProps } from '../../../../shared/types'\nimport { FormError } from '../../utils'\n\nexport type UploadValue = Array<UploadFile>\nexport type Props = FieldHelpProps &\n  Omit<FieldProps<UploadValue, UploadValue | undefined>, 'name'> &\n  SpacingProps & {\n    width?: Omit<FieldBlockWidth, 'medium' | 'small'>\n  } & Pick<\n    Partial<UploadProps>,\n    | 'title'\n    | 'text'\n    | 'acceptedFileTypes'\n    | 'filesAmountLimit'\n    | 'fileMaxSize'\n    | 'onFileDelete'\n    | 'skeleton'\n  >\n\nfunction UploadComponent(props: Props) {\n  const validateRequired = useCallback(\n    (value: UploadValue, { required, isChanged, error }) => {\n      const hasError = value?.some((file) => file.errorMessage)\n      if (hasError) {\n        return new FormError('Upload.errorInvalidFiles')\n      }\n\n      if (required && (!isChanged || !(value.length > 0))) {\n        return error\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const sharedTr = useSharedTranslation().Upload\n  const formsTr = useFormsTranslation().Upload\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': formsTr.errorRequired,\n    }),\n    [formsTr.errorRequired]\n  )\n\n  const preparedProps = {\n    errorMessages,\n    validateRequired,\n    ...props,\n  }\n\n  const {\n    id,\n    className,\n    width: widthProp = 'stretch',\n    layout,\n    value,\n    label,\n    labelDescription,\n    disabled,\n    help,\n    info,\n    warning,\n    error,\n    htmlAttributes,\n    handleChange,\n    handleFocus,\n    handleBlur,\n    ...rest\n  } = useFieldProps(preparedProps, {\n    executeOnChangeRegardlessOfError: true,\n  })\n\n  // Upload props\n  const {\n    title = sharedTr.title,\n    text = sharedTr.text,\n    acceptedFileTypes = ['pdf', 'png', 'jpg', 'jpeg'],\n    filesAmountLimit = 100,\n    fileMaxSize = 5,\n    skeleton,\n    onFileDelete,\n  } = rest\n\n  const { setFiles } = useUpload(id)\n\n  useEffect(() => {\n    setFiles(value)\n  }, [handleBlur, setFiles, value])\n\n  const changeHandler = useCallback(\n    ({ files }: { files: UploadValue }) => {\n      // Prevents the form-status from showing up\n      handleBlur()\n      handleFocus()\n      handleChange(files)\n    },\n    [handleBlur, handleChange, handleFocus]\n  )\n\n  const width = widthProp as FieldBlockWidth\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    layout,\n    label,\n    labelSrOnly: true,\n    info,\n    warning,\n    error,\n    className,\n    disabled,\n    width,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Upload\n        id={id}\n        acceptedFileTypes={acceptedFileTypes}\n        filesAmountLimit={filesAmountLimit}\n        fileMaxSize={fileMaxSize}\n        skeleton={skeleton}\n        onChange={changeHandler}\n        onFileDelete={onFileDelete}\n        title={label ?? title}\n        text={\n          help ? (\n            <>\n              {labelDescription ?? text}\n              <HelpButton\n                left={text ? 'x-small' : false}\n                title={help.title}\n              >\n                {help.content}\n              </HelpButton>\n            </>\n          ) : (\n            labelDescription ?? text\n          )\n        }\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\nexport default UploadComponent\n\nUploadComponent._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Upload.js","names":["React","useCallback","useEffect","useMemo","FieldBlock","useFieldProps","useTranslation","useFormsTranslation","Upload","useUpload","pickSpacingProps","HelpButton","useSharedTranslation","FormError","UploadComponent","props","validateRequired","value","_ref","required","isChanged","error","hasError","some","file","errorMessage","length","undefined","sharedTr","formsTr","errorMessages","errorRequired","preparedProps","_objectSpread","_useFieldProps","executeOnChangeRegardlessOfError","id","className","width","widthProp","label","labelDescription","help","htmlAttributes","handleChange","handleFocus","handleBlur","rest","_objectWithoutProperties","_excluded","title","text","acceptedFileTypes","filesAmountLimit","fileMaxSize","skeleton","onFileDelete","setFiles","changeHandler","_ref2","files","fieldBlockProps","forId","labelSrOnly","createElement","_extends","onChange","Fragment","left","content","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Upload/Upload.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport {\n  useFieldProps,\n  useTranslation as useFormsTranslation,\n} from '../../hooks'\nimport { FieldHelpProps, FieldProps } from '../../types'\nimport Upload, {\n  UploadFile,\n  UploadFileNative,\n  UploadProps,\n} from '../../../../components/Upload'\nimport useUpload from '../../../../components/upload/useUpload'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { HelpButton } from '../../../../components'\nimport { useTranslation as useSharedTranslation } from '../../../../shared'\nimport { SpacingProps } from '../../../../shared/types'\nimport { FormError } from '../../utils'\n\nexport type UploadValue = Array<UploadFile | UploadFileNative>\nexport type Props = FieldHelpProps &\n  Omit<FieldProps<UploadValue, UploadValue | undefined>, 'name'> &\n  SpacingProps & {\n    width?: Omit<FieldBlockWidth, 'medium' | 'small'>\n  } & Pick<\n    Partial<UploadProps>,\n    | 'title'\n    | 'text'\n    | 'acceptedFileTypes'\n    | 'filesAmountLimit'\n    | 'fileMaxSize'\n    | 'onFileDelete'\n    | 'skeleton'\n  >\n\nfunction UploadComponent(props: Props) {\n  const validateRequired = useCallback(\n    (value: UploadValue, { required, isChanged, error }) => {\n      const hasError = value?.some((file) => file.errorMessage)\n      if (hasError) {\n        return new FormError('Upload.errorInvalidFiles')\n      }\n\n      if (required && (!isChanged || !(value.length > 0))) {\n        return error\n      }\n\n      return undefined\n    },\n    []\n  )\n\n  const sharedTr = useSharedTranslation().Upload\n  const formsTr = useFormsTranslation().Upload\n\n  const errorMessages = useMemo(\n    () => ({\n      'Field.errorRequired': formsTr.errorRequired,\n    }),\n    [formsTr.errorRequired]\n  )\n\n  const preparedProps = {\n    errorMessages,\n    validateRequired,\n    ...props,\n  }\n\n  const {\n    id,\n    className,\n    width: widthProp = 'stretch',\n    value,\n    label,\n    labelDescription,\n    help,\n    htmlAttributes,\n    handleChange,\n    handleFocus,\n    handleBlur,\n    ...rest\n  } = useFieldProps(preparedProps, {\n    executeOnChangeRegardlessOfError: true,\n  })\n\n  // Upload props\n  const {\n    title = sharedTr.title,\n    text = sharedTr.text,\n    acceptedFileTypes = ['pdf', 'png', 'jpg', 'jpeg'],\n    filesAmountLimit = 100,\n    fileMaxSize = 5,\n    skeleton,\n    onFileDelete,\n  } = rest\n\n  const { setFiles } = useUpload(id)\n\n  useEffect(() => {\n    setFiles(value)\n  }, [handleBlur, setFiles, value])\n\n  const changeHandler = useCallback(\n    ({ files }: { files: UploadValue }) => {\n      // Prevents the form-status from showing up\n      handleBlur()\n      handleFocus()\n      handleChange(files)\n    },\n    [handleBlur, handleChange, handleFocus]\n  )\n\n  const width = widthProp as FieldBlockWidth\n  const fieldBlockProps: FieldBlockProps = {\n    id,\n    forId: id,\n    labelSrOnly: true,\n    className,\n    width,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      <Upload\n        id={id}\n        acceptedFileTypes={acceptedFileTypes}\n        filesAmountLimit={filesAmountLimit}\n        fileMaxSize={fileMaxSize}\n        skeleton={skeleton}\n        onChange={changeHandler}\n        onFileDelete={onFileDelete}\n        title={label ?? title}\n        text={\n          help ? (\n            <>\n              {labelDescription ?? text}\n              <HelpButton\n                left={text ? 'x-small' : false}\n                title={help.title}\n              >\n                {help.content}\n              </HelpButton>\n            </>\n          ) : (\n            labelDescription ?? text\n          )\n        }\n        {...htmlAttributes}\n      />\n    </FieldBlock>\n  )\n}\n\nexport default UploadComponent\n\nUploadComponent._supportsSpacingProps = true\n"],"mappings":"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"}

package/extensions/forms/FieldBlock/FieldBlock.d.ts

@@ -1,8 +1,47 @@
 import React from 'react';
 import { StateWithMessage, StateMessage, StateTypes, FieldBlockContextProps } from './FieldBlockContext';
-import { ComponentProps, FieldProps, SubmitState, FieldBlockWidth } from '../types';
+import { ComponentProps, FieldProps, SubmitState } from '../types';
 export declare const states: Array<StateTypes>;
-export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' | 'labelSuffix' | 'labelDescription' | 'info' | 'warning' | 'error' | 'disabled'> & {
+/**
+ * The width of a field block
+ */
+export type CustomWidth = `${number}rem`;
+export type FieldBlockWidth = false | 'small' | 'medium' | 'large' | 'stretch' | CustomWidth;
+export type FieldBlockHorizontalLabelWidth = 'small' | 'medium' | 'large' | CustomWidth;
+export type FieldBlockHorizontalLabelHeight = 'default' | 'small' | 'medium' | 'large';
+export type SharedFieldBlockProps = {
+    /**
+     * The layout of the field block
+     */
+    layout?: 'vertical' | 'horizontal';
+    /** Use this to set additional options for the layout */
+    layoutOptions?: {
+        width?: FieldBlockHorizontalLabelWidth;
+        minWidth?: FieldBlockHorizontalLabelWidth;
+        maxWidth?: FieldBlockHorizontalLabelWidth;
+    };
+    /**
+     * Main label text for the field
+     */
+    label?: React.ReactNode;
+    /**
+     * Will append an additional text to the label, like "(optional)" or "(recommended)"
+     */
+    labelSuffix?: React.ReactNode;
+    /**
+     * A more discreet text displayed beside the label
+     */
+    labelDescription?: React.ReactNode;
+    /**
+     * Width of outer block element
+     */
+    width?: FieldBlockWidth;
+    /**
+     * Width of contents block, while label etc can be wider if space is available
+     */
+    contentWidth?: FieldBlockWidth;
+};
+export type Props = SharedFieldBlockProps & Pick<FieldProps, keyof ComponentProps | 'info' | 'warning' | 'error' | 'disabled'> & {
     /** The id to link a element with */
     forId?: string;
     /** Use true if you have more than one form element */
@@ -11,10 +50,6 @@ export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' |
     labelSrOnly?: boolean;
     /** Defines the layout of nested fields */
     composition?: FieldBlockContextProps['composition'];
-    /** Width of outer block element */
-    width?: FieldBlockWidth;
-    /** Width of contents block, while label etc can be wider if space is available */
-    contentWidth?: FieldBlockWidth;
     /** For composition only: Align the contents vertically */
     align?: 'center' | 'bottom';
     /** Class name for the contents block */
@@ -23,6 +58,10 @@ export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' |
     fieldState?: SubmitState;
     /** Typography size */
     labelSize?: 'medium' | 'large';
+    /** Defines the height of an component (size prop), so the label can be aligned correctly */
+    labelHeight?: FieldBlockHorizontalLabelHeight;
+    /** Disable the error summary for this field block */
+    disableStatusSummary?: boolean;
     /** For internal use only */
     required?: boolean;
     children?: React.ReactNode;

package/extensions/forms/FieldBlock/FieldBlock.js

@@ -3,7 +3,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "forId", "layout", "composition", "label", "labelDescription", "labelSuffix", "labelSrOnly", "asFieldset", "required", "info", "warning", "error", "fieldState", "disabled", "width", "contentWidth", "align", "labelSize", "contentClassName", "children"];
+const _excluded = ["className", "forId", "layout", "layoutOptions", "composition", "label", "labelDescription", "labelSuffix", "labelSrOnly", "asFieldset", "required", "info", "warning", "error", "disableStatusSummary", "fieldState", "disabled", "width", "contentWidth", "labelHeight", "align", "labelSize", "contentClassName", "children"];
 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, { useMemo, useContext, useCallback, useRef, useReducer, useEffect } from 'react';
@@ -21,14 +21,17 @@ import useTranslation from '../hooks/useTranslation';
 import { FormError } from '../utils';
 export const states = ['error', 'info', 'warning'];
 function FieldBlock(props) {
+  var _props$id;
   const dataContext = useContext(DataContext);
-  const nestedFieldBlockContext = useContext(FieldBlockContext);
-  const sharedData = createSharedState('field-block-props-' + (props.forId || props.id));
+  const fieldBlockContext = useContext(FieldBlockContext);
+  const nestedFieldBlockContext = !(fieldBlockContext !== null && fieldBlockContext !== void 0 && fieldBlockContext.disableStatusSummary) ? fieldBlockContext : null;
+  const sharedData = createSharedState('field-block-props-' + ((_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : props.forId));
   const _Object$assign = Object.assign({}, sharedData.data, props),
     {
       className,
       forId,
       layout = 'vertical',
+      layoutOptions,
       composition,
       label: labelProp,
       labelDescription,
@@ -39,10 +42,12 @@ function FieldBlock(props) {
       info,
       warning,
       error: errorProp,
+      disableStatusSummary,
       fieldState,
       disabled,
       width,
       contentWidth,
+      labelHeight,
       align,
       labelSize,
       contentClassName,
@@ -248,7 +253,7 @@ function FieldBlock(props) {
     mountedFieldsRef.current = {};
     stateRecordRef.current = {};
   }, []);
-  const mainClasses = classnames('dnb-forms-field-block', className, width && `dnb-forms-field-block--width-${hasCustomWidth ? 'custom' : width}`);
+  const mainClasses = classnames('dnb-forms-field-block', className, width && `dnb-forms-field-block--width-${hasCustomWidth ? 'custom' : width}`, labelHeight && `dnb-forms-field-block--label-height-${labelHeight}`);
   const gridClasses = `dnb-forms-field-block__grid dnb-forms-field-block--layout-${layout}`;
   const enableFieldset = useEnableFieldset({
     label,
@@ -260,27 +265,30 @@ function FieldBlock(props) {
     element: enableFieldset ? 'legend' : 'label',
     forId: enableFieldset ? undefined : forId,
     srOnly: labelSrOnly,
-    space: {
-      top: 0,
-      bottom: 'x-small'
-    },
+    space: 0,
     size: labelSize,
     disabled
   };
   const mainStyle = useMemo(() => {
+    var _lO$minWidth, _lO$maxWidth;
+    const style = {};
     if (hasCustomWidth) {
-      return {
-        '--dnb-forms-field-block-width': width
-      };
+      style['--dnb-forms-field-block-width'] = width;
     }
-  }, [hasCustomWidth, width]);
-  const contentsStyle = useMemo(() => {
     if (hasCustomContentWidth) {
-      return {
-        '--dnb-forms-field-block-content-width': contentWidth
-      };
+      style['--dnb-forms-field-block-content-width'] = contentWidth;
+    }
+    const lO = layoutOptions || {};
+    const min = getFieldWidth((_lO$minWidth = lO.minWidth) !== null && _lO$minWidth !== void 0 ? _lO$minWidth : lO.width);
+    const max = getFieldWidth((_lO$maxWidth = lO.maxWidth) !== null && _lO$maxWidth !== void 0 ? _lO$maxWidth : lO.width);
+    if (typeof min === 'string') {
+      style['--dnb-forms-field-block-layout-width-min'] = min;
+    }
+    if (typeof max === 'string') {
+      style['--dnb-forms-field-block-layout-width-max'] = max;
     }
-  }, [contentWidth, hasCustomContentWidth]);
+    return style;
+  }, [contentWidth, hasCustomContentWidth, hasCustomWidth, layoutOptions, width]);
   if (dataContext !== null && dataContext !== void 0 && dataContext.prerenderFieldProps) {
     return null;
   }
@@ -295,7 +303,8 @@ function FieldBlock(props) {
       hasErrorProp: Boolean(errorProp),
       fieldStateIdsRef,
       mountedFieldsRef,
-      composition
+      composition,
+      disableStatusSummary
     }
   }, React.createElement(Space, _extends({
     element: enableFieldset ? 'fieldset' : 'div',
@@ -310,9 +319,8 @@ function FieldBlock(props) {
   }, label, hasLabelDescription && React.createElement("span", {
     className: "dnb-forms-field-block__label-description"
   }, labelDescription)))), React.createElement("div", {
-    className: "dnb-forms-field-block__status"
+    className: 'dnb-forms-field-block__status' + (contentWidth && contentWidth !== 'small' && contentWidth !== 'medium' && !(parseFloat(contentWidth) <= 11) ? ` dnb-forms-field-block__contents--width-${hasCustomContentWidth ? 'custom' : contentWidth}` : "")
   }, React.createElement(FormStatus, statusContent === null || statusContent === void 0 ? void 0 : statusContent.error), React.createElement(FormStatus, statusContent === null || statusContent === void 0 ? void 0 : statusContent.warning), React.createElement(FormStatus, statusContent === null || statusContent === void 0 ? void 0 : statusContent.info)), React.createElement("div", {
-    style: contentsStyle,
     className: classnames('dnb-forms-field-block__contents', contentClassName, contentWidth && `dnb-forms-field-block__contents--width-${hasCustomContentWidth ? 'custom' : contentWidth}`, align && `dnb-forms-field-block__contents--align-${align}`, composition && `dnb-forms-field-block__contents__composition--${composition === true ? 'horizontal' : composition}`),
     ref: contentsRef
   }, children))));
@@ -397,4 +405,15 @@ function fragmentHasOnlyUndefinedChildren(fragment) {
 }
 FieldBlock._supportsSpacingProps = true;
 export default FieldBlock;
+function getFieldWidth(width) {
+  switch (width) {
+    case 'small':
+      return 'var(--forms-field-width--small)';
+    case 'medium':
+      return 'var(--forms-field-width--medium)';
+    case 'large':
+      return 'var(--forms-field-width--large)';
+  }
+  return width;
+}
 //# sourceMappingURL=FieldBlock.js.map

package/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","SubmitIndicator","createSharedState","useTranslation","FormError","states","FieldBlock","props","dataContext","nestedFieldBlockContext","sharedData","forId","id","_Object$assign","Object","assign","data","className","layout","composition","label","labelProp","labelDescription","labelSuffix","labelSrOnly","asFieldset","required","info","warning","error","errorProp","fieldState","disabled","width","contentWidth","align","labelSize","contentClassName","children","rest","_objectWithoutProperties","_excluded","hasCustomWidth","test","String","hasCustomContentWidth","iterateItemContext","index","iterateIndex","blockId","wasUpdated","forceUpdate","mountedFieldsRef","stateRecordRef","fieldStateIdsRef","contentsRef","hasInitiallyErrorProp","Boolean","optionalLabelSuffix","Field","labelSuffixText","content","undefined","replace","includes","isValidElement","createElement","Fragment","setInternalRecord","stateId","identifier","type","current","existingIndex","findIndex","item","_objectSpread","push","setFieldState","showFieldError","show","map","showInitially","statusContent","statesWithMessages","entries","flatMap","_ref","reduce","acc","cur","existing","find","messages","getMessagesFromError","message","state","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","filter","_ref2","i","arr","length","text","CombineMessages","mainClasses","gridClasses","enableFieldset","useEnableFieldset","labelProps","element","srOnly","space","top","bottom","size","mainStyle","contentsStyle","prerenderFieldProps","hasLabelDescription","isFragment","fragmentHasChildren","fragmentHasOnlyUndefinedChildren","Provider","value","hasErrorProp","_extends","style","LabelDescription","ref","_ref3","result","count","child","_child$props","_child$type","_ref4","translations","errorSummary","stateSummary","_ref5","key","_ref6","Array","isArray","errors","Error","toString","fragment","Children","isUndefined","toArray","every","_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'\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  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'\nimport { FormError } from '../utils'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelSuffix'\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  /** For internal use only */\n  required?: boolean\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    labelSuffix,\n    labelSrOnly,\n    asFieldset,\n    required,\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  const hasCustomWidth = /\\d(rem)$/.test(String(width))\n  const hasCustomContentWidth = /\\d(rem)$/.test(String(contentWidth))\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 { optionalLabelSuffix } = useTranslation().Field\n  const labelSuffixText = useMemo(() => {\n    if (required === false || typeof labelSuffix !== 'undefined') {\n      return labelSuffix ?? optionalLabelSuffix\n    }\n    return ''\n  }, [required, labelSuffix, optionalLabelSuffix])\n\n  const label = useMemo(() => {\n    let content = labelProp\n\n    if (iterateIndex !== undefined) {\n      content = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    if (labelSuffixText) {\n      if (convertJsxToString(content).includes(optionalLabelSuffix)) {\n        return content\n      }\n\n      if (typeof content === 'string') {\n        return content + ' ' + labelSuffixText\n      }\n\n      if (React.isValidElement(content)) {\n        return (\n          <>\n            {content}\n            {' '}\n            {labelSuffixText}\n          </>\n        )\n      }\n    }\n\n    return content\n  }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix])\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 messages = getMessagesFromError(cur).map((message) => {\n            return {\n              ...cur,\n              message,\n            }\n          })\n\n          if (existing) {\n            existing.messages.push(...messages)\n          } else {\n            acc.push({\n              ...cur,\n              content: undefined,\n              messages,\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 &&\n      `dnb-forms-field-block--width-${hasCustomWidth ? 'custom' : 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  const mainStyle = useMemo(() => {\n    if (hasCustomWidth) {\n      return {\n        '--dnb-forms-field-block-width': width,\n      } as React.CSSProperties\n    }\n  }, [hasCustomWidth, width])\n\n  const contentsStyle = useMemo(() => {\n    if (hasCustomContentWidth) {\n      return {\n        '--dnb-forms-field-block-content-width': contentWidth,\n      } as React.CSSProperties\n    }\n  }, [contentWidth, hasCustomContentWidth])\n\n  if (dataContext?.prerenderFieldProps) {\n    return null\n  }\n\n  if (fieldState && typeof label === 'undefined') {\n    warn(\n      'Provide a label when using an async validator or onChange event.'\n    )\n  }\n\n  const hasLabelDescription = isFragment(labelDescription)\n    ? fragmentHasChildren(labelDescription) &&\n      !fragmentHasOnlyUndefinedChildren(labelDescription)\n    : labelDescription\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        style={mainStyle}\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                  {hasLabelDescription && (\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            style={contentsStyle}\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`,\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\nexport function getMessagesFromError(\n  item: Partial<StateWithMessage>\n): Array<StateMessage> {\n  const { content } = item\n\n  if (content instanceof FormError && Array.isArray(content.errors)) {\n    return content.errors.map((error) => {\n      return error.message\n    })\n  }\n\n  return [\n    ((content instanceof Error && content.message) ||\n      (content instanceof FormError && content.message) ||\n      content?.toString() ||\n      content) as StateMessage,\n  ]\n}\n\nfunction isFragment(fragment: React.ReactNode) {\n  return React.isValidElement(fragment) && fragment.type === React.Fragment\n}\n\nfunction fragmentHasChildren(fragment: React.ReactNode) {\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.count(fragment.props.children) > 0\n  )\n}\n\nfunction fragmentHasOnlyUndefinedChildren(fragment: React.ReactNode) {\n  const isUndefined = (child) => child === undefined\n\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.toArray(fragment.props.children).every(isUndefined)\n  )\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","SubmitIndicator","createSharedState","useTranslation","FormError","states","FieldBlock","props","_props$id","dataContext","fieldBlockContext","nestedFieldBlockContext","disableStatusSummary","sharedData","id","forId","_Object$assign","Object","assign","data","className","layout","layoutOptions","composition","label","labelProp","labelDescription","labelSuffix","labelSrOnly","asFieldset","required","info","warning","error","errorProp","fieldState","disabled","width","contentWidth","labelHeight","align","labelSize","contentClassName","children","rest","_objectWithoutProperties","_excluded","hasCustomWidth","test","String","hasCustomContentWidth","iterateItemContext","index","iterateIndex","blockId","wasUpdated","forceUpdate","mountedFieldsRef","stateRecordRef","fieldStateIdsRef","contentsRef","hasInitiallyErrorProp","Boolean","optionalLabelSuffix","Field","labelSuffixText","content","undefined","replace","includes","isValidElement","createElement","Fragment","setInternalRecord","stateId","identifier","type","current","existingIndex","findIndex","item","_objectSpread","push","setFieldState","showFieldError","show","map","showInitially","statusContent","statesWithMessages","entries","flatMap","_ref","reduce","acc","cur","existing","find","messages","getMessagesFromError","message","state","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","filter","_ref2","i","arr","length","text","CombineMessages","mainClasses","gridClasses","enableFieldset","useEnableFieldset","labelProps","element","srOnly","space","size","mainStyle","_lO$minWidth","_lO$maxWidth","style","lO","min","getFieldWidth","minWidth","max","maxWidth","prerenderFieldProps","hasLabelDescription","isFragment","fragmentHasChildren","fragmentHasOnlyUndefinedChildren","Provider","value","hasErrorProp","_extends","LabelDescription","parseFloat","ref","_ref3","result","count","child","_child$props","_child$type","_ref4","translations","errorSummary","stateSummary","_ref5","key","_ref6","Array","isArray","errors","Error","toString","fragment","Children","isUndefined","toArray","every","_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'\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  SubmitState,\n  Identifier,\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'\nimport { FormError } from '../utils'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\n/**\n * The width of a field block\n */\nexport type CustomWidth = `${number}rem`\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelWidth =\n  | 'small'\n  | 'medium'\n  | 'large'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelHeight =\n  | 'default'\n  | 'small'\n  | 'medium'\n  | 'large'\n\nexport type SharedFieldBlockProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'vertical' | 'horizontal'\n  /** Use this to set additional options for the layout */\n  layoutOptions?: {\n    width?: FieldBlockHorizontalLabelWidth\n    minWidth?: FieldBlockHorizontalLabelWidth\n    maxWidth?: FieldBlockHorizontalLabelWidth\n  }\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * Will append an additional text to the label, like \"(optional)\" or \"(recommended)\"\n   */\n  labelSuffix?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Width of outer block element\n   */\n  width?: FieldBlockWidth\n  /**\n   * Width of contents block, while label etc can be wider if space is available\n   */\n  contentWidth?: FieldBlockWidth\n}\n\nexport type Props = SharedFieldBlockProps &\n  Pick<\n    FieldProps,\n    keyof ComponentProps | 'info' | 'warning' | 'error' | '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    /** 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    /** Defines the height of an component (size prop), so the label can be aligned correctly */\n    labelHeight?: FieldBlockHorizontalLabelHeight\n    /** Disable the error summary for this field block */\n    disableStatusSummary?: boolean\n    /** For internal use only */\n    required?: boolean\n    children?: React.ReactNode\n  } & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const nestedFieldBlockContext = !fieldBlockContext?.disableStatusSummary\n    ? fieldBlockContext\n    : null\n\n  const sharedData = createSharedState<Props>(\n    'field-block-props-' + (props.id ?? props.forId)\n  )\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    layoutOptions,\n    composition,\n    label: labelProp,\n    labelDescription,\n    labelSuffix,\n    labelSrOnly,\n    asFieldset,\n    required,\n    info,\n    warning,\n    error: errorProp,\n    disableStatusSummary,\n    fieldState,\n    disabled,\n    width,\n    contentWidth,\n    labelHeight,\n    align,\n    labelSize,\n    contentClassName,\n    children,\n    ...rest\n  } = Object.assign({}, sharedData.data, props)\n  const hasCustomWidth = /\\d(rem)$/.test(String(width))\n  const hasCustomContentWidth = /\\d(rem)$/.test(String(contentWidth))\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 { optionalLabelSuffix } = useTranslation().Field\n  const labelSuffixText = useMemo(() => {\n    if (required === false || typeof labelSuffix !== 'undefined') {\n      return labelSuffix ?? optionalLabelSuffix\n    }\n    return ''\n  }, [required, labelSuffix, optionalLabelSuffix])\n\n  const label = useMemo(() => {\n    let content = labelProp\n\n    if (iterateIndex !== undefined) {\n      content = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    if (labelSuffixText) {\n      if (convertJsxToString(content).includes(optionalLabelSuffix)) {\n        return content\n      }\n\n      if (typeof content === 'string') {\n        return content + ' ' + labelSuffixText\n      }\n\n      if (React.isValidElement(content)) {\n        return (\n          <>\n            {content}\n            {' '}\n            {labelSuffixText}\n          </>\n        )\n      }\n    }\n\n    return content\n  }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix])\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 messages = getMessagesFromError(cur).map((message) => {\n            return {\n              ...cur,\n              message,\n            }\n          })\n\n          if (existing) {\n            existing.messages.push(...messages)\n          } else {\n            acc.push({\n              ...cur,\n              content: undefined,\n              messages,\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 &&\n      `dnb-forms-field-block--width-${hasCustomWidth ? 'custom' : width}`,\n    labelHeight && `dnb-forms-field-block--label-height-${labelHeight}`,\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: 0, // Use CSS for spacing, but we need to reset space for doing so\n    size: labelSize,\n    disabled,\n  }\n\n  const mainStyle = useMemo(() => {\n    const style: React.CSSProperties = {}\n\n    if (hasCustomWidth) {\n      style['--dnb-forms-field-block-width'] = width\n    }\n\n    if (hasCustomContentWidth) {\n      style['--dnb-forms-field-block-content-width'] = contentWidth\n    }\n\n    const lO = layoutOptions || {}\n    const min = getFieldWidth(lO.minWidth ?? lO.width)\n    const max = getFieldWidth(lO.maxWidth ?? lO.width)\n\n    if (typeof min === 'string') {\n      style['--dnb-forms-field-block-layout-width-min'] = min\n    }\n    if (typeof max === 'string') {\n      style['--dnb-forms-field-block-layout-width-max'] = max\n    }\n\n    return style\n  }, [\n    contentWidth,\n    hasCustomContentWidth,\n    hasCustomWidth,\n    layoutOptions,\n    width,\n  ])\n\n  if (dataContext?.prerenderFieldProps) {\n    return null\n  }\n\n  if (fieldState && typeof label === 'undefined') {\n    warn(\n      'Provide a label when using an async validator or onChange event.'\n    )\n  }\n\n  const hasLabelDescription = isFragment(labelDescription)\n    ? fragmentHasChildren(labelDescription) &&\n      !fragmentHasOnlyUndefinedChildren(labelDescription)\n    : labelDescription\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setFieldState,\n        showFieldError,\n        hasErrorProp: Boolean(errorProp),\n        fieldStateIdsRef,\n        mountedFieldsRef,\n        composition,\n        disableStatusSummary,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        style={mainStyle}\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                  {hasLabelDescription && (\n                    <span className=\"dnb-forms-field-block__label-description\">\n                      {labelDescription}\n                    </span>\n                  )}\n                </SubmitIndicator>\n              </FormLabel>\n            )}\n          </LabelDescription>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__status',\n\n              // Handle the width of the status messages\n              contentWidth &&\n                contentWidth !== 'small' &&\n                contentWidth !== 'medium' &&\n                !(parseFloat(contentWidth) <= 11) &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`\n            )}\n          >\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-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`,\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\nexport function getMessagesFromError(\n  item: Partial<StateWithMessage>\n): Array<StateMessage> {\n  const { content } = item\n\n  if (content instanceof FormError && Array.isArray(content.errors)) {\n    return content.errors.map((error) => {\n      return error.message\n    })\n  }\n\n  return [\n    ((content instanceof Error && content.message) ||\n      (content instanceof FormError && content.message) ||\n      content?.toString() ||\n      content) as StateMessage,\n  ]\n}\n\nfunction isFragment(fragment: React.ReactNode) {\n  return React.isValidElement(fragment) && fragment.type === React.Fragment\n}\n\nfunction fragmentHasChildren(fragment: React.ReactNode) {\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.count(fragment.props.children) > 0\n  )\n}\n\nfunction fragmentHasOnlyUndefinedChildren(fragment: React.ReactNode) {\n  const isUndefined = (child) => child === undefined\n\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.toArray(fragment.props.children).every(isUndefined)\n  )\n}\n\nFieldBlock._supportsSpacingProps = true\n\nexport default FieldBlock\n\nfunction getFieldWidth(width: FieldBlockHorizontalLabelWidth) {\n  switch (width) {\n    case 'small':\n      return 'var(--forms-field-width--small)'\n    case 'medium':\n      return 'var(--forms-field-width--medium)'\n    case 'large':\n      return 'var(--forms-field-width--large)'\n  }\n\n  return width\n}\n"],"mappings":"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"}

package/extensions/forms/FieldBlock/FieldBlockContext.d.ts

@@ -34,6 +34,7 @@ export type FieldBlockContextProps = {
     showFieldError?: (identifier: Identifier, showError: boolean) => void;
     hasErrorProp?: boolean;
     composition?: true;
+    disableStatusSummary?: boolean;
     fieldStateIdsRef?: React.MutableRefObject<FieldErrorIdsRef>;
     mountedFieldsRef?: React.MutableRefObject<MountedFieldsRef>;
 };