@dnb/eufemia 10.55.0 → 10.56.0

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","_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","sharedData","createSharedState","id","forId","_Object$assign","data","className","layout","layoutOptions","composition","label","labelProp","labelDescription","labelSuffix","labelSrOnly","asFieldset","required","info","warning","error","errorProp","fieldState","disabled","width","contentWidth","labelHeight","align","labelSize","contentClassName","children","rest","hasCustomWidth","test","hasCustomContentWidth","iterateItemContext","IterateElementContext","index","iterateIndex","blockId","useId","wasUpdated","forceUpdate","useReducer","mountedFieldsRef","useRef","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","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","text","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","warn","hasLabelDescription","isFragment","fragmentHasChildren","fragmentHasOnlyUndefinedChildren","Provider","hasErrorProp","Space","LabelDescription","FormLabel","parseFloat","FormStatus","ref","_ref3","result","count","findElementInChildren","child","_child$props","_child$type","_ref4","translations","errorSummary","stateSummary","Ul","_ref5","Li","_ref6","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  warn,\n} from '../../../shared/component-helper'\nimport useId from '../../../shared/helpers/useId'\nimport {\n  ComponentProps,\n  FieldProps,\n  SubmitState,\n  Identifier,\n} from '../types'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\nimport SubmitIndicator from '../Form/SubmitIndicator/SubmitIndicator'\nimport { createSharedState } from '../../../shared/helpers/useSharedState'\nimport useTranslation from '../hooks/useTranslation'\nimport { FormError } from '../utils'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\n/**\n * The width of a field block\n */\nexport type CustomWidth = `${number}rem`\nexport type FieldBlockWidth =\n  | false\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'stretch'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelWidth =\n  | 'small'\n  | 'medium'\n  | 'large'\n  | CustomWidth\nexport type FieldBlockHorizontalLabelHeight =\n  | 'default'\n  | 'small'\n  | 'medium'\n  | 'large'\n\nexport type SharedFieldBlockProps = {\n  /**\n   * The layout of the field block\n   */\n  layout?: 'vertical' | 'horizontal'\n  /** Use this to set additional options for the layout */\n  layoutOptions?: {\n    width?: FieldBlockHorizontalLabelWidth\n    minWidth?: FieldBlockHorizontalLabelWidth\n    maxWidth?: FieldBlockHorizontalLabelWidth\n  }\n  /**\n   * Main label text for the field\n   */\n  label?: React.ReactNode\n  /**\n   * Will append an additional text to the label, like \"(optional)\" or \"(recommended)\"\n   */\n  labelSuffix?: React.ReactNode\n  /**\n   * A more discreet text displayed beside the label\n   */\n  labelDescription?: React.ReactNode\n  /**\n   * Width of outer block element\n   */\n  width?: FieldBlockWidth\n  /**\n   * Width of contents block, while label etc can be wider if space is available\n   */\n  contentWidth?: FieldBlockWidth\n}\n\nexport type Props = SharedFieldBlockProps &\n  Pick<\n    FieldProps,\n    keyof ComponentProps | 'info' | 'warning' | 'error' | 'disabled'\n  > & {\n    /** The id to link a element with */\n    forId?: string\n    /** Use true if you have more than one form element */\n    asFieldset?: boolean\n    /** use `true` to make the label only readable by screen readers. */\n    labelSrOnly?: boolean\n    /** Defines the layout of nested fields */\n    composition?: FieldBlockContextProps['composition']\n    /** For composition only: Align the contents vertically */\n    align?: 'center' | 'bottom'\n    /** Class name for the contents block */\n    contentClassName?: string\n    /** To show the SubmitIndicator during async validation */\n    fieldState?: SubmitState\n    /** Typography size */\n    labelSize?: 'medium' | 'large'\n    /** Defines the height of an component (size prop), so the label can be aligned correctly */\n    labelHeight?: FieldBlockHorizontalLabelHeight\n    /** Disable the error summary for this field block */\n    disableStatusSummary?: boolean\n    /** For internal use only */\n    required?: boolean\n    children?: React.ReactNode\n  } & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n  const nestedFieldBlockContext = !fieldBlockContext?.disableStatusSummary\n    ? fieldBlockContext\n    : null\n\n  const sharedData = createSharedState<Props>(\n    'field-block-props-' + (props.id ?? props.forId)\n  )\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    layoutOptions,\n    composition,\n    label: labelProp,\n    labelDescription,\n    labelSuffix,\n    labelSrOnly,\n    asFieldset,\n    required,\n    info,\n    warning,\n    error: errorProp,\n    disableStatusSummary,\n    fieldState,\n    disabled,\n    width,\n    contentWidth,\n    labelHeight,\n    align,\n    labelSize,\n    contentClassName,\n    children,\n    ...rest\n  } = Object.assign({}, sharedData.data, props)\n  const hasCustomWidth = /\\d(rem)$/.test(String(width))\n  const hasCustomContentWidth = /\\d(rem)$/.test(String(contentWidth))\n\n  const iterateItemContext = useContext(IterateElementContext)\n  const { index: iterateIndex } = iterateItemContext ?? {}\n\n  const blockId = useId(props.id)\n  const [wasUpdated, forceUpdate] = useReducer(() => ({}), {})\n  const mountedFieldsRef = useRef<MountedFieldsRef>({})\n  const stateRecordRef = useRef<StateRecord>({})\n  const fieldStateIdsRef = useRef<FieldErrorIdsRef>(null)\n  const contentsRef = useRef<HTMLDivElement>(null)\n  const hasInitiallyErrorProp = useMemo(() => {\n    return Boolean(errorProp)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const { optionalLabelSuffix } = useTranslation().Field\n  const labelSuffixText = useMemo(() => {\n    if (required === false || typeof labelSuffix !== 'undefined') {\n      return labelSuffix ?? optionalLabelSuffix\n    }\n    return ''\n  }, [required, labelSuffix, optionalLabelSuffix])\n\n  const label = useMemo(() => {\n    let content = labelProp\n\n    if (iterateIndex !== undefined) {\n      content = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    if (labelSuffixText) {\n      if (convertJsxToString(content).includes(optionalLabelSuffix)) {\n        return content\n      }\n\n      if (typeof content === 'string') {\n        return content + ' ' + labelSuffixText\n      }\n\n      if (React.isValidElement(content)) {\n        return (\n          <>\n            {content}\n            {' '}\n            {labelSuffixText}\n          </>\n        )\n      }\n    }\n\n    return content\n  }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix])\n\n  const setInternalRecord = useCallback((props: StateBasis) => {\n    const { stateId, identifier, type } = props\n\n    if (!stateRecordRef.current[identifier]) {\n      stateRecordRef.current[identifier] = []\n    }\n\n    fieldStateIdsRef.current = { error: null, warning: null, info: null }\n\n    const existingIndex = stateRecordRef.current[identifier].findIndex(\n      (item) => {\n        return item.stateId === stateId && item.type === type\n      }\n    )\n\n    if (existingIndex > -1) {\n      stateRecordRef.current[identifier][existingIndex] = {\n        ...stateRecordRef.current[identifier][existingIndex],\n        ...props,\n      }\n    } else {\n      stateRecordRef.current[identifier].push(props)\n    }\n  }, [])\n\n  const setFieldState = useCallback(\n    (props: StateBasis) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setFieldState(props)\n        return\n      }\n\n      setInternalRecord(props)\n\n      forceUpdate()\n    },\n    [nestedFieldBlockContext, setInternalRecord]\n  )\n\n  const showFieldError = useCallback(\n    (identifier: Identifier, show: boolean) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.showFieldError(identifier, show)\n        return\n      }\n\n      if (stateRecordRef.current[identifier]) {\n        stateRecordRef.current[identifier] = stateRecordRef.current[\n          identifier\n        ].map((item) => {\n          if (item.showInitially) {\n            return item\n          }\n\n          return {\n            ...item,\n            show,\n          }\n        })\n\n        forceUpdate()\n      }\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const statusContent = useMemo(() => {\n    if (typeof errorProp !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: hasInitiallyErrorProp,\n        type: 'error',\n        content: errorProp,\n      })\n    }\n\n    if (typeof warning !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'warning',\n        content: warning,\n      })\n    }\n\n    if (typeof info !== 'undefined') {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'info',\n        content: info,\n      })\n    }\n\n    const statesWithMessages: Array<StatesWithMessages> =\n      // 1. Prepare the states for later use\n      Object.entries(stateRecordRef.current)\n        .flatMap(([identifier, states]) =>\n          states.map((props) => {\n            return {\n              identifier,\n              ...props,\n            }\n          })\n        )\n\n        // 2. Take states and group the same type together\n        .reduce((acc, cur) => {\n          const existing = acc.find((item) => {\n            return item.type === cur.type\n          })\n\n          const messages = getMessagesFromError(cur).map((message) => {\n            return {\n              ...cur,\n              message,\n            }\n          })\n\n          if (existing) {\n            existing.messages.push(...messages)\n          } else {\n            acc.push({\n              ...cur,\n              content: undefined,\n              messages,\n            })\n          }\n\n          return acc\n        }, [] as Array<StatesWithMessages>)\n\n    // 3. Return the grouped states/messages\n    return states.reduce((acc, type) => {\n      const id = `${props.id || forId || blockId}-form-status--${type}`\n      acc[type] = {\n        id,\n        label,\n        state: type === 'warning' ? 'warn' : type,\n        width_element: contentsRef,\n\n        // Enable animation only in the browser and not in tests\n        no_animation:\n          process.env.NODE_ENV === 'test'\n            ? true\n            : typeof globalThis !== 'undefined'\n            ? globalThis.IS_TEST === true\n            : false,\n      }\n\n      const found = statesWithMessages.find((item) => {\n        return item.type === type\n      })\n\n      if (found?.messages) {\n        // Hide/remove messages that should be hidden and are not marked as to be shown initially\n        const messages = found.messages\n          .map((msg) => {\n            if (msg.type === 'error') {\n              if (!msg.showInitially && !msg.show) {\n                msg.message = null\n              }\n            }\n\n            return msg\n          })\n          .filter(({ message }) => message)\n          .reduce((acc, msg, i, arr) => {\n            const existingIndex = arr.findIndex((item) => {\n              return (\n                convertJsxToString(item.message) ===\n                convertJsxToString(msg.message)\n              )\n            })\n\n            // Remove duplicates, use the first found message\n            if (existingIndex === i) {\n              acc.push(msg)\n            }\n\n            return acc\n          }, [])\n\n        // Combine the messages and put them in an ul/li list\n        if (messages.length > 0) {\n          acc[type] = {\n            ...acc[type],\n            text: <CombineMessages type={type} messages={messages} />,\n          }\n\n          fieldStateIdsRef.current[type] = id\n        } else {\n          fieldStateIdsRef.current[type] = undefined\n        }\n      }\n\n      return acc\n    }, {}) as StatusContent\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    info,\n    warning,\n    errorProp,\n    nestedFieldBlockContext,\n    setInternalRecord,\n    blockId,\n    wasUpdated, // wasUpdated is needed to get the current errors\n  ])\n\n  // Handle the error prop from outside\n  useEffect(() => {\n    if (!nestedFieldBlockContext) {\n      showFieldError(blockId, Boolean(errorProp))\n    }\n  }, [errorProp, blockId, showFieldError, nestedFieldBlockContext])\n\n  useEffect(\n    () => () => {\n      mountedFieldsRef.current = {}\n      stateRecordRef.current = {}\n    },\n    []\n  )\n\n  const mainClasses = classnames(\n    'dnb-forms-field-block',\n    width &&\n      `dnb-forms-field-block--width-${hasCustomWidth ? 'custom' : width}`,\n    labelHeight && `dnb-forms-field-block--label-height-${labelHeight}`,\n    className\n  )\n  const gridClasses = classnames(\n    'dnb-forms-field-block__grid',\n    `dnb-forms-field-block--layout-${layout}`\n  )\n\n  // A child component with a label was found, use fieldset/legend instead of div/label\n  const enableFieldset = useEnableFieldset({\n    label,\n    asFieldset,\n    children,\n    nestedFieldBlockContext,\n  })\n\n  const labelProps: FormLabelAllProps = {\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    srOnly: labelSrOnly,\n    space: 0, // Use CSS for spacing, but we need to reset space for doing so\n    size: labelSize,\n    disabled,\n  }\n\n  const mainStyle = useMemo(() => {\n    const style: React.CSSProperties = {}\n\n    if (hasCustomWidth) {\n      style['--dnb-forms-field-block-width'] = width\n    }\n\n    if (hasCustomContentWidth) {\n      style['--dnb-forms-field-block-content-width'] = contentWidth\n    }\n\n    const lO = layoutOptions || {}\n    const min = getFieldWidth(lO.minWidth ?? lO.width)\n    const max = getFieldWidth(lO.maxWidth ?? lO.width)\n\n    if (typeof min === 'string') {\n      style['--dnb-forms-field-block-layout-width-min'] = min\n    }\n    if (typeof max === 'string') {\n      style['--dnb-forms-field-block-layout-width-max'] = max\n    }\n\n    return style\n  }, [\n    contentWidth,\n    hasCustomContentWidth,\n    hasCustomWidth,\n    layoutOptions,\n    width,\n  ])\n\n  if (dataContext?.prerenderFieldProps) {\n    return null\n  }\n\n  if (fieldState && typeof label === 'undefined') {\n    warn(\n      'Provide a label when using an async validator or onChange event.'\n    )\n  }\n\n  const hasLabelDescription = isFragment(labelDescription)\n    ? fragmentHasChildren(labelDescription) &&\n      !fragmentHasOnlyUndefinedChildren(labelDescription)\n    : labelDescription\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setFieldState,\n        showFieldError,\n        hasErrorProp: Boolean(errorProp),\n        fieldStateIdsRef,\n        mountedFieldsRef,\n        composition,\n        disableStatusSummary,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        style={mainStyle}\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          <LabelDescription labelDescription={labelDescription}>\n            {(label || labelDescription) && (\n              <FormLabel {...labelProps}>\n                <SubmitIndicator state={fieldState}>\n                  {label}\n                  {hasLabelDescription && (\n                    <span className=\"dnb-forms-field-block__label-description\">\n                      {labelDescription}\n                    </span>\n                  )}\n                </SubmitIndicator>\n              </FormLabel>\n            )}\n          </LabelDescription>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__status',\n\n              // Handle the width of the status messages\n              contentWidth &&\n                contentWidth !== 'small' &&\n                contentWidth !== 'medium' &&\n                !(parseFloat(contentWidth) <= 11) &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`\n            )}\n          >\n            <FormStatus {...statusContent?.error} />\n            <FormStatus {...statusContent?.warning} />\n            <FormStatus {...statusContent?.info} />\n          </div>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth &&\n                `dnb-forms-field-block__contents--width-${\n                  hasCustomContentWidth ? 'custom' : contentWidth\n                }`,\n              align && `dnb-forms-field-block__contents--align-${align}`,\n              composition &&\n                `dnb-forms-field-block__contents__composition--${\n                  composition === true ? 'horizontal' : composition\n                }`,\n              contentClassName\n            )}\n            ref={contentsRef}\n          >\n            {children}\n          </div>\n        </div>\n      </Space>\n    </FieldBlockContext.Provider>\n  )\n}\n\nfunction useEnableFieldset({\n  label,\n  asFieldset,\n  children,\n  nestedFieldBlockContext,\n}) {\n  return useMemo(() => {\n    if (asFieldset === false) {\n      return false\n    }\n\n    let result = asFieldset\n\n    if (label && !result && !nestedFieldBlockContext) {\n      let count = 0\n\n      findElementInChildren(children, (child: React.ReactElement) => {\n        if (\n          child?.props?.label ||\n          child?.type?.['_formElement'] === true\n        ) {\n          count++\n        }\n        if (count > 1) {\n          return (result = true)\n        }\n      })\n    }\n\n    return Boolean(result)\n  }, [asFieldset, children, label, nestedFieldBlockContext])\n}\n\nfunction CombineMessages({\n  type,\n  messages,\n}: {\n  type: StateTypes\n  messages: Array<StateWithMessage>\n}) {\n  const translations = useTranslation().Field\n\n  if (messages.length === 1) {\n    return <>{messages[0].message}</>\n  }\n\n  return (\n    <>\n      {type === 'error'\n        ? translations.errorSummary\n        : translations.stateSummary}\n      <Ul>\n        {messages.map(({ message }, i) => {\n          return <Li key={i}>{message}</Li>\n        })}\n      </Ul>\n    </>\n  )\n}\n\nfunction LabelDescription({ labelDescription, children }) {\n  if (!labelDescription) {\n    return children ?? null\n  }\n  return <div className=\"dnb-forms-field-block__label\">{children}</div>\n}\n\nexport function getMessagesFromError(\n  item: Partial<StateWithMessage>\n): Array<StateMessage> {\n  const { content } = item\n\n  if (content instanceof FormError && Array.isArray(content.errors)) {\n    return content.errors.map((error) => {\n      return error.message\n    })\n  }\n\n  return [\n    ((content instanceof Error && content.message) ||\n      (content instanceof FormError && content.message) ||\n      content?.toString() ||\n      content) as StateMessage,\n  ]\n}\n\nfunction isFragment(fragment: React.ReactNode) {\n  return React.isValidElement(fragment) && fragment.type === React.Fragment\n}\n\nfunction fragmentHasChildren(fragment: React.ReactNode) {\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.count(fragment.props.children) > 0\n  )\n}\n\nfunction fragmentHasOnlyUndefinedChildren(fragment: React.ReactNode) {\n  const isUndefined = (child) => child === undefined\n\n  return (\n    React.isValidElement(fragment) &&\n    React.Children.toArray(fragment.props.children).every(isUndefined)\n  )\n}\n\nFieldBlock._supportsSpacingProps = true\n\nexport default FieldBlock\n\nfunction getFieldWidth(width: FieldBlockHorizontalLabelWidth) {\n  switch (width) {\n    case 'small':\n      return 'var(--forms-field-width--small)'\n    case 'medium':\n      return 'var(--forms-field-width--medium)'\n    case 'large':\n      return 'var(--forms-field-width--large)'\n  }\n\n  return width\n}\n"],"mappings":"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"}
+{"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","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","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","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 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            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    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        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            />\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              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\n          <SubmitIndicator\n            state={fieldState}\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/FieldBlock/FieldBlockDocs.js

@@ -25,6 +25,11 @@ const FieldBlockSharedProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  help: {
+    doc: 'Provide help content for the field using `title` and `content` as a string or React.Node. Additionally, you can set `open` to `true` to display the inline help, set the `breakout` property to `false` to disable the breakout of the inline help content, or use `renderAs` set to `dialog` to render the content in a [Dialog](/uilib/components/dialog/) (recommended for larger amounts of content).',
+    type: 'object',
+    status: 'optional'
+  },
   layout: {
     doc: 'Layout for the label and input. Can be `horizontal` or `vertical`.',
     type: 'string',

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlockDocs.js","names":["FieldBlockSharedProperties","label","doc","type","status","labelDescription","labelSrOnly","layout","layoutOptions","width","contentWidth","exports","FieldBlockProperties","_objectSpread","labelSize","labelHeight","asFieldset","align","disableStatusSummary","composition","disabled"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const FieldBlockSharedProperties: PropertiesTableProps = {\n  label: {\n    doc: 'Field label to show above / before the input feature.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelDescription: {\n    doc: 'A more discreet text displayed beside the label (i.e for \"(optional)\").',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  layout: {\n    doc: 'Layout for the label and input. Can be `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  layoutOptions: {\n    doc: 'Use this to set additional options for the `horizontal` layout. E.g. `{ width: \"medium\" }`. You can also use a custom width `{number}rem`. Instead of a width, you can use a min/max width. E.g. `{ minWidth: \"6rem\", maxWidth: \"12rem\" }`.',\n    type: 'object',\n    status: 'optional',\n  },\n  width: {\n    doc: 'Will set the width for the whole block. Use `small`, `medium`, `large` for predefined standard widths. You can also set a custom width `{number}rem` or use `stretch` or `false`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  contentWidth: {\n    doc: 'Will set the width for its contents. Use `small`, `medium`, `large` for predefined standard widths. You can also set a custom width `{number}rem` or use `stretch` or `false`.',\n    type: ['string', 'false'],\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\n/** For internal use only */\nexport const FieldBlockProperties: PropertiesTableProps = {\n  ...FieldBlockSharedProperties,\n  labelSize: {\n    doc: 'Define one of the following [heading sizes](/uilib/elements/heading/): `medium` or `large`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  labelHeight: {\n    doc: 'Defines the height of an component (size prop), so the label can be aligned correctly. Can be `default`, `small`, `medium`, `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  asFieldset: {\n    doc: 'Use `true` when you have several form elements. This way a `fieldset` with a `legend` is used.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align: {\n    doc: '`center` or `bottom` for aligning the contents vertically. Defaults to `bottom`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  disableStatusSummary: {\n    doc: 'Use `true` to disable the error summary.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  composition: {\n    doc: 'Use `true` for when you have more than one field wrapped.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to make the inner [FormLabel](/uilib/components/form-label/) behave as disabled.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;;;;;;AAEO,MAAMA,0BAAgD,GAAG;EAC9DC,KAAK,EAAE;IACLC,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,yEAAyE;IAC9EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,aAAa,EAAE;IACbN,GAAG,EAAE,6OAA6O;IAClPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,KAAK,EAAE;IACLP,GAAG,EAAE,mLAAmL;IACxLC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDM,YAAY,EAAE;IACZR,GAAG,EAAE,gLAAgL;IACrLC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,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;AAAAO,OAAA,CAAAX,0BAAA,GAAAA,0BAAA;AAGM,MAAMY,oBAA0C,GAAAC,aAAA,CAAAA,aAAA,KAClDb,0BAA0B;EAC7Bc,SAAS,EAAE;IACTZ,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,sIAAsI;IAC3IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVd,GAAG,EAAE,gGAAgG;IACrGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,KAAK,EAAE;IACLf,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDc,oBAAoB,EAAE;IACpBhB,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,WAAW,EAAE;IACXjB,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,QAAQ,EAAE;IACRlB,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,EACF;AAAAO,OAAA,CAAAC,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"FieldBlockDocs.js","names":["FieldBlockSharedProperties","label","doc","type","status","labelDescription","labelSrOnly","help","layout","layoutOptions","width","contentWidth","exports","FieldBlockProperties","_objectSpread","labelSize","labelHeight","asFieldset","align","disableStatusSummary","composition","disabled"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const FieldBlockSharedProperties: PropertiesTableProps = {\n  label: {\n    doc: 'Field label to show above / before the input feature.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelDescription: {\n    doc: 'A more discreet text displayed beside the label (i.e for \"(optional)\").',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide help content for the field using `title` and `content` as a string or React.Node. Additionally, you can set `open` to `true` to display the inline help, set the `breakout` property to `false` to disable the breakout of the inline help content, or use `renderAs` set to `dialog` to render the content in a [Dialog](/uilib/components/dialog/) (recommended for larger amounts of content).',\n    type: 'object',\n    status: 'optional',\n  },\n  layout: {\n    doc: 'Layout for the label and input. Can be `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  layoutOptions: {\n    doc: 'Use this to set additional options for the `horizontal` layout. E.g. `{ width: \"medium\" }`. You can also use a custom width `{number}rem`. Instead of a width, you can use a min/max width. E.g. `{ minWidth: \"6rem\", maxWidth: \"12rem\" }`.',\n    type: 'object',\n    status: 'optional',\n  },\n  width: {\n    doc: 'Will set the width for the whole block. Use `small`, `medium`, `large` for predefined standard widths. You can also set a custom width `{number}rem` or use `stretch` or `false`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  contentWidth: {\n    doc: 'Will set the width for its contents. Use `small`, `medium`, `large` for predefined standard widths. You can also set a custom width `{number}rem` or use `stretch` or `false`.',\n    type: ['string', 'false'],\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\n/** For internal use only */\nexport const FieldBlockProperties: PropertiesTableProps = {\n  ...FieldBlockSharedProperties,\n  labelSize: {\n    doc: 'Define one of the following [heading sizes](/uilib/elements/heading/): `medium` or `large`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  labelHeight: {\n    doc: 'Defines the height of an component (size prop), so the label can be aligned correctly. Can be `default`, `small`, `medium`, `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  asFieldset: {\n    doc: 'Use `true` when you have several form elements. This way a `fieldset` with a `legend` is used.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align: {\n    doc: '`center` or `bottom` for aligning the contents vertically. Defaults to `bottom`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  disableStatusSummary: {\n    doc: 'Use `true` to disable the error summary.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  composition: {\n    doc: 'Use `true` for when you have more than one field wrapped.',\n    type: 'string',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to make the inner [FormLabel](/uilib/components/form-label/) behave as disabled.',\n    type: 'boolean',\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;;;;;;AAEO,MAAMA,0BAAgD,GAAG;EAC9DC,KAAK,EAAE;IACLC,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,yEAAyE;IAC9EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDG,IAAI,EAAE;IACJL,GAAG,EAAE,2YAA2Y;IAChZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,MAAM,EAAE;IACNN,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,aAAa,EAAE;IACbP,GAAG,EAAE,6OAA6O;IAClPC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,KAAK,EAAE;IACLR,GAAG,EAAE,mLAAmL;IACxLC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDO,YAAY,EAAE;IACZT,GAAG,EAAE,gLAAgL;IACrLC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,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;AAAAQ,OAAA,CAAAZ,0BAAA,GAAAA,0BAAA;AAGM,MAAMa,oBAA0C,GAAAC,aAAA,CAAAA,aAAA,KAClDd,0BAA0B;EAC7Be,SAAS,EAAE;IACTb,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDY,WAAW,EAAE;IACXd,GAAG,EAAE,sIAAsI;IAC3IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,gGAAgG;IACrGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDc,KAAK,EAAE;IACLhB,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDe,oBAAoB,EAAE;IACpBjB,GAAG,EAAE,0CAA0C;IAC/CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDgB,WAAW,EAAE;IACXlB,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDiB,QAAQ,EAAE;IACRnB,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AAAC,EACF;AAAAQ,OAAA,CAAAC,oBAAA,GAAAA,oBAAA"}

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

@@ -7,13 +7,6 @@
   --forms-field-width--large: 21rem;
 }
 
