@dnb/eufemia 10.53.0 → 10.54.1

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

@@ -1 +1 @@
-{"version":3,"file":"Upload.js","names":["React","useCallback","useEffect","FieldBlock","useFieldProps","useTranslation","useFormsTranslation","FormError","Upload","useUpload","pickSpacingProps","HelpButton","useSharedTranslation","UploadComponent","props","validateRequired","value","required","isChanged","error","hasError","some","file","errorMessage","message","validationRule","length","undefined","sharedTr","formsTr","preparedProps","_objectSpread","errorMessages","errorRequired","invalid","errorInvalidFiles","_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","files","fieldBlockProps","forId","labelSrOnly","createElement","_extends","onChange","Fragment","left","content","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Field/Upload/Upload.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport {\n  useFieldProps,\n  useTranslation as useFormsTranslation,\n} from '../../hooks'\nimport {\n  FieldBlockWidth,\n  FieldHelpProps,\n  FieldProps,\n  FormError,\n} 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'\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(error.message, {\n          validationRule: 'invalid',\n        })\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 preparedProps = {\n    errorMessages: {\n      required: formsTr.errorRequired,\n      invalid: formsTr.errorInvalidFiles,\n    },\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","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","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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"}

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

@@ -31,5 +31,5 @@ declare function FieldBlock(props: Props): import("react/jsx-runtime").JSX.Eleme
 declare namespace FieldBlock {
     var _supportsSpacingProps: boolean;
 }
-export declare function getMessage(item: Partial<StateWithMessage>): StateMessage;
+export declare function getMessagesFromError(item: Partial<StateWithMessage>): Array<StateMessage>;
 export default FieldBlock;

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

@@ -15,10 +15,10 @@ 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 { FormError } from '../types';
 import SubmitIndicator from '../Form/SubmitIndicator/SubmitIndicator';
 import { createSharedState } from '../../../shared/helpers/useSharedState';
 import useTranslation from '../hooks/useTranslation';
+import { FormError } from '../utils';
 export const states = ['error', 'info', 'warning'];
 function FieldBlock(props) {
   const dataContext = useContext(DataContext);
@@ -172,17 +172,17 @@ function FieldBlock(props) {
       const existing = acc.find(item => {
         return item.type === cur.type;
       });
-      const message = getMessage(cur);
-      if (existing) {
-        existing.messages.push(_objectSpread(_objectSpread({}, cur), {}, {
+      const messages = getMessagesFromError(cur).map(message => {
+        return _objectSpread(_objectSpread({}, cur), {}, {
           message
-        }));
+        });
+      });
+      if (existing) {
+        existing.messages.push(...messages);
       } else {
         acc.push(_objectSpread(_objectSpread({}, cur), {}, {
           content: undefined,
-          messages: [_objectSpread(_objectSpread({}, cur), {}, {
-            message
-          })]
+          messages
         }));
       }
       return acc;
@@ -364,11 +364,16 @@ function LabelDescription({
     className: "dnb-forms-field-block__label"
   }, children);
 }
-export function getMessage(item) {
+export function getMessagesFromError(item) {
   const {
     content
   } = item;
-  return content instanceof Error && content.message || content instanceof FormError && content.message || (content === null || content === void 0 ? void 0 : content.toString()) || content;
+  if (content instanceof FormError && Array.isArray(content.errors)) {
+    return content.errors.map(error => {
+      return error.message;
+    });
+  }
+  return [content instanceof Error && content.message || content instanceof FormError && content.message || (content === null || content === void 0 ? void 0 : content.toString()) || content];
 }
 function isFragment(fragment) {
   return React.isValidElement(fragment) && fragment.type === React.Fragment;

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","FormError","SubmitIndicator","createSharedState","useTranslation","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","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","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","result","count","child","_child$props","_child$type","translations","errorSummary","stateSummary","key","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  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  | '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 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 &&\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 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\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","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","reduce","acc","cur","existing","find","messages","getMessagesFromError","message","state","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","filter","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","result","count","child","_child$props","_child$type","translations","errorSummary","stateSummary","key","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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"}

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

@@ -13,7 +13,7 @@ export type StateBasis = {
     show?: boolean;
 };
 export type StateRecord = Record<Identifier, Array<Omit<StateBasis, 'identifier'>>>;
-export type StateMessage = React.ReactNode;
+export type StateMessage = string;
 export type StateWithMessage = StateBasis & {
     message: StateMessage;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlockContext.js","names":["React","FieldBlockContext","createContext","undefined"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockContext.ts"],"sourcesContent":["import React from 'react'\nimport type { FieldProps, Identifier } from '../types'\n\nexport type FieldErrorIdsRef = Record<StateTypes, string>\nexport type MountedFieldsRef = Record<Identifier, boolean>\nexport type StateTypes = 'error' | 'warning' | 'info'\nexport type StateContent =\n  | FieldProps<unknown>['error']\n  | FieldProps<unknown>['warning']\n  | FieldProps<unknown>['info']\nexport type StateBasis = {\n  identifier: Identifier\n  type: StateTypes\n  content: StateContent\n  stateId?: string\n  showInitially?: boolean\n  show?: boolean\n}\nexport type StateRecord = Record<\n  Identifier,\n  Array<Omit<StateBasis, 'identifier'>>\n>\nexport type StateMessage = React.ReactNode\nexport type StateWithMessage = StateBasis & {\n  message: StateMessage\n}\nexport type StatesWithMessages = StateBasis & {\n  messages: Array<StateWithMessage>\n}\nexport type StatusContentState = { id: string; text: React.ReactNode }\nexport type StatusContent = {\n  error: StatusContentState\n  warning: StatusContentState\n  info: StatusContentState\n}\n\nexport type FieldBlockContextProps = {\n  setFieldState?: ({\n    identifier,\n    type,\n    stateId,\n    content,\n    showInitially,\n    show,\n  }: StateBasis) => void\n  showFieldError?: (identifier: Identifier, showError: boolean) => void\n  hasErrorProp?: boolean\n  composition?: true\n  fieldStateIdsRef?: React.MutableRefObject<FieldErrorIdsRef>\n  mountedFieldsRef?: React.MutableRefObject<MountedFieldsRef>\n}\n\nconst FieldBlockContext = React.createContext<\n  FieldBlockContextProps | undefined\n>(undefined)\n\nexport default FieldBlockContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAoDzB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,aAAa,CAE3CC,SAAS,CAAC;AAEZ,eAAeF,iBAAiB"}
+{"version":3,"file":"FieldBlockContext.js","names":["React","FieldBlockContext","createContext","undefined"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockContext.ts"],"sourcesContent":["import React from 'react'\nimport type { FieldProps, Identifier } from '../types'\n\nexport type FieldErrorIdsRef = Record<StateTypes, string>\nexport type MountedFieldsRef = Record<Identifier, boolean>\nexport type StateTypes = 'error' | 'warning' | 'info'\nexport type StateContent =\n  | FieldProps<unknown>['error']\n  | FieldProps<unknown>['warning']\n  | FieldProps<unknown>['info']\nexport type StateBasis = {\n  identifier: Identifier\n  type: StateTypes\n  content: StateContent\n  stateId?: string\n  showInitially?: boolean\n  show?: boolean\n}\nexport type StateRecord = Record<\n  Identifier,\n  Array<Omit<StateBasis, 'identifier'>>\n>\nexport type StateMessage = string\nexport type StateWithMessage = StateBasis & {\n  message: StateMessage\n}\nexport type StatesWithMessages = StateBasis & {\n  messages: Array<StateWithMessage>\n}\nexport type StatusContentState = { id: string; text: React.ReactNode }\nexport type StatusContent = {\n  error: StatusContentState\n  warning: StatusContentState\n  info: StatusContentState\n}\n\nexport type FieldBlockContextProps = {\n  setFieldState?: ({\n    identifier,\n    type,\n    stateId,\n    content,\n    showInitially,\n    show,\n  }: StateBasis) => void\n  showFieldError?: (identifier: Identifier, showError: boolean) => void\n  hasErrorProp?: boolean\n  composition?: true\n  fieldStateIdsRef?: React.MutableRefObject<FieldErrorIdsRef>\n  mountedFieldsRef?: React.MutableRefObject<MountedFieldsRef>\n}\n\nconst FieldBlockContext = React.createContext<\n  FieldBlockContextProps | undefined\n>(undefined)\n\nexport default FieldBlockContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAoDzB,MAAMC,iBAAiB,GAAGD,KAAK,CAACE,aAAa,CAE3CC,SAAS,CAAC;AAEZ,eAAeF,iBAAiB"}

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

@@ -93,8 +93,7 @@ function FormElementWithState(_ref2) {
       show: Boolean(value),
       no_animation: false,
       shellSpace: {
-        top: 'small',
-        bottom: 'medium'
+        top: 'small'
       }
     }, String((value === null || value === void 0 ? void 0 : value['message']) || value || ''));
   }));

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

@@ -1 +1 @@
-{"version":3,"file":"Handler.js","names":["React","useContext","DataContextProvider","DataContext","FormElement","FormStatus","useId","combineLabelledBy","FormHandler","_ref","children","defaultData","data","schema","ajvInstance","errorMessages","globalStatusId","filterSubmitData","transformIn","transformOut","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","onClear","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","autoComplete","locale","translations","disabled","required","rest","_objectWithoutProperties","_excluded","providerProps","id","createElement","FormElementWithState","_ref2","_excluded2","submitState","states","Object","entries","filter","value","_extends","map","key","undefined","state","className","show","Boolean","no_animation","shellSpace","top","bottom","String"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { JsonObject } from '../../utils/json-pointer'\nimport DataContextProvider, {\n  Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport DataContext from '../../DataContext/Context'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\nimport FormStatus from '../../../../components/FormStatus'\nimport useId from '../../../../shared/helpers/useId'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n  ElementAllProps,\n  'data' | 'as' | 'autoComplete'\n> & {\n  /**\n   * Will enable autoComplete for all nested Field.String fields\n   */\n  autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n  children,\n  defaultData,\n  data,\n  schema,\n  ajvInstance,\n  errorMessages,\n  globalStatusId,\n  filterSubmitData,\n  transformIn,\n  transformOut,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  onSubmitComplete,\n  onClear,\n  minimumAsyncBehaviorTime,\n  asyncSubmitTimeout,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  autoComplete,\n  locale,\n  translations,\n  disabled,\n  required,\n  ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n  const providerProps = {\n    id: rest.id,\n    defaultData,\n    data,\n    schema,\n    ajvInstance,\n    errorMessages,\n    globalStatusId,\n    filterSubmitData,\n    transformIn,\n    transformOut,\n    onChange,\n    onPathChange,\n    onSubmit,\n    onSubmitRequest,\n    onSubmitComplete,\n    onClear,\n    minimumAsyncBehaviorTime,\n    asyncSubmitTimeout,\n    scrollTopOnSubmit,\n    sessionStorageId,\n    autoComplete,\n    locale,\n    translations,\n    disabled,\n    required,\n  }\n\n  return (\n    <DataContextProvider {...providerProps}>\n      <FormElementWithState {...rest}>{children}</FormElementWithState>\n    </DataContextProvider>\n  )\n}\n\nfunction FormElementWithState({ children, ...rest }) {\n  const id = useId()\n  const { submitState } = useContext(DataContext) || {}\n  const states = Object.entries(submitState || {}).filter(\n    ([, value]) => value\n  )\n\n  return (\n    <FormElement\n      {...rest}\n      aria-labelledby={\n        combineLabelledBy(\n          rest,\n          states.map(([key]) => {\n            return `${id}-form-status-${key}`\n          })\n        ) || undefined\n      }\n    >\n      {children}\n\n      {['error', 'warning', 'info'].map((key) => {\n        const value = submitState?.[key]\n        return (\n          <FormStatus\n            key={key}\n            state={key}\n            id={`${id}-form-status-${key}`}\n            className=\"dnb-forms-status\"\n            show={Boolean(value)}\n            no_animation={false}\n            shellSpace={{ top: 'small', bottom: 'medium' }}\n          >\n            {String(value?.['message'] || value || '')}\n          </FormStatus>\n        )\n      })}\n    </FormElement>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Handler.js","names":["React","useContext","DataContextProvider","DataContext","FormElement","FormStatus","useId","combineLabelledBy","FormHandler","_ref","children","defaultData","data","schema","ajvInstance","errorMessages","globalStatusId","filterSubmitData","transformIn","transformOut","onChange","onPathChange","onSubmit","onSubmitRequest","onSubmitComplete","onClear","minimumAsyncBehaviorTime","asyncSubmitTimeout","scrollTopOnSubmit","sessionStorageId","autoComplete","locale","translations","disabled","required","rest","_objectWithoutProperties","_excluded","providerProps","id","createElement","FormElementWithState","_ref2","_excluded2","submitState","states","Object","entries","filter","value","_extends","map","key","undefined","state","className","show","Boolean","no_animation","shellSpace","top","String"],"sources":["../../../../../../src/extensions/forms/Form/Handler/Handler.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { JsonObject } from '../../utils/json-pointer'\nimport DataContextProvider, {\n  Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport DataContext from '../../DataContext/Context'\nimport FormElement from '../Element'\nimport type { ElementAllProps } from '../../../../elements/Element'\nimport FormStatus from '../../../../components/FormStatus'\nimport useId from '../../../../shared/helpers/useId'\nimport { combineLabelledBy } from '../../../../shared/component-helper'\n\nexport type Props = Omit<\n  ElementAllProps,\n  'data' | 'as' | 'autoComplete'\n> & {\n  /**\n   * Will enable autoComplete for all nested Field.String fields\n   */\n  autoComplete?: boolean\n}\n\nexport default function FormHandler<Data extends JsonObject>({\n  children,\n  defaultData,\n  data,\n  schema,\n  ajvInstance,\n  errorMessages,\n  globalStatusId,\n  filterSubmitData,\n  transformIn,\n  transformOut,\n  onChange,\n  onPathChange,\n  onSubmit,\n  onSubmitRequest,\n  onSubmitComplete,\n  onClear,\n  minimumAsyncBehaviorTime,\n  asyncSubmitTimeout,\n  scrollTopOnSubmit,\n  sessionStorageId,\n  autoComplete,\n  locale,\n  translations,\n  disabled,\n  required,\n  ...rest\n}: ProviderProps<Data> & Omit<Props, keyof ProviderProps<Data>>) {\n  const providerProps = {\n    id: rest.id,\n    defaultData,\n    data,\n    schema,\n    ajvInstance,\n    errorMessages,\n    globalStatusId,\n    filterSubmitData,\n    transformIn,\n    transformOut,\n    onChange,\n    onPathChange,\n    onSubmit,\n    onSubmitRequest,\n    onSubmitComplete,\n    onClear,\n    minimumAsyncBehaviorTime,\n    asyncSubmitTimeout,\n    scrollTopOnSubmit,\n    sessionStorageId,\n    autoComplete,\n    locale,\n    translations,\n    disabled,\n    required,\n  }\n\n  return (\n    <DataContextProvider {...providerProps}>\n      <FormElementWithState {...rest}>{children}</FormElementWithState>\n    </DataContextProvider>\n  )\n}\n\nfunction FormElementWithState({ children, ...rest }) {\n  const id = useId()\n  const { submitState } = useContext(DataContext) || {}\n  const states = Object.entries(submitState || {}).filter(\n    ([, value]) => value\n  )\n\n  return (\n    <FormElement\n      {...rest}\n      aria-labelledby={\n        combineLabelledBy(\n          rest,\n          states.map(([key]) => {\n            return `${id}-form-status-${key}`\n          })\n        ) || undefined\n      }\n    >\n      {children}\n\n      {['error', 'warning', 'info'].map((key) => {\n        const value = submitState?.[key]\n        return (\n          <FormStatus\n            key={key}\n            state={key}\n            id={`${id}-form-status-${key}`}\n            className=\"dnb-forms-status\"\n            show={Boolean(value)}\n            no_animation={false}\n            shellSpace={{ top: 'small' }}\n          >\n            {String(value?.['message'] || value || '')}\n          </FormStatus>\n        )\n      })}\n    </FormElement>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","pointer","extendDeep","isAsync","useId","useDataValue","Context","DataContext","Provider","SectionContext","IsolationCommitButton","clearedData","structuredClone","IsolationProvider","props","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","data","defaultData","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","removeSectionPath","has","get","getMountedData","mounterData","_dataContextRef$curre","mountedFieldsRef","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","providerProps","_objectSpread","isolate","createElement","Consumer","dataContext","handleSubmit","BubbleValidation","setMountedFieldState","setFieldError","id","errors","hasErrors","Error","undefined","CommitButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport type { OnCommit, 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 IsolationProviderProps<Data> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (\n    isolatedData: JsonObject,\n    handlerData: JsonObject\n  ) => unknown\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    data,\n    defaultData,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    for (const path in dataContextRef.current?.mountedFieldsRef.current) {\n      const field = dataContextRef.current.mountedFieldsRef.current[path]\n      if (field.isMounted && pointer.has(data, path)) {\n        pointer.set(mounterData, path, pointer.get(data, path))\n      }\n    }\n    return mounterData\n  }, [])\n\n  useEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  }, [getMountedData])\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || dataOuter || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const onClear = useCallback(() => {\n    localDataRef.current = clearedData\n    internalDataRef.current = clearedData as Data\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <DataContext.Consumer>\n        {(dataContext) => {\n          dataContextRef.current = dataContext\n\n          if (commitHandleRef) {\n            commitHandleRef.current = dataContext?.handleSubmit\n          }\n\n          return children\n        }}\n      </DataContext.Consumer>\n\n      {bubbleValidation && (\n        <BubbleValidation outerContext={outerContext} />\n      )}\n    </Provider>\n  )\n}\n\nfunction BubbleValidation({ outerContext }) {\n  const { setMountedFieldState, setFieldError } = outerContext || {}\n  const dataContext = useContext(DataContext)\n\n  const id = useId()\n  useEffect(() => {\n    const path = `/${id}`\n    const errors = dataContext.hasErrors()\n    if (errors) {\n      setMountedFieldState?.(path, {\n        isMounted: true,\n      })\n    }\n    setFieldError?.(path, errors ? new Error('Form.Isolation') : undefined)\n  }, [dataContext, id, setFieldError, setMountedFieldState])\n\n  return null\n}\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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"}
+{"version":3,"file":"Isolation.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","pointer","extendDeep","isAsync","useId","useDataValue","Context","DataContext","Provider","SectionContext","IsolationCommitButton","clearedData","structuredClone","IsolationProvider","props","children","onPathChange","onCommit","onCommitProp","onClear","onClearProp","transformOnCommit","transformOnCommitProp","commitHandleRef","bubbleValidation","data","defaultData","forceUpdate","internalDataRef","localDataRef","dataContextRef","outerContext","path","pathSection","handlePathChange","handlePathChangeOuter","dataOuter","moveValueToPath","onPathChangeHandler","value","current","set","replace","removeSectionPath","has","get","getMountedData","mounterData","_dataContextRef$curre","mountedFieldsRef","field","isMounted","localData","Object","assign","additionalArgs","_props$path","mountedData","outerData","isolatedData","stop","preventCommit","commitData","result","Array","isArray","providerProps","_objectSpread","isolate","createElement","Consumer","dataContext","handleSubmit","BubbleValidation","setMountedFieldState","setFieldError","id","errors","hasErrors","Error","undefined","CommitButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/Isolation.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer, { JsonObject } from '../../utils/json-pointer'\nimport { extendDeep } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  Context as DataContext,\n  ContextState,\n  Provider,\n} from '../../DataContext'\nimport SectionContext from '../Section/SectionContext'\nimport IsolationCommitButton from './IsolationCommitButton'\nimport {\n  clearedData,\n  type Props as ProviderProps,\n} from '../../DataContext/Provider'\nimport type { OnCommit, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type IsolationProviderProps<Data> = {\n  /**\n   * Form.Isolation: Will be called when the isolated context is committed.\n   */\n  onCommit?: OnCommit<Data>\n  /**\n   * Form.Isolation: Will be called when the form is cleared via Form.clearData\n   */\n  onClear?: () => void\n  /**\n   * Form.Isolation: A function that will be called when the isolated context is committed.\n   * It will receive the data from the isolated context and the data from the outer context.\n   * You can use this to transform the data before it is committed.\n   */\n  transformOnCommit?: (\n    isolatedData: JsonObject,\n    handlerData: JsonObject\n  ) => unknown\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the Form.Isolation.\n   */\n  bubbleValidation?: boolean\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  path?: Path\n  /**\n   * Used internally by the Form.Isolation component\n   */\n  isolate?: boolean\n}\n\nexport type IsolationProps<Data> = Omit<\n  ProviderProps<Data>,\n  | 'onSubmit'\n  | 'onSubmitRequest'\n  | 'onSubmitComplete'\n  | 'minimumAsyncBehaviorTime'\n  | 'asyncSubmitTimeout'\n  | 'scrollTopOnSubmit'\n  | 'sessionStorageId'\n  | 'globalStatusId'\n> & {\n  /**\n   * A ref (function) that you can call in order to commit the data programmatically to the outer context.\n   */\n  commitHandleRef?: React.MutableRefObject<() => void>\n}\n\nfunction IsolationProvider<Data extends JsonObject>(\n  props: IsolationProps<Data>\n) {\n  const {\n    children,\n    onPathChange,\n    onCommit: onCommitProp,\n    onClear: onClearProp,\n    transformOnCommit: transformOnCommitProp,\n    commitHandleRef,\n    bubbleValidation,\n    data,\n    defaultData,\n  } = props\n\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const internalDataRef = useRef<Data>()\n  const localDataRef = useRef<Partial<Data>>({})\n  const dataContextRef = useRef<ContextState>(null)\n  const outerContext = useContext(DataContext)\n  const { path: pathSection } = useContext(SectionContext) || {}\n  const { handlePathChange: handlePathChangeOuter, data: dataOuter } =\n    outerContext || {}\n  const { moveValueToPath } = useDataValue()\n\n  const onPathChangeHandler = useCallback(\n    async (path: Path, value: unknown) => {\n      if (localDataRef.current === clearedData) {\n        localDataRef.current = {}\n      }\n\n      pointer.set(localDataRef.current, path, value)\n\n      if (pathSection) {\n        path = path.replace(pathSection, '')\n      }\n\n      return await onPathChange?.(path, value)\n    },\n    [onPathChange, pathSection]\n  )\n\n  const removeSectionPath = useCallback(\n    (data: Data) => {\n      return pathSection && pointer.has(data, pathSection)\n        ? pointer.get(data, pathSection)\n        : data\n    },\n    [pathSection]\n  )\n\n  const getMountedData = useCallback((data: Data) => {\n    const mounterData = {} as Data\n    for (const path in dataContextRef.current?.mountedFieldsRef.current) {\n      const field = dataContextRef.current.mountedFieldsRef.current[path]\n      if (field.isMounted && pointer.has(data, path)) {\n        pointer.set(mounterData, path, pointer.get(data, path))\n      }\n    }\n    return mounterData\n  }, [])\n\n  useEffect(() => {\n    localDataRef.current = getMountedData(internalDataRef.current)\n  }, [getMountedData])\n\n  // Update the isolated data with the outside context data\n  useMemo(() => {\n    if (localDataRef.current === clearedData) {\n      return // stop here\n    }\n\n    let localData = data ?? defaultData\n\n    if (\n      localData &&\n      pathSection &&\n      !pointer.has(localDataRef.current, pathSection)\n    ) {\n      localData = moveValueToPath<Data>(pathSection, localData)\n    }\n\n    internalDataRef.current = Object.assign(\n      {},\n      localData || dataOuter || {},\n      localDataRef.current\n    )\n  }, [data, defaultData, pathSection, dataOuter, moveValueToPath])\n\n  const onCommit: IsolationProps<Data>['onCommit'] = useCallback(\n    async (data: Data, additionalArgs) => {\n      const mountedData = getMountedData(data)\n      const path = props.path ?? '/'\n      const outerData =\n        props.path && pointer.has(dataOuter, path)\n          ? pointer.get(dataOuter, path)\n          : dataOuter\n\n      localDataRef.current = mountedData\n      let isolatedData = structuredClone(mountedData)\n\n      if (typeof transformOnCommitProp === 'function') {\n        isolatedData = transformOnCommitProp(isolatedData, outerData)\n      }\n\n      let stop = false\n      additionalArgs.preventCommit = () => (stop = true)\n\n      const commitData = removeSectionPath(isolatedData)\n      const result = isAsync(onCommitProp)\n        ? await onCommitProp?.(commitData, additionalArgs)\n        : onCommitProp?.(commitData, additionalArgs)\n\n      if (stop) {\n        return // stop here\n      }\n\n      // Commit the internal data to the nested context data\n      await handlePathChangeOuter?.(\n        path,\n        Array.isArray(isolatedData)\n          ? isolatedData\n          : extendDeep({}, outerData, isolatedData)\n      )\n\n      return result\n    },\n    [\n      getMountedData,\n      props.path,\n      dataOuter,\n      transformOnCommitProp,\n      handlePathChangeOuter,\n      onCommitProp,\n      removeSectionPath,\n    ]\n  )\n\n  const onClear = useCallback(() => {\n    localDataRef.current = clearedData\n    internalDataRef.current = clearedData as Data\n    forceUpdate()\n    onClearProp?.()\n  }, [onClearProp])\n\n  const providerProps: IsolationProps<Data> = {\n    ...props,\n    [defaultData ? 'defaultData' : 'data']: internalDataRef.current,\n    onPathChange: onPathChangeHandler,\n    onCommit,\n    onClear,\n    isolate: true,\n  }\n\n  return (\n    <Provider {...providerProps}>\n      <DataContext.Consumer>\n        {(dataContext) => {\n          dataContextRef.current = dataContext\n\n          if (commitHandleRef) {\n            commitHandleRef.current = dataContext?.handleSubmit\n          }\n\n          return children\n        }}\n      </DataContext.Consumer>\n\n      {bubbleValidation && (\n        <BubbleValidation outerContext={outerContext} />\n      )}\n    </Provider>\n  )\n}\n\nfunction BubbleValidation({ outerContext }) {\n  const { setMountedFieldState, setFieldError } = outerContext || {}\n  const dataContext = useContext(DataContext)\n\n  const id = useId()\n  useEffect(() => {\n    const path = `/${id}`\n    const errors = dataContext.hasErrors()\n    if (errors) {\n      setMountedFieldState?.(path, {\n        isMounted: true,\n      })\n    }\n    setFieldError?.(path, errors ? new Error('Form.Isolation') : undefined)\n  }, [dataContext, id, setFieldError, setMountedFieldState])\n\n  return null\n}\n\nIsolationProvider.CommitButton = IsolationCommitButton\nIsolationProvider._supportsSpacingProps = undefined\n\nexport default IsolationProvider\n"],"mappings":"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"}

package/es/extensions/forms/Form/Section/EditContainer/EditContainer.d.ts

@@ -3,6 +3,8 @@ import { Props as FlexContainerProps } from '../../../../../components/flex/Cont
 import { SectionContainerProps } from '../containers/SectionContainer';
 export type Props = {
     title?: React.ReactNode;
+    onDone?: () => void;
+    onCancel?: () => void;
 };
 export type AllProps = Props & SectionContainerProps & FlexContainerProps;
 declare function EditContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/Form/Section/EditContainer/EditContainer.js

@@ -2,8 +2,7 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _Toolbar;
-const _excluded = ["children", "className", "title"];
+const _excluded = ["children", "className", "title", "onDone", "onCancel"];
 import React, { useCallback, useContext, useMemo, useRef } from 'react';
 import classnames from 'classnames';
 import { convertJsxToString } from '../../../../../shared/component-helper';
@@ -19,7 +18,9 @@ function EditContainer(props) {
     {
       children,
       className,
-      title
+      title,
+      onDone,
+      onCancel
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
   const ariaLabel = useMemo(() => convertJsxToString(title), [title]);
@@ -46,7 +47,10 @@ function EditContainer(props) {
     className: classnames('dnb-forms-section-edit-block', className)
   }, restProps), React.createElement(Flex.Stack, null, title && React.createElement(Lead, {
     size: "basis"
-  }, title), children, _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(EditToolbarTools, null))))));
+  }, title), children, React.createElement(Toolbar, null, React.createElement(EditToolbarTools, {
+    onDone: onDone,
+    onCancel: onCancel
+  })))));
 }
 EditContainer._supportsSpacingProps = true;
 export default EditContainer;

package/es/extensions/forms/Form/Section/EditContainer/EditContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditContainer.js","names":["React","useCallback","useContext","useMemo","useRef","classnames","convertJsxToString","Flex","Lead","FieldBoundaryProvider","SectionContainerContext","EditToolbarTools","SectionContainer","Toolbar","EditContainer","props","_ref","children","className","title","restProps","_objectWithoutProperties","_excluded","ariaLabel","containerMode","initialContainerMode","validateInitially","switchContainerMode","omitFocusManagementRef","onPathError","path","error","Error","current","createElement","showErrors","_extends","mode","Stack","size","_Toolbar","_supportsSpacingProps"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../../shared/component-helper'\nimport { Flex } from '../../../../../components'\nimport { Props as FlexContainerProps } from '../../../../../components/flex/Container'\nimport { Lead } from '../../../../../elements'\nimport FieldBoundaryProvider from '../../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport SectionContainer, {\n  SectionContainerProps,\n} from '../containers/SectionContainer'\nimport Toolbar from '../containers/Toolbar'\nimport { Path } from '../../../types'\n\nexport type Props = {\n  title?: React.ReactNode\n}\n\nexport type AllProps = Props & SectionContainerProps & FlexContainerProps\n\nfunction EditContainer(props: AllProps) {\n  const { children, className, title, ...restProps } = props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n  const {\n    containerMode,\n    initialContainerMode,\n    validateInitially,\n    switchContainerMode,\n  } = useContext(SectionContainerContext) || {}\n  const omitFocusManagementRef = useRef(false)\n\n  const onPathError = useCallback(\n    (path: Path, error: Error) => {\n      if (\n        initialContainerMode === 'auto' &&\n        containerMode !== 'edit' &&\n        error instanceof Error\n      ) {\n        omitFocusManagementRef.current = true\n        switchContainerMode?.('edit')\n      }\n    },\n    [containerMode, initialContainerMode, switchContainerMode]\n  )\n\n  return (\n    <FieldBoundaryProvider\n      showErrors={validateInitially}\n      onPathError={onPathError}\n    >\n      <SectionContainer\n        mode=\"edit\"\n        ariaLabel={ariaLabel}\n        omitFocusManagementRef={omitFocusManagementRef}\n        className={classnames('dnb-forms-section-edit-block', className)}\n        {...restProps}\n      >\n        <Flex.Stack>\n          {title && <Lead size=\"basis\">{title}</Lead>}\n          {children}\n          <Toolbar>\n            <EditToolbarTools />\n          </Toolbar>\n        </Flex.Stack>\n      </SectionContainer>\n    </FieldBoundaryProvider>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nexport default EditContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACvE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,OAAOC,qBAAqB,MAAM,0DAA0D;AAC5F,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAEhB,gCAAgC;AACvC,OAAOC,OAAO,MAAM,uBAAuB;AAS3C,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAAqDD,KAAK,IAAI,CAAC,CAAC;IAA1D;MAAEE,QAAQ;MAAEC,SAAS;MAAEC;IAAoB,CAAC,GAAAH,IAAA;IAAXI,SAAS,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA;EAChD,MAAMC,SAAS,GAAGpB,OAAO,CAAC,MAAMG,kBAAkB,CAACa,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACnE,MAAM;IACJK,aAAa;IACbC,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,GAAGzB,UAAU,CAACQ,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAC7C,MAAMkB,sBAAsB,GAAGxB,MAAM,CAAC,KAAK,CAAC;EAE5C,MAAMyB,WAAW,GAAG5B,WAAW,CAC7B,CAAC6B,IAAU,EAAEC,KAAY,KAAK;IAC5B,IACEN,oBAAoB,KAAK,MAAM,IAC/BD,aAAa,KAAK,MAAM,IACxBO,KAAK,YAAYC,KAAK,EACtB;MACAJ,sBAAsB,CAACK,OAAO,GAAG,IAAI;MACrCN,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EACD,CAACH,aAAa,EAAEC,oBAAoB,EAAEE,mBAAmB,CAC3D,CAAC;EAED,OACE3B,KAAA,CAAAkC,aAAA,CAACzB,qBAAqB;IACpB0B,UAAU,EAAET,iBAAkB;IAC9BG,WAAW,EAAEA;EAAY,GAEzB7B,KAAA,CAAAkC,aAAA,CAACtB,gBAAgB,EAAAwB,QAAA;IACfC,IAAI,EAAC,MAAM;IACXd,SAAS,EAAEA,SAAU;IACrBK,sBAAsB,EAAEA,sBAAuB;IAC/CV,SAAS,EAAEb,UAAU,CAAC,8BAA8B,EAAEa,SAAS;EAAE,GAC7DE,SAAS,GAEbpB,KAAA,CAAAkC,aAAA,CAAC3B,IAAI,CAAC+B,KAAK,QACRnB,KAAK,IAAInB,KAAA,CAAAkC,aAAA,CAAC1B,IAAI;IAAC+B,IAAI,EAAC;EAAO,GAAEpB,KAAY,CAAC,EAC1CF,QAAQ,EAAAuB,QAAA,KAAAA,QAAA,GACTxC,KAAA,CAAAkC,aAAA,CAACrB,OAAO,QACNb,KAAA,CAAAkC,aAAA,CAACvB,gBAAgB,MAAE,CACZ,CAAC,CACA,CACI,CACG,CAAC;AAE5B;AAEAG,aAAa,CAAC2B,qBAAqB,GAAG,IAAI;AAC1C,eAAe3B,aAAa"}
+{"version":3,"file":"EditContainer.js","names":["React","useCallback","useContext","useMemo","useRef","classnames","convertJsxToString","Flex","Lead","FieldBoundaryProvider","SectionContainerContext","EditToolbarTools","SectionContainer","Toolbar","EditContainer","props","_ref","children","className","title","onDone","onCancel","restProps","_objectWithoutProperties","_excluded","ariaLabel","containerMode","initialContainerMode","validateInitially","switchContainerMode","omitFocusManagementRef","onPathError","path","error","Error","current","createElement","showErrors","_extends","mode","Stack","size","_supportsSpacingProps"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo, useRef } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../../shared/component-helper'\nimport { Flex } from '../../../../../components'\nimport { Props as FlexContainerProps } from '../../../../../components/flex/Container'\nimport { Lead } from '../../../../../elements'\nimport FieldBoundaryProvider from '../../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport SectionContainerContext from '../containers/SectionContainerContext'\nimport EditToolbarTools from './EditToolbarTools'\nimport SectionContainer, {\n  SectionContainerProps,\n} from '../containers/SectionContainer'\nimport Toolbar from '../containers/Toolbar'\nimport { Path } from '../../../types'\n\nexport type Props = {\n  title?: React.ReactNode\n  onDone?: () => void\n  onCancel?: () => void\n}\n\nexport type AllProps = Props & SectionContainerProps & FlexContainerProps\n\nfunction EditContainer(props: AllProps) {\n  const { children, className, title, onDone, onCancel, ...restProps } =\n    props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n  const {\n    containerMode,\n    initialContainerMode,\n    validateInitially,\n    switchContainerMode,\n  } = useContext(SectionContainerContext) || {}\n  const omitFocusManagementRef = useRef(false)\n\n  const onPathError = useCallback(\n    (path: Path, error: Error) => {\n      if (\n        initialContainerMode === 'auto' &&\n        containerMode !== 'edit' &&\n        error instanceof Error\n      ) {\n        omitFocusManagementRef.current = true\n        switchContainerMode?.('edit')\n      }\n    },\n    [containerMode, initialContainerMode, switchContainerMode]\n  )\n\n  return (\n    <FieldBoundaryProvider\n      showErrors={validateInitially}\n      onPathError={onPathError}\n    >\n      <SectionContainer\n        mode=\"edit\"\n        ariaLabel={ariaLabel}\n        omitFocusManagementRef={omitFocusManagementRef}\n        className={classnames('dnb-forms-section-edit-block', className)}\n        {...restProps}\n      >\n        <Flex.Stack>\n          {title && <Lead size=\"basis\">{title}</Lead>}\n          {children}\n          <Toolbar>\n            <EditToolbarTools onDone={onDone} onCancel={onCancel} />\n          </Toolbar>\n        </Flex.Stack>\n      </SectionContainer>\n    </FieldBoundaryProvider>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nexport default EditContainer\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACvE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,wCAAwC;AAC3E,SAASC,IAAI,QAAQ,2BAA2B;AAEhD,SAASC,IAAI,QAAQ,yBAAyB;AAC9C,OAAOC,qBAAqB,MAAM,0DAA0D;AAC5F,OAAOC,uBAAuB,MAAM,uCAAuC;AAC3E,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,OAAOC,gBAAgB,MAEhB,gCAAgC;AACvC,OAAOC,OAAO,MAAM,uBAAuB;AAW3C,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GACED,KAAK,IAAI,CAAC,CAAC;IADP;MAAEE,QAAQ;MAAEC,SAAS;MAAEC,KAAK;MAAEC,MAAM;MAAEC;IAAuB,CAAC,GAAAL,IAAA;IAAXM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAElE,MAAMC,SAAS,GAAGtB,OAAO,CAAC,MAAMG,kBAAkB,CAACa,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACnE,MAAM;IACJO,aAAa;IACbC,oBAAoB;IACpBC,iBAAiB;IACjBC;EACF,CAAC,GAAG3B,UAAU,CAACQ,uBAAuB,CAAC,IAAI,CAAC,CAAC;EAC7C,MAAMoB,sBAAsB,GAAG1B,MAAM,CAAC,KAAK,CAAC;EAE5C,MAAM2B,WAAW,GAAG9B,WAAW,CAC7B,CAAC+B,IAAU,EAAEC,KAAY,KAAK;IAC5B,IACEN,oBAAoB,KAAK,MAAM,IAC/BD,aAAa,KAAK,MAAM,IACxBO,KAAK,YAAYC,KAAK,EACtB;MACAJ,sBAAsB,CAACK,OAAO,GAAG,IAAI;MACrCN,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;IAC/B;EACF,CAAC,EACD,CAACH,aAAa,EAAEC,oBAAoB,EAAEE,mBAAmB,CAC3D,CAAC;EAED,OACE7B,KAAA,CAAAoC,aAAA,CAAC3B,qBAAqB;IACpB4B,UAAU,EAAET,iBAAkB;IAC9BG,WAAW,EAAEA;EAAY,GAEzB/B,KAAA,CAAAoC,aAAA,CAACxB,gBAAgB,EAAA0B,QAAA;IACfC,IAAI,EAAC,MAAM;IACXd,SAAS,EAAEA,SAAU;IACrBK,sBAAsB,EAAEA,sBAAuB;IAC/CZ,SAAS,EAAEb,UAAU,CAAC,8BAA8B,EAAEa,SAAS;EAAE,GAC7DI,SAAS,GAEbtB,KAAA,CAAAoC,aAAA,CAAC7B,IAAI,CAACiC,KAAK,QACRrB,KAAK,IAAInB,KAAA,CAAAoC,aAAA,CAAC5B,IAAI;IAACiC,IAAI,EAAC;EAAO,GAAEtB,KAAY,CAAC,EAC1CF,QAAQ,EACTjB,KAAA,CAAAoC,aAAA,CAACvB,OAAO,QACNb,KAAA,CAAAoC,aAAA,CAACzB,gBAAgB;IAACS,MAAM,EAAEA,MAAO;IAACC,QAAQ,EAAEA;EAAS,CAAE,CAChD,CACC,CACI,CACG,CAAC;AAE5B;AAEAP,aAAa,CAAC4B,qBAAqB,GAAG,IAAI;AAC1C,eAAe5B,aAAa"}

package/es/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js

@@ -15,5 +15,16 @@ export const EditContainerProperties = {
     status: 'optional'
   }
 };
-export const EditContainerEvents = {};
+export const EditContainerEvents = {
+  onDone: {
+    doc: 'Callback for the done button.',
+    type: 'Function',
+    status: 'optional'
+  },
+  onCancel: {
+    doc: 'Callback for the cancel button.',
+    type: 'Function',
+    status: 'optional'
+  }
+};
 //# sourceMappingURL=EditContainerDocs.js.map

package/es/extensions/forms/Form/Section/EditContainer/EditContainerDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","variant","EditContainerEvents"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAME,mBAAyC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","variant","EditContainerEvents","onDone","onCancel"],"sources":["../../../../../../../src/extensions/forms/Form/Section/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const EditContainerEvents: PropertiesTableProps = {\n  onDone: {\n    doc: 'Callback for the done button.',\n    type: 'Function',\n    status: 'optional',\n  },\n  onCancel: {\n    doc: 'Callback for the cancel button.',\n    type: 'Function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EAED,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAME,mBAAyC,GAAG;EACvDC,MAAM,EAAE;IACNL,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,iCAAiC;IACtCC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.d.ts

@@ -1 +1,5 @@
-export default function EditToolbarTools(): import("react/jsx-runtime").JSX.Element;
+export type Props = {
+    onDone?: () => void;
+    onCancel?: () => void;
+};
+export default function EditToolbarTools(props: Props): import("react/jsx-runtime").JSX.Element;

package/es/extensions/forms/Form/Section/EditContainer/EditToolbarTools.js

@@ -7,7 +7,11 @@ import SectionContainerContext from '../containers/SectionContainerContext';
 import FieldBoundaryContext from '../../../DataContext/FieldBoundary/FieldBoundaryContext';
 import { check, close } from '../../../../../icons';
 import useContainerDataStore from './useContainerDataStore';
-export default function EditToolbarTools() {
+export default function EditToolbarTools(props) {
+  const {
+    onDone,
+    onCancel
+  } = props;
   const {
     restoreOriginalData
   } = useContainerDataStore();
@@ -34,8 +38,9 @@ export default function EditToolbarTools() {
       setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
       restoreOriginalData();
       switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+      onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     }
-  }, [hasSubmitError, initialContainerMode, hasError, setShowBoundaryErrors, hasVisibleError, restoreOriginalData, switchContainerMode]);
+  }, [hasSubmitError, initialContainerMode, hasError, setShowBoundaryErrors, hasVisibleError, restoreOriginalData, switchContainerMode, onCancel]);
   const doneHandler = useCallback(() => {
     if (hasError) {
       setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(Date.now());
@@ -46,8 +51,9 @@ export default function EditToolbarTools() {
       setShowError(false);
       setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
       switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+      onDone === null || onDone === void 0 ? void 0 : onDone();
     }
-  }, [hasVisibleError, hasError, setShowBoundaryErrors, switchContainerMode]);
+  }, [hasError, setShowBoundaryErrors, hasVisibleError, switchContainerMode, onDone]);
   return React.createElement(React.Fragment, null, React.createElement(Flex.Horizontal, {
     gap: "large"
   }, React.createElement(Button, {