@dnb/eufemia 10.8.0 → 10.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"String.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_InputMasked","_utils","_Context","_FieldBlock","_hooks","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$minLength","_props$maxLength","sharedContext","useContext","SharedContext","preparedProps","errorMessages","required","translation","Forms","inputErrorRequired","minLength","stringInputErrorMinLength","replace","toString","maxLength","stringInputErrorMaxLength","pattern","inputErrorPattern","schema","type","fromInput","_ref","cleanedValue","emptyValue","charAt","width","id","className","inputClassName","layout","placeholder","label","labelDescription","labelSecondary","info","warning","error","disabled","help","multiline","leftIcon","rightIcon","clear","autoresize","autoresizeMaxRows","characterCounter","mask","handleFocus","handleBlur","handleChange","useField","characterCounterElement","cn","classnames","createElement","forId","contentsWidth","forwardSpaceProps","Textarea","suffix","HelpButton","title","left","contents","on_focus","on_blur","on_change","autoresize_max_rows","stretch","icon","icon_position","Input","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/String.tsx"],"sourcesContent":["import React, { useContext } 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 { forwardSpaceProps } from '../utils'\nimport SharedContext from '../../../shared/Context'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps, FieldHelpProps } from '../field-types'\n\ninterface ErrorMessages {\n  required?: string\n  schema?: string\n  minLength?: string\n  maxLength?: string\n  pattern?: string\n}\nexport type Props = ComponentProps &\n  FieldHelpProps &\n  FieldProps<string, undefined | string, ErrorMessages> & {\n    inputClassName?: string\n    type?: InputProps['type']\n    multiline?: boolean\n    leftIcon?: string\n    rightIcon?: string\n    clear?: boolean\n    autoresize?: boolean\n    autoresizeMaxRows?: number\n    characterCounter?: boolean\n    mask?: InputMaskedProps['mask']\n    // Validation\n    minLength?: number\n    maxLength?: number\n    pattern?: string\n    // Styling\n    width?: false | 'small' | 'medium' | 'large' | 'stretch'\n  }\n\nfunction StringComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.inputErrorRequired,\n      minLength:\n        sharedContext?.translation.Forms.stringInputErrorMinLength.replace(\n          '{minLength}',\n          props.minLength?.toString()\n        ),\n      maxLength:\n        sharedContext?.translation.Forms.stringInputErrorMaxLength.replace(\n          '{maxLength}',\n          props.maxLength?.toString()\n        ),\n      pattern: sharedContext?.translation.Forms.inputErrorPattern,\n      ...props.errorMessages,\n    },\n    schema: props.schema ?? {\n      type: 'string',\n      minLength: props.minLength,\n      maxLength: props.maxLength,\n      pattern: props.pattern,\n    },\n    fromInput: ({\n      value,\n      cleanedValue,\n    }: {\n      value: string\n      cleanedValue: string\n    }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      if (value.charAt(0) === '0' && cleanedValue === '') {\n        // Special case - Since InputMasked sends out empty string when entering the digit 0 as first character (possibly changing in the future)\n        return '0'\n      }\n\n      return cleanedValue ?? value\n    },\n    width: props.width ?? 'large',\n  }\n  const {\n    id,\n    className,\n    inputClassName,\n    layout,\n    type,\n    placeholder,\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    info,\n    warning,\n    error,\n    disabled,\n    help,\n    multiline,\n    leftIcon,\n    rightIcon,\n    clear,\n    autoresize = true,\n    autoresizeMaxRows = 6,\n    characterCounter,\n    mask,\n    width,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  } = useField(preparedProps)\n\n  const characterCounterElement = characterCounter\n    ? props.maxLength\n      ? `${value?.length ?? '0'}/${props.maxLength}`\n      : `${value?.length ?? '0'}`\n    : undefined\n  const cn = classnames('dnb-forms-field-string__input', inputClassName)\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-string', className)}\n      forId={id}\n      layout={layout}\n      label={label}\n      labelDescription={labelDescription}\n      labelSecondary={labelSecondary ?? characterCounterElement}\n      info={info}\n      warning={warning}\n      error={error}\n      contentsWidth={width !== false ? width : undefined}\n      {...forwardSpaceProps(props)}\n    >\n      {multiline ? (\n        <Textarea\n          id={id}\n          className={cn}\n          placeholder={placeholder}\n          value={value}\n          suffix={\n            help ? (\n              <HelpButton title={help.title} left=\"x-small\">\n                {help.contents}\n              </HelpButton>\n            ) : undefined\n          }\n          on_focus={handleFocus}\n          on_blur={handleBlur}\n          on_change={handleChange}\n          autoresize={autoresize}\n          autoresize_max_rows={autoresizeMaxRows}\n          disabled={disabled}\n          stretch={width !== undefined}\n        />\n      ) : mask ? (\n        <InputMasked\n          className={cn}\n          mask={mask}\n          placeholder={placeholder}\n          value={value?.toString() ?? ''}\n          icon={leftIcon ?? rightIcon}\n          icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n          suffix={\n            help ? (\n              <HelpButton title={help.title}>{help.contents}</HelpButton>\n            ) : undefined\n          }\n          on_focus={handleFocus}\n          on_blur={handleBlur}\n          on_change={handleChange}\n          disabled={disabled}\n          stretch={width !== undefined}\n        />\n      ) : (\n        <Input\n          id={id}\n          className={cn}\n          type={type}\n          placeholder={placeholder}\n          value={value?.toString() ?? ''}\n          icon={leftIcon ?? rightIcon}\n          icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n          clear={clear}\n          suffix={\n            help ? (\n              <HelpButton title={help.title}>{help.contents}</HelpButton>\n            ) : undefined\n          }\n          on_focus={handleFocus}\n          on_blur={handleBlur}\n          on_change={handleChange}\n          disabled={disabled}\n          stretch={width !== undefined}\n        />\n      )}\n    </FieldBlock>\n  )\n}\n\nStringComponent._supportsEufemiaSpacingProps = true\nexport default StringComponent\n"],"mappings":"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"}
+{"version":3,"file":"String.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_InputMasked","_Context","_FieldBlock","_hooks","_types","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$minLength","_props$maxLength","sharedContext","useContext","SharedContext","preparedProps","errorMessages","required","translation","Forms","inputErrorRequired","minLength","stringInputErrorMinLength","replace","toString","maxLength","stringInputErrorMaxLength","pattern","inputErrorPattern","schema","type","fromInput","_ref","cleanedValue","emptyValue","width","id","className","inputClassName","layout","placeholder","label","labelDescription","labelSecondary","info","warning","error","disabled","help","multiline","leftIcon","rightIcon","clear","autoresize","autoresizeMaxRows","characterCounter","mask","handleFocus","handleBlur","handleChange","useDataValue","characterCounterElement","cn","classnames","createElement","forId","contentsWidth","pickSpacingProps","Textarea","suffix","HelpButton","title","left","contents","on_focus","on_blur","on_change","autoresize_max_rows","stretch","icon","icon_position","Input","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/String.tsx"],"sourcesContent":["import React, { useContext } 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 SharedContext from '../../../shared/Context'\nimport FieldBlock from '../FieldBlock'\nimport { useDataValue } from '../hooks'\nimport { FieldProps, FieldHelpProps, pickSpacingProps } from '../types'\n\ninterface ErrorMessages {\n  required?: string\n  schema?: string\n  minLength?: string\n  maxLength?: string\n  pattern?: string\n}\nexport type Props = FieldHelpProps &\n  FieldProps<string, undefined | string, ErrorMessages> & {\n    inputClassName?: string\n    type?: InputProps['type']\n    multiline?: boolean\n    leftIcon?: string\n    rightIcon?: string\n    clear?: boolean\n    autoresize?: boolean\n    autoresizeMaxRows?: number\n    characterCounter?: boolean\n    mask?: InputMaskedProps['mask']\n    // Validation\n    minLength?: number\n    maxLength?: number\n    pattern?: string\n    // Styling\n    width?: false | 'small' | 'medium' | 'large' | 'stretch'\n  }\n\nfunction StringComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const preparedProps: Props = {\n    ...props,\n    errorMessages: {\n      required: sharedContext?.translation.Forms.inputErrorRequired,\n      minLength:\n        sharedContext?.translation.Forms.stringInputErrorMinLength.replace(\n          '{minLength}',\n          props.minLength?.toString()\n        ),\n      maxLength:\n        sharedContext?.translation.Forms.stringInputErrorMaxLength.replace(\n          '{maxLength}',\n          props.maxLength?.toString()\n        ),\n      pattern: sharedContext?.translation.Forms.inputErrorPattern,\n      ...props.errorMessages,\n    },\n    schema: props.schema ?? {\n      type: 'string',\n      minLength: props.minLength,\n      maxLength: props.maxLength,\n      pattern: props.pattern,\n    },\n    fromInput: ({\n      value,\n      cleanedValue,\n    }: {\n      value: string\n      cleanedValue: string\n    }) => {\n      if (value === '') {\n        return props.emptyValue\n      }\n      // Cleaned value for masked\n      return cleanedValue ?? value\n    },\n    width: props.width ?? 'large',\n  }\n  const {\n    id,\n    className,\n    inputClassName,\n    layout,\n    type,\n    placeholder,\n    label,\n    labelDescription,\n    labelSecondary,\n    value,\n    info,\n    warning,\n    error,\n    disabled,\n    help,\n    multiline,\n    leftIcon,\n    rightIcon,\n    clear,\n    autoresize = true,\n    autoresizeMaxRows = 6,\n    characterCounter,\n    mask,\n    width,\n    handleFocus,\n    handleBlur,\n    handleChange,\n  } = useDataValue(preparedProps)\n\n  const characterCounterElement = characterCounter\n    ? props.maxLength\n      ? `${value?.length ?? '0'}/${props.maxLength}`\n      : `${value?.length ?? '0'}`\n    : undefined\n  const cn = classnames('dnb-forms-field-string__input', inputClassName)\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-string', className)}\n      forId={id}\n      layout={layout}\n      label={label}\n      labelDescription={labelDescription}\n      labelSecondary={labelSecondary ?? characterCounterElement}\n      info={info}\n      warning={warning}\n      error={error}\n      contentsWidth={width !== false ? width : undefined}\n      {...pickSpacingProps(props)}\n    >\n      {multiline ? (\n        <Textarea\n          id={id}\n          className={cn}\n          placeholder={placeholder}\n          value={value}\n          suffix={\n            help ? (\n              <HelpButton title={help.title} left=\"x-small\">\n                {help.contents}\n              </HelpButton>\n            ) : undefined\n          }\n          on_focus={handleFocus}\n          on_blur={handleBlur}\n          on_change={handleChange}\n          autoresize={autoresize}\n          autoresize_max_rows={autoresizeMaxRows}\n          disabled={disabled}\n          stretch={width !== undefined}\n        />\n      ) : mask ? (\n        <InputMasked\n          id={id}\n          className={cn}\n          mask={mask}\n          placeholder={placeholder}\n          value={value?.toString() ?? ''}\n          icon={leftIcon ?? rightIcon}\n          icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n          suffix={\n            help ? (\n              <HelpButton title={help.title}>{help.contents}</HelpButton>\n            ) : undefined\n          }\n          on_focus={handleFocus}\n          on_blur={handleBlur}\n          on_change={handleChange}\n          disabled={disabled}\n          stretch={width !== undefined}\n        />\n      ) : (\n        <Input\n          id={id}\n          className={cn}\n          type={type}\n          placeholder={placeholder}\n          value={value?.toString() ?? ''}\n          icon={leftIcon ?? rightIcon}\n          icon_position={rightIcon && !leftIcon ? 'right' : undefined}\n          clear={clear}\n          suffix={\n            help ? (\n              <HelpButton title={help.title}>{help.contents}</HelpButton>\n            ) : undefined\n          }\n          on_focus={handleFocus}\n          on_blur={handleBlur}\n          on_change={handleChange}\n          disabled={disabled}\n          stretch={width !== undefined}\n        />\n      )}\n    </FieldBlock>\n  )\n}\n\nStringComponent._supportsEufemiaSpacingProps = true\nexport default StringComponent\n"],"mappings":"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"}

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