-@media screen and (max-width: 15em) {
-  .dnb-forms-field-string .dnb-input__shell,
-  .dnb-forms-field-number .dnb-input__shell {
-    width: 90%;
-  }
-}
-
 fieldset.dnb-forms-field-block {
   padding: 0;
   border: none;
@@ -33,35 +26,12 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 
 .dnb-forms-field-block {
   --label-margin: 0.25rem;
+  --max-width: var(--forms-field-width--large);
 }
 .dnb-forms-field-block__grid {
   display: grid;
   grid-template-columns: minmax(min-content, var(--block-content-width, auto));
-  grid-template-areas: "label" "contents" "status";
-}
-.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical {
-  flex-wrap: wrap;
-}
-.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical > .dnb-form-label, .dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical > .dnb-forms-field-block__label > .dnb-form-label {
-  margin-bottom: 0.5rem;
-}
-@media screen and (max-width: 40em) {
-  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label, .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-forms-field-block__label > .dnb-form-label {
-    margin-bottom: 0.5rem;
-  }
-}
-@media screen and (min-width: 40.00625em) {
-  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal {
-    grid-template-columns: minmax(var(--dnb-forms-field-block-layout-width-min, min-content), var(--dnb-forms-field-block-layout-width-max, max-content)) auto;
-    grid-template-areas: "label contents" ". status";
-  }
-  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label, .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-forms-field-block__label > .dnb-form-label {
-    margin-top: var(--label-margin);
-    margin-bottom: var(--label-margin);
-  }
-  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents {
-    align-self: end;
-  }
+  grid-template-areas: "label" "help" "contents" "indicator" "status";
 }
 .dnb-forms-field-block--label-height-small {
   --label-margin: 0;
@@ -89,16 +59,76 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
     width: var(--forms-field-width--large);
   }
 }
