@dnb/eufemia 10.61.0 → 10.62.1

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_FieldBlockContext","_Context","_IterateItemContext","_components","_elements","_componentHelper","_useId","_HelpButtonInline","_SubmitIndicator","_useSharedState","_useTranslation","_utils","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","states","exports","FieldBlock","props","_props$id","dataContext","useContext","DataContext","fieldBlockContext","FieldBlockContext","nestedFieldBlockContext","disableStatusSummary","id","useId","forId","sharedData","createSharedState","_Object$assign","data","className","layout","layoutOptions","composition","label","labelProp","labelDescription","labelSuffix","labelSrOnly","help","asFieldset","required","info","warning","error","errorProp","fieldState","disabled","width","contentWidth","labelHeight","align","labelSize","contentClassName","children","rest","hasCustomWidth","test","hasCustomContentWidth","iterateItemContext","IterateElementContext","index","iterateIndex","blockId","wasUpdated","forceUpdate","useReducer","mountedFieldsRef","useRef","fieldStateRef","stateRecordRef","fieldStateIdsRef","contentsRef","hasInitiallyErrorProp","useMemo","Boolean","optionalLabelSuffix","useTranslation","Field","labelSuffixText","content","convertJsxToString","replace","includes","React","isValidElement","createElement","Fragment","setInternalRecord","useCallback","stateId","identifier","type","current","existingIndex","findIndex","item","setBlockRecord","setFieldState","showFieldError","show","map","showInitially","statusContent","statesWithMessages","entries","flatMap","_ref","reduce","acc","cur","existing","find","messages","getMessagesFromError","message","state","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","_ref2","arr","CombineMessages","useEffect","mainClasses","classnames","gridClasses","enableFieldset","useEnableFieldset","labelProps","element","srOnly","space","size","mainStyle","_lO$minWidth","_lO$maxWidth","style","lO","min","getFieldWidth","minWidth","max","maxWidth","prerenderFieldProps","hasLabelDescription","isFragment","fragmentHasChildren","fragmentHasOnlyUndefinedChildren","hasHelp","title","Provider","hasErrorProp","Space","FormLabel","contentId","HelpButtonInlineContent","breakout","outset","parseFloat","FormStatus","ref","_ref3","result","count","findElementInChildren","child","_child$props","_child$type","_ref4","translations","errorSummary","stateSummary","Ul","_ref5","Li","FormError","Array","isArray","errors","Error","toString","fragment","Children","isUndefined","toArray","every","_supportsSpacingProps","_default"],"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} from '../../../shared/component-helper'\nimport useId from '../../../shared/helpers/useId'\nimport {\n  ComponentProps,\n  FieldProps,\n  SubmitState,\n  Identifier,\n} from '../types'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\nimport HelpButtonInline, {\n  HelpButtonInlineContent,\n  HelpProps,\n} from '../../../components/help-button/HelpButtonInline'\nimport SubmitIndicator from '../Form/SubmitIndicator/SubmitIndicator'\nimport { createSharedState } from '../../../shared/helpers/useSharedState'\nimport useTranslation from '../hooks/useTranslation'\nimport { FormError } from '../utils'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\n/**\n * The width of a field block\n */\nexport type CustomWidth = `${number}rem`\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelWidth =\n  | 'small'\n  | 'medium'\n  | 'large'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelHeight =\n  | 'default'\n  | 'small'\n  | 'medium'\n  | 'large'\n\nexport type SharedFieldBlockProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'vertical' | 'horizontal'\n  /** Use this to set additional options for the layout */\n  layoutOptions?: {\n    width?: FieldBlockHorizontalLabelWidth\n    minWidth?: FieldBlockHorizontalLabelWidth\n    maxWidth?: FieldBlockHorizontalLabelWidth\n  }\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * Will append an additional text to the label, like \"(optional)\" or \"(recommended)\"\n   */\n  labelSuffix?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Width of outer block element\n   */\n  width?: FieldBlockWidth\n  /**\n   * Width of contents block, while label etc can be wider if space is available\n   */\n  contentWidth?: FieldBlockWidth\n  /**\n   * Provide help content for the field.\n   */\n  help?: HelpProps\n}\n\nexport type Props = SharedFieldBlockProps &\n  Pick<\n    FieldProps,\n    keyof ComponentProps | 'info' | 'warning' | 'error' | 'disabled'\n  > & {\n    /** The id to link a element with */\n    forId?: string\n    /** Use true if you have more than one form element */\n    asFieldset?: boolean\n    /** use `true` to make the label only readable by screen readers. */\n    labelSrOnly?: boolean\n    /** Defines the layout of nested fields */\n    composition?: FieldBlockContextProps['composition']\n    /** For composition only: Align the contents vertically */\n    align?: 'center' | 'bottom'\n    /** Class name for the contents block */\n    contentClassName?: string\n    /** To show the SubmitIndicator during async validation */\n    fieldState?: SubmitState\n    /** Typography size */\n    labelSize?: 'medium' | 'large'\n    /** Defines the height of an component (size prop), so the label can be aligned correctly */\n    labelHeight?: FieldBlockHorizontalLabelHeight\n    /** Disable the error summary for this field block */\n    disableStatusSummary?: boolean\n    /** For internal use only */\n    required?: boolean\n    children?: React.ReactNode\n  } & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const nestedFieldBlockContext = !fieldBlockContext?.disableStatusSummary\n    ? fieldBlockContext\n    : null\n\n  const id = useId(props.id ?? props.forId)\n  const sharedData = createSharedState<Props>('field-block-props-' + id)\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    layoutOptions,\n    composition,\n    label: labelProp,\n    labelDescription,\n    labelSuffix,\n    labelSrOnly,\n    help,\n    asFieldset,\n    required,\n    info,\n    warning,\n    error: errorProp,\n    disableStatusSummary,\n    fieldState,\n    disabled,\n    width,\n    contentWidth,\n    labelHeight,\n    align,\n    labelSize,\n    contentClassName,\n    children,\n    ...rest\n  } = Object.assign({}, sharedData.data, props)\n  const hasCustomWidth = /\\d(rem)$/.test(String(width))\n  const hasCustomContentWidth = /\\d(rem)$/.test(String(contentWidth))\n\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const blockId = useId(props.id)\n  const [wasUpdated, forceUpdate] = useReducer(() => ({}), {})\n  const mountedFieldsRef = useRef<MountedFieldsRef>({})\n  const fieldStateRef = useRef<SubmitState>(null)\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 setBlockRecord = useCallback(\n    (props: StateBasis) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setBlockRecord(props)\n        return\n      }\n\n      setInternalRecord(props)\n\n      forceUpdate()\n    },\n    [nestedFieldBlockContext, setInternalRecord]\n  )\n\n  const setFieldState = useCallback(\n    (identifier: Identifier, fieldState: SubmitState) => {\n      if (fieldState !== fieldStateRef.current) {\n        fieldStateRef.current = fieldState\n\n        forceUpdate()\n      }\n    },\n    []\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            children: <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    contentWidth &&\n      `dnb-forms-field-block--content-width-${\n        hasCustomContentWidth ? 'custom' : contentWidth\n      }`,\n    labelHeight && `dnb-forms-field-block--label-height-${labelHeight}`,\n    composition && 'dnb-forms-field-block__composition',\n    composition &&\n      `dnb-forms-field-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`,\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    className: 'dnb-forms-field-block__label',\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    srOnly: labelSrOnly,\n    space: 0, // Use CSS for spacing, but we need to reset space for doing so\n    size: labelSize,\n    disabled,\n  }\n\n  const mainStyle = useMemo(() => {\n    const style: React.CSSProperties = {}\n\n    if (hasCustomWidth) {\n      style['--dnb-forms-field-block-width'] = width\n    }\n\n    if (hasCustomContentWidth) {\n      style['--dnb-forms-field-block-content-width'] = contentWidth\n    }\n\n    const lO = layoutOptions || {}\n    const min = getFieldWidth(lO.minWidth ?? lO.width)\n    const max = getFieldWidth(lO.maxWidth ?? lO.width)\n\n    if (typeof min === 'string') {\n      style['--dnb-forms-field-block-layout-width-min'] = min\n    }\n    if (typeof max === 'string') {\n      style['--dnb-forms-field-block-layout-width-max'] = max\n    }\n\n    return style\n  }, [\n    contentWidth,\n    hasCustomContentWidth,\n    hasCustomWidth,\n    layoutOptions,\n    width,\n  ])\n\n  if (dataContext?.prerenderFieldProps) {\n    return null\n  }\n\n  const hasLabelDescription = isFragment(labelDescription)\n    ? fragmentHasChildren(labelDescription) &&\n      !fragmentHasOnlyUndefinedChildren(labelDescription)\n    : labelDescription\n  const hasHelp = help?.title || help?.content\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setBlockRecord,\n        setFieldState,\n        showFieldError,\n        hasErrorProp: Boolean(errorProp),\n        fieldStateIdsRef,\n        mountedFieldsRef,\n        composition,\n        disableStatusSummary,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        style={mainStyle}\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          {(label || labelDescription || hasHelp) && (\n            <FormLabel {...labelProps}>\n              <span>\n                {label && (\n                  <span className=\"dnb-forms-field-block__label__content\">\n                    {label}\n                  </span>\n                )}\n\n                {hasLabelDescription && (\n                  <span className=\"dnb-forms-field-block__label__description\">\n                    {labelDescription}\n                  </span>\n                )}\n\n                {hasHelp && (\n                  <HelpButtonInline contentId={`${id}-help`} help={help} />\n                )}\n              </span>\n            </FormLabel>\n          )}\n\n          {hasHelp && (\n            <HelpButtonInlineContent\n              contentId={`${id}-help`}\n              className=\"dnb-forms-field-block__help\"\n              help={help}\n              breakout={\n                layout === 'vertical' &&\n                !nestedFieldBlockContext?.composition\n              }\n              outset={layout !== 'horizontal'}\n            />\n          )}\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__status',\n\n              // Handle the width of the status messages\n              contentWidth &&\n                contentWidth !== 'small' &&\n                contentWidth !== 'medium' &&\n                !(parseFloat(contentWidth) <= 11) &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`\n            )}\n          >\n            <FormStatus {...statusContent?.error} />\n            <FormStatus {...statusContent?.warning} />\n            <FormStatus {...statusContent?.info} />\n          </div>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`,\n              align && `dnb-forms-field-block__contents--align-${align}`,\n              contentClassName\n            )}\n            ref={contentsRef}\n          >\n            {children}\n          </div>\n\n          <SubmitIndicator\n            state={fieldState ?? fieldStateRef.current}\n            className=\"dnb-forms-field-block__indicator dnb-forms-submit-indicator--inline-wrap\"\n          />\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\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  if (Array.isArray(content)) {\n    return content.map((content) => {\n      return content instanceof FormError || content instanceof Error\n        ? content.message\n        : content\n    })\n  }\n\n  if (content instanceof FormError || content instanceof Error) {\n    return [content.message as StateMessage]\n  }\n\n  return [\n    ((React.isValidElement(content) ? content : content?.toString()) ||\n      content) as StateMessage,\n  ]\n}\n\nfunction isFragment(fragment: React.ReactNode) {\n  return React.isValidElement(fragment) && fragment.type === React.Fragment\n}\n\nfunction fragmentHasChildren(fragment: React.ReactNode) {\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.count(fragment.props.children) > 0\n  )\n}\n\nfunction fragmentHasOnlyUndefinedChildren(fragment: React.ReactNode) {\n  const isUndefined = (child) => child === undefined\n\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.toArray(fragment.props.children).every(isUndefined)\n  )\n}\n\nFieldBlock._supportsSpacingProps = true\n\nexport default FieldBlock\n\nfunction getFieldWidth(width: FieldBlockHorizontalLabelWidth) {\n  switch (width) {\n    case 'small':\n      return 'var(--forms-field-width--small)'\n    case 'medium':\n      return 'var(--forms-field-width--medium)'\n    case 'large':\n      return 'var(--forms-field-width--large)'\n  }\n\n  return width\n}\n"],"mappings":"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"}
+{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_FieldBlockContext","_Context","_IterateItemContext","_components","_elements","_componentHelper","_useId","_HelpButtonInline","_SubmitIndicator","_useSharedState","_useTranslation","_utils","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","states","exports","FieldBlock","props","_props$id","dataContext","useContext","DataContext","fieldBlockContext","FieldBlockContext","nestedFieldBlockContext","disableStatusSummary","id","useId","forId","sharedData","createSharedState","_Object$assign","data","className","layout","layoutOptions","composition","label","labelProp","labelDescription","labelSuffix","labelSrOnly","help","asFieldset","required","info","warning","error","errorProp","fieldState","disabled","width","contentWidth","labelHeight","align","labelSize","contentClassName","children","rest","hasCustomWidth","test","hasCustomContentWidth","iterateItemContext","IterateElementContext","index","iterateIndex","blockId","wasUpdated","forceUpdate","useReducer","mountedFieldsRef","useRef","fieldStateRef","stateRecordRef","fieldStateIdsRef","contentsRef","hasInitiallyErrorProp","useMemo","Boolean","optionalLabelSuffix","useTranslation","Field","labelSuffixText","content","convertJsxToString","replace","includes","React","isValidElement","createElement","Fragment","setInternalRecord","useCallback","stateId","identifier","type","current","existingIndex","findIndex","item","setBlockRecord","setFieldState","showFieldError","show","map","showInitially","statusContent","statesWithMessages","entries","flatMap","_ref","reduce","acc","cur","existing","find","messages","getMessagesFromError","message","state","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","_ref2","arr","CombineMessages","useEffect","mainClasses","classnames","gridClasses","enableFieldset","useEnableFieldset","labelProps","element","srOnly","space","size","mainStyle","_lO$minWidth","_lO$maxWidth","style","lO","min","getFieldWidth","minWidth","max","maxWidth","prerenderFieldProps","hasLabelDescription","isFragment","fragmentHasChildren","fragmentHasOnlyUndefinedChildren","hasHelp","title","Provider","hasErrorProp","Space","FormLabel","contentId","HelpButtonInlineContent","breakout","outset","parseFloat","FormStatus","ref","showLabel","_ref3","result","count","findElementInChildren","child","_child$props","_child$type","_ref4","translations","errorSummary","stateSummary","Ul","_ref5","Li","FormError","Array","isArray","errors","Error","toString","fragment","Children","isUndefined","toArray","every","_supportsSpacingProps","_default"],"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} from '../../../shared/component-helper'\nimport useId from '../../../shared/helpers/useId'\nimport {\n  ComponentProps,\n  FieldProps,\n  SubmitState,\n  Identifier,\n} from '../types'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\nimport HelpButtonInline, {\n  HelpButtonInlineContent,\n  HelpProps,\n} from '../../../components/help-button/HelpButtonInline'\nimport SubmitIndicator from '../Form/SubmitIndicator/SubmitIndicator'\nimport { createSharedState } from '../../../shared/helpers/useSharedState'\nimport useTranslation from '../hooks/useTranslation'\nimport { FormError } from '../utils'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\n/**\n * The width of a field block\n */\nexport type CustomWidth = `${number}rem`\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelWidth =\n  | 'small'\n  | 'medium'\n  | 'large'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelHeight =\n  | 'default'\n  | 'small'\n  | 'medium'\n  | 'large'\n\nexport type SharedFieldBlockProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'vertical' | 'horizontal'\n  /** Use this to set additional options for the layout */\n  layoutOptions?: {\n    width?: FieldBlockHorizontalLabelWidth\n    minWidth?: FieldBlockHorizontalLabelWidth\n    maxWidth?: FieldBlockHorizontalLabelWidth\n  }\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * Will append an additional text to the label, like \"(optional)\" or \"(recommended)\"\n   */\n  labelSuffix?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Width of outer block element\n   */\n  width?: FieldBlockWidth\n  /**\n   * Width of contents block, while label etc can be wider if space is available\n   */\n  contentWidth?: FieldBlockWidth\n  /**\n   * Provide help content for the field.\n   */\n  help?: HelpProps\n}\n\nexport type Props = SharedFieldBlockProps &\n  Pick<\n    FieldProps,\n    keyof ComponentProps | 'info' | 'warning' | 'error' | 'disabled'\n  > & {\n    /** The id to link a element with */\n    forId?: string\n    /** Use true if you have more than one form element */\n    asFieldset?: boolean\n    /** use `true` to make the label only readable by screen readers. */\n    labelSrOnly?: boolean\n    /** Defines the layout of nested fields */\n    composition?: FieldBlockContextProps['composition']\n    /** For composition only: Align the contents vertically */\n    align?: 'center' | 'bottom'\n    /** Class name for the contents block */\n    contentClassName?: string\n    /** To show the SubmitIndicator during async validation */\n    fieldState?: SubmitState\n    /** Typography size */\n    labelSize?: 'medium' | 'large'\n    /** Defines the height of an component (size prop), so the label can be aligned correctly */\n    labelHeight?: FieldBlockHorizontalLabelHeight\n    /** Disable the error summary for this field block */\n    disableStatusSummary?: boolean\n    /** For internal use only */\n    required?: boolean\n    children?: React.ReactNode\n  } & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const nestedFieldBlockContext = !fieldBlockContext?.disableStatusSummary\n    ? fieldBlockContext\n    : null\n\n  const id = useId(props.id ?? props.forId)\n  const sharedData = createSharedState<Props>('field-block-props-' + id)\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    layoutOptions,\n    composition,\n    label: labelProp,\n    labelDescription,\n    labelSuffix,\n    labelSrOnly,\n    help,\n    asFieldset,\n    required,\n    info,\n    warning,\n    error: errorProp,\n    disableStatusSummary,\n    fieldState,\n    disabled,\n    width,\n    contentWidth,\n    labelHeight,\n    align,\n    labelSize,\n    contentClassName,\n    children,\n    ...rest\n  } = Object.assign({}, sharedData.data, props)\n  const hasCustomWidth = /\\d(rem)$/.test(String(width))\n  const hasCustomContentWidth = /\\d(rem)$/.test(String(contentWidth))\n\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const blockId = useId(props.id)\n  const [wasUpdated, forceUpdate] = useReducer(() => ({}), {})\n  const mountedFieldsRef = useRef<MountedFieldsRef>({})\n  const fieldStateRef = useRef<SubmitState>(null)\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 setBlockRecord = useCallback(\n    (props: StateBasis) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setBlockRecord(props)\n        return\n      }\n\n      setInternalRecord(props)\n\n      forceUpdate()\n    },\n    [nestedFieldBlockContext, setInternalRecord]\n  )\n\n  const setFieldState = useCallback(\n    (identifier: Identifier, fieldState: SubmitState) => {\n      if (fieldState !== fieldStateRef.current) {\n        fieldStateRef.current = fieldState\n\n        forceUpdate()\n      }\n    },\n    []\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            children: <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    contentWidth &&\n      `dnb-forms-field-block--content-width-${\n        hasCustomContentWidth ? 'custom' : contentWidth\n      }`,\n    labelHeight && `dnb-forms-field-block--label-height-${labelHeight}`,\n    composition && 'dnb-forms-field-block__composition',\n    composition &&\n      `dnb-forms-field-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`,\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    className: 'dnb-forms-field-block__label',\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    srOnly: labelSrOnly,\n    space: 0, // Use CSS for spacing, but we need to reset space for doing so\n    size: labelSize,\n    disabled,\n  }\n\n  const mainStyle = useMemo(() => {\n    const style: React.CSSProperties = {}\n\n    if (hasCustomWidth) {\n      style['--dnb-forms-field-block-width'] = width\n    }\n\n    if (hasCustomContentWidth) {\n      style['--dnb-forms-field-block-content-width'] = contentWidth\n    }\n\n    const lO = layoutOptions || {}\n    const min = getFieldWidth(lO.minWidth ?? lO.width)\n    const max = getFieldWidth(lO.maxWidth ?? lO.width)\n\n    if (typeof min === 'string') {\n      style['--dnb-forms-field-block-layout-width-min'] = min\n    }\n    if (typeof max === 'string') {\n      style['--dnb-forms-field-block-layout-width-max'] = max\n    }\n\n    return style\n  }, [\n    contentWidth,\n    hasCustomContentWidth,\n    hasCustomWidth,\n    layoutOptions,\n    width,\n  ])\n\n  if (dataContext?.prerenderFieldProps) {\n    return null\n  }\n\n  const hasLabelDescription = isFragment(labelDescription)\n    ? fragmentHasChildren(labelDescription) &&\n      !fragmentHasOnlyUndefinedChildren(labelDescription)\n    : labelDescription\n  const hasHelp = help?.title || help?.content\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setBlockRecord,\n        setFieldState,\n        showFieldError,\n        hasErrorProp: Boolean(errorProp),\n        fieldStateIdsRef,\n        mountedFieldsRef,\n        composition,\n        disableStatusSummary,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        style={mainStyle}\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          {(label || labelDescription || hasHelp) && (\n            <FormLabel {...labelProps}>\n              <span>\n                {label && (\n                  <span className=\"dnb-forms-field-block__label__content\">\n                    {label}\n                  </span>\n                )}\n\n                {hasLabelDescription && (\n                  <span className=\"dnb-forms-field-block__label__description\">\n                    {labelDescription}\n                  </span>\n                )}\n\n                {hasHelp && (\n                  <HelpButtonInline contentId={`${id}-help`} help={help} />\n                )}\n              </span>\n            </FormLabel>\n          )}\n\n          {hasHelp && (\n            <HelpButtonInlineContent\n              contentId={`${id}-help`}\n              className=\"dnb-forms-field-block__help\"\n              help={help}\n              breakout={\n                layout === 'vertical' &&\n                !nestedFieldBlockContext?.composition\n              }\n              outset={layout !== 'horizontal'}\n            />\n          )}\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__status',\n\n              // Handle the width of the status messages\n              contentWidth &&\n                contentWidth !== 'small' &&\n                contentWidth !== 'medium' &&\n                !(parseFloat(contentWidth) <= 11) &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`\n            )}\n          >\n            <FormStatus {...statusContent?.error} />\n            <FormStatus {...statusContent?.warning} />\n            <FormStatus {...statusContent?.info} />\n          </div>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`,\n              align && `dnb-forms-field-block__contents--align-${align}`,\n              contentClassName\n            )}\n            ref={contentsRef}\n          >\n            {children}\n          </div>\n\n          <SubmitIndicator\n            state={fieldState ?? fieldStateRef.current}\n            showLabel\n            className=\"dnb-forms-field-block__indicator dnb-forms-submit-indicator--inline-wrap\"\n          />\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\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  if (Array.isArray(content)) {\n    return content.map((content) => {\n      return content instanceof FormError || content instanceof Error\n        ? content.message\n        : content\n    })\n  }\n\n  if (content instanceof FormError || content instanceof Error) {\n    return [content.message as StateMessage]\n  }\n\n  return [\n    ((React.isValidElement(content) ? content : content?.toString()) ||\n      content) as StateMessage,\n  ]\n}\n\nfunction isFragment(fragment: React.ReactNode) {\n  return React.isValidElement(fragment) && fragment.type === React.Fragment\n}\n\nfunction fragmentHasChildren(fragment: React.ReactNode) {\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.count(fragment.props.children) > 0\n  )\n}\n\nfunction fragmentHasOnlyUndefinedChildren(fragment: React.ReactNode) {\n  const isUndefined = (child) => child === undefined\n\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.toArray(fragment.props.children).every(isUndefined)\n  )\n}\n\nFieldBlock._supportsSpacingProps = true\n\nexport default FieldBlock\n\nfunction getFieldWidth(width: FieldBlockHorizontalLabelWidth) {\n  switch (width) {\n    case 'small':\n      return 'var(--forms-field-width--small)'\n    case 'medium':\n      return 'var(--forms-field-width--medium)'\n    case 'large':\n      return 'var(--forms-field-width--large)'\n  }\n\n  return width\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicator.d.ts