@@ -1,6 +1,5 @@
-import type { ComponentProps } from '../component-types';
-import type { FieldProps } from '../field-types';
-export type Props = ComponentProps & FieldProps<unknown> & {
+import { FieldProps } from '../types';
+export type Props = FieldProps<unknown> & {
     valueOn: unknown;
     valueOff: unknown;
     variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons';

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

@@ -9,8 +9,8 @@ var _components = require("../../../components");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _ButtonRow = _interopRequireDefault(require("../Layout/ButtonRow"));
 var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
-var _hooks = require("./hooks");
-var _utils = require("../utils");
+var _hooks = require("../hooks");
+var _types = require("../types");
 var _Context = _interopRequireDefault(require("../../../shared/Context"));
 var _Space;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -42,7 +42,7 @@ function Toggle(props) {
     warning,
     error,
     handleChange
-  } = (0, _hooks.useField)(props);
+  } = (0, _hooks.useDataValue)(props);
   const handleCheckboxChange = (0, _react.useCallback)(_ref => {
     let {
       checked
@@ -63,7 +63,7 @@ function Toggle(props) {
   const fieldBlockPropsWithoutLabel = _objectSpread(_objectSpread({
     forId: id,
     className: cn
-  }, (0, _utils.forwardSpaceProps)(props)), {}, {
+  }, (0, _types.pickSpacingProps)(props)), {}, {
     info,
     warning,
     error
@@ -85,7 +85,7 @@ function Toggle(props) {
         checked: isOn,
         disabled: disabled,
         on_change: handleCheckboxChange
-      }, (0, _utils.forwardSpaceProps)(props))));
+      }, (0, _types.pickSpacingProps)(props))));
     case 'button':
       return _react.default.createElement(_FieldBlock.default, fieldBlockProps, _react.default.createElement(_components.ToggleButton, {
         id: id,

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

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","names":["_react","_interopRequireWildcard","require","_components","_classnames","_interopRequireDefault","_ButtonRow","_FieldBlock","_hooks","_utils","_Context","_Space","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","sharedContext","useContext","SharedContext","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","labelSecondary","textOn","textOff","info","warning","error","handleChange","useField","handleCheckboxChange","useCallback","_ref","checked","setOn","setOff","cn","classnames","fieldBlockPropsWithoutLabel","forId","forwardSpaceProps","fieldBlockProps","isOn","createElement","Checkbox","on_change","ToggleButton","text","translation","Forms","booleanYes","booleanNo","Button","on_click","status","Space","bottom","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/Toggle.tsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react'\nimport { Checkbox, ToggleButton, Button, Space } from '../../../components'\nimport classnames from 'classnames'\nimport ButtonRow from '../Layout/ButtonRow'\nimport FieldBlock from '../FieldBlock'\nimport { useField } from './hooks'\nimport type { ComponentProps } from '../component-types'\nimport type { FieldProps } from '../field-types'\nimport { forwardSpaceProps } from '../utils'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = ComponentProps &\n  FieldProps<unknown> & {\n    valueOn: unknown\n    valueOff: unknown\n    variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n    textOn?: string\n    textOff?: string\n  }\n\nfunction Toggle(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    layout,\n    variant,\n    disabled,\n    label,\n    labelDescription,\n    labelSecondary,\n    textOn,\n    textOff,\n    value,\n    info,\n    warning,\n    error,\n    handleChange,\n  } = useField(props)\n\n  const handleCheckboxChange = useCallback(\n    ({ checked }) => {\n      handleChange?.(checked ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n\n  const setOn = useCallback(() => {\n    if (value !== valueOn) {\n      handleChange?.(valueOn)\n    }\n  }, [handleChange, value, valueOn])\n\n  const setOff = useCallback(() => {\n    if (value !== valueOff) {\n      handleChange?.(valueOff)\n    }\n  }, [handleChange, value, valueOff])\n\n  const cn = classnames('dnb-forms-field-toggle', className)\n\n  const fieldBlockPropsWithoutLabel = {\n    forId: id,\n    className: cn,\n    ...forwardSpaceProps(props),\n    info,\n    warning,\n    error,\n  }\n\n  const fieldBlockProps = {\n    ...fieldBlockPropsWithoutLabel,\n    layout,\n    label,\n    labelDescription,\n    labelSecondary,\n  }\n\n  const isOn = value === valueOn\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockPropsWithoutLabel}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={label}\n            checked={isOn}\n            disabled={disabled}\n            on_change={handleCheckboxChange}\n            {...forwardSpaceProps(props)}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? sharedContext?.translation.Forms.booleanYes\n                : textOff ?? sharedContext?.translation.Forms.booleanNo\n            }\n            checked={isOn}\n            disabled={disabled}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ButtonRow>\n            <Button\n              id={id}\n              text={textOn ?? sharedContext?.translation.Forms.booleanYes}\n              on_click={setOn}\n              variant={isOn ? undefined : 'secondary'}\n              status={error ? 'error' : undefined}\n              disabled={disabled}\n            />\n            <Button\n              id={id}\n              text={textOff ?? sharedContext?.translation.Forms.booleanNo}\n              on_click={setOff}\n              variant={isOn ? 'secondary' : undefined}\n              status={error ? 'error' : undefined}\n              disabled={disabled}\n            />\n          </ButtonRow>\n          <Space bottom=\"x-small\" />\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 ?? sharedContext?.translation.Forms.booleanYes\n                : textOff ?? sharedContext?.translation.Forms.booleanNo\n            }\n            checked={isOn}\n            disabled={disabled}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsEufemiaSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}
+{"version":3,"file":"Toggle.js","names":["_react","_interopRequireWildcard","require","_components","_classnames","_interopRequireDefault","_ButtonRow","_FieldBlock","_hooks","_types","_Context","_Space","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","sharedContext","useContext","SharedContext","id","className","valueOn","valueOff","layout","variant","disabled","label","labelDescription","labelSecondary","textOn","textOff","info","warning","error","handleChange","useDataValue","handleCheckboxChange","useCallback","_ref","checked","setOn","setOff","cn","classnames","fieldBlockPropsWithoutLabel","forId","pickSpacingProps","fieldBlockProps","isOn","createElement","Checkbox","on_change","ToggleButton","text","translation","Forms","booleanYes","booleanNo","Button","on_click","status","Space","bottom","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/Toggle.tsx"],"sourcesContent":["import React, { useContext, useCallback } from 'react'\nimport { Checkbox, ToggleButton, Button, Space } from '../../../components'\nimport classnames from 'classnames'\nimport ButtonRow from '../Layout/ButtonRow'\nimport FieldBlock from '../FieldBlock'\nimport { useDataValue } from '../hooks'\nimport { FieldProps, pickSpacingProps } from '../types'\nimport SharedContext from '../../../shared/Context'\n\nexport type Props = FieldProps<unknown> & {\n  valueOn: unknown\n  valueOff: unknown\n  variant?: 'checkbox' | 'checkbox-button' | 'button' | 'buttons'\n  textOn?: string\n  textOff?: string\n}\n\nfunction Toggle(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    id,\n    className,\n    valueOn,\n    valueOff,\n    layout,\n    variant,\n    disabled,\n    label,\n    labelDescription,\n    labelSecondary,\n    textOn,\n    textOff,\n    value,\n    info,\n    warning,\n    error,\n    handleChange,\n  } = useDataValue(props)\n\n  const handleCheckboxChange = useCallback(\n    ({ checked }) => {\n      handleChange?.(checked ? valueOn : valueOff)\n    },\n    [handleChange, valueOn, valueOff]\n  )\n\n  const setOn = useCallback(() => {\n    if (value !== valueOn) {\n      handleChange?.(valueOn)\n    }\n  }, [handleChange, value, valueOn])\n\n  const setOff = useCallback(() => {\n    if (value !== valueOff) {\n      handleChange?.(valueOff)\n    }\n  }, [handleChange, value, valueOff])\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  }\n\n  const fieldBlockProps = {\n    ...fieldBlockPropsWithoutLabel,\n    layout,\n    label,\n    labelDescription,\n    labelSecondary,\n  }\n\n  const isOn = value === valueOn\n\n  switch (variant) {\n    default:\n    case 'checkbox':\n      return (\n        <FieldBlock {...fieldBlockPropsWithoutLabel}>\n          <Checkbox\n            id={id}\n            className={cn}\n            label={label}\n            checked={isOn}\n            disabled={disabled}\n            on_change={handleCheckboxChange}\n            {...pickSpacingProps(props)}\n          />\n        </FieldBlock>\n      )\n    case 'button':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ToggleButton\n            id={id}\n            text={\n              isOn\n                ? textOn ?? sharedContext?.translation.Forms.booleanYes\n                : textOff ?? sharedContext?.translation.Forms.booleanNo\n            }\n            checked={isOn}\n            disabled={disabled}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n          />\n        </FieldBlock>\n      )\n    case 'buttons':\n      return (\n        <FieldBlock {...fieldBlockProps}>\n          <ButtonRow>\n            <Button\n              id={id}\n              text={textOn ?? sharedContext?.translation.Forms.booleanYes}\n              on_click={setOn}\n              variant={isOn ? undefined : 'secondary'}\n              status={error ? 'error' : undefined}\n              disabled={disabled}\n            />\n            <Button\n              id={id}\n              text={textOff ?? sharedContext?.translation.Forms.booleanNo}\n              on_click={setOff}\n              variant={isOn ? 'secondary' : undefined}\n              status={error ? 'error' : undefined}\n              disabled={disabled}\n            />\n          </ButtonRow>\n          <Space bottom=\"x-small\" />\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 ?? sharedContext?.translation.Forms.booleanYes\n                : textOff ?? sharedContext?.translation.Forms.booleanNo\n            }\n            checked={isOn}\n            disabled={disabled}\n            value={value ? 'true' : 'false'}\n            on_change={handleCheckboxChange}\n          />\n        </FieldBlock>\n      )\n  }\n}\n\nToggle._supportsEufemiaSpacingProps = true\nexport default Toggle\n"],"mappings":"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"}

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

@@ -5,8 +5,6 @@ import BooleanComponent from './Boolean';
 import Currency from './Currency';
 import DateComponent from './Date';
 import Email from './Email';
-import FirstName from './FirstName';
-import LastName from './LastName';
 import NationalIdentityNumber from './NationalIdentityNumber';
 import PhoneNumber from './PhoneNumber';
 import OrganizationNumber from './OrganizationNumber';
@@ -25,8 +23,6 @@ declare const Field: {
     Currency: typeof Currency;
     Date: typeof DateComponent;
     Email: typeof Email;
-    FirstName: typeof FirstName;
-    LastName: typeof LastName;
     NationalIdentityNumber: typeof NationalIdentityNumber;
     OrganizationNumber: typeof OrganizationNumber;
     PhoneNumber: typeof PhoneNumber;

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

@@ -11,8 +11,6 @@ var _Boolean = _interopRequireDefault(require("./Boolean"));
 var _Currency = _interopRequireDefault(require("./Currency"));
 var _Date = _interopRequireDefault(require("./Date"));
 var _Email = _interopRequireDefault(require("./Email"));
-var _FirstName = _interopRequireDefault(require("./FirstName"));
-var _LastName = _interopRequireDefault(require("./LastName"));
 var _NationalIdentityNumber = _interopRequireDefault(require("./NationalIdentityNumber"));
 var _PhoneNumber = _interopRequireDefault(require("./PhoneNumber"));
 var _OrganizationNumber = _interopRequireDefault(require("./OrganizationNumber"));
@@ -32,8 +30,6 @@ const Field = {
   Currency: _Currency.default,
   Date: _Date.default,
   Email: _Email.default,
-  FirstName: _FirstName.default,
-  LastName: _LastName.default,
   NationalIdentityNumber: _NationalIdentityNumber.default,
   OrganizationNumber: _OrganizationNumber.default,
   PhoneNumber: _PhoneNumber.default,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_String","_interopRequireDefault","require","_Number","_Toggle","_Boolean","_Currency","_Date","_Email","_FirstName","_LastName","_NationalIdentityNumber","_PhoneNumber","_OrganizationNumber","_PostalCodeAndCity","_Selection","_ArraySelection","_Option","_SelectCountry","_BankAccountNumber","_CountryCode","obj","__esModule","default","Field","String","StringComponent","Number","NumberComponent","Toggle","Boolean","BooleanComponent","Currency","Date","DateComponent","Email","FirstName","LastName","NationalIdentityNumber","OrganizationNumber","PhoneNumber","PostalCodeAndCity","Selection","ArraySelection","Option","SelectCountry","BankAccountNumber","CountryCode","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/index.ts"],"sourcesContent":["import StringComponent from './String'\nimport NumberComponent from './Number'\nimport Toggle from './Toggle'\nimport BooleanComponent from './Boolean'\nimport Currency from './Currency'\nimport DateComponent from './Date'\nimport Email from './Email'\nimport FirstName from './FirstName'\nimport LastName from './LastName'\nimport NationalIdentityNumber from './NationalIdentityNumber'\nimport PhoneNumber from './PhoneNumber'\nimport OrganizationNumber from './OrganizationNumber'\nimport PostalCodeAndCity from './PostalCodeAndCity'\nimport Selection from './Selection'\nimport ArraySelection from './ArraySelection'\nimport Option from './Option'\nimport SelectCountry from './SelectCountry'\nimport BankAccountNumber from './BankAccountNumber'\nimport CountryCode from './CountryCode'\n\nconst Field = {\n  String: StringComponent,\n  Number: NumberComponent,\n  Toggle,\n  Boolean: BooleanComponent,\n  Currency,\n  Date: DateComponent,\n  Email,\n  FirstName,\n  LastName,\n  NationalIdentityNumber,\n  OrganizationNumber,\n  PhoneNumber,\n  PostalCodeAndCity,\n  Selection,\n  ArraySelection,\n  Option,\n  SelectCountry,\n  BankAccountNumber,\n  CountryCode,\n}\n\nexport default Field\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,UAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,SAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,uBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,YAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,mBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,kBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,UAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,eAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,cAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,kBAAA,GAAAlB,sBAAA,CAAAC,OAAA;AACA,IAAAkB,YAAA,GAAAnB,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAoB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEvC,MAAMG,KAAK,GAAG;EACZC,MAAM,EAAEC,eAAe;EACvBC,MAAM,EAAEC,eAAe;EACvBC,MAAM,EAANA,eAAM;EACNC,OAAO,EAAEC,gBAAgB;EACzBC,QAAQ,EAARA,iBAAQ;EACRC,IAAI,EAAEC,aAAa;EACnBC,KAAK,EAALA,cAAK;EACLC,SAAS,EAATA,kBAAS;EACTC,QAAQ,EAARA,iBAAQ;EACRC,sBAAsB,EAAtBA,+BAAsB;EACtBC,kBAAkB,EAAlBA,2BAAkB;EAClBC,WAAW,EAAXA,oBAAW;EACXC,iBAAiB,EAAjBA,0BAAiB;EACjBC,SAAS,EAATA,kBAAS;EACTC,cAAc,EAAdA,uBAAc;EACdC,MAAM,EAANA,eAAM;EACNC,aAAa,EAAbA,sBAAa;EACbC,iBAAiB,EAAjBA,0BAAiB;EACjBC,WAAW,EAAXA;AACF,CAAC;AAAA,IAAAC,QAAA,GAEcxB,KAAK;AAAAyB,OAAA,CAAA1B,OAAA,GAAAyB,QAAA"}
+{"version":3,"file":"index.js","names":["_String","_interopRequireDefault","require","_Number","_Toggle","_Boolean","_Currency","_Date","_Email","_NationalIdentityNumber","_PhoneNumber","_OrganizationNumber","_PostalCodeAndCity","_Selection","_ArraySelection","_Option","_SelectCountry","_BankAccountNumber","_CountryCode","obj","__esModule","default","Field","String","StringComponent","Number","NumberComponent","Toggle","Boolean","BooleanComponent","Currency","Date","DateComponent","Email","NationalIdentityNumber","OrganizationNumber","PhoneNumber","PostalCodeAndCity","Selection","ArraySelection","Option","SelectCountry","BankAccountNumber","CountryCode","_default","exports"],"sources":["../../../../../src/extensions/forms/Field/index.ts"],"sourcesContent":["import StringComponent from './String'\nimport NumberComponent from './Number'\nimport Toggle from './Toggle'\nimport BooleanComponent from './Boolean'\nimport Currency from './Currency'\nimport DateComponent from './Date'\nimport Email from './Email'\nimport NationalIdentityNumber from './NationalIdentityNumber'\nimport PhoneNumber from './PhoneNumber'\nimport OrganizationNumber from './OrganizationNumber'\nimport PostalCodeAndCity from './PostalCodeAndCity'\nimport Selection from './Selection'\nimport ArraySelection from './ArraySelection'\nimport Option from './Option'\nimport SelectCountry from './SelectCountry'\nimport BankAccountNumber from './BankAccountNumber'\nimport CountryCode from './CountryCode'\n\nconst Field = {\n  String: StringComponent,\n  Number: NumberComponent,\n  Toggle,\n  Boolean: BooleanComponent,\n  Currency,\n  Date: DateComponent,\n  Email,\n  NationalIdentityNumber,\n  OrganizationNumber,\n  PhoneNumber,\n  PostalCodeAndCity,\n  Selection,\n  ArraySelection,\n  Option,\n  SelectCountry,\n  BankAccountNumber,\n  CountryCode,\n}\n\nexport default Field\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,uBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,mBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,kBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,UAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,eAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,OAAA,GAAAd,sBAAA,CAAAC,OAAA;AACA,IAAAc,cAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,kBAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,YAAA,GAAAjB,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAkB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEvC,MAAMG,KAAK,GAAG;EACZC,MAAM,EAAEC,eAAe;EACvBC,MAAM,EAAEC,eAAe;EACvBC,MAAM,EAANA,eAAM;EACNC,OAAO,EAAEC,gBAAgB;EACzBC,QAAQ,EAARA,iBAAQ;EACRC,IAAI,EAAEC,aAAa;EACnBC,KAAK,EAALA,cAAK;EACLC,sBAAsB,EAAtBA,+BAAsB;EACtBC,kBAAkB,EAAlBA,2BAAkB;EAClBC,WAAW,EAAXA,oBAAW;EACXC,iBAAiB,EAAjBA,0BAAiB;EACjBC,SAAS,EAATA,kBAAS;EACTC,cAAc,EAAdA,uBAAc;EACdC,MAAM,EAANA,eAAM;EACNC,aAAa,EAAbA,sBAAa;EACbC,iBAAiB,EAAjBA,0BAAiB;EACjBC,WAAW,EAAXA;AACF,CAAC;AAAA,IAAAC,QAAA,GAEctB,KAAK;AAAAuB,OAAA,CAAAxB,OAAA,GAAAuB,QAAA"}

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

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
-import type { FieldProps } from '../field-types';
-export type Props = ComponentProps & Pick<FieldProps, 'layout' | 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error'> & {
+import { ComponentProps, FieldProps } from '../types';
+export type Props = Pick<FieldProps, keyof ComponentProps | 'layout' | 'label' | 'labelDescription' | 'labelSecondary' | 'info' | 'warning' | 'error'> & {
     forId?: string;
     contentClassName?: string;
     children: React.ReactNode;

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

@@ -4,15 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _elements = require("../../../elements");
 var _components = require("../../../components");
-var _utils = require("../utils");
 var _types = require("../types");
+var _FieldBlockContext = _interopRequireDefault(require("./FieldBlockContext"));
 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; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function FieldBlock(props) {
+  const nestedFieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
   const {
     className,
     forId,
@@ -22,16 +32,74 @@ function FieldBlock(props) {
     labelSecondary,
     info,
     warning,
-    error,
+    error: errorProp,
     width,
     contentsWidth,
     contentClassName,
     children
   } = props;
+  const [fieldErrorRecord, setFieldErrorRecord] = (0, _react.useState)({});
+  const [showFieldErrorRecord, setShowFieldErrorRecord] = (0, _react.useState)({});
+  const setError = (0, _react.useCallback)((id, error) => {
+    if (nestedFieldBlockContext) {
+      nestedFieldBlockContext.setError(id, error);
+      return;
+    }
+    setFieldErrorRecord(existing => {
+      if (error) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: error
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, [nestedFieldBlockContext]);
+  const setShowError = (0, _react.useCallback)((id, show) => {
+    if (nestedFieldBlockContext) {
+      nestedFieldBlockContext.setShowError(id, show);
+      return;
+    }
+    setShowFieldErrorRecord(existing => {
+      if (show) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: true
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, [nestedFieldBlockContext]);
+  const error = (0, _react.useMemo)(() => {
+    if (errorProp) {
+      return errorProp;
+    }
+    const errors = Object.entries(fieldErrorRecord).filter(_ref => {
+      let [id] = _ref;
+      return showFieldErrorRecord[id] === true;
+    }).map(_ref2 => {
+      let [, error] = _ref2;
+      return error;
+    });
+    return errors.length > 0 ? new Error(errors.map(error => error.message).join(' | ')) : undefined;
+  }, [errorProp, fieldErrorRecord, showFieldErrorRecord]);
   const cn = (0, _classnames.default)(`dnb-forms-field-block dnb-forms-field-block--layout-${layout}`, className, width !== undefined && `dnb-forms-field-block--width-${width}`);
-  return _react.default.createElement(_elements.Div, _extends({
+  return _react.default.createElement(_FieldBlockContext.default.Provider, {
+    value: {
+      setError,
+      setShowError
+    }
+  }, _react.default.createElement(_elements.Div, _extends({
     className: cn
-  }, (0, _utils.forwardSpaceProps)(props)), labelDescription || labelSecondary ? _react.default.createElement("div", {
+  }, (0, _types.pickSpacingProps)(props)), labelDescription || labelSecondary ? _react.default.createElement("div", {
     className: 'dnb-forms-field-block__label'
   }, label || labelDescription ? _react.default.createElement(_components.FormLabel, {
     for_id: forId,
@@ -59,7 +127,7 @@ function FieldBlock(props) {
     space: {
       top: 'x-small'
     }
-  })), warning && _react.default.createElement("div", {
+  })) || warning && _react.default.createElement("div", {
     className: "dnb-forms-field-block__status"
   }, _react.default.createElement(_components.FormStatus, {
     state: "warn",
@@ -69,7 +137,7 @@ function FieldBlock(props) {
     space: {
       top: 'x-small'
     }
-  })), info && _react.default.createElement("div", {
+  })) || info && _react.default.createElement("div", {
     className: "dnb-forms-field-block__status"
   }, _react.default.createElement(_components.FormStatus, {
     state: "info",
@@ -79,7 +147,7 @@ function FieldBlock(props) {
     space: {
       top: 'x-small'
     }
-  })));
+  }))));
 }
 FieldBlock._supportsEufemiaSpacingProps = true;
 var _default = FieldBlock;

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_components","_utils","_types","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","FieldBlock","props","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","width","contentsWidth","contentClassName","children","cn","classnames","undefined","createElement","Div","forwardSpaceProps","FormLabel","for_id","space","bottom","Fragment","Span","FormStatus","state","id","text","message","top","Error","FormError","toString","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div, Span } from '../../../elements'\nimport { FormLabel, FormStatus } from '../../../components'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport type { FieldProps } from '../field-types'\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'layout'\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    forId?: string\n    contentClassName?: string\n    children: React.ReactNode\n    /** Width of outer block element */\n    width?: 'small' | 'medium' | 'large'\n    /** Width of contents block, while label etc can be wider if space is available */\n    contentsWidth?: 'small' | 'medium' | 'large' | 'stretch'\n  }\n\nfunction FieldBlock(props: Props) {\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    width,\n    contentsWidth,\n    contentClassName,\n    children,\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-field-block',\n    `dnb-forms-field-block--layout-${layout}`,\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {labelDescription || labelSecondary ? (\n        <div className={classnames('dnb-forms-field-block__label')}>\n          {label || labelDescription ? (\n            <FormLabel for_id={forId} space={{ bottom: 'x-small' }}>\n              {label}\n              {labelDescription && (\n                <span className=\"dnb-forms-field-block__label-description\">\n                  {labelDescription}\n                </span>\n              )}\n            </FormLabel>\n          ) : (\n            <>&nbsp;</>\n          )}\n          {labelSecondary && (\n            <Span className=\"dnb-forms-field-block__label-secondary\">\n              {labelSecondary}\n            </Span>\n          )}\n        </div>\n      ) : (\n        label && (\n          <FormLabel for_id={forId} space={{ bottom: 'x-small' }}>\n            {label}\n          </FormLabel>\n        )\n      )}\n\n      <div\n        className={classnames(\n          'dnb-forms-field-block__contents',\n          contentsWidth !== undefined &&\n            `dnb-forms-field-block__contents--width-${contentsWidth}`,\n          contentClassName\n        )}\n      >\n        {children}\n      </div>\n\n      {error && (\n        <div className=\"dnb-forms-field-block__status\">\n          <FormStatus\n            state=\"error\"\n            id={forId ? `${forId}-form-status` : undefined}\n            text={error?.message}\n            label={label}\n            space={{ top: 'x-small' }}\n          />\n        </div>\n      )}\n      {warning && (\n        <div className=\"dnb-forms-field-block__status\">\n          <FormStatus\n            state=\"warn\"\n            id={forId ? `${forId}-form-status` : undefined}\n            text={\n              (warning instanceof Error && warning.message) ||\n              (warning instanceof FormError && warning.message) ||\n              warning?.toString()\n            }\n            label={label}\n            space={{ top: 'x-small' }}\n          />\n        </div>\n      )}\n      {info && (\n        <div className=\"dnb-forms-field-block__status\">\n          <FormStatus\n            state=\"info\"\n            id={forId ? `${forId}-form-status` : undefined}\n            text={\n              (info instanceof Error && info.message) ||\n              (info instanceof FormError && info.message) ||\n              info?.toString()\n            }\n            label={label}\n            space={{ top: 'x-small' }}\n          />\n        </div>\n      )}\n    </Div>\n  )\n}\n\nFieldBlock._supportsEufemiaSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}
+{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_elements","_components","_types","_FieldBlockContext","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","FieldBlock","props","nestedFieldBlockContext","useContext","FieldBlockContext","className","forId","layout","label","labelDescription","labelSecondary","info","warning","error","errorProp","width","contentsWidth","contentClassName","children","fieldErrorRecord","setFieldErrorRecord","useState","showFieldErrorRecord","setShowFieldErrorRecord","setError","useCallback","id","existing","removed","newRecord","map","setShowError","show","useMemo","errors","entries","_ref","_ref2","Error","message","join","cn","classnames","createElement","Provider","Div","pickSpacingProps","FormLabel","for_id","space","bottom","Fragment","Span","FormStatus","state","text","top","FormError","toString","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, { useMemo, useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Div, Span } from '../../../elements'\nimport { FormLabel, FormStatus } from '../../../components'\nimport {\n  FormError,\n  ComponentProps,\n  FieldProps,\n  pickSpacingProps,\n} from '../types'\nimport FieldBlockContext from './FieldBlockContext'\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelDescription'\n  | 'labelSecondary'\n  | 'info'\n  | 'warning'\n  | 'error'\n> & {\n  forId?: string\n  contentClassName?: string\n  children: React.ReactNode\n  /** Width of outer block element */\n  width?: 'small' | 'medium' | 'large'\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentsWidth?: 'small' | 'medium' | 'large' | 'stretch'\n}\n\nfunction FieldBlock(props: Props) {\n  const nestedFieldBlockContext = useContext(FieldBlockContext)\n\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error: errorProp,\n    width,\n    contentsWidth,\n    contentClassName,\n    children,\n  } = props\n\n  const [fieldErrorRecord, setFieldErrorRecord] = useState<\n    Record<string, FormError>\n  >({})\n  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState<\n    Record<string, boolean>\n  >({})\n\n  const setError = useCallback(\n    (id, error) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setError(id, error)\n        return\n      }\n\n      setFieldErrorRecord((existing) => {\n        if (error) {\n          return {\n            ...existing,\n            [id]: error,\n          }\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [id]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const setShowError = useCallback(\n    (id, show) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setShowError(id, show)\n        return\n      }\n\n      setShowFieldErrorRecord((existing) => {\n        if (show) {\n          return {\n            ...existing,\n            [id]: true,\n          }\n        } else {\n          const { [id]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const error = useMemo(() => {\n    if (errorProp) {\n      return errorProp\n    }\n    const errors = Object.entries(fieldErrorRecord)\n      .filter(([id]) => showFieldErrorRecord[id] === true)\n      .map(([, error]) => error)\n    return errors.length > 0\n      ? new Error(errors.map((error) => error.message).join(' | '))\n      : undefined\n  }, [errorProp, fieldErrorRecord, showFieldErrorRecord])\n\n  const cn = classnames(\n    'dnb-forms-field-block',\n    `dnb-forms-field-block--layout-${layout}`,\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setError,\n        setShowError,\n      }}\n    >\n      <Div className={cn} {...pickSpacingProps(props)}>\n        {labelDescription || labelSecondary ? (\n          <div className={classnames('dnb-forms-field-block__label')}>\n            {label || labelDescription ? (\n              <FormLabel for_id={forId} space={{ bottom: 'x-small' }}>\n                {label}\n                {labelDescription && (\n                  <span className=\"dnb-forms-field-block__label-description\">\n                    {labelDescription}\n                  </span>\n                )}\n              </FormLabel>\n            ) : (\n              <>&nbsp;</>\n            )}\n            {labelSecondary && (\n              <Span className=\"dnb-forms-field-block__label-secondary\">\n                {labelSecondary}\n              </Span>\n            )}\n          </div>\n        ) : (\n          label && (\n            <FormLabel for_id={forId} space={{ bottom: 'x-small' }}>\n              {label}\n            </FormLabel>\n          )\n        )}\n\n        <div\n          className={classnames(\n            'dnb-forms-field-block__contents',\n            contentsWidth !== undefined &&\n              `dnb-forms-field-block__contents--width-${contentsWidth}`,\n            contentClassName\n          )}\n        >\n          {children}\n        </div>\n\n        {(error && (\n          <div className=\"dnb-forms-field-block__status\">\n            <FormStatus\n              state=\"error\"\n              id={forId ? `${forId}-form-status` : undefined}\n              text={error?.message}\n              label={label}\n              space={{ top: 'x-small' }}\n            />\n          </div>\n        )) ||\n          (warning && (\n            <div className=\"dnb-forms-field-block__status\">\n              <FormStatus\n                state=\"warn\"\n                id={forId ? `${forId}-form-status` : undefined}\n                text={\n                  (warning instanceof Error && warning.message) ||\n                  (warning instanceof FormError && warning.message) ||\n                  warning?.toString()\n                }\n                label={label}\n                space={{ top: 'x-small' }}\n              />\n            </div>\n          )) ||\n          (info && (\n            <div className=\"dnb-forms-field-block__status\">\n              <FormStatus\n                state=\"info\"\n                id={forId ? `${forId}-form-status` : undefined}\n                text={\n                  (info instanceof Error && info.message) ||\n                  (info instanceof FormError && info.message) ||\n                  info?.toString()\n                }\n                label={label}\n                space={{ top: 'x-small' }}\n              />\n            </div>\n          ))}\n      </Div>\n    </FieldBlockContext.Provider>\n  )\n}\n\nFieldBlock._supportsEufemiaSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormError } from '../types';
+export interface FieldBlockContextState {
+    setError?: (id: string, error: FormError) => void;
+    setShowError?: (id: string, showError: boolean) => void;
+}
+declare const FieldBlockContext: React.Context<FieldBlockContextState>;
+export default FieldBlockContext;

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FieldBlockContext = _react.default.createContext(undefined);
+var _default = FieldBlockContext;
+exports.default = _default;
+//# sourceMappingURL=FieldBlockContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBlockContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","FieldBlockContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockContext.ts"],"sourcesContent":["import React from 'react'\nimport { FormError } from '../types'\n\nexport interface FieldBlockContextState {\n  setError?: (id: string, error: FormError) => void\n  setShowError?: (id: string, showError: boolean) => void\n}\n\nconst FieldBlockContext = React.createContext<\n  FieldBlockContextState | undefined\n>(undefined)\n\nexport default FieldBlockContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQzB,MAAMG,iBAAiB,GAAGC,cAAK,CAACC,aAAa,CAE3CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,iBAAiB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

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

@@ -1 +1,2 @@
 export { default } from './FieldBlock';
+export * from './FieldBlock';

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

@@ -3,12 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {};
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _FieldBlock.default;
   }
 });
-var _FieldBlock = _interopRequireDefault(require("./FieldBlock"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _FieldBlock = _interopRequireWildcard(require("./FieldBlock"));
+Object.keys(_FieldBlock).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FieldBlock[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FieldBlock[key];
+    }
+  });
+});
+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; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_FieldBlock","_interopRequireDefault","require","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/FieldBlock/index.ts"],"sourcesContent":["export { default } from './FieldBlock'\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
+{"version":3,"file":"index.js","names":["_FieldBlock","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../src/extensions/forms/FieldBlock/index.ts"],"sourcesContent":["export { default } from './FieldBlock'\nexport * from './FieldBlock'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,WAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,WAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,WAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA4B,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { SpacingProps } from '../../../shared/types';
+export type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps;
+export default function FormElement({ children, className, onSubmit, ...rest }: Props): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = FormElement;
+var _react = _interopRequireDefault(require("react"));
+var _Context = _interopRequireDefault(require("../DataContext/Context"));
+var _Space = _interopRequireDefault(require("../../../components/space/Space"));
+var _classnames = _interopRequireDefault(require("classnames"));
+const _excluded = ["children", "className", "onSubmit"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function FormElement(_ref) {
+  let {
+      children,
+      className = null,
+      onSubmit = null
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const dataContext = _react.default.useContext(_Context.default);
+  dataContext._isInsideFormElement = true;
+  return _react.default.createElement(_Space.default, _extends({
+    element: "form",
+    className: (0, _classnames.default)('dnb-forms__form', className),
+    onSubmit: onSubmitHandler
+  }, rest), children);
+  function onSubmitHandler(event) {
+    var _dataContext$handleSu;
+    event === null || event === void 0 ? void 0 : event.preventDefault();
+    dataContext === null || dataContext === void 0 ? void 0 : (_dataContext$handleSu = dataContext.handleSubmit) === null || _dataContext$handleSu === void 0 ? void 0 : _dataContext$handleSu.call(dataContext);
+    if (typeof onSubmit === 'function') {
+      onSubmit(event);
+    }
+  }
+}
+//# sourceMappingURL=FormElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormElement.js","names":["_react","_interopRequireDefault","require","_Context","_Space","_classnames","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","FormElement","_ref","children","className","onSubmit","rest","dataContext","React","useContext","Context","_isInsideFormElement","createElement","element","classnames","onSubmitHandler","event","_dataContext$handleSu","preventDefault","handleSubmit"],"sources":["../../../../../src/extensions/forms/Form/FormElement.tsx"],"sourcesContent":["import React from 'react'\nimport Context from '../DataContext/Context'\nimport Space from '../../../components/space/Space'\nimport classnames from 'classnames'\nimport type { SpacingProps } from '../../../shared/types'\n\nexport type Props = React.HTMLAttributes<HTMLFormElement> & SpacingProps\n\nexport default function FormElement({\n  children,\n  className = null,\n  onSubmit = null,\n  ...rest\n}: Props) {\n  const dataContext = React.useContext(Context)\n\n  /**\n   * Set to true,\n   * this way we prevent \"handleSubmit\" to be called twice when the SubmitButton is pressed.\n   */\n  dataContext._isInsideFormElement = true\n\n  return (\n    <Space\n      element=\"form\"\n      className={classnames('dnb-forms__form', className)}\n      onSubmit={onSubmitHandler}\n      {...rest}\n    >\n      {children}\n    </Space>\n  )\n\n  function onSubmitHandler(event: React.SyntheticEvent<HTMLFormElement>) {\n    event?.preventDefault()\n\n    dataContext?.handleSubmit?.()\n\n    if (typeof onSubmit === 'function') {\n      onSubmit(event)\n    }\n  }\n}\n"],"mappings":"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"}