-.dnb-forms-field-block__label {
+.dnb-forms-field-block:not([class*="--content-width"]) {
+  --max-width: 60ch;
+}
+.dnb-forms-field-block__label, .dnb-forms-field-block__label.dnb-form-label {
   grid-area: label;
   display: flex;
-  flex-flow: row;
-  justify-content: space-between;
+  max-width: var(--max-width);
   align-items: center;
+  margin-right: 0;
 }
-.dnb-forms-field-block__label-description {
+.dnb-forms-field-block__label__description, .dnb-forms-field-block__label.dnb-form-label__description {
   margin-left: 0.3em;
 }
+.dnb-forms-field-block__label__content:has(+ .dnb-help-button), .dnb-forms-field-block__label__description:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label__content:has(+ .dnb-help-button), .dnb-forms-field-block__label.dnb-form-label__description:has(+ .dnb-help-button) {
+  margin-right: 0.5rem;
+}
+.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical {
+  flex-wrap: wrap;
+}
+.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical > .dnb-form-label {
+  margin-bottom: 0.5rem;
+}
+.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label {
+  margin-right: 1rem;
+}
+.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label {
+  margin-top: var(--label-margin);
+  margin-bottom: var(--label-margin);
+}
+@media screen and (max-width: 40em) {
+  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal > .dnb-form-label {
+    margin-bottom: calc(var(--label-margin) + 0.5rem);
+  }
+}
+@media screen and (min-width: 40.00625em) {
+  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal {
+    grid-template-columns: minmax(var(--dnb-forms-field-block-layout-width-min, min-content), var(--dnb-forms-field-block-layout-width-max, max-content)) auto;
+    grid-template-areas: "label contents" ". help" ". indicator" ". status";
+  }
+  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content {
+    --help-button-indent-width: 0;
+  }
+  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section {
+    --rounded-corner: 0.25rem;
+    align-self: flex-start;
+  }
+  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents {
+    align-self: end;
+  }
+}
+.dnb-forms-field-block__indicator {
+  grid-area: indicator;
+}
+.dnb-forms-field-block__help {
+  grid-area: help;
+  display: flex;
+  flex-flow: column;
+}
+.dnb-forms-field-block__help .dnb-section {
+  margin-bottom: 1rem;
+}
+.dnb-forms-field-block__help .dnb-section > .dnb-p--lead {
+  margin-bottom: 0.5rem;
+}
+@media screen and (min-width: 40.00625em) {
+  .dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section {
+    margin-top: 0.5rem;
+    margin-bottom: 0;
+  }
+}
 .dnb-forms-field-block__status {
   grid-area: status;
 }

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

@@ -1 +1 @@
-:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}@media screen and (max-width:15em){.dnb-forms-field-number .dnb-input__shell,.dnb-forms-field-string .dnb-input__shell{width:90%}}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{--label-margin:0.25rem}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "contents" "status";grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label,.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-forms-field-block__label>.dnb-form-label{margin-bottom:.5rem}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label,.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-forms-field-block__label>.dnb-form-label{margin-bottom:.5rem}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label,.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-forms-field-block__label>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__label{align-items:center;display:flex;flex-flow:row;grid-area:label;justify-content:space-between}.dnb-forms-field-block__label-description{margin-left:.3em}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}
+:root{--forms-field-width--small:5rem;--forms-field-width--medium:11rem;--forms-field-width--large:21rem}fieldset.dnb-forms-field-block{border:none;padding:0}fieldset.dnb-forms-field-block:not([class*=space__top]){margin-top:0}fieldset.dnb-forms-field-block:not([class*=space__right]){margin-right:0}fieldset.dnb-forms-field-block:not([class*=space__bottom]){margin-bottom:0}fieldset.dnb-forms-field-block:not([class*=space__left]){margin-left:0}.dnb-forms-field-block{--label-margin:0.25rem;--max-width:var(--forms-field-width--large)}.dnb-forms-field-block__grid{display:grid;grid-template-areas:"label" "help" "contents" "indicator" "status";grid-template-columns:minmax(min-content,var(--block-content-width,auto))}.dnb-forms-field-block--label-height-small{--label-margin:0}.dnb-forms-field-block--label-height-medium{--label-margin:0.5rem}.dnb-forms-field-block--label-height-large{--label-margin:0.7rem}.dnb-forms-field-block--width-stretch{flex-grow:1}@media screen and (min-width:25.00625em){.dnb-forms-field-block--width-custom{width:calc(var(--dnb-forms-field-block-width))}.dnb-forms-field-block--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block:not([class*="--content-width"]){--max-width:60ch}.dnb-forms-field-block__label,.dnb-forms-field-block__label.dnb-form-label{align-items:center;display:flex;grid-area:label;margin-right:0;max-width:var(--max-width)}.dnb-forms-field-block__label.dnb-form-label__description,.dnb-forms-field-block__label__description{margin-left:.3em}.dnb-forms-field-block__label.dnb-form-label__content:has(+.dnb-help-button),.dnb-forms-field-block__label.dnb-form-label__description:has(+.dnb-help-button),.dnb-forms-field-block__label__content:has(+.dnb-help-button),.dnb-forms-field-block__label__description:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical{flex-wrap:wrap}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-vertical>.dnb-form-label{margin-bottom:.5rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__label{margin-right:1rem}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:var(--label-margin);margin-top:var(--label-margin)}@media screen and (max-width:40em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal>.dnb-form-label{margin-bottom:calc(var(--label-margin) + .5rem)}}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal{grid-template-areas:"label contents" ". help" ". indicator" ". status";grid-template-columns:minmax(var(--dnb-forms-field-block-layout-width-min,min-content),var(--dnb-forms-field-block-layout-width-max,max-content)) auto}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content{--help-button-indent-width:0}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-help-button__content .dnb-section{--rounded-corner:0.25rem;align-self:flex-start}.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__contents{align-self:end}}.dnb-forms-field-block__indicator{grid-area:indicator}.dnb-forms-field-block__help{display:flex;flex-flow:column;grid-area:help}.dnb-forms-field-block__help .dnb-section{margin-bottom:1rem}.dnb-forms-field-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}@media screen and (min-width:40.00625em){.dnb-forms-field-block__grid.dnb-forms-field-block--layout-horizontal .dnb-forms-field-block__help .dnb-section{margin-bottom:0;margin-top:.5rem}}.dnb-forms-field-block__status{grid-area:status}.dnb-forms-field-block__status .dnb-form-status__shell{margin-top:.5rem;max-width:60ch}@media screen and (max-width:15em){.dnb-forms-field-block__status{width:90%}}.dnb-forms-field-block__contents{display:flex;grid-area:contents;width:100%}.dnb-forms-field-block__contents--width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents--width-custom{width:calc(var(--dnb-forms-field-block-content-width))}.dnb-forms-field-block__contents--width-small{width:var(--forms-field-width--small)}.dnb-forms-field-block__contents--width-medium{width:var(--forms-field-width--medium)}.dnb-forms-field-block__contents--width-large{width:var(--forms-field-width--large)}}.dnb-forms-field-block__contents__composition--vertical{display:flex;flex-flow:column;row-gap:var(--spacing-small)}.dnb-forms-field-block__contents__composition--horizontal{-moz-column-gap:var(--spacing-small);column-gap:var(--spacing-small);display:flex;flex-flow:row}@media screen and (min-width:25.00625em){.dnb-forms-field-block__contents__composition--horizontal{align-items:flex-end}.dnb-forms-field-block__contents__composition--horizontal[class*=align-center]{align-items:center}}@media screen and (max-width:25em){.dnb-forms-field-block__contents__composition--horizontal{flex-flow:column;row-gap:var(--spacing-x-small)}}