@@ -3,8 +3,9 @@ import type { SpaceProps } from '../../../../components/Space';
 import type { SubmitState } from '../../types';
 export type Props = {
     state: SubmitState;
+    label?: React.ReactNode;
+    showLabel?: boolean;
     className?: string;
-    successLabel?: string;
     children?: React.ReactNode;
 } & SpaceProps;
 declare function SubmitIndicator(props: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -8,12 +8,11 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../../components");
-var _icons = require("../../../../icons");
 var _utils = require("../../../../components/flex/utils");
-var _shared = require("../../../../shared");
+var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
 var _componentHelper = require("../../../../shared/component-helper");
-var _b, _span;
-const _excluded = ["className", "children", "state", "successLabel"];
+var _b;
+const _excluded = ["className", "children", "state", "showLabel", "label"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -27,14 +26,15 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
 function SubmitIndicator(props) {
+  const translation = (0, _useTranslation.default)();
   const {
       className,
       children,
       state,
-      successLabel = 'Saved'
+      showLabel,
+      label = translation.SubmitIndicator.label
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const translation = (0, _shared.useTranslation)();
   const childrenRef = (0, _react.useRef)(null);
   const [willWrap, setWillWrap] = (0, _react.useState)(false);
   const key = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(children), [children]);
@@ -56,18 +56,16 @@ function SubmitIndicator(props) {
   const ariaAttributes = state === 'pending' ? {
     role: 'status',
     'aria-busy': true,
-    'aria-label': translation.ProgressIndicator.indicator_label
+    'aria-label': (0, _componentHelper.convertJsxToString)(label)
   } : {
     'aria-hidden': true
   };
   const dot = _b || (_b = _react.default.createElement("b", null, "."));
   const indicator = _react.default.createElement("span", _extends({
     className: "dnb-forms-submit-indicator__content"
-  }, ariaAttributes, (0, _utils.omitSpacingProps)(rest)), state === 'success' && _react.default.createElement(_components.Tooltip, {
-    targetElement: _span || (_span = _react.default.createElement("span", null, _react.default.createElement(_components.Icon, {
-      icon: _icons.check
-    })))
-  }, successLabel), state && state !== 'success' && state !== 'abort' && _react.default.createElement(_react.default.Fragment, null, dot, dot, dot));
+  }, ariaAttributes, (0, _utils.omitSpacingProps)(rest)), showLabel && _react.default.createElement("span", {
+    className: "dnb-forms-submit-indicator__label"
+  }, label), state && state !== 'success' && state !== 'abort' && _react.default.createElement(_react.default.Fragment, null, dot, dot, dot));
   return _react.default.createElement(_components.Space, _extends({}, params, {
     element: "span"
   }), children && _react.default.createElement("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitIndicator.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_icons","_utils","_shared","_componentHelper","_b","_span","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","useLayoutEffect","window","React","useEffect","SubmitIndicator","props","className","children","state","successLabel","rest","translation","useTranslation","childrenRef","useRef","willWrap","setWillWrap","useState","useMemo","convertJsxToString","recalculate","useCallback","willWordWrap","current","addEventListener","removeEventListener","params","classnames","pickSpacingProps","ariaAttributes","role","ProgressIndicator","indicator_label","dot","createElement","indicator","omitSpacingProps","Tooltip","targetElement","Icon","icon","check","Fragment","Space","element","ref","word","_element$parentElemen","offsetHeight","innerHTML","clone","cloneNode","parentElement","insertBefore","height","remove","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Icon, Space, Tooltip } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport { check } from '../../../../icons'\nimport type { SubmitState } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport { useTranslation } from '../../../../shared'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = {\n  state: SubmitState\n  className?: string\n  successLabel?: string\n  children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n  const {\n    className,\n    children,\n    state,\n    successLabel = 'Saved',\n    ...rest\n  } = props\n  const translation = useTranslation()\n  const childrenRef = useRef<HTMLSpanElement>(null)\n  const [willWrap, setWillWrap] = useState(false)\n  const key = useMemo(() => convertJsxToString(children), [children])\n\n  const recalculate = useCallback(() => {\n    setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n  }, [childrenRef])\n\n  useLayoutEffect(() => {\n    if (key) {\n      recalculate()\n\n      window.addEventListener('resize', recalculate)\n      return () => {\n        window.removeEventListener('resize', recalculate)\n      }\n    }\n  }, [key, recalculate])\n\n  const params = {\n    className: classnames(\n      'dnb-forms-submit-indicator',\n      state && `dnb-forms-submit-indicator--state-${state}`,\n      willWrap && 'dnb-forms-submit-indicator--inline-wrap',\n      className\n    ),\n    ...pickSpacingProps(rest),\n  } as SpaceProps\n\n  const ariaAttributes =\n    state === 'pending'\n      ? {\n          role: 'status',\n          'aria-busy': true,\n          'aria-label': translation.ProgressIndicator.indicator_label,\n        }\n      : {\n          'aria-hidden': true,\n        }\n\n  const dot = <b>.</b>\n  const indicator = (\n    <span\n      className=\"dnb-forms-submit-indicator__content\"\n      {...ariaAttributes}\n      {...omitSpacingProps(rest)}\n    >\n      {state === 'success' && (\n        <Tooltip\n          targetElement={\n            <span>\n              <Icon icon={check} />\n            </span>\n          }\n        >\n          {successLabel}\n        </Tooltip>\n      )}\n      {state && state !== 'success' && state !== 'abort' && (\n        <>\n          {dot}\n          {dot}\n          {dot}\n        </>\n      )}\n    </span>\n  )\n\n  return (\n    <Space {...params} element=\"span\">\n      {children && (\n        <span ref={childrenRef} key={key}>\n          {children}\n        </span>\n      )}\n      {indicator}\n    </Space>\n  )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n  if (!element) {\n    return\n  }\n\n  const { offsetHeight, innerHTML } = element\n\n  const clone = element.cloneNode(true) as HTMLElement\n  element.parentElement?.insertBefore(clone, element)\n\n  clone.innerHTML += word\n  const height = clone.offsetHeight\n  clone.innerHTML = innerHTML\n\n  clone.remove()\n\n  return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":"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"}
+{"version":3,"file":"SubmitIndicator.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_utils","_useTranslation","_componentHelper","_b","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","useLayoutEffect","window","React","useEffect","SubmitIndicator","props","translation","useTranslation","className","children","state","showLabel","label","rest","childrenRef","useRef","willWrap","setWillWrap","useState","useMemo","convertJsxToString","recalculate","useCallback","willWordWrap","current","addEventListener","removeEventListener","params","classnames","pickSpacingProps","ariaAttributes","role","dot","createElement","indicator","omitSpacingProps","Fragment","Space","element","ref","word","_element$parentElemen","offsetHeight","innerHTML","clone","cloneNode","parentElement","insertBefore","height","remove","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicator.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../../components'\nimport type { SpaceProps } from '../../../../components/Space'\nimport type { SubmitState } from '../../types'\nimport {\n  omitSpacingProps,\n  pickSpacingProps,\n} from '../../../../components/flex/utils'\nimport useTranslation from '../../hooks/useTranslation'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type Props = {\n  state: SubmitState\n  label?: React.ReactNode\n  showLabel?: boolean\n  className?: string\n  children?: React.ReactNode\n} & SpaceProps\n\nfunction SubmitIndicator(props: Props) {\n  const translation = useTranslation()\n\n  const {\n    className,\n    children,\n    state,\n    showLabel,\n    label = translation.SubmitIndicator.label,\n    ...rest\n  } = props\n  const childrenRef = useRef<HTMLSpanElement>(null)\n  const [willWrap, setWillWrap] = useState(false)\n  const key = useMemo(() => convertJsxToString(children), [children])\n\n  const recalculate = useCallback(() => {\n    setWillWrap(willWordWrap(childrenRef.current, '. . . '))\n  }, [childrenRef])\n\n  useLayoutEffect(() => {\n    if (key) {\n      recalculate()\n\n      window.addEventListener('resize', recalculate)\n      return () => {\n        window.removeEventListener('resize', recalculate)\n      }\n    }\n  }, [key, recalculate])\n\n  const params = {\n    className: classnames(\n      'dnb-forms-submit-indicator',\n      state && `dnb-forms-submit-indicator--state-${state}`,\n      willWrap && 'dnb-forms-submit-indicator--inline-wrap',\n      className\n    ),\n    ...pickSpacingProps(rest),\n  } as SpaceProps\n\n  const ariaAttributes =\n    state === 'pending'\n      ? {\n          role: 'status',\n          'aria-busy': true,\n          'aria-label': convertJsxToString(label),\n        }\n      : {\n          'aria-hidden': true,\n        }\n\n  const dot = <b>.</b>\n  const indicator = (\n    <span\n      className=\"dnb-forms-submit-indicator__content\"\n      {...ariaAttributes}\n      {...omitSpacingProps(rest)}\n    >\n      {showLabel && (\n        <span className=\"dnb-forms-submit-indicator__label\">{label}</span>\n      )}\n      {state && state !== 'success' && state !== 'abort' && (\n        <>\n          {dot}\n          {dot}\n          {dot}\n        </>\n      )}\n    </span>\n  )\n\n  return (\n    <Space {...params} element=\"span\">\n      {children && (\n        <span ref={childrenRef} key={key}>\n          {children}\n        </span>\n      )}\n      {indicator}\n    </Space>\n  )\n}\n\nfunction willWordWrap(element: HTMLElement, word: string) {\n  if (!element) {\n    return\n  }\n\n  const { offsetHeight, innerHTML } = element\n\n  const clone = element.cloneNode(true) as HTMLElement\n  element.parentElement?.insertBefore(clone, element)\n\n  clone.innerHTML += word\n  const height = clone.offsetHeight\n  clone.innerHTML = innerHTML\n\n  clone.remove()\n\n  return height > offsetHeight\n}\n\nSubmitIndicator._supportsSpacingProps = true\nexport default SubmitIndicator\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicatorDocs.js

@@ -10,6 +10,16 @@ const SubmitIndicatorProperties = {
     type: 'string',
     status: 'required'
   },
+  showLabel: {
+    doc: 'If `true`, the label will be shown. Defaults to `false`.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  label: {
+    doc: 'Provide a label that will be shown next to the indicator.',
+    type: 'string',
+    status: 'optional'
+  },
   children: {
     doc: 'If content is provided, the component will try to find out if the indicator needs to be put on a new row or not. This way it will animate the height nicely.',
     type: 'React.Node',

package/cjs/extensions/forms/Form/SubmitIndicator/SubmitIndicatorDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmitIndicatorDocs.js","names":["SubmitIndicatorProperties","state","doc","type","status","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SubmitIndicatorProperties: PropertiesTableProps = {\n  state: {\n    doc: 'Provide `pending` to make the dots visible and `success` to show the checkmark icon.',\n    type: 'string',\n    status: 'required',\n  },\n  children: {\n    doc: 'If content is provided, the component will try to find out if the indicator needs to be put on a new row or not. This way it will animate the height nicely.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,yBAA+C,GAAG;EAC7DC,KAAK,EAAE;IACLC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,8JAA8J;IACnKC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,yBAAA,GAAAA,yBAAA"}
+{"version":3,"file":"SubmitIndicatorDocs.js","names":["SubmitIndicatorProperties","state","doc","type","status","showLabel","label","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/SubmitIndicator/SubmitIndicatorDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const SubmitIndicatorProperties: PropertiesTableProps = {\n  state: {\n    doc: 'Provide `pending` to make the dots visible and `success` to show the checkmark icon.',\n    type: 'string',\n    status: 'required',\n  },\n  showLabel: {\n    doc: 'If `true`, the label will be shown. Defaults to `false`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Provide a label that will be shown next to the indicator.',\n    type: 'string',\n    status: 'optional',\n  },\n  children: {\n    doc: 'If content is provided, the component will try to find out if the indicator needs to be put on a new row or not. This way it will animate the height nicely.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,yBAA+C,GAAG;EAC7DC,KAAK,EAAE;IACLC,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,8JAA8J;IACnKC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAI,OAAA,CAAAR,yBAAA,GAAAA,yBAAA"}

package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.css

@@ -2,14 +2,28 @@
  * Utilities
  */
 .dnb-forms-submit-indicator {
-  display: inline;
   --padding-left: 0.5em;
+  --font-animation: font-size var(--font-animation-duration, 400ms)
+    var(--easing-default);
+  --opacity-animation: opacity var(--opacity-animation-duration, 0ms)
+    var(--easing-default) var(--opacity-animation-delay, 0ms);
+  display: inline;
+}
+.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label) {
+  --font-animation-duration: 400ms;
+  --opacity-animation-duration: 400ms;
+  --opacity-animation-delay: 250ms;
+}
+.dnb-forms-submit-indicator__label {
+  padding: 0.5em 0;
 }
 .dnb-forms-submit-indicator__content {
+  align-items: center;
   font-size: 0;
+  opacity: 0;
   line-height: 1em;
-  will-change: font-size;
-  transition: font-size 800ms var(--easing-default);
+  will-change: font-size opacity;
+  transition: var(--font-animation), var(--opacity-animation);
 }
 .dnb-forms-submit-indicator__content b {
   padding-left: 0.125em;
@@ -19,6 +33,7 @@
   animation-iteration-count: infinite;
   animation-duration: 1.3s;
   animation-delay: 200ms;
+  font-weight: var(--font-weight-bold);
 }
 .dnb-forms-submit-indicator__content b:nth-of-type(1) {
   padding-left: var(--padding-left);
@@ -35,21 +50,7 @@ html[data-visual-test] .dnb-forms-submit-indicator__content b {
 }
 .dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content {
   font-size: 1em;
-  font-weight: var(--font-weight-bold);
-}
-.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content {
-  font-size: 1em;
-}
-.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon {
-  padding-left: var(--padding-left);
-  color: var(--color-success-green);
-}
-.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default {
-  font-size: 1em;
-}
-.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label {
-  font-size: var(--font-size-small);
-  padding-left: calc(var(--padding-left) * 2);
+  opacity: 1;
 }
 .dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content {
   display: flex;

package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.min.css

@@ -1 +1 @@
-.dnb-forms-submit-indicator{--padding-left:0.5em;display:inline}.dnb-forms-submit-indicator__content{font-size:0;line-height:1em;transition:font-size .8s var(--easing-default);will-change:font-size}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;font-weight:var(--font-weight-bold)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon{color:var(--color-success-green);padding-left:var(--padding-left)}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content .dnb-icon--default{font-size:1em}.dnb-forms-submit-indicator--state-success .dnb-forms-submit-indicator__content__label{font-size:var(--font-size-small);padding-left:calc(var(--padding-left)*2)}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}
+.dnb-forms-submit-indicator{--padding-left:0.5em;--font-animation:font-size var(--font-animation-duration,400ms) var(--easing-default);--opacity-animation:opacity var(--opacity-animation-duration,0ms) var(--easing-default) var(--opacity-animation-delay,0ms);display:inline}.dnb-forms-submit-indicator:has(.dnb-forms-submit-indicator__label){--font-animation-duration:400ms;--opacity-animation-duration:400ms;--opacity-animation-delay:250ms}.dnb-forms-submit-indicator__label{padding:.5em 0}.dnb-forms-submit-indicator__content{align-items:center;font-size:0;line-height:1em;opacity:0;transition:var(--font-animation),var(--opacity-animation);will-change:font-size opacity}.dnb-forms-submit-indicator__content b{animation-delay:.2s;animation-duration:1.3s;animation-iteration-count:infinite;animation-name:submit-indicator-dot;color:var(--dots-color,currentColor);font-weight:var(--font-weight-bold);opacity:.2;padding-left:.125em}.dnb-forms-submit-indicator__content b:first-of-type{animation-delay:50ms;padding-left:var(--padding-left)}.dnb-forms-submit-indicator__content b:nth-of-type(2){animation-delay:.2s}.dnb-forms-submit-indicator__content b:nth-of-type(3){animation-delay:.4s}html[data-visual-test] .dnb-forms-submit-indicator__content b{animation:none}.dnb-forms-submit-indicator--state-pending .dnb-forms-submit-indicator__content{font-size:1em;opacity:1}.dnb-forms-submit-indicator--inline-wrap .dnb-forms-submit-indicator__content{--padding-left:0.25em;display:flex}@keyframes submit-indicator-dot{0%{opacity:.2}15%{opacity:1}50%{opacity:1}60%{opacity:.3}to{opacity:.2}}@keyframes submit-indicator-success{0%{font-size:1em;opacity:.2}20%{font-size:1em;opacity:1}80%{opacity:1}85%{font-size:1em;opacity:.3}90%{opacity:0}to{font-size:0;opacity:0}}

package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss

@@ -1,16 +1,32 @@
 @import '../../../../../style/core/utilities.scss';
 
 .dnb-forms-submit-indicator {
+  --padding-left: 0.5em;
+  --font-animation: font-size var(--font-animation-duration, 400ms)
+    var(--easing-default);
+  --opacity-animation: opacity var(--opacity-animation-duration, 0ms)
+    var(--easing-default) var(--opacity-animation-delay, 0ms);
+
+  &:has(&__label) {
+    --font-animation-duration: 400ms;
+    --opacity-animation-duration: 400ms;
+    --opacity-animation-delay: 250ms;
+  }
+
   display: inline;
 
-  --padding-left: 0.5em;
+  &__label {
+    padding: 0.5em 0;
+  }
 
   &__content {
+    align-items: center;
     font-size: 0;
+    opacity: 0;
     line-height: 1em;
 
-    will-change: font-size;
-    transition: font-size 800ms var(--easing-default);
+    will-change: font-size opacity;
+    transition: var(--font-animation), var(--opacity-animation);
 
     b {
       padding-left: 0.125em;
@@ -37,28 +53,14 @@
       html[data-visual-test] & {
         animation: none;
       }
+
+      font-weight: var(--font-weight-bold);
     }
   }
 
   &--state-pending &__content {
     font-size: 1em;
-    font-weight: var(--font-weight-bold);
-  }
-  &--state-success &__content {
-    font-size: 1em;
-
-    .dnb-icon {
-      padding-left: var(--padding-left);
-      color: var(--color-success-green);
-    }
-    .dnb-icon--default {
-      font-size: 1em;
-    }
-
-    &__label {
-      font-size: var(--font-size-small);
-      padding-left: calc(var(--padding-left) * 2);
-    }
+    opacity: 1;
   }
   &--inline-wrap &__content {
     display: flex;

package/cjs/extensions/forms/Form/data-context/getData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getData.js","names":["_jsonPointer","_interopRequireDefault","require","_useSharedState","obj","__esModule","default","getData","id","sharedState","createSharedState","sharedAttachments","createReferenceKey","data","get","filterData","filter","_sharedAttachments$da","_sharedAttachments$da2","filterDataHandler","call","reduceToVisibleFields","options","_sharedAttachments$da3","_sharedAttachments$da4","visibleDataHandler","getValue","path","pointer","has","undefined"],"sources":["../../../../../../src/extensions/forms/Form/data-context/getData.tsx"],"sourcesContent":["import pointer from '../../utils/json-pointer'\nimport {\n  SharedStateId,\n  createReferenceKey,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport { SharedAttachments } from '../../DataContext/Provider'\nimport type { Path } from '../../types'\nimport type {\n  UseDataReturnGetValue,\n  UseDataReturnFilterData,\n  UseDataReturnVisibleData,\n} from './useData'\n\ntype SetDataReturn<Data> = {\n  data: Data\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n  reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\nexport default function getData<Data>(\n  id: SharedStateId\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n  const sharedAttachments = createSharedState<SharedAttachments<Data>>(\n    createReferenceKey(id, 'attachments')\n  )\n\n  const data = sharedState.get() as Data\n\n  const filterData: SetDataReturn<Data>['filterData'] = (filter) =>\n    sharedAttachments.data?.filterDataHandler?.(data, filter)\n\n  const reduceToVisibleFields: SetDataReturn<Data>['reduceToVisibleFields'] =\n    (data, options) =>\n      sharedAttachments.data?.visibleDataHandler?.(data, options)\n\n  const getValue = (path: Path) => {\n    if (pointer.has(data, path)) {\n      return pointer.get(data, path)\n    }\n\n    return undefined\n  }\n\n  return {\n    data,\n    getValue,\n    filterData,\n    reduceToVisibleFields,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAIkD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAgBnC,SAASG,OAAOA,CAC7BC,EAAiB,EACI;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACF,EAAE,CAAC;EACzC,MAAMG,iBAAiB,GAAG,IAAAD,iCAAiB,EACzC,IAAAE,kCAAkB,EAACJ,EAAE,EAAE,aAAa,CACtC,CAAC;EAED,MAAMK,IAAI,GAAGJ,WAAW,CAACK,GAAG,CAAC,CAAS;EAEtC,MAAMC,UAA6C,GAAIC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,QAAAD,qBAAA,GAC3DN,iBAAiB,CAACE,IAAI,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,iBAAiB,cAAAD,sBAAA,uBAAzCA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAA4CJ,IAAI,EAAEG,MAAM,CAAC;EAAA;EAE3D,MAAMK,qBAAmE,GACvEA,CAACR,IAAI,EAAES,OAAO;IAAA,IAAAC,sBAAA,EAAAC,sBAAA;IAAA,QAAAD,sBAAA,GACZZ,iBAAiB,CAACE,IAAI,cAAAU,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,kBAAkB,cAAAD,sBAAA,uBAA1CA,sBAAA,CAAAJ,IAAA,CAAAG,sBAAA,EAA6CV,IAAI,EAAES,OAAO,CAAC;EAAA;EAE/D,MAAMI,QAAQ,GAAIC,IAAU,IAAK;IAC/B,IAAIC,oBAAO,CAACC,GAAG,CAAChB,IAAI,EAAEc,IAAI,CAAC,EAAE;MAC3B,OAAOC,oBAAO,CAACd,GAAG,CAACD,IAAI,EAAEc,IAAI,CAAC;IAChC;IAEA,OAAOG,SAAS;EAClB,CAAC;EAED,OAAO;IACLjB,IAAI;IACJa,QAAQ;IACRX,UAAU;IACVM;EACF,CAAC;AACH"}
+{"version":3,"file":"getData.js","names":["_jsonPointer","_interopRequireDefault","require","_useSharedState","obj","__esModule","default","getData","id","sharedState","createSharedState","sharedAttachments","createReferenceKey","data","get","filterData","filter","_sharedAttachments$da","_sharedAttachments$da2","filterDataHandler","call","reduceToVisibleFields","options","_sharedAttachments$da3","_sharedAttachments$da4","visibleDataHandler","getValue","path","pointer","has","undefined"],"sources":["../../../../../../src/extensions/forms/Form/data-context/getData.ts"],"sourcesContent":["import pointer from '../../utils/json-pointer'\nimport {\n  SharedStateId,\n  createReferenceKey,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport { SharedAttachments } from '../../DataContext/Provider'\nimport type { Path } from '../../types'\nimport type {\n  UseDataReturnGetValue,\n  UseDataReturnFilterData,\n  UseDataReturnVisibleData,\n} from './useData'\n\ntype SetDataReturn<Data> = {\n  data: Data\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n  reduceToVisibleFields: UseDataReturnVisibleData<Data>\n}\n\nexport default function getData<Data>(\n  id: SharedStateId\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n  const sharedAttachments = createSharedState<SharedAttachments<Data>>(\n    createReferenceKey(id, 'attachments')\n  )\n\n  const data = sharedState.get() as Data\n\n  const filterData: SetDataReturn<Data>['filterData'] = (filter) =>\n    sharedAttachments.data?.filterDataHandler?.(data, filter)\n\n  const reduceToVisibleFields: SetDataReturn<Data>['reduceToVisibleFields'] =\n    (data, options) =>\n      sharedAttachments.data?.visibleDataHandler?.(data, options)\n\n  const getValue = (path: Path) => {\n    if (pointer.has(data, path)) {\n      return pointer.get(data, path)\n    }\n\n    return undefined\n  }\n\n  return {\n    data,\n    getValue,\n    filterData,\n    reduceToVisibleFields,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAIkD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAgBnC,SAASG,OAAOA,CAC7BC,EAAiB,EACI;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACF,EAAE,CAAC;EACzC,MAAMG,iBAAiB,GAAG,IAAAD,iCAAiB,EACzC,IAAAE,kCAAkB,EAACJ,EAAE,EAAE,aAAa,CACtC,CAAC;EAED,MAAMK,IAAI,GAAGJ,WAAW,CAACK,GAAG,CAAC,CAAS;EAEtC,MAAMC,UAA6C,GAAIC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,QAAAD,qBAAA,GAC3DN,iBAAiB,CAACE,IAAI,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,iBAAiB,cAAAD,sBAAA,uBAAzCA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAA4CJ,IAAI,EAAEG,MAAM,CAAC;EAAA;EAE3D,MAAMK,qBAAmE,GACvEA,CAACR,IAAI,EAAES,OAAO;IAAA,IAAAC,sBAAA,EAAAC,sBAAA;IAAA,QAAAD,sBAAA,GACZZ,iBAAiB,CAACE,IAAI,cAAAU,sBAAA,wBAAAC,sBAAA,GAAtBD,sBAAA,CAAwBE,kBAAkB,cAAAD,sBAAA,uBAA1CA,sBAAA,CAAAJ,IAAA,CAAAG,sBAAA,EAA6CV,IAAI,EAAES,OAAO,CAAC;EAAA;EAE/D,MAAMI,QAAQ,GAAIC,IAAU,IAAK;IAC/B,IAAIC,oBAAO,CAACC,GAAG,CAAChB,IAAI,EAAEc,IAAI,CAAC,EAAE;MAC3B,OAAOC,oBAAO,CAACd,GAAG,CAACD,IAAI,EAAEc,IAAI,CAAC;IAChC;IAEA,OAAOG,SAAS;EAClB,CAAC;EAED,OAAO;IACLjB,IAAI;IACJa,QAAQ;IACRX,UAAU;IACVM;EACF,CAAC;AACH"}

package/cjs/extensions/forms/Form/data-context/setData.d.ts

@@ -1,2 +1,7 @@
 import { SharedStateId } from '../../../../shared/helpers/useSharedState';
-export default function setData<Data>(id: SharedStateId, data: Data): void;
+import type { UseDataReturnUpdate } from './useData';
+type SetDataReturn<Data> = {
+    update: UseDataReturnUpdate<Data>;
+};
+export default function setData<Data>(id: SharedStateId, data?: Data): SetDataReturn<Data>;
+export {};

package/cjs/extensions/forms/Form/data-context/setData.js

@@ -4,9 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = setData;
+var _jsonPointer = _interopRequireDefault(require("../../utils/json-pointer"));
 var _useSharedState = require("../../../../shared/helpers/useSharedState");
+var _structuredClone = _interopRequireDefault(require("@ungap/structured-clone"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function setData(id, data) {
   const sharedState = (0, _useSharedState.createSharedState)(id);
-  sharedState.extend(data);
+  if (data) {
+    sharedState.extend(data);
+  }
+  const update = function (path) {
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
+    const existingData = (0, _structuredClone.default)(sharedState.data || {});
+    if (typeof value === 'function') {
+      value = value(_jsonPointer.default.has(existingData, path) ? _jsonPointer.default.get(existingData, path) : undefined);
+    }
+    _jsonPointer.default.set(existingData, path, value);
+    sharedState.extend(existingData);
+  };
+  return {
+    update
+  };
 }
 //# sourceMappingURL=setData.js.map

package/cjs/extensions/forms/Form/data-context/setData.js.map

@@ -1 +1 @@
-{"version":3,"file":"setData.js","names":["_useSharedState","require","setData","id","data","sharedState","createSharedState","extend"],"sources":["../../../../../../src/extensions/forms/Form/data-context/setData.tsx"],"sourcesContent":["import {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\n\nexport default function setData<Data>(id: SharedStateId, data: Data) {\n  const sharedState = createSharedState(id)\n  sharedState.extend(data)\n}\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAKe,SAASC,OAAOA,CAAOC,EAAiB,EAAEC,IAAU,EAAE;EACnE,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACH,EAAE,CAAC;EACzCE,WAAW,CAACE,MAAM,CAACH,IAAI,CAAC;AAC1B"}
+{"version":3,"file":"setData.js","names":["_jsonPointer","_interopRequireDefault","require","_useSharedState","_structuredClone","obj","__esModule","default","setData","id","data","sharedState","createSharedState","extend","update","path","value","arguments","length","undefined","existingData","structuredClone","pointer","has","get","set"],"sources":["../../../../../../src/extensions/forms/Form/data-context/setData.ts"],"sourcesContent":["import pointer, { JsonObject } from '../../utils/json-pointer'\nimport {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type { UseDataReturnUpdate } from './useData'\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\ntype SetDataReturn<Data> = {\n  update: UseDataReturnUpdate<Data>\n}\n\nexport default function setData<Data>(\n  id: SharedStateId,\n  data?: Data\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n\n  if (data) {\n    sharedState.extend(data)\n  }\n\n  const update: UseDataReturnUpdate<Data> = (path, value = undefined) => {\n    const existingData = structuredClone(sharedState.data || {}) as Data &\n      JsonObject\n\n    if (typeof value === 'function') {\n      value = value(\n        pointer.has(existingData, path)\n          ? pointer.get(existingData, path)\n          : undefined\n      )\n    }\n\n    pointer.set(existingData, path, value)\n\n    // Rerender the form with the new data\n    sharedState.extend(existingData)\n  }\n\n  return {\n    update,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAUA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAqD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMtC,SAASG,OAAOA,CAC7BC,EAAiB,EACjBC,IAAW,EACU;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACH,EAAE,CAAC;EAEzC,IAAIC,IAAI,EAAE;IACRC,WAAW,CAACE,MAAM,CAACH,IAAI,CAAC;EAC1B;EAEA,MAAMI,MAAiC,GAAG,SAAAA,CAACC,IAAI,EAAwB;IAAA,IAAtBC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;IAChE,MAAMC,YAAY,GAAG,IAAAC,wBAAe,EAACV,WAAW,CAACD,IAAI,IAAI,CAAC,CAAC,CAC/C;IAEZ,IAAI,OAAOM,KAAK,KAAK,UAAU,EAAE;MAC/BA,KAAK,GAAGA,KAAK,CACXM,oBAAO,CAACC,GAAG,CAACH,YAAY,EAAEL,IAAI,CAAC,GAC3BO,oBAAO,CAACE,GAAG,CAACJ,YAAY,EAAEL,IAAI,CAAC,GAC/BI,SACN,CAAC;IACH;IAEAG,oBAAO,CAACG,GAAG,CAACL,YAAY,EAAEL,IAAI,EAAEC,KAAK,CAAC;IAGtCL,WAAW,CAACE,MAAM,CAACO,YAAY,CAAC;EAClC,CAAC;EAED,OAAO;IACLN;EACF,CAAC;AACH"}