@dnb/eufemia 10.54.1 → 10.55.0

package/cjs/extensions/forms/Field/String/String.js.map

@@ -1 +1 @@
-{"version":3,"file":"String.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_InputMasked","_Context","_FieldBlockContext","_FieldBlock","_hooks","_utils","_componentHelper","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","StringComponent","props","_props$width","_props$innerRef","_dataContext$props2","_value$toString","dataContext","useContext","DataContext","fieldBlockContext","FieldBlockContext","schema","useMemo","_props$schema","type","minLength","maxLength","pattern","fromInput","useCallback","event","_event","_event$cleanedValue","_event2","_event3","emptyValue","cleanedValue","toEvent","trim","spaces","RegExp","test","replace","handleChange","transform","transformValue","capitalize","toCapitalized","ref","useRef","preparedProps","width","composition","innerRef","id","name","className","inputClassName","layout","placeholder","label","labelDescription","info","warning","error","hasError","disabled","help","multiline","mask","leftIcon","rightIcon","htmlAttributes","submitElement","clear","align","size","selectall","keepPlaceholder","rows","autoresizeMaxRows","autoresize","characterCounter","autoComplete","inputMode","autoCorrect","spellCheck","autoFocus","autoCapitalize","handleFocus","handleBlur","setDisplayValue","onKeyDown","useFieldProps","useEffect","_innerRef$current","path","current","transformInstantly","handleSubmit","handleKeyDown","_ref","_dataContext$props","isolate","_event$preventDefault","preventDefault","cn","classnames","sharedProps","suffix","createElement","HelpButton","title","content","on_focus","on_blur","on_change","on_key_down","stretch","Boolean","inner_ref","status","toString","textareaProps","autoresize_max_rows","inputProps","icon","icon_position","submit_element","keep_placeholder","fieldBlockProps","forId","contentWidth","pickSpacingProps","Textarea","Input","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/String/String.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useMemo,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { HelpButton, Input, Textarea } from '../../../../components'\nimport { InputProps } from '../../../../components/input/Input'\nimport InputMasked, {\n  InputMaskedProps,\n} from '../../../../components/InputMasked'\nimport { TextareaProps } from '../../../../components/Textarea'\nimport DataContext from '../../DataContext/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport FieldBlock from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { toCapitalized } from '../../../../shared/component-helper'\nimport type { TextCounterProps } from '../../../../fragments/TextCounter'\nimport type {\n  FieldProps,\n  FieldHelpProps,\n  AllJSONSchemaVersions,\n  FieldBlockWidth,\n} from '../../types'\n\nexport type Props = FieldHelpProps &\n  FieldProps<string, undefined | string> & {\n    // - Shared props\n    multiline?: boolean\n    inputClassName?: string\n    innerRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement>\n    width?: FieldBlockWidth\n    size?: InputProps['size'] | TextareaProps['size']\n    keepPlaceholder?: InputProps['keep_placeholder']\n\n    // - Validation\n    minLength?: number\n    maxLength?: number\n    pattern?: string\n\n    // - Input props\n    type?: InputProps['type']\n    align?: InputProps['align']\n    selectall?: InputProps['selectall']\n    clear?: boolean\n    mask?: InputMaskedProps['mask']\n    leftIcon?: string\n    rightIcon?: string\n    submitElement?: InputProps['submit_element']\n    capitalize?: boolean\n    trim?: boolean\n\n    // - Textarea props\n    rows?: TextareaProps['rows']\n    autoresizeMaxRows?: TextareaProps['autoresize_max_rows']\n    autoresize?: TextareaProps['autoresize']\n    characterCounter?: Omit<TextCounterProps, 'text'> | number\n\n    // - Html props\n    autoComplete?: HTMLInputElement['autocomplete']\n    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode']\n    autoCorrect?: React.HTMLAttributes<HTMLInputElement>['autoCorrect']\n    spellCheck?: React.HTMLAttributes<HTMLInputElement>['spellCheck']\n    autoFocus?: React.HTMLAttributes<HTMLInputElement>['autoFocus']\n    autoCapitalize?: React.HTMLAttributes<HTMLInputElement>['autoCapitalize']\n\n    // - Events\n    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  }\n\nfunction StringComponent(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        minLength: props.minLength,\n        maxLength: props.maxLength,\n        pattern: props.pattern,\n      },\n    [props.schema, props.minLength, props.maxLength, props.pattern]\n  )\n  const fromInput = useCallback(\n    (event: { value: string; cleanedValue?: string }) => {\n      if (typeof event === 'string') {\n        event = { value: event }\n      }\n      if (event?.value === '') {\n        return props.emptyValue\n      }\n      // Cleaned value for masked\n      return event?.cleanedValue ?? event?.value\n    },\n    [props.emptyValue]\n  )\n  const toEvent = useCallback(\n    (value: string, type: string) => {\n      if (props.trim && type === 'onBlur') {\n        const spaces = '[\\\\s ]'\n        if (new RegExp(`^${spaces}|${spaces}$`).test(value)) {\n          value = value.replace(\n            new RegExp(`^${spaces}+|${spaces}+$`, 'g'),\n            ''\n          )\n          handleChange(value)\n        }\n      }\n      return value\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [props.trim]\n  )\n  const transform = props.transformValue\n  const transformValue = useCallback(\n    (value: string) => {\n      if (props.capitalize) {\n        value = toCapitalized(String(value || ''))\n      }\n      return transform?.(value) || value\n    },\n    [props.capitalize, transform]\n  )\n\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    schema,\n    fromInput,\n    toEvent,\n    transformValue,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'large'),\n    innerRef: props.innerRef ?? ref,\n  }\n\n  const {\n    id,\n    name,\n    className,\n    innerRef,\n    inputClassName,\n    layout,\n    placeholder,\n    label,\n    labelDescription,\n    value,\n    info,\n    warning,\n    error,\n    hasError,\n    disabled,\n    help,\n    multiline,\n    mask,\n    leftIcon,\n    rightIcon,\n    width,\n    htmlAttributes,\n    submitElement,\n\n    // - Input props\n    type,\n    clear,\n    align,\n    size,\n    selectall,\n    keepPlaceholder,\n\n    // - Textarea props\n    rows,\n    autoresizeMaxRows = 6,\n    autoresize = true,\n    characterCounter,\n\n    // - Html props\n    autoComplete,\n    inputMode,\n    autoCorrect,\n    spellCheck,\n    autoFocus,\n    autoCapitalize,\n\n    // - Events\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n    onKeyDown,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    setDisplayValue(props.path, innerRef.current?.value)\n  }, [innerRef, props.path, setDisplayValue, value])\n\n  const transformInstantly = useCallback(\n    (value: string) => (props.capitalize ? toCapitalized(value) : value),\n    [props.capitalize]\n  )\n\n  const { handleSubmit } = dataContext ?? {}\n  const handleKeyDown = useCallback(\n    ({ event }: { event: React.KeyboardEvent<HTMLInputElement> }) => {\n      if (\n        !multiline &&\n        dataContext?.props?.isolate &&\n        event.key === 'Enter'\n      ) {\n        handleSubmit() // So we commit the data to the outer context\n        event.preventDefault?.() // And prevent the default form submit\n      }\n\n      onKeyDown?.(event)\n    },\n    [handleSubmit, dataContext?.props?.isolate, multiline, onKeyDown]\n  )\n\n  const cn = classnames('dnb-forms-field-string__input', inputClassName)\n\n  const sharedProps: InputProps & TextareaProps = {\n    id,\n    name,\n    autoComplete,\n    autoCorrect,\n    spellCheck,\n    autoFocus,\n    autoCapitalize,\n    inputMode,\n    className: cn,\n    placeholder,\n    suffix: help ? (\n      <HelpButton title={help.title}>{help.content}</HelpButton>\n    ) : undefined,\n    on_focus: handleFocus,\n    on_blur: handleBlur,\n    on_change: handleChange,\n    on_key_down: handleKeyDown,\n    disabled,\n    ...htmlAttributes,\n    stretch: Boolean(\n      width !== undefined || fieldBlockContext?.composition\n    ),\n    inner_ref: innerRef,\n    status: hasError ? 'error' : undefined,\n    value: transformInstantly(value?.toString() ?? ''),\n  }\n\n  const textareaProps: TextareaProps = {\n    keepPlaceholder,\n    rows,\n    autoresize_max_rows: autoresizeMaxRows,\n    autoresize,\n    characterCounter,\n  }\n\n  const inputProps: InputProps = {\n    type: type,\n    clear: clear,\n    size: size,\n    align: align,\n    selectall: selectall,\n    icon: leftIcon ?? rightIcon,\n    icon_position: rightIcon && !leftIcon ? 'right' : undefined,\n    submit_element: submitElement,\n    keep_placeholder: keepPlaceholder,\n  }\n\n  const fieldBlockProps = {\n    className: classnames('dnb-forms-field-string', className),\n    forId: id,\n    layout,\n    label,\n    labelDescription,\n    info,\n    warning,\n    error,\n    disabled,\n    width:\n      width === 'stretch' || fieldBlockContext?.composition\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      {multiline ? (\n        <Textarea {...sharedProps} {...textareaProps} />\n      ) : mask ? (\n        <InputMasked {...sharedProps} {...inputProps} mask={mask} />\n      ) : (\n        <Input {...sharedProps} {...inputProps} />\n      )}\n    </FieldBlock>\n  )\n}\n\nStringComponent._supportsSpacingProps = true\nexport default StringComponent\n"],"mappings":"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"}
+{"version":3,"file":"String.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_InputMasked","_Context","_FieldBlockContext","_FieldBlock","_hooks","_utils","_componentHelper","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","StringComponent","props","_props$width","_props$innerRef","_dataContext$props2","_value$toString","dataContext","useContext","DataContext","fieldBlockContext","FieldBlockContext","schema","useMemo","_props$schema","type","minLength","maxLength","pattern","fromInput","useCallback","event","_event","_event$cleanedValue","_event2","_event3","emptyValue","cleanedValue","toEvent","trim","spaces","RegExp","test","replace","handleChange","transform","transformValue","capitalize","toCapitalized","ref","useRef","preparedProps","width","composition","innerRef","id","name","className","inputClassName","placeholder","hasError","disabled","help","multiline","mask","leftIcon","rightIcon","htmlAttributes","submitElement","clear","align","size","selectall","keepPlaceholder","rows","autoresizeMaxRows","autoresize","characterCounter","autoComplete","inputMode","autoCorrect","spellCheck","autoFocus","autoCapitalize","handleFocus","handleBlur","setDisplayValue","onKeyDown","useFieldProps","useEffect","_innerRef$current","path","current","transformInstantly","handleSubmit","handleKeyDown","_ref","_dataContext$props","isolate","_event$preventDefault","preventDefault","cn","classnames","sharedProps","suffix","createElement","HelpButton","title","content","on_focus","on_blur","on_change","on_key_down","stretch","Boolean","inner_ref","status","toString","textareaProps","autoresize_max_rows","inputProps","icon","icon_position","submit_element","keep_placeholder","fieldBlockProps","forId","contentWidth","pickSpacingProps","Textarea","Input","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Field/String/String.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useMemo,\n  useCallback,\n  useEffect,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { HelpButton, Input, Textarea } from '../../../../components'\nimport { InputProps } from '../../../../components/input/Input'\nimport InputMasked, {\n  InputMaskedProps,\n} from '../../../../components/InputMasked'\nimport { TextareaProps } from '../../../../components/Textarea'\nimport DataContext from '../../DataContext/Context'\nimport FieldBlockContext from '../../FieldBlock/FieldBlockContext'\nimport FieldBlock, {\n  Props as FieldBlockProps,\n  FieldBlockWidth,\n} from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport { toCapitalized } from '../../../../shared/component-helper'\nimport type { TextCounterProps } from '../../../../fragments/TextCounter'\nimport type {\n  FieldProps,\n  FieldHelpProps,\n  AllJSONSchemaVersions,\n} from '../../types'\n\nexport type Props = FieldHelpProps &\n  FieldProps<string, undefined | string> & {\n    // - Shared props\n    multiline?: boolean\n    inputClassName?: string\n    innerRef?: React.RefObject<HTMLInputElement | HTMLTextAreaElement>\n    width?: FieldBlockWidth\n    size?: InputProps['size'] | TextareaProps['size']\n    keepPlaceholder?: InputProps['keep_placeholder']\n\n    // - Validation\n    minLength?: number\n    maxLength?: number\n    pattern?: string\n\n    // - Input props\n    type?: InputProps['type']\n    align?: InputProps['align']\n    selectall?: InputProps['selectall']\n    clear?: boolean\n    mask?: InputMaskedProps['mask']\n    leftIcon?: string\n    rightIcon?: string\n    submitElement?: InputProps['submit_element']\n    capitalize?: boolean\n    trim?: boolean\n\n    // - Textarea props\n    rows?: TextareaProps['rows']\n    autoresizeMaxRows?: TextareaProps['autoresize_max_rows']\n    autoresize?: TextareaProps['autoresize']\n    characterCounter?: Omit<TextCounterProps, 'text'> | number\n\n    // - Html props\n    autoComplete?: HTMLInputElement['autocomplete']\n    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode']\n    autoCorrect?: React.HTMLAttributes<HTMLInputElement>['autoCorrect']\n    spellCheck?: React.HTMLAttributes<HTMLInputElement>['spellCheck']\n    autoFocus?: React.HTMLAttributes<HTMLInputElement>['autoFocus']\n    autoCapitalize?: React.HTMLAttributes<HTMLInputElement>['autoCapitalize']\n\n    // - Events\n    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>\n  }\n\nfunction StringComponent(props: Props) {\n  const dataContext = useContext(DataContext)\n  const fieldBlockContext = useContext(FieldBlockContext)\n\n  const schema = useMemo<AllJSONSchemaVersions>(\n    () =>\n      props.schema ?? {\n        type: 'string',\n        minLength: props.minLength,\n        maxLength: props.maxLength,\n        pattern: props.pattern,\n      },\n    [props.schema, props.minLength, props.maxLength, props.pattern]\n  )\n  const fromInput = useCallback(\n    (event: { value: string; cleanedValue?: string }) => {\n      if (typeof event === 'string') {\n        event = { value: event }\n      }\n      if (event?.value === '') {\n        return props.emptyValue\n      }\n      // Cleaned value for masked\n      return event?.cleanedValue ?? event?.value\n    },\n    [props.emptyValue]\n  )\n  const toEvent = useCallback(\n    (value: string, type: string) => {\n      if (props.trim && type === 'onBlur') {\n        const spaces = '[\\\\s ]'\n        if (new RegExp(`^${spaces}|${spaces}$`).test(value)) {\n          value = value.replace(\n            new RegExp(`^${spaces}+|${spaces}+$`, 'g'),\n            ''\n          )\n          handleChange(value)\n        }\n      }\n      return value\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [props.trim]\n  )\n  const transform = props.transformValue\n  const transformValue = useCallback(\n    (value: string) => {\n      if (props.capitalize) {\n        value = toCapitalized(String(value || ''))\n      }\n      return transform?.(value) || value\n    },\n    [props.capitalize, transform]\n  )\n\n  const ref = useRef<HTMLInputElement>()\n  const preparedProps: Props = {\n    ...props,\n    schema,\n    fromInput,\n    toEvent,\n    transformValue,\n    width:\n      props.width ??\n      (fieldBlockContext?.composition ? 'stretch' : 'large'),\n    innerRef: props.innerRef ?? ref,\n  }\n\n  const {\n    id,\n    name,\n    className,\n    innerRef,\n    inputClassName,\n    placeholder,\n    value,\n    hasError,\n    disabled,\n    help,\n    multiline,\n    mask,\n    leftIcon,\n    rightIcon,\n    width,\n    htmlAttributes,\n    submitElement,\n\n    // - Input props\n    type,\n    clear,\n    align,\n    size,\n    selectall,\n    keepPlaceholder,\n\n    // - Textarea props\n    rows,\n    autoresizeMaxRows = 6,\n    autoresize = true,\n    characterCounter,\n\n    // - Html props\n    autoComplete,\n    inputMode,\n    autoCorrect,\n    spellCheck,\n    autoFocus,\n    autoCapitalize,\n\n    // - Events\n    handleFocus,\n    handleBlur,\n    handleChange,\n    setDisplayValue,\n    onKeyDown,\n  } = useFieldProps(preparedProps)\n\n  useEffect(() => {\n    setDisplayValue(props.path, innerRef.current?.value)\n  }, [innerRef, props.path, setDisplayValue, value])\n\n  const transformInstantly = useCallback(\n    (value: string) => (props.capitalize ? toCapitalized(value) : value),\n    [props.capitalize]\n  )\n\n  const { handleSubmit } = dataContext ?? {}\n  const handleKeyDown = useCallback(\n    ({ event }: { event: React.KeyboardEvent<HTMLInputElement> }) => {\n      if (\n        !multiline &&\n        dataContext?.props?.isolate &&\n        event.key === 'Enter'\n      ) {\n        handleSubmit() // So we commit the data to the outer context\n        event.preventDefault?.() // And prevent the default form submit\n      }\n\n      onKeyDown?.(event)\n    },\n    [handleSubmit, dataContext?.props?.isolate, multiline, onKeyDown]\n  )\n\n  const cn = classnames('dnb-forms-field-string__input', inputClassName)\n\n  const sharedProps: InputProps & TextareaProps = {\n    id,\n    name,\n    autoComplete,\n    autoCorrect,\n    spellCheck,\n    autoFocus,\n    autoCapitalize,\n    inputMode,\n    className: cn,\n    placeholder,\n    suffix: help ? (\n      <HelpButton title={help.title}>{help.content}</HelpButton>\n    ) : undefined,\n    on_focus: handleFocus,\n    on_blur: handleBlur,\n    on_change: handleChange,\n    on_key_down: handleKeyDown,\n    disabled,\n    ...htmlAttributes,\n    stretch: Boolean(width),\n    inner_ref: innerRef,\n    status: hasError ? 'error' : undefined,\n    value: transformInstantly(value?.toString() ?? ''),\n  }\n\n  const textareaProps: TextareaProps = {\n    keepPlaceholder,\n    rows,\n    autoresize_max_rows: autoresizeMaxRows,\n    autoresize,\n    characterCounter,\n  }\n\n  const inputProps: InputProps = {\n    type,\n    clear,\n    size,\n    align,\n    selectall,\n    icon: leftIcon ?? rightIcon,\n    icon_position: rightIcon && !leftIcon ? 'right' : undefined,\n    submit_element: submitElement,\n    keep_placeholder: keepPlaceholder,\n  }\n\n  const fieldBlockProps: FieldBlockProps = {\n    forId: id,\n    className: classnames('dnb-forms-field-string', className),\n    width:\n      width === 'stretch' || fieldBlockContext?.composition\n        ? width\n        : undefined,\n    contentWidth: width !== false ? width : undefined,\n    ...pickSpacingProps(props),\n  }\n\n  return (\n    <FieldBlock {...fieldBlockProps}>\n      {multiline ? (\n        <Textarea {...sharedProps} {...textareaProps} />\n      ) : mask ? (\n        <InputMasked {...sharedProps} {...inputProps} mask={mask} />\n      ) : (\n        <Input {...sharedProps} {...inputProps} />\n      )}\n    </FieldBlock>\n  )\n}\n\nStringComponent._supportsSpacingProps = true\nexport default StringComponent\n"],"mappings":"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"}