package/cjs/extensions/forms/FieldBlock/style/dnb-field-block.scss

@@ -9,16 +9,6 @@ $breakpoints: map.merge(
   )
 );
 
-// Ensure inputs to not overflow on xx-small (defined above), but exclude e.g. Autocomplete
-.dnb-forms-field-string,
-.dnb-forms-field-number {
-  @include allBelow(xx-small) {
-    .dnb-input__shell {
-      width: 90%;
-    }
-  }
-}
-
 fieldset.dnb-forms-field-block {
   @include fieldsetReset();
 }
@@ -34,48 +24,12 @@ fieldset.dnb-forms-field-block {
     );
     grid-template-areas:
       'label'
+      'help'
       'contents'
+      'indicator'
       'status';
   }
 
-  &__grid#{&}--layout-vertical {
-    flex-wrap: wrap;
-    & > .dnb-form-label,
-    & > .dnb-forms-field-block__label > .dnb-form-label {
-      margin-bottom: 0.5rem;
-    }
-  }
-
-  // Horizontal layout
-  &__grid#{&}--layout-horizontal {
-    @include allBelow(small) {
-      & > .dnb-form-label,
-      & > .dnb-forms-field-block__label > .dnb-form-label {
-        margin-bottom: 0.5rem;
-      }
-    }
-    @include allAbove(small) {
-      & > .dnb-form-label,
-      & > .dnb-forms-field-block__label > .dnb-form-label {
-        margin-top: var(--label-margin);
-        margin-bottom: var(--label-margin);
-      }
-      grid-template-columns:
-        minmax(
-          var(--dnb-forms-field-block-layout-width-min, min-content),
-          var(--dnb-forms-field-block-layout-width-max, max-content)
-        )
-        auto;
-      grid-template-areas:
-        'label contents'
-        '. status';
-
-      .dnb-forms-field-block__contents {
-        align-self: end;
-      }
-    }
-  }
-
   // Align label vertically with the content (input etc.)
   --label-margin: 0.25rem;
   &--label-height-small {
@@ -108,17 +62,109 @@ fieldset.dnb-forms-field-block {
     }
   }
 
-  // Elements
-  &__label {
+  --max-width: var(--forms-field-width--large);
+  &:not([class*='--content-width']) {
+    --max-width: 60ch;
+  }
+
+  &__label,
+  &__label.dnb-form-label {
     grid-area: label;
     display: flex;
-    flex-flow: row;
-    justify-content: space-between;
+    max-width: var(--max-width); // to enhance readability
     align-items: center;
+
+    margin-right: 0;
+
+    &__description {
+      margin-left: 0.3em;
+    }
+
+    &__content:has(+ .dnb-help-button),
+    &__description:has(+ .dnb-help-button) {
+      margin-right: 0.5rem;
+    }
+  }
+
+  &__grid#{&}--layout-vertical {
+    flex-wrap: wrap;
+    & > .dnb-form-label {
+      margin-bottom: 0.5rem;
+    }
+  }
+
+  // Horizontal layout
+  &__grid#{&}--layout-horizontal &__label {
+    margin-right: 1rem;
   }
+  &__grid#{&}--layout-horizontal {
+    & > .dnb-form-label {
+      margin-top: var(--label-margin);
+      margin-bottom: var(--label-margin);
+    }
+
+    @include allBelow(small) {
+      & > .dnb-form-label {
+        margin-bottom: calc(var(--label-margin) + 0.5rem);
+      }
+    }
+    @include allAbove(small) {
+      grid-template-columns:
+        minmax(
+          var(--dnb-forms-field-block-layout-width-min, min-content),
+          var(--dnb-forms-field-block-layout-width-max, max-content)
+        )
+        auto;
+
+      // When stretching the "help" over two columns,
+      // it influences the "label" width when shown,
+      // and there is not layoutOptions defined.
+      grid-template-areas:
+        'label contents'
+        '. help'
+        '. indicator'
+        '. status';
 
-  &__label-description {
-    margin-left: 0.3em;
+      .dnb-help-button__content {
+        --help-button-indent-width: 0;
+
+        // Align to how the FormStatus looks
+        .dnb-section {
+          --rounded-corner: 0.25rem;
+          align-self: flex-start; // Do not stretch the content
+        }
+      }
+
+      .dnb-forms-field-block__contents {
+        align-self: end;
+      }
+    }
+  }
+
+  &__indicator {
+    grid-area: indicator;
+  }
+
+  &__help {
+    grid-area: help;
+    display: flex;
+    flex-flow: column;
+
+    .dnb-section {
+      margin-bottom: 1rem;
+
+      & > .dnb-p--lead {
+        margin-bottom: 0.5rem;
+      }
+    }
+  }
+  &__grid#{&}--layout-horizontal &__help {
+    @include allAbove(small) {
+      .dnb-section {
+        margin-top: 0.5rem;
+        margin-bottom: 0;
+      }
+    }
   }
 
   &__status {

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.css

@@ -1,4 +1,4 @@
-.dnb-forms-field-block__label-description {
+.dnb-forms-field-block__label__description {
   color: var(--sb-color-gray-dark);
   font-size: var(--font-size-small);
 }

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.min.css

@@ -1 +1 @@
-.dnb-forms-field-block__label-description{color:var(--sb-color-gray-dark);font-size:var(--font-size-small)}.dnb-forms-field-block:not([class*="--label-height-"]){--label-margin:0.5rem}
+.dnb-forms-field-block__label__description{color:var(--sb-color-gray-dark);font-size:var(--font-size-small)}.dnb-forms-field-block:not([class*="--label-height-"]){--label-margin:0.5rem}

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-sbanken.scss

@@ -1,5 +1,5 @@
 .dnb-forms-field-block {
-  &__label-description {
+  &__label__description {
     color: var(--sb-color-gray-dark);
     font-size: var(--font-size-small);
   }

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.css

@@ -1,4 +1,4 @@
-.dnb-forms-field-block__label-description {
+.dnb-forms-field-block__label__description {
   color: var(--color-black-55);
   font-size: var(--font-size-small);
 }

package/cjs/extensions/forms/FieldBlock/style/themes/dnb-field-block-theme-ui.min.css

@@ -1 +1 @@
-.dnb-forms-field-block__label-description{color:var(--color-black-55);font-size:var(--font-size-small)}
+.dnb-forms-field-block__label__description{color:var(--color-black-55);font-size:var(--font-size-small)}