@dnb/eufemia 10.20.0 → 10.21.0

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

@@ -4,14 +4,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.states = exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _components = require("../../../components");
-var _types = require("../types");
+var _Context = _interopRequireDefault(require("../../../shared/Context"));
 var _FieldBlockContext = _interopRequireDefault(require("./FieldBlockContext"));
+var _components = require("../../../components");
+var _elements = require("../../../elements");
 var _componentHelper = require("../../../shared/component-helper");
-const _excluded = ["className", "forId", "layout", "label", "labelDescription", "asFieldset", "info", "warning", "error", "disabled", "width", "contentWidth", "size", "contentClassName", "children"];
+var _useId = _interopRequireDefault(require("../hooks/useId"));
+var _types = require("../types");
+var _useUnmountEffect = _interopRequireDefault(require("../hooks/useUnmountEffect"));
+const _excluded = ["className", "forId", "layout", "composition", "label", "labelDescription", "asFieldset", "info", "warning", "error", "disabled", "width", "contentWidth", "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; }
@@ -23,12 +27,15 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typ
 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 _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; }
+const states = ['error', 'info', 'warning'];
+exports.states = states;
 function FieldBlock(props) {
   const nestedFieldBlockContext = (0, _react.useContext)(_FieldBlockContext.default);
   const {
       className,
       forId,
       layout = 'vertical',
+      composition,
       label,
       labelDescription,
       asFieldset,
@@ -38,64 +45,177 @@ function FieldBlock(props) {
       disabled,
       width,
       contentWidth,
-      size,
+      labelSize,
       contentClassName,
       children
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
-  const [fieldErrorRecord, setFieldErrorRecord] = (0, _react.useState)({});
-  const [showFieldErrorRecord, setShowFieldErrorRecord] = (0, _react.useState)({});
-  const setError = (0, _react.useCallback)((identifier, error) => {
+  const blockId = (0, _useId.default)(props.id);
+  const [wasUpdated, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
+  const mountedFieldsRef = (0, _react.useRef)({});
+  const stateRecordRef = (0, _react.useRef)({});
+  const fieldStateIdsRef = (0, _react.useRef)(null);
+  const contentsRef = (0, _react.useRef)(null);
+  const hasInitiallyErrorProp = (0, _react.useMemo)(() => {
+    return Boolean(errorProp);
+  }, []);
+  const setInternalRecord = (0, _react.useCallback)(props => {
+    const {
+      stateId,
+      identifier,
+      type
+    } = props;
+    if (!stateRecordRef.current[identifier]) {
+      stateRecordRef.current[identifier] = [];
+    }
+    fieldStateIdsRef.current = {
+      error: null,
+      warning: null,
+      info: null
+    };
+    const existingIndex = stateRecordRef.current[identifier].findIndex(item => {
+      return item.stateId === stateId && item.type === type;
+    });
+    if (existingIndex > -1) {
+      stateRecordRef.current[identifier][existingIndex] = _objectSpread(_objectSpread({}, stateRecordRef.current[identifier][existingIndex]), props);
+    } else {
+      stateRecordRef.current[identifier].push(props);
+    }
+  }, []);
+  const setFieldState = (0, _react.useCallback)(props => {
     if (nestedFieldBlockContext) {
-      nestedFieldBlockContext.setError(identifier, error);
+      nestedFieldBlockContext.setFieldState(props);
       return;
     }
-    setFieldErrorRecord(existing => {
-      if (error) {
-        return _objectSpread(_objectSpread({}, existing), {}, {
-          [identifier]: error
-        });
-      } else {
-        const {
-            [identifier]: removed
-          } = existing,
-          newRecord = _objectWithoutProperties(existing, [identifier].map(_toPropertyKey));
-        return newRecord;
-      }
-    });
-  }, [nestedFieldBlockContext]);
-  const setShowError = (0, _react.useCallback)((identifier, show) => {
+    setInternalRecord(props);
+    forceUpdate();
+  }, [nestedFieldBlockContext, setInternalRecord]);
+  const showFieldError = (0, _react.useCallback)((identifier, show) => {
     if (nestedFieldBlockContext) {
-      nestedFieldBlockContext.setShowError(identifier, show);
+      nestedFieldBlockContext.showFieldError(identifier, show);
       return;
     }
-    setShowFieldErrorRecord(existing => {
-      if (show) {
-        return _objectSpread(_objectSpread({}, existing), {}, {
-          [identifier]: true
+    if (stateRecordRef.current[identifier]) {
+      stateRecordRef.current[identifier] = stateRecordRef.current[identifier].map(item => {
+        if (item.showInitially) {
+          return item;
+        }
+        return _objectSpread(_objectSpread({}, item), {}, {
+          show
         });
-      } else {
-        const {
-            [identifier]: removed
-          } = existing,
-          newRecord = _objectWithoutProperties(existing, [identifier].map(_toPropertyKey));
-        return newRecord;
-      }
-    });
+      });
+      forceUpdate();
+    }
   }, [nestedFieldBlockContext]);
-  const error = (0, _react.useMemo)(() => {
+  const statusContent = (0, _react.useMemo)(() => {
     if (errorProp) {
-      return errorProp;
+      setInternalRecord({
+        identifier: blockId,
+        showInitially: hasInitiallyErrorProp,
+        type: 'error',
+        state: errorProp
+      });
     }
-    const errors = Object.entries(fieldErrorRecord).filter(_ref => {
-      let [identifier] = _ref;
-      return showFieldErrorRecord[identifier] === true;
-    }).map(_ref2 => {
-      let [, error] = _ref2;
-      return error;
-    });
-    return errors.length > 0 ? new Error(errors.map(error => error.message).join(' | ')) : undefined;
-  }, [errorProp, fieldErrorRecord, showFieldErrorRecord]);
+    if (warning) {
+      setInternalRecord({
+        identifier: blockId,
+        showInitially: true,
+        type: 'warning',
+        state: warning
+      });
+    }
+    if (info) {
+      setInternalRecord({
+        identifier: blockId,
+        showInitially: true,
+        type: 'info',
+        state: info
+      });
+    }
+    const statesWithMessages = Object.entries(stateRecordRef.current).flatMap(_ref => {
+      let [identifier, states] = _ref;
+      return states.map(props => {
+        return _objectSpread({
+          identifier
+        }, props);
+      });
+    }).reduce((acc, cur) => {
+      const existing = acc.find(item => {
+        return item.type === cur.type;
+      });
+      const message = getMessage(cur);
+      if (existing) {
+        existing.messages.push(_objectSpread(_objectSpread({}, cur), {}, {
+          message
+        }));
+      } else {
+        acc.push(_objectSpread(_objectSpread({}, cur), {}, {
+          state: undefined,
+          messages: [_objectSpread(_objectSpread({}, cur), {}, {
+            message
+          })]
+        }));
+      }
+      return acc;
+    }, []);
+    return states.reduce((acc, type) => {
+      const id = `${props.id || forId || blockId}-form-status--${type}`;
+      acc[type] = {
+        id,
+        label,
+        state: type === 'warning' ? 'warn' : type,
+        width_element: contentsRef,
+        no_animation: process.env.NODE_ENV === 'test' ? true : typeof globalThis !== 'undefined' ? globalThis.IS_TEST === true : false
+      };
+      const found = statesWithMessages.find(item => {
+        return item.type === type;
+      });
+      if (found !== null && found !== void 0 && found.messages) {
+        const messages = found.messages.map(msg => {
+          if (msg.type === 'error') {
+            if (!msg.showInitially && !msg.show) {
+              msg.message = null;
+            }
+          }
+          return msg;
+        }).filter(_ref2 => {
+          let {
+            message
+          } = _ref2;
+          return message;
+        }).reduce((acc, msg, i, arr) => {
+          const existingIndex = arr.findIndex(item => {
+            return (0, _componentHelper.convertJsxToString)(item.message) === (0, _componentHelper.convertJsxToString)(msg.message);
+          });
+          if (existingIndex === i) {
+            acc.push(msg);
+          }
+          return acc;
+        }, []);
+        if (messages.length > 0) {
+          acc[type] = _objectSpread(_objectSpread({}, acc[type]), {}, {
+            text: _react.default.createElement(CombineMessages, {
+              type: type,
+              messages: messages
+            })
+          });
+          fieldStateIdsRef.current[type] = id;
+        } else {
+          fieldStateIdsRef.current[type] = undefined;
+        }
+      }
+      return acc;
+    }, {});
+  }, [info, warning, errorProp, nestedFieldBlockContext, setInternalRecord, blockId, wasUpdated]);
+  (0, _react.useEffect)(() => {
+    if (!nestedFieldBlockContext) {
+      showFieldError(blockId, Boolean(errorProp));
+    }
+  }, [errorProp, blockId, showFieldError, nestedFieldBlockContext]);
+  (0, _useUnmountEffect.default)(() => () => {
+    mountedFieldsRef.current = {};
+    stateRecordRef.current = {};
+  });
   const mainClasses = (0, _classnames.default)('dnb-forms-field-block', className, width !== undefined && `dnb-forms-field-block--width-${width}`);
   const gridClasses = `dnb-forms-field-block__grid dnb-forms-field-block--layout-${layout}`;
   const enableFieldset = useEnableFieldset({
@@ -104,8 +224,6 @@ function FieldBlock(props) {
     children,
     nestedFieldBlockContext
   });
-  const state = error || warning || info;
-  const stateStatus = error ? 'error' : warning ? 'warn' : info ? 'info' : null;
   const labelProps = {
     element: enableFieldset ? 'legend' : 'label',
     forId: enableFieldset ? undefined : forId,
@@ -113,13 +231,17 @@ function FieldBlock(props) {
       top: 0,
       bottom: 'x-small'
     },
-    size,
+    size: labelSize,
     disabled
   };
   return _react.default.createElement(_FieldBlockContext.default.Provider, {
     value: {
-      setError,
-      setShowError
+      setFieldState,
+      showFieldError,
+      hasErrorProp: Boolean(errorProp),
+      fieldStateIdsRef,
+      mountedFieldsRef,
+      composition
     }
   }, _react.default.createElement(_components.Space, _extends({
     element: enableFieldset ? 'fieldset' : 'div',
@@ -131,16 +253,11 @@ function FieldBlock(props) {
   }, label || labelDescription ? _react.default.createElement(_components.FormLabel, labelProps, label, labelDescription && _react.default.createElement("span", {
     className: "dnb-forms-field-block__label-description"
   }, labelDescription)) : _react.default.createElement(_react.default.Fragment, null, "\xA0")) : label && _react.default.createElement(_components.FormLabel, labelProps, label), _react.default.createElement("div", {
-    className: (0, _classnames.default)('dnb-forms-field-block__contents', contentClassName, contentWidth !== undefined && `dnb-forms-field-block__contents--width-${contentWidth}`)
-  }, children), _react.default.createElement("div", {
     className: "dnb-forms-field-block__status"
-  }, _react.default.createElement(_components.FormStatus, {
-    state: stateStatus,
-    id: forId ? `${forId}-form-status` : undefined,
-    text: (error === null || error === void 0 ? void 0 : error.message) || state instanceof Error && state.message || state instanceof _types.FormError && state.message || (state === null || state === void 0 ? void 0 : state.toString()),
-    label: label,
-    no_animation: process.env.NODE_ENV === 'test' ? true : typeof globalThis !== 'undefined' ? globalThis.IS_TEST === true : false
-  })))));
+  }, _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", {
+    className: (0, _classnames.default)('dnb-forms-field-block__contents', contentClassName, contentWidth !== undefined && `dnb-forms-field-block__contents--width-${contentWidth}`, composition !== undefined && `dnb-forms-field-block__contents__composition--${composition === true ? 'horizontal' : composition}`),
+    ref: contentsRef
+  }, children))));
 }
 function useEnableFieldset(_ref3) {
   let {
@@ -169,6 +286,31 @@ function useEnableFieldset(_ref3) {
     return Boolean(result);
   }, [asFieldset, children, label, nestedFieldBlockContext]);
 }
+function CombineMessages(_ref4) {
+  let {
+    type,
+    messages
+  } = _ref4;
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  const tr = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms;
+  if (messages.length === 1) {
+    return _react.default.createElement(_react.default.Fragment, null, messages[0].message);
+  }
+  return _react.default.createElement(_react.default.Fragment, null, type === 'error' ? tr.fieldErrorSummary : tr.fieldStateSummary, _react.default.createElement(_elements.Ul, null, messages.map((_ref5, i) => {
+    let {
+      message
+    } = _ref5;
+    return _react.default.createElement(_elements.Li, {
+      key: i
+    }, message);
+  })));
+}
+function getMessage(item) {
+  const {
+    state
+  } = item;
+  return state instanceof Error && state.message || state instanceof _types.FormError && state.message || (state === null || state === void 0 ? void 0 : state.toString()) || state;
+}
 FieldBlock._supportsSpacingProps = true;
 var _default = FieldBlock;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_types","_FieldBlockContext","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","FieldBlock","props","nestedFieldBlockContext","useContext","FieldBlockContext","className","forId","layout","label","labelDescription","asFieldset","info","warning","error","errorProp","disabled","width","contentWidth","size","contentClassName","children","rest","fieldErrorRecord","setFieldErrorRecord","useState","showFieldErrorRecord","setShowFieldErrorRecord","setError","useCallback","identifier","existing","removed","newRecord","map","setShowError","show","useMemo","errors","entries","_ref","_ref2","Error","message","join","mainClasses","classnames","gridClasses","enableFieldset","useEnableFieldset","state","stateStatus","labelProps","element","space","top","bottom","createElement","Provider","Space","FormLabel","Fragment","FormStatus","id","text","FormError","toString","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","_ref3","result","count","findElementInChildren","child","_child$props","_child$type","type","Boolean","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, { useMemo, useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Space, FormLabel, FormStatus } from '../../../components'\nimport { FormError, ComponentProps, FieldProps } from '../types'\nimport FieldBlockContext from './FieldBlockContext'\nimport { findElementInChildren } from '../../../shared/component-helper'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelDescription'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'disabled'\n> & {\n  forId?: string\n  contentClassName?: string\n  children: React.ReactNode\n  /** Use true if you have more than one form element */\n  asFieldset?: boolean\n  /** Width of outer block element */\n  width?: false | 'small' | 'medium' | 'large' | 'stretch'\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentWidth?: 'small' | 'medium' | 'large' | 'stretch'\n  /** Typography size */\n  size?: 'medium' | 'large'\n} & React.HTMLAttributes<HTMLDivElement>\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    asFieldset,\n    info,\n    warning,\n    error: errorProp,\n    disabled,\n    width,\n    contentWidth,\n    size,\n    contentClassName,\n    children,\n    ...rest\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    (identifier, error) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setError(identifier, error)\n        return\n      }\n\n      setFieldErrorRecord((existing) => {\n        if (error) {\n          return {\n            ...existing,\n            [identifier]: error,\n          }\n        } else {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [identifier]: removed, ...newRecord } = existing\n          return newRecord\n        }\n      })\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const setShowError = useCallback(\n    (identifier, show) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setShowError(identifier, show)\n        return\n      }\n\n      setShowFieldErrorRecord((existing) => {\n        if (show) {\n          return {\n            ...existing,\n            [identifier]: true,\n          }\n        } else {\n          const { [identifier]: 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(([identifier]) => showFieldErrorRecord[identifier] === 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 mainClasses = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n  const gridClasses = classnames(\n    'dnb-forms-field-block__grid',\n    `dnb-forms-field-block--layout-${layout}`\n  )\n\n  // A child component with a label was found, use fieldset/legend instead of div/label\n  const enableFieldset = useEnableFieldset({\n    label,\n    asFieldset,\n    children,\n    nestedFieldBlockContext,\n  })\n\n  const state = error || warning || info\n  const stateStatus = error\n    ? 'error'\n    : warning\n    ? 'warn'\n    : info\n    ? 'info'\n    : null\n\n  const labelProps: FormLabelAllProps = {\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    space: { top: 0, bottom: 'x-small' },\n    size,\n    disabled,\n  }\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setError,\n        setShowError,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          {labelDescription ? (\n            <div className=\"dnb-forms-field-block__label\">\n              {label || labelDescription ? (\n                <FormLabel {...labelProps}>\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            </div>\n          ) : (\n            label && <FormLabel {...labelProps}>{label}</FormLabel>\n          )}\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth !== undefined &&\n                `dnb-forms-field-block__contents--width-${contentWidth}`,\n              contentClassName\n            )}\n          >\n            {children}\n          </div>\n\n          <div className=\"dnb-forms-field-block__status\">\n            <FormStatus\n              state={stateStatus}\n              id={forId ? `${forId}-form-status` : undefined}\n              text={\n                error?.message ||\n                (state instanceof Error && state.message) ||\n                (state instanceof FormError && state.message) ||\n                state?.toString()\n              }\n              label={label as string}\n              no_animation={\n                process.env.NODE_ENV === 'test'\n                  ? true\n                  : // We may enable animation in the future\n                  typeof globalThis !== 'undefined'\n                  ? globalThis.IS_TEST === true\n                  : false\n              }\n            />\n          </div>\n        </div>\n      </Space>\n    </FieldBlockContext.Provider>\n  )\n}\n\nfunction useEnableFieldset({\n  label,\n  asFieldset,\n  children,\n  nestedFieldBlockContext,\n}) {\n  return useMemo(() => {\n    if (asFieldset === false) {\n      return false\n    }\n\n    let result = asFieldset\n\n    if (label && !result && !nestedFieldBlockContext) {\n      let count = 0\n\n      findElementInChildren(children, (child: React.ReactElement) => {\n        if (\n          child?.props?.label ||\n          child?.type?.['_formElement'] === true\n        ) {\n          count++\n        }\n        if (count > 1) {\n          return (result = true)\n        }\n      })\n    }\n\n    return Boolean(result)\n  }, [asFieldset, children, label, nestedFieldBlockContext])\n}\n\nFieldBlock._supportsSpacingProps = true\nexport default FieldBlock\n"],"mappings":"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"}
+{"version":3,"file":"FieldBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_FieldBlockContext","_components","_elements","_componentHelper","_useId","_types","_useUnmountEffect","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","states","exports","FieldBlock","props","nestedFieldBlockContext","useContext","FieldBlockContext","className","forId","layout","composition","label","labelDescription","asFieldset","info","warning","error","errorProp","disabled","width","contentWidth","labelSize","contentClassName","children","rest","blockId","useId","id","wasUpdated","forceUpdate","useReducer","mountedFieldsRef","useRef","stateRecordRef","fieldStateIdsRef","contentsRef","hasInitiallyErrorProp","useMemo","Boolean","setInternalRecord","useCallback","stateId","identifier","type","current","existingIndex","findIndex","item","setFieldState","showFieldError","show","map","showInitially","statusContent","state","statesWithMessages","entries","flatMap","_ref","reduce","acc","cur","existing","find","message","getMessage","messages","width_element","no_animation","process","env","NODE_ENV","globalThis","IS_TEST","found","msg","_ref2","arr","convertJsxToString","text","createElement","CombineMessages","useEffect","useUnmountEffect","mainClasses","classnames","gridClasses","enableFieldset","useEnableFieldset","labelProps","element","space","top","bottom","size","Provider","hasErrorProp","Space","FormLabel","Fragment","FormStatus","ref","_ref3","result","count","findElementInChildren","child","_child$props","_child$type","_ref4","sharedContext","SharedContext","tr","translation","Forms","fieldErrorSummary","fieldStateSummary","Ul","_ref5","Li","Error","FormError","toString","_supportsSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlock.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useEffect,\n} from 'react'\nimport classnames from 'classnames'\nimport SharedContext from '../../../shared/Context'\nimport FieldBlockContext, {\n  StateWithMessage,\n  StatesWithMessages,\n  FieldErrorIdsRef,\n  MountedFieldsRef,\n  StateRecord,\n  StateMessage,\n  StateTypes,\n  StatusContent,\n  FieldBlockContextProps,\n} from './FieldBlockContext'\nimport { Identifier } from '../DataContext/Context'\nimport { Space, FormLabel, FormStatus } from '../../../components'\nimport { Ul, Li } from '../../../elements'\nimport {\n  convertJsxToString,\n  findElementInChildren,\n} from '../../../shared/component-helper'\nimport useId from '../hooks/useId'\nimport { ComponentProps, FieldProps, FormError } from '../types'\nimport type { FormLabelAllProps } from '../../../components/FormLabel'\nimport useUnmountEffect from '../hooks/useUnmountEffect'\n\nexport const states: Array<StateTypes> = ['error', 'info', 'warning']\n\nexport type Props = Pick<\n  FieldProps,\n  | keyof ComponentProps\n  | 'layout'\n  | 'label'\n  | 'labelDescription'\n  | 'info'\n  | 'warning'\n  | 'error'\n  | 'disabled'\n> & {\n  /** The id to link a element with */\n  forId?: string\n  /** Use true if you have more than one form element */\n  asFieldset?: boolean\n  /** Defines the layout of nested fields */\n  composition?: FieldBlockContextProps['composition']\n  /** Width of outer block element */\n  width?: false | 'small' | 'medium' | 'large' | 'stretch'\n  /** Width of contents block, while label etc can be wider if space is available */\n  contentWidth?: 'small' | 'medium' | 'large' | 'stretch'\n  contentClassName?: string\n  /** Typography size */\n  labelSize?: 'medium' | 'large'\n  children: React.ReactNode\n} & React.HTMLAttributes<HTMLDivElement>\n\nfunction FieldBlock(props: Props) {\n  const nestedFieldBlockContext = useContext(FieldBlockContext)\n\n  const {\n    className,\n    forId,\n    layout = 'vertical',\n    composition,\n    label,\n    labelDescription,\n    asFieldset,\n    info,\n    warning,\n    error: errorProp,\n    disabled,\n    width,\n    contentWidth,\n    labelSize,\n    contentClassName,\n    children,\n    ...rest\n  } = props\n\n  const blockId = useId(props.id)\n  const [wasUpdated, forceUpdate] = useReducer(() => ({}), {})\n  const mountedFieldsRef = useRef<MountedFieldsRef>({})\n  const stateRecordRef = useRef<StateRecord>({})\n  const fieldStateIdsRef = useRef<FieldErrorIdsRef>(null)\n  const contentsRef = useRef<HTMLDivElement>(null)\n  const hasInitiallyErrorProp = useMemo(() => {\n    return Boolean(errorProp)\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const setInternalRecord = useCallback((props) => {\n    const { stateId, identifier, type } = props\n\n    if (!stateRecordRef.current[identifier]) {\n      stateRecordRef.current[identifier] = []\n    }\n\n    fieldStateIdsRef.current = { error: null, warning: null, info: null }\n\n    const existingIndex = stateRecordRef.current[identifier].findIndex(\n      (item) => {\n        return item.stateId === stateId && item.type === type\n      }\n    )\n\n    if (existingIndex > -1) {\n      stateRecordRef.current[identifier][existingIndex] = {\n        ...stateRecordRef.current[identifier][existingIndex],\n        ...props,\n      }\n    } else {\n      stateRecordRef.current[identifier].push(props)\n    }\n  }, [])\n\n  const setFieldState = useCallback(\n    (props) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.setFieldState(props)\n        return\n      }\n\n      setInternalRecord(props)\n\n      forceUpdate()\n    },\n    [nestedFieldBlockContext, setInternalRecord]\n  )\n\n  const showFieldError = useCallback(\n    (identifier: Identifier, show: boolean) => {\n      if (nestedFieldBlockContext) {\n        // If this FieldBlock is inside another one, forward the call to the outer one\n        nestedFieldBlockContext.showFieldError(identifier, show)\n        return\n      }\n\n      if (stateRecordRef.current[identifier]) {\n        stateRecordRef.current[identifier] = stateRecordRef.current[\n          identifier\n        ].map((item) => {\n          if (item.showInitially) {\n            return item\n          }\n\n          return {\n            ...item,\n            show,\n          }\n        })\n\n        forceUpdate()\n      }\n    },\n    [nestedFieldBlockContext]\n  )\n\n  const statusContent = useMemo(() => {\n    if (errorProp) {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: hasInitiallyErrorProp,\n        type: 'error',\n        state: errorProp,\n      })\n    }\n\n    if (warning) {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'warning',\n        state: warning,\n      })\n    }\n\n    if (info) {\n      setInternalRecord({\n        identifier: blockId,\n        showInitially: true,\n        type: 'info',\n        state: info,\n      })\n    }\n\n    const statesWithMessages: Array<StatesWithMessages> =\n      // 1. Prepare the states for later use\n      Object.entries(stateRecordRef.current)\n        .flatMap(([identifier, states]) =>\n          states.map((props) => {\n            return {\n              identifier,\n              ...props,\n            }\n          })\n        )\n\n        // 2. Take states and group the same type together\n        .reduce((acc, cur) => {\n          const existing = acc.find((item) => {\n            return item.type === cur.type\n          })\n\n          const message = getMessage(cur)\n\n          if (existing) {\n            existing.messages.push({\n              ...cur,\n              message,\n            })\n          } else {\n            acc.push({\n              ...cur,\n              state: undefined,\n              messages: [\n                {\n                  ...cur,\n                  message,\n                },\n              ],\n            })\n          }\n\n          return acc\n        }, [] as Array<StatesWithMessages>)\n\n    // 3. Return the grouped states/messages\n    return states.reduce((acc, type) => {\n      const id = `${props.id || forId || blockId}-form-status--${type}`\n      acc[type] = {\n        id,\n        label,\n        state: type === 'warning' ? 'warn' : type,\n        width_element: contentsRef,\n\n        // Enable animation only in the browser and not in tests\n        no_animation:\n          process.env.NODE_ENV === 'test'\n            ? true\n            : typeof globalThis !== 'undefined'\n            ? globalThis.IS_TEST === true\n            : false,\n      }\n\n      const found = statesWithMessages.find((item) => {\n        return item.type === type\n      })\n\n      if (found?.messages) {\n        // Hide/remove messages that should be hidden and are not marked as to be shown initially\n        const messages = found.messages\n          .map((msg) => {\n            if (msg.type === 'error') {\n              if (!msg.showInitially && !msg.show) {\n                msg.message = null\n              }\n            }\n\n            return msg\n          })\n          .filter(({ message }) => message)\n          .reduce((acc, msg, i, arr) => {\n            const existingIndex = arr.findIndex((item) => {\n              return (\n                convertJsxToString(item.message) ===\n                convertJsxToString(msg.message)\n              )\n            })\n\n            // Remove duplicates, use the first found message\n            if (existingIndex === i) {\n              acc.push(msg)\n            }\n\n            return acc\n          }, [])\n\n        // Combine the messages and put them in an ul/li list\n        if (messages.length > 0) {\n          acc[type] = {\n            ...acc[type],\n            text: <CombineMessages type={type} messages={messages} />,\n          }\n\n          fieldStateIdsRef.current[type] = id\n        } else {\n          fieldStateIdsRef.current[type] = undefined\n        }\n      }\n\n      return acc\n    }, {}) as StatusContent\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [\n    info,\n    warning,\n    errorProp,\n    nestedFieldBlockContext,\n    setInternalRecord,\n    blockId,\n    wasUpdated, // wasUpdated is needed to get the current errors\n  ])\n\n  // Handle the error prop from outside\n  useEffect(() => {\n    if (!nestedFieldBlockContext) {\n      showFieldError(blockId, Boolean(errorProp))\n    }\n  }, [errorProp, blockId, showFieldError, nestedFieldBlockContext])\n\n  useUnmountEffect(() => () => {\n    mountedFieldsRef.current = {}\n    stateRecordRef.current = {}\n  })\n\n  const mainClasses = classnames(\n    'dnb-forms-field-block',\n    width !== undefined && `dnb-forms-field-block--width-${width}`,\n    className\n  )\n  const gridClasses = classnames(\n    'dnb-forms-field-block__grid',\n    `dnb-forms-field-block--layout-${layout}`\n  )\n\n  // A child component with a label was found, use fieldset/legend instead of div/label\n  const enableFieldset = useEnableFieldset({\n    label,\n    asFieldset,\n    children,\n    nestedFieldBlockContext,\n  })\n\n  const labelProps: FormLabelAllProps = {\n    element: enableFieldset ? 'legend' : 'label',\n    forId: enableFieldset ? undefined : forId,\n    space: { top: 0, bottom: 'x-small' },\n    size: labelSize,\n    disabled,\n  }\n\n  return (\n    <FieldBlockContext.Provider\n      value={{\n        setFieldState,\n        showFieldError,\n        hasErrorProp: Boolean(errorProp),\n        fieldStateIdsRef,\n        mountedFieldsRef,\n        composition,\n      }}\n    >\n      <Space\n        element={enableFieldset ? 'fieldset' : 'div'} // use fieldset and legend to enhance a11y\n        className={mainClasses}\n        {...rest}\n      >\n        <div className={gridClasses}>\n          {labelDescription ? (\n            <div className=\"dnb-forms-field-block__label\">\n              {label || labelDescription ? (\n                <FormLabel {...labelProps}>\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            </div>\n          ) : (\n            label && <FormLabel {...labelProps}>{label}</FormLabel>\n          )}\n\n          <div className=\"dnb-forms-field-block__status\">\n            <FormStatus {...statusContent?.error} />\n            <FormStatus {...statusContent?.warning} />\n            <FormStatus {...statusContent?.info} />\n          </div>\n\n          <div\n            className={classnames(\n              'dnb-forms-field-block__contents',\n              contentWidth !== undefined &&\n                `dnb-forms-field-block__contents--width-${contentWidth}`,\n              composition !== undefined &&\n                `dnb-forms-field-block__contents__composition--${\n                  composition === true ? 'horizontal' : composition\n                }`,\n              contentClassName\n            )}\n            ref={contentsRef}\n          >\n            {children}\n          </div>\n        </div>\n      </Space>\n    </FieldBlockContext.Provider>\n  )\n}\n\nfunction useEnableFieldset({\n  label,\n  asFieldset,\n  children,\n  nestedFieldBlockContext,\n}) {\n  return useMemo(() => {\n    if (asFieldset === false) {\n      return false\n    }\n\n    let result = asFieldset\n\n    if (label && !result && !nestedFieldBlockContext) {\n      let count = 0\n\n      findElementInChildren(children, (child: React.ReactElement) => {\n        if (\n          child?.props?.label ||\n          child?.type?.['_formElement'] === true\n        ) {\n          count++\n        }\n        if (count > 1) {\n          return (result = true)\n        }\n      })\n    }\n\n    return Boolean(result)\n  }, [asFieldset, children, label, nestedFieldBlockContext])\n}\n\nfunction CombineMessages({\n  type,\n  messages,\n}: {\n  type: StateTypes\n  messages: Array<StateWithMessage>\n}) {\n  const sharedContext = useContext(SharedContext)\n  const tr = sharedContext?.translation.Forms\n\n  if (messages.length === 1) {\n    return <>{messages[0].message}</>\n  }\n\n  return (\n    <>\n      {type === 'error' ? tr.fieldErrorSummary : tr.fieldStateSummary}\n      <Ul>\n        {messages.map(({ message }, i) => {\n          return <Li key={i}>{message}</Li>\n        })}\n      </Ul>\n    </>\n  )\n}\n\nfunction getMessage(item: Partial<StateWithMessage>): StateMessage {\n  const { state } = item\n\n  return ((state instanceof Error && state.message) ||\n    (state instanceof FormError && state.message) ||\n    state?.toString() ||\n    state) as StateMessage\n}\n\nFieldBlock._supportsSpacingProps = true\n\nexport default FieldBlock\n"],"mappings":"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"}

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

@@ -1,8 +1,42 @@
 import React from 'react';
-import { FormError } from '../types';
-export interface FieldBlockContextState {
-    setError?: (identifier: string, error: FormError) => void;
-    setShowError?: (identifier: string, showError: boolean) => void;
-}
-declare const FieldBlockContext: React.Context<FieldBlockContextState>;
+import { FieldProps } from '../types';
+import type { Identifier } from '../DataContext/Context';
+export type FieldErrorIdsRef = Record<StateTypes, string>;
+export type MountedFieldsRef = Record<Identifier, boolean>;
+export type StateTypes = 'error' | 'warning' | 'info';
+export type StateContent = FieldProps<unknown>['error'] | FieldProps<unknown>['warning'] | FieldProps<unknown>['info'];
+export type StateBasis = {
+    identifier: Identifier;
+    type: StateTypes;
+    state: StateContent;
+    stateId?: string;
+    showInitially?: boolean;
+    show?: boolean;
+};
+export type StateRecord = Record<Identifier, Array<Omit<StateBasis, 'identifier'>>>;
+export type StateMessage = React.ReactNode;
+export type StateWithMessage = StateBasis & {
+    message: StateMessage;
+};
+export type StatesWithMessages = StateBasis & {
+    messages: Array<StateWithMessage>;
+};
+export type StatusContentState = {
+    id: string;
+    text: React.ReactNode;
+};
+export type StatusContent = {
+    error: StatusContentState;
+    warning: StatusContentState;
+    info: StatusContentState;
+};
+export type FieldBlockContextProps = {
+    setFieldState?: ({ identifier, type, stateId, state, showInitially, show, }: StateBasis) => void;
+    showFieldError?: (identifier: Identifier, showError: boolean) => void;
+    hasErrorProp?: boolean;
+    composition?: true;
+    fieldStateIdsRef?: React.MutableRefObject<FieldErrorIdsRef>;
+    mountedFieldsRef?: React.MutableRefObject<MountedFieldsRef>;
+};
+declare const FieldBlockContext: React.Context<FieldBlockContextProps>;
 export default FieldBlockContext;

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

@@ -1 +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?: (identifier: string, error: FormError) => void\n  setShowError?: (identifier: 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"}
+{"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 { FieldProps } from '../types'\nimport type { Identifier } from '../DataContext/Context'\n\nexport type FieldErrorIdsRef = Record<StateTypes, string>\nexport type MountedFieldsRef = Record<Identifier, boolean>\nexport type StateTypes = 'error' | 'warning' | 'info'\nexport type StateContent =\n  | FieldProps<unknown>['error']\n  | FieldProps<unknown>['warning']\n  | FieldProps<unknown>['info']\nexport type StateBasis = {\n  identifier: Identifier\n  type: StateTypes\n  state: StateContent\n  stateId?: string\n  showInitially?: boolean\n  show?: boolean\n}\nexport type StateRecord = Record<\n  Identifier,\n  Array<Omit<StateBasis, 'identifier'>>\n>\nexport type StateMessage = React.ReactNode\nexport type StateWithMessage = StateBasis & {\n  message: StateMessage\n}\nexport type StatesWithMessages = StateBasis & {\n  messages: Array<StateWithMessage>\n}\nexport type StatusContentState = { id: string; text: React.ReactNode }\nexport type StatusContent = {\n  error: StatusContentState\n  warning: StatusContentState\n  info: StatusContentState\n}\n\nexport type FieldBlockContextProps = {\n  setFieldState?: ({\n    identifier,\n    type,\n    stateId,\n    state,\n    showInitially,\n    show,\n  }: StateBasis) => void\n  showFieldError?: (identifier: Identifier, showError: boolean) => void\n  hasErrorProp?: boolean\n  composition?: true\n  fieldStateIdsRef?: React.MutableRefObject<FieldErrorIdsRef>\n  mountedFieldsRef?: React.MutableRefObject<MountedFieldsRef>\n}\n\nconst FieldBlockContext = React.createContext<\n  FieldBlockContextProps | undefined\n>(undefined)\n\nexport default FieldBlockContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAqDzB,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/FieldBlockDocs.d.ts

@@ -0,0 +1,2 @@
+import { PropertiesTableProps } from '../../../shared/types';
+export declare const fieldBlockProperties: PropertiesTableProps;

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fieldBlockProperties = void 0;
+const fieldBlockProperties = {
+  label: {
+    doc: 'Field label to show above / before the input feature.',
+    type: 'string',
+    status: 'optional'
+  },
+  labelDescription: {
+    doc: 'A more discreet text displayed beside the label (i.e for "(optional)").',
+    type: 'string',
+    status: 'optional'
+  },
+  labelSize: {
+    doc: 'Define one of the following [heading size](/uilib/elements/heading/): `medium` or `large`.',
+    type: ['string', 'false'],
+    status: 'optional'
+  },
+  layout: {
+    doc: 'Layout for the label and input. Can be `horizontal` or `vertical`.',
+    type: 'string',
+    status: 'optional'
+  },
+  width: {
+    doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',
+    type: ['string', 'false'],
+    status: 'optional'
+  },
+  contentWidth: {
+    doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',
+    type: ['string', 'false'],
+    status: 'optional'
+  },
+  composition: {
+    doc: 'Use `true` for when you have more than one field wrapped.',
+    type: 'string',
+    status: 'optional'
+  },
+  asFieldset: {
+    doc: 'Use `true` when you have several form elements. This way a `fieldset` with a `legend` is used.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  disabled: {
+    doc: 'Set `true` to make the inner [FormLabel](/uilib/components/form-label/) behave as disabled.',
+    type: 'boolean',
+    status: 'optional'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.fieldBlockProperties = fieldBlockProperties;
+//# sourceMappingURL=FieldBlockDocs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldBlockDocs.js","names":["fieldBlockProperties","label","doc","type","status","labelDescription","labelSize","layout","width","contentWidth","composition","asFieldset","disabled","exports"],"sources":["../../../../../src/extensions/forms/FieldBlock/FieldBlockDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const fieldBlockProperties: PropertiesTableProps = {\n  label: {\n    doc: 'Field label to show above / before the input feature.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelDescription: {\n    doc: 'A more discreet text displayed beside the label (i.e for \"(optional)\").',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSize: {\n    doc: 'Define one of the following [heading size](/uilib/elements/heading/): `medium` or `large`.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  layout: {\n    doc: 'Layout for the label and input. Can be `horizontal` or `vertical`.',\n    type: 'string',\n    status: 'optional',\n  },\n  width: {\n    doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  contentWidth: {\n    doc: '`small`, `medium`, `large`, `stretch` or `false` for predefined standard widths.',\n    type: ['string', 'false'],\n    status: 'optional',\n  },\n  composition: {\n    doc: 'Use `true` for when you have more than one field wrapped.',\n    type: 'string',\n    status: 'optional',\n  },\n  asFieldset: {\n    doc: 'Use `true` when you have several form elements. This way a `fieldset` with a `legend` is used.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Set `true` to make the inner [FormLabel](/uilib/components/form-label/) behave as disabled.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,KAAK,EAAE;IACLC,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,gBAAgB,EAAE;IAChBH,GAAG,EAAE,yEAAyE;IAC9EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,SAAS,EAAE;IACTJ,GAAG,EAAE,4FAA4F;IACjGC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDG,MAAM,EAAE;IACNL,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDK,YAAY,EAAE;IACZP,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzBC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,gGAAgG;IACrGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAS,OAAA,CAAAb,oBAAA,GAAAA,oBAAA"}

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

@@ -84,6 +84,11 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
 .dnb-forms-field-block__status .dnb-form-status__shell {
   margin-top: 0.5rem;
 }
+@media screen and (max-width: 15em) {
+  .dnb-forms-field-block__status {
+    width: 90%;
+  }
+}
 .dnb-forms-field-block__contents {
   grid-area: contents;
   width: 100%;
@@ -101,4 +106,26 @@ fieldset.dnb-forms-field-block:not([class*=space__left]) {
   .dnb-forms-field-block__contents--width-large {
     width: var(--forms-field-width--large);
   }
+}
+.dnb-forms-field-block__contents__composition--vertical {
+  display: flex;
+  flex-flow: column;
+  row-gap: var(--spacing-small);
+}
+.dnb-forms-field-block__contents__composition--horizontal {
+  display: flex;
+  flex-flow: row;
+  -moz-column-gap: var(--spacing-small);
+       column-gap: var(--spacing-small);
+}
+@media screen and (min-width: 25em) {
+  .dnb-forms-field-block__contents__composition--horizontal {
+    align-items: flex-end;
+  }
+}
+@media screen and (max-width: 25em) {
+  .dnb-forms-field-block__contents__composition--horizontal {
+    row-gap: var(--spacing-x-small);
+    flex-flow: column;
+  }
 }