package/cjs/extensions/forms/Field/Toggle/Toggle.d.ts

@@ -6,7 +6,7 @@ export type ToggleProps = {
     textOn?: string;
     textOff?: string;
 };
-export type Props = FieldHelpProps & FieldProps<unknown> & ToggleProps;
+export type Props = FieldHelpProps & Omit<FieldProps<unknown>, 'layout' | 'layoutOptions'> & ToggleProps;
 declare function Toggle(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace Toggle {
     var _supportsSpacingProps: boolean;

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

@@ -32,7 +32,6 @@ function Toggle(props) {
     className,
     valueOn,
     valueOff,
-    layout,
     variant,
     disabled,
     label,
@@ -41,9 +40,6 @@ function Toggle(props) {
     textOff,
     value,
     help,
-    info,
-    warning,
-    error,
     hasError,
     htmlAttributes,
     handleChange,
@@ -62,21 +58,11 @@ function Toggle(props) {
     handleChange === null || handleChange === void 0 ? void 0 : handleChange(value === 'on' ? valueOn : valueOff);
   }, [handleChange, valueOn, valueOff]);
   const cn = (0, _classnames.default)('dnb-forms-field-toggle', className);
-  const fieldBlockPropsWithoutLabel = _objectSpread(_objectSpread({
+  const fieldBlockProps = _objectSpread({
     forId: id,
-    className: cn
-  }, (0, _utils.pickSpacingProps)(props)), {}, {
-    info,
-    warning,
-    error,
+    className: cn,
     disabled
-  });
-  const fieldBlockProps = _objectSpread(_objectSpread({}, fieldBlockPropsWithoutLabel), {}, {
-    layout,
-    label,
-    labelDescription,
-    disabled
-  });
+  }, (0, _utils.pickSpacingProps)(props));
   const suffix = help ? _react.default.createElement(_components.HelpButton, {
     title: help.title
   }, help.content) : undefined;
@@ -91,7 +77,9 @@ function Toggle(props) {
   switch (variant) {
     default:
     case 'checkbox':
-      return _react.default.createElement(_FieldBlock.default, fieldBlockPropsWithoutLabel, _react.default.createElement(_components.Checkbox, _extends({
+      return _react.default.createElement(_FieldBlock.default, _extends({}, fieldBlockProps, {
+        label: undefined
+      }), _react.default.createElement(_components.Checkbox, _extends({
         id: id,
         className: cn,
         label: label !== null && label !== void 0 ? label : isOn ? textOn !== null && textOn !== void 0 ? textOn : translations.yes : textOff !== null && textOff !== void 0 ? textOff : translations.no,

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

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

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

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

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

@@ -14,7 +14,7 @@ var _utils = require("../../../../components/flex/utils");
 var _components = require("../../../../components");
 var _shared = require("../../../../shared");
 var _utils2 = require("../../utils");
-const _excluded = ["id", "className", "width", "layout", "value", "label", "labelDescription", "disabled", "help", "info", "warning", "error", "htmlAttributes", "handleChange", "handleFocus", "handleBlur"];
+const _excluded = ["id", "className", "width", "value", "label", "labelDescription", "help", "htmlAttributes", "handleChange", "handleFocus", "handleBlur"];
 function _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; }
@@ -58,15 +58,10 @@ function UploadComponent(props) {
       id,
       className,
       width: widthProp = 'stretch',
-      layout,
       value,
       label,
       labelDescription,
-      disabled,
       help,
-      info,
-      warning,
-      error,
       htmlAttributes,
       handleChange,
       handleFocus,
@@ -98,15 +93,10 @@ function UploadComponent(props) {
   }, [handleBlur, handleChange, handleFocus]);
   const width = widthProp;
   const fieldBlockProps = _objectSpread({
+    id,
     forId: id,
-    layout,
-    label,
     labelSrOnly: true,
-    info,
-    warning,
-    error,
     className,
-    disabled,
     width
   }, (0, _utils.pickSpacingProps)(props));
   return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_Upload.default, _extends({

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

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

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

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

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

@@ -20,7 +20,7 @@ var _SubmitIndicator = _interopRequireDefault(require("../Form/SubmitIndicator/S
 var _useSharedState = require("../../../shared/helpers/useSharedState");
 var _useTranslation = _interopRequireDefault(require("../hooks/useTranslation"));
 var _utils = require("../utils");
-const _excluded = ["className", "forId", "layout", "composition", "label", "labelDescription", "labelSuffix", "labelSrOnly", "asFieldset", "required", "info", "warning", "error", "fieldState", "disabled", "width", "contentWidth", "align", "labelSize", "contentClassName", "children"];
+const _excluded = ["className", "forId", "layout", "layoutOptions", "composition", "label", "labelDescription", "labelSuffix", "labelSrOnly", "asFieldset", "required", "info", "warning", "error", "disableStatusSummary", "fieldState", "disabled", "width", "contentWidth", "labelHeight", "align", "labelSize", "contentClassName", "children"];
 function _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; }
@@ -35,14 +35,17 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 const states = ['error', 'info', 'warning'];
 exports.states = states;
 function FieldBlock(props) {
+  var _props$id;
   const dataContext = (0, _react.useContext)(_Context.default);
-  const nestedFieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
-  const sharedData = (0, _useSharedState.createSharedState)('field-block-props-' + (props.forId || props.id));
+  const fieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
+  const nestedFieldBlockContext = !(fieldBlockContext !== null && fieldBlockContext !== void 0 && fieldBlockContext.disableStatusSummary) ? fieldBlockContext : null;
+  const sharedData = (0, _useSharedState.createSharedState)('field-block-props-' + ((_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : props.forId));
   const _Object$assign = Object.assign({}, sharedData.data, props),
     {
       className,
       forId,
       layout = 'vertical',
+      layoutOptions,
       composition,
       label: labelProp,
       labelDescription,
@@ -53,10 +56,12 @@ function FieldBlock(props) {
       info,
       warning,
       error: errorProp,
+      disableStatusSummary,
       fieldState,
       disabled,
       width,
       contentWidth,
+      labelHeight,
       align,
       labelSize,
       contentClassName,
@@ -262,7 +267,7 @@ function FieldBlock(props) {
     mountedFieldsRef.current = {};
     stateRecordRef.current = {};
   }, []);
-  const mainClasses = (0, _classnames.default)('dnb-forms-field-block', className, width && `dnb-forms-field-block--width-${hasCustomWidth ? 'custom' : width}`);
+  const mainClasses = (0, _classnames.default)('dnb-forms-field-block', className, width && `dnb-forms-field-block--width-${hasCustomWidth ? 'custom' : width}`, labelHeight && `dnb-forms-field-block--label-height-${labelHeight}`);
   const gridClasses = `dnb-forms-field-block__grid dnb-forms-field-block--layout-${layout}`;
   const enableFieldset = useEnableFieldset({
     label,
@@ -274,27 +279,30 @@ function FieldBlock(props) {
     element: enableFieldset ? 'legend' : 'label',
     forId: enableFieldset ? undefined : forId,
     srOnly: labelSrOnly,
-    space: {
-      top: 0,
-      bottom: 'x-small'
-    },
+    space: 0,
     size: labelSize,
     disabled
   };
   const mainStyle = (0, _react.useMemo)(() => {
+    var _lO$minWidth, _lO$maxWidth;
+    const style = {};
     if (hasCustomWidth) {
-      return {
-        '--dnb-forms-field-block-width': width
-      };
+      style['--dnb-forms-field-block-width'] = width;
     }
-  }, [hasCustomWidth, width]);
-  const contentsStyle = (0, _react.useMemo)(() => {
     if (hasCustomContentWidth) {
-      return {
-        '--dnb-forms-field-block-content-width': contentWidth
-      };
+      style['--dnb-forms-field-block-content-width'] = contentWidth;
+    }
+    const lO = layoutOptions || {};
+    const min = getFieldWidth((_lO$minWidth = lO.minWidth) !== null && _lO$minWidth !== void 0 ? _lO$minWidth : lO.width);
+    const max = getFieldWidth((_lO$maxWidth = lO.maxWidth) !== null && _lO$maxWidth !== void 0 ? _lO$maxWidth : lO.width);
+    if (typeof min === 'string') {
+      style['--dnb-forms-field-block-layout-width-min'] = min;
+    }
+    if (typeof max === 'string') {
+      style['--dnb-forms-field-block-layout-width-max'] = max;
     }
-  }, [contentWidth, hasCustomContentWidth]);
+    return style;
+  }, [contentWidth, hasCustomContentWidth, hasCustomWidth, layoutOptions, width]);
   if (dataContext !== null && dataContext !== void 0 && dataContext.prerenderFieldProps) {
     return null;
   }
@@ -309,7 +317,8 @@ function FieldBlock(props) {
       hasErrorProp: Boolean(errorProp),
       fieldStateIdsRef,
       mountedFieldsRef,
-      composition
+      composition,
+      disableStatusSummary
     }
   }, _react.default.createElement(_components.Space, _extends({
     element: enableFieldset ? 'fieldset' : 'div',
@@ -324,9 +333,8 @@ function FieldBlock(props) {
   }, label, hasLabelDescription && _react.default.createElement("span", {
     className: "dnb-forms-field-block__label-description"
   }, labelDescription)))), _react.default.createElement("div", {
-    className: "dnb-forms-field-block__status"
+    className: 'dnb-forms-field-block__status' + (contentWidth && contentWidth !== 'small' && contentWidth !== 'medium' && !(parseFloat(contentWidth) <= 11) ? ` dnb-forms-field-block__contents--width-${hasCustomContentWidth ? 'custom' : contentWidth}` : "")
   }, _react.default.createElement(_components.FormStatus, statusContent === null || statusContent === void 0 ? void 0 : statusContent.error), _react.default.createElement(_components.FormStatus, statusContent === null || statusContent === void 0 ? void 0 : statusContent.warning), _react.default.createElement(_components.FormStatus, statusContent === null || statusContent === void 0 ? void 0 : statusContent.info)), _react.default.createElement("div", {
-    style: contentsStyle,
     className: (0, _classnames.default)('dnb-forms-field-block__contents', contentClassName, contentWidth && `dnb-forms-field-block__contents--width-${hasCustomContentWidth ? 'custom' : contentWidth}`, align && `dnb-forms-field-block__contents--align-${align}`, composition && `dnb-forms-field-block__contents__composition--${composition === true ? 'horizontal' : composition}`),
     ref: contentsRef
   }, children))));
@@ -412,4 +420,15 @@ function fragmentHasOnlyUndefinedChildren(fragment) {
 FieldBlock._supportsSpacingProps = true;
 var _default = FieldBlock;
 exports.default = _default;
+function getFieldWidth(width) {
+  switch (width) {
+    case 'small':
+      return 'var(--forms-field-width--small)';
+    case 'medium':
+      return 'var(--forms-field-width--medium)';
+    case 'large':
+      return 'var(--forms-field-width--large)';
+  }
+  return width;
+}
 //# sourceMappingURL=FieldBlock.js.map