@dnb/eufemia 10.7.0 → 10.9.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_Context2","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","SubmitButton","props","sharedContext","useContext","SharedContext","className","children","translation","Forms","contextSubmit","rest","dataContext","Context","createElement","Button","classnames","onClick","_isInsideFormElement","handleSubmit","type","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Form/SubmitButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../types'\nimport { Button } from '../../../components'\nimport SharedContext from '../../../shared/Context'\nimport Context from '../DataContext/Context'\n\nexport type Props = ComponentProps &\n  Partial<React.HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>>\n\nfunction SubmitButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    children = sharedContext?.translation.Forms.contextSubmit,\n    ...rest\n  } = props\n  const dataContext = useContext(Context)\n\n  return (\n    <Button\n      className={classnames('dnb-forms__submit-button', className)}\n      onClick={\n        dataContext._isInsideFormElement ? null : dataContext.handleSubmit\n      }\n      type=\"submit\"\n      {...rest}\n    >\n      {children}\n    </Button>\n  )\n}\n\nSubmitButton._supportsEufemiaSpacingProps = true\nexport default SubmitButton\n"],"mappings":"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"}

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

@@ -0,0 +1,9 @@
+import SubmitButton from './SubmitButton';
+import Element from './FormElement';
+import Handler from './FormHandler';
+declare const FormExport: {
+    Handler: typeof Handler;
+    Element: typeof Element;
+    SubmitButton: typeof SubmitButton;
+};
+export default FormExport;

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _SubmitButton = _interopRequireDefault(require("./SubmitButton"));
+var _FormElement = _interopRequireDefault(require("./FormElement"));
+var _FormHandler = _interopRequireDefault(require("./FormHandler"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const FormExport = {
+  Handler: _FormHandler.default,
+  Element: _FormElement.default,
+  SubmitButton: _SubmitButton.default
+};
+var _default = FormExport;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_SubmitButton","_interopRequireDefault","require","_FormElement","_FormHandler","obj","__esModule","default","FormExport","Handler","Element","SubmitButton","_default","exports"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["import SubmitButton from './SubmitButton'\nimport Element from './FormElement'\nimport Handler from './FormHandler'\n\nconst FormExport = {\n  Handler,\n  Element,\n  SubmitButton,\n}\n\nexport default FormExport\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,YAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAmC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnC,MAAMG,UAAU,GAAG;EACjBC,OAAO,EAAPA,oBAAO;EACPC,OAAO,EAAPA,oBAAO;EACPC,YAAY,EAAZA;AACF,CAAC;AAAA,IAAAC,QAAA,GAEcJ,UAAU;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

package/cjs/extensions/forms/Iterate/Array.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Props as FlexContainerProps } from '../Layout/FlexContainer';
+import { FieldProps, FieldHelpProps } from '../types';
+interface ErrorMessages {
+    required?: string;
+    schema?: string;
+}
+export type Props = FieldHelpProps & FieldProps<unknown[], undefined, ErrorMessages> & {
+    width?: false | 'small' | 'medium' | 'large' | 'stretch';
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode | ((value: any, index: number) => React.ReactNode) | Array<React.ReactNode | ((value: any, index: number) => React.ReactNode)>;
+};
+declare function ArrayComponent(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArrayComponent {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArrayComponent;

package/cjs/extensions/forms/Iterate/Array.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _FlexContainer = _interopRequireDefault(require("../Layout/FlexContainer"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
+var _IterateElementContext = _interopRequireDefault(require("./IterateElementContext"));
+var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
+var _hooks = require("../hooks");
+var _types = require("../types");
+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 ArrayComponent(props) {
+  const {
+    className,
+    layout = 'vertical',
+    placeholder,
+    label,
+    labelDescription,
+    labelSecondary,
+    path,
+    value: arrayValue,
+    info,
+    warning,
+    error,
+    emptyValue,
+    width,
+    spacing = 'small',
+    handleChange,
+    children
+  } = (0, _hooks.useDataValue)(props);
+  const elementData = (0, _react.useMemo)(() => {
+    return (arrayValue ?? []).map((elementValue, elementIndex) => ({
+      elementValue,
+      handleElementChange: (path, value) => {
+        const newArrayValue = structuredClone(arrayValue);
+        _jsonPointer.default.set(newArrayValue, path, value);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newArrayValue);
+      },
+      handleRemoveElement: () => {
+        const newArrayValue = structuredClone(arrayValue);
+        newArrayValue.splice(elementIndex, 1);
+        handleChange === null || handleChange === void 0 ? void 0 : handleChange(newArrayValue);
+      }
+    }));
+  }, [arrayValue, handleChange]);
+  const handlePush = (0, _react.useCallback)(element => {
+    handleChange([...(arrayValue ?? []), element]);
+  }, [arrayValue, handleChange]);
+  return _react.default.createElement(_FieldBlock.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-field-number', className),
+    layout: layout,
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary,
+    info: info,
+    warning: warning,
+    error: error,
+    contentsWidth: width !== false ? width : undefined
+  }, (0, _types.pickSpacingProps)(props)), _react.default.createElement(_FlexContainer.default, {
+    direction: layout === 'horizontal' ? 'row' : 'column',
+    spacing: spacing
+  }, arrayValue === emptyValue ? _react.default.createElement("em", null, placeholder) : elementData.map((_ref, elementIndex) => {
+    let {
+      elementValue,
+      handleElementChange,
+      handleRemoveElement
+    } = _ref;
+    return _react.default.createElement(_IterateElementContext.default.Provider, {
+      key: `element-${elementIndex}`,
+      value: {
+        index: elementIndex,
+        value: elementValue,
+        path,
+        handleChange: handleElementChange,
+        handleRemove: handleRemoveElement,
+        handlePush
+      }
+    }, Array.isArray(children) ? children.map(childElement => typeof childElement === 'function' ? childElement(elementValue, elementIndex) : childElement) : typeof children === 'function' ? children(elementValue, elementIndex) : children);
+  })));
+}
+ArrayComponent._supportsEufemiaSpacingProps = true;
+var _default = ArrayComponent;
+exports.default = _default;
+//# sourceMappingURL=Array.js.map

package/cjs/extensions/forms/Iterate/Array.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_FlexContainer","_interopRequireDefault","_classnames","_jsonPointer","_IterateElementContext","_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","ArrayComponent","props","className","layout","placeholder","label","labelDescription","labelSecondary","path","value","arrayValue","info","warning","error","emptyValue","width","spacing","handleChange","children","useDataValue","elementData","useMemo","map","elementValue","elementIndex","handleElementChange","newArrayValue","structuredClone","pointer","handleRemoveElement","splice","handlePush","useCallback","element","createElement","classnames","contentsWidth","undefined","pickSpacingProps","direction","_ref","Provider","index","handleRemove","Array","isArray","childElement","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/Array.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from '../Layout/FlexContainer'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport IterateElementContext from './IterateElementContext'\nimport FieldBlock from '../FieldBlock'\nimport { useDataValue } from '../hooks'\nimport { FieldProps, FieldHelpProps, pickSpacingProps } from '../types'\n\ninterface ErrorMessages {\n  required?: string\n  schema?: string\n}\n\nexport type Props = FieldHelpProps &\n  FieldProps<unknown[], undefined, ErrorMessages> & {\n    width?: false | 'small' | 'medium' | 'large' | 'stretch'\n    spacing?: FlexContainerProps['spacing']\n    children:\n      | React.ReactNode\n      | ((value: any, index: number) => React.ReactNode)\n      | Array<\n          | React.ReactNode\n          | ((value: any, index: number) => React.ReactNode)\n        >\n  }\n\nfunction ArrayComponent(props: Props) {\n  const {\n    className,\n    layout = 'vertical',\n    placeholder,\n    label,\n    labelDescription,\n    labelSecondary,\n    path,\n    value: arrayValue,\n    info,\n    warning,\n    error,\n    emptyValue,\n    width,\n    spacing = 'small',\n    handleChange,\n    children,\n  } = useDataValue(props)\n\n  const elementData: {\n    elementValue: unknown\n    handleElementChange: (path: string, value: unknown) => void\n    handleRemoveElement: () => void\n  }[] = useMemo(() => {\n    return (arrayValue ?? []).map((elementValue, elementIndex) => ({\n      elementValue,\n      handleElementChange: (path, value) => {\n        const newArrayValue = structuredClone(arrayValue)\n        pointer.set(newArrayValue, path, value)\n        handleChange?.(newArrayValue)\n      },\n      handleRemoveElement: () => {\n        const newArrayValue = structuredClone(arrayValue)\n        newArrayValue.splice(elementIndex, 1)\n        handleChange?.(newArrayValue)\n      },\n    }))\n  }, [arrayValue, handleChange])\n\n  const handlePush = useCallback(\n    (element: unknown) => {\n      handleChange([...(arrayValue ?? []), element])\n    },\n    [arrayValue, handleChange]\n  )\n\n  return (\n    <FieldBlock\n      className={classnames('dnb-forms-field-number', className)}\n      layout={layout}\n      label={label}\n      labelDescription={labelDescription}\n      labelSecondary={labelSecondary}\n      info={info}\n      warning={warning}\n      error={error}\n      contentsWidth={width !== false ? width : undefined}\n      {...pickSpacingProps(props)}\n    >\n      <FlexContainer\n        direction={layout === 'horizontal' ? 'row' : 'column'}\n        spacing={spacing}\n      >\n        {arrayValue === emptyValue ? (\n          <em>{placeholder}</em>\n        ) : (\n          elementData.map(\n            (\n              { elementValue, handleElementChange, handleRemoveElement },\n              elementIndex\n            ) => {\n              return (\n                <IterateElementContext.Provider\n                  key={`element-${elementIndex}`}\n                  value={{\n                    index: elementIndex,\n                    value: elementValue,\n                    path,\n                    handleChange: handleElementChange,\n                    handleRemove: handleRemoveElement,\n                    handlePush,\n                  }}\n                >\n                  {Array.isArray(children)\n                    ? children.map((childElement) =>\n                        typeof childElement === 'function'\n                          ? childElement(elementValue, elementIndex)\n                          : childElement\n                      )\n                    : typeof children === 'function'\n                    ? children(elementValue, elementIndex)\n                    : children}\n                </IterateElementContext.Provider>\n              )\n            }\n          )\n        )}\n      </FlexContainer>\n    </FieldBlock>\n  )\n}\n\nArrayComponent._supportsEufemiaSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/ArrayPushButton.d.ts

@@ -0,0 +1,10 @@
+import { ButtonProps } from '../../../components/Button';
+import { DataValueReadWriteComponentProps } from '../types';
+export type Props = ButtonProps & DataValueReadWriteComponentProps<unknown[]> & {
+    pushValue: unknown;
+};
+declare function ArrayPushButton(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArrayPushButton {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArrayPushButton;

package/cjs/extensions/forms/Iterate/ArrayPushButton.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _IterateElementContext = _interopRequireDefault(require("./IterateElementContext"));
+var _hooks = require("../hooks");
+var _types = require("../types");
+const _excluded = ["pushValue"];
+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 ArrayPushButton(props) {
+  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const {
+    handlePush
+  } = iterateElementContext ?? {};
+  const {
+      pushValue
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
+  const buttonProps = (0, _types.omitDataValueReadWriteProps)(restProps);
+  const {
+    value,
+    handleChange,
+    children
+  } = (0, _hooks.useDataValue)(restProps);
+  if (value !== undefined && !Array.isArray(value)) {
+    throw new Error('ArrayPushButton received a non-array value.');
+  }
+  const handleClick = (0, _react.useCallback)(() => {
+    if (handlePush) {
+      handlePush(pushValue);
+      return;
+    }
+    handleChange([...(value ?? []), pushValue]);
+  }, [value, pushValue, handlePush, handleChange]);
+  return _react.default.createElement(_components.Button, _extends({
+    className: (0, _classnames.default)('dnb-forms-array-push-button', props.className),
+    on_click: handleClick
+  }, buttonProps), children);
+}
+ArrayPushButton._supportsEufemiaSpacingProps = true;
+var _default = ArrayPushButton;
+exports.default = _default;
+//# sourceMappingURL=ArrayPushButton.js.map

package/cjs/extensions/forms/Iterate/ArrayPushButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayPushButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_types","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ArrayPushButton","props","iterateElementContext","useContext","IterateElementContext","handlePush","pushValue","restProps","buttonProps","omitDataValueReadWriteProps","value","handleChange","children","useDataValue","undefined","Array","isArray","Error","handleClick","useCallback","createElement","Button","className","classnames","on_click","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/ArrayPushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/Button'\nimport IterateElementContext from './IterateElementContext'\nimport { useDataValue } from '../hooks'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../types'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]> & {\n    pushValue: unknown\n  }\n\nfunction ArrayPushButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handlePush } = iterateElementContext ?? {}\n\n  const { pushValue, ...restProps } = props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { value, handleChange, children } = useDataValue(restProps)\n\n  if (value !== undefined && !Array.isArray(value)) {\n    throw new Error('ArrayPushButton received a non-array value.')\n  }\n\n  const handleClick = useCallback(() => {\n    if (handlePush) {\n      // Inside an Iterate element - make the change through the Iterate component\n      handlePush(pushValue)\n      return\n    }\n\n    // If not inside an iterate, it could still manipulate a source data set through useDataValue\n    handleChange([...(value ?? []), pushValue])\n  }, [value, pushValue, handlePush, handleChange])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-array-push-button',\n        props.className\n      )}\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {children}\n    </Button>\n  )\n}\n\nArrayPushButton._supportsEufemiaSpacingProps = true\nexport default ArrayPushButton\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/ArrayRemoveElementButton.d.ts

@@ -0,0 +1,8 @@
+import { ButtonProps } from '../../../components/Button';
+import { DataValueReadWriteComponentProps } from '../types';
+export type Props = ButtonProps & DataValueReadWriteComponentProps<unknown[]>;
+declare function ArrayRemoveElementButton(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArrayRemoveElementButton {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ArrayRemoveElementButton;

package/cjs/extensions/forms/{DataContext/SubmitButton.js → Iterate/ArrayRemoveElementButton.js}

@@ -7,24 +7,34 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../components");
-var _Context = _interopRequireDefault(require("../../../shared/Context"));
-var _Context2 = _interopRequireDefault(require("./Context"));
+var _IterateElementContext = _interopRequireDefault(require("./IterateElementContext"));
+var _hooks = require("../hooks");
+var _types = require("../types");
 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 SubmitButton(props) {
-  const sharedContext = (0, _react.useContext)(_Context.default);
+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 ArrayRemoveElementButton(props) {
+  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
   const {
-    className,
-    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.contextSubmit
-  } = props;
-  const dataContext = (0, _react.useContext)(_Context2.default);
-  return _react.default.createElement(_components.Button, {
-    className: (0, _classnames.default)('dnb-forms-submit-button', className),
-    onClick: dataContext.handleSubmit
-  }, children);
+    handleRemove
+  } = iterateElementContext ?? {};
+  if (!iterateElementContext) {
+    throw new Error('ArrayRemoveElementButton must be inside an Iterate.Array component.');
+  }
+  const buttonProps = (0, _types.omitDataValueReadWriteProps)(props);
+  const {
+    children
+  } = (0, _hooks.useDataValue)(props);
+  const handleClick = (0, _react.useCallback)(() => {
+    handleRemove();
+  }, [handleRemove]);
+  return _react.default.createElement(_components.Button, _extends({
+    className: (0, _classnames.default)('dnb-forms-array-remove-element-button', props.className),
+    on_click: handleClick
+  }, buttonProps), children);
 }
-SubmitButton._supportsEufemiaSpacingProps = true;
-var _default = SubmitButton;
+ArrayRemoveElementButton._supportsEufemiaSpacingProps = true;
+var _default = ArrayRemoveElementButton;
 exports.default = _default;
-//# sourceMappingURL=SubmitButton.js.map
+//# sourceMappingURL=ArrayRemoveElementButton.js.map

package/cjs/extensions/forms/Iterate/ArrayRemoveElementButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayRemoveElementButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_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","ArrayRemoveElementButton","props","iterateElementContext","useContext","IterateElementContext","handleRemove","Error","buttonProps","omitDataValueReadWriteProps","children","useDataValue","handleClick","useCallback","createElement","Button","className","classnames","on_click","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/ArrayRemoveElementButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/Button'\nimport IterateElementContext from './IterateElementContext'\nimport { useDataValue } from '../hooks'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../types'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction ArrayRemoveElementButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handleRemove } = iterateElementContext ?? {}\n\n  if (!iterateElementContext) {\n    throw new Error(\n      'ArrayRemoveElementButton must be inside an Iterate.Array component.'\n    )\n  }\n\n  const buttonProps = omitDataValueReadWriteProps(props)\n\n  const { children } = useDataValue(props)\n\n  const handleClick = useCallback(() => {\n    handleRemove()\n  }, [handleRemove])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-array-remove-element-button',\n        props.className\n      )}\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {children}\n    </Button>\n  )\n}\n\nArrayRemoveElementButton._supportsEufemiaSpacingProps = true\nexport default ArrayRemoveElementButton\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/IterateElementContext.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface IterateElementContextState {
+    index: number;
+    value: unknown;
+    path?: string;
+    handleChange: (path: string, value: unknown) => void;
+    handleRemove: () => void;
+    handlePush: (value: unknown) => void;
+}
+declare const IterateElementContext: React.Context<IterateElementContextState>;
+export default IterateElementContext;

package/cjs/extensions/forms/Iterate/IterateElementContext.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 IterateElementContext = _react.default.createContext(undefined);
+var _default = IterateElementContext;
+exports.default = _default;
+//# sourceMappingURL=IterateElementContext.js.map

package/cjs/extensions/forms/Iterate/IterateElementContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IterateElementContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","IterateElementContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/IterateElementContext.ts"],"sourcesContent":["import React from 'react'\n\nexport interface IterateElementContextState {\n  index: number\n  value: unknown\n  path?: string\n  handleChange: (path: string, value: unknown) => void\n  handleRemove: () => void\n  handlePush: (value: unknown) => void\n}\n\nconst IterateElementContext = React.createContext<\n  IterateElementContextState | undefined\n>(undefined)\n\nexport default IterateElementContext\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;AAWzB,MAAMG,qBAAqB,GAAGC,cAAK,CAACC,aAAa,CAE/CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,qBAAqB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

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

@@ -0,0 +1,11 @@
+import ArrayComponent from './Array';
+import ArrayPushButton from './ArrayPushButton';
+import ArrayRemoveElementButton from './ArrayRemoveElementButton';
+import IterateElementContext from './IterateElementContext';
+declare const Iterate: {
+    Array: typeof ArrayComponent;
+    ArrayPushButton: typeof ArrayPushButton;
+    ArrayRemoveElementButton: typeof ArrayRemoveElementButton;
+};
+export default Iterate;
+export { IterateElementContext };

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "IterateElementContext", {
+  enumerable: true,
+  get: function () {
+    return _IterateElementContext.default;
+  }
+});
+exports.default = void 0;
+var _Array = _interopRequireDefault(require("./Array"));
+var _ArrayPushButton = _interopRequireDefault(require("./ArrayPushButton"));
+var _ArrayRemoveElementButton = _interopRequireDefault(require("./ArrayRemoveElementButton"));
+var _IterateElementContext = _interopRequireDefault(require("./IterateElementContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Iterate = {
+  Array: _Array.default,
+  ArrayPushButton: _ArrayPushButton.default,
+  ArrayRemoveElementButton: _ArrayRemoveElementButton.default
+};
+var _default = Iterate;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Array","_interopRequireDefault","require","_ArrayPushButton","_ArrayRemoveElementButton","_IterateElementContext","obj","__esModule","default","Iterate","Array","ArrayComponent","ArrayPushButton","ArrayRemoveElementButton","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import ArrayComponent from './Array'\nimport ArrayPushButton from './ArrayPushButton'\nimport ArrayRemoveElementButton from './ArrayRemoveElementButton'\nimport IterateElementContext from './IterateElementContext'\n\nconst Iterate = {\n  Array: ArrayComponent,\n  ArrayPushButton,\n  ArrayRemoveElementButton,\n}\n\nexport default Iterate\n\nexport { IterateElementContext }\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,yBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,sBAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA2D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3D,MAAMG,OAAO,GAAG;EACdC,KAAK,EAAEC,cAAc;EACrBC,eAAe,EAAfA,wBAAe;EACfC,wBAAwB,EAAxBA;AACF,CAAC;AAAA,IAAAC,QAAA,GAEcL,OAAO;AAAAM,OAAA,CAAAP,OAAA,GAAAM,QAAA"}

package/cjs/extensions/forms/Layout/ButtonRow.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export type Props = ComponentProps & {
     children?: React.ReactNode;
 };

package/cjs/extensions/forms/Layout/ButtonRow.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _elements = require("../../../elements");
-var _utils = require("../utils");
+var _types = require("../types");
 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 ButtonRow(props) {
@@ -17,7 +17,7 @@ function ButtonRow(props) {
   } = props;
   return _react.default.createElement(_elements.Div, _extends({
     className: (0, _classnames.default)('dnb-forms-button-row', className)
-  }, (0, _utils.forwardSpaceProps)(props)), children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 ButtonRow._supportsEufemiaSpacingProps = true;
 var _default = ButtonRow;

package/cjs/extensions/forms/Layout/ButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonRow.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ButtonRow","props","className","children","createElement","Div","classnames","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/ButtonRow.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction ButtonRow(props: Props) {\n  const { className, children } = props\n  return (\n    <Div\n      className={classnames('dnb-forms-button-row', className)}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </Div>\n  )\n}\n\nButtonRow._supportsEufemiaSpacingProps = true\nexport default ButtonRow\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAO5C,SAASQ,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACExB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,SAAA,CAAAwB,GAAG,EAAAnB,QAAA;IACFgB,SAAS,EAAE,IAAAI,mBAAU,EAAC,sBAAsB,EAAEJ,SAAS;EAAE,GACrD,IAAAK,wBAAiB,EAACN,KAAK,CAAC,GAE3BE,QACE,CAAC;AAEV;AAEAH,SAAS,CAACQ,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC9BT,SAAS;AAAAU,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}
+{"version":3,"file":"ButtonRow.js","names":["_react","_interopRequireDefault","require","_classnames","_elements","_types","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","ButtonRow","props","className","children","createElement","Div","classnames","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/ButtonRow.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { ComponentProps, pickSpacingProps } from '../types'\n\nexport type Props = ComponentProps & {\n  children?: React.ReactNode\n}\n\nfunction ButtonRow(props: Props) {\n  const { className, children } = props\n  return (\n    <Div\n      className={classnames('dnb-forms-button-row', className)}\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </Div>\n  )\n}\n\nButtonRow._supportsEufemiaSpacingProps = true\nexport default ButtonRow\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA2D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAM3D,SAASQ,SAASA,CAACC,KAAY,EAAE;EAC/B,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACrC,OACExB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,SAAA,CAAAwB,GAAG,EAAAnB,QAAA;IACFgB,SAAS,EAAE,IAAAI,mBAAU,EAAC,sBAAsB,EAAEJ,SAAS;EAAE,GACrD,IAAAK,uBAAgB,EAACN,KAAK,CAAC,GAE1BE,QACE,CAAC;AAEV;AAEAH,SAAS,CAACQ,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC9BT,SAAS;AAAAU,OAAA,CAAAzB,OAAA,GAAAwB,QAAA"}

package/cjs/extensions/forms/Layout/Card.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 import { Props as FlexContainerProps } from './FlexContainer';
 export type Props = ComponentProps & {
     stack?: boolean;

package/cjs/extensions/forms/Layout/Card.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../utils");
+var _types = require("../types");
 var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
 var _FlexItem = _interopRequireDefault(require("./FlexItem"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -25,7 +25,7 @@ function Card(props) {
       direction: "column",
       divider: "line",
       spacing: spacing ?? 'medium'
-    }, (0, _utils.forwardSpaceProps)(props)), children);
+    }, (0, _types.pickSpacingProps)(props)), children);
   }
   if (direction || spacing) {
     return _react.default.createElement(_FlexContainer.default, _extends({
@@ -33,11 +33,11 @@ function Card(props) {
       direction: direction ?? 'column',
       divider: "space",
       spacing: spacing ?? 'small'
-    }, (0, _utils.forwardSpaceProps)(props)), children);
+    }, (0, _types.pickSpacingProps)(props)), children);
   }
-  return _react.default.createElement(_FlexItem.default, {
+  return _react.default.createElement(_FlexItem.default, _extends({
     className: (0, _classnames.default)('dnb-forms-card', className)
-  }, children);
+  }, (0, _types.pickSpacingProps)(props)), children);
 }
 Card._supportsEufemiaSpacingProps = true;
 var _default = Card;

package/cjs/extensions/forms/Layout/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_react","_interopRequireDefault","require","_classnames","_utils","_FlexContainer","_FlexItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Card","props","className","stack","direction","spacing","children","createElement","classnames","divider","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\nimport FlexItem from './FlexItem'\n\nexport type Props = ComponentProps & {\n  stack?: boolean\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Card(props: Props) {\n  const { className, stack, direction, spacing, children } = props\n\n  if (stack) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction=\"column\"\n        divider=\"line\"\n        spacing={spacing ?? 'medium'}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  if (direction || spacing) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction={direction ?? 'column'}\n        divider=\"space\"\n        spacing={spacing ?? 'small'}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  return (\n    <FlexItem className={classnames('dnb-forms-card', className)}>\n      {children}\n    </FlexItem>\n  )\n}\n\nCard._supportsEufemiaSpacingProps = true\nexport default Card\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AASjC,SAASQ,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEhE,IAAIE,KAAK,EAAE;IACT,OACE3B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAC,QAAQ;MAClBK,OAAO,EAAC,MAAM;MACdJ,OAAO,EAAEA,OAAO,IAAI;IAAS,GACzB,IAAAK,wBAAiB,EAACT,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,IAAIF,SAAS,IAAIC,OAAO,EAAE;IACxB,OACE7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAEA,SAAS,IAAI,QAAS;MACjCK,OAAO,EAAC,OAAO;MACfJ,OAAO,EAAEA,OAAO,IAAI;IAAQ,GACxB,IAAAK,wBAAiB,EAACT,KAAK,CAAC,GAE3BK,QACY,CAAC;EAEpB;EAEA,OACE9B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAACzB,SAAA,CAAAG,OAAQ;IAACiB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS;EAAE,GAC1DI,QACO,CAAC;AAEf;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACzBZ,IAAI;AAAAa,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}
+{"version":3,"file":"Card.js","names":["_react","_interopRequireDefault","require","_classnames","_types","_FlexContainer","_FlexItem","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Card","props","className","stack","direction","spacing","children","createElement","classnames","divider","pickSpacingProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Card.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps, pickSpacingProps } from '../types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\nimport FlexItem from './FlexItem'\n\nexport type Props = ComponentProps & {\n  stack?: boolean\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Card(props: Props) {\n  const { className, stack, direction, spacing, children } = props\n\n  if (stack) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction=\"column\"\n        divider=\"line\"\n        spacing={spacing ?? 'medium'}\n        {...pickSpacingProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  if (direction || spacing) {\n    return (\n      <FlexContainer\n        className={classnames('dnb-forms-card', className)}\n        direction={direction ?? 'column'}\n        divider=\"space\"\n        spacing={spacing ?? 'small'}\n        {...pickSpacingProps(props)}\n      >\n        {children}\n      </FlexContainer>\n    )\n  }\n\n  return (\n    <FlexItem\n      className={classnames('dnb-forms-card', className)}\n      {...pickSpacingProps(props)}\n    >\n      {children}\n    </FlexItem>\n  )\n}\n\nCard._supportsEufemiaSpacingProps = true\nexport default Card\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAGA,IAAAI,SAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAiC,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AASjC,SAASQ,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAS,CAAC,GAAGL,KAAK;EAEhE,IAAIE,KAAK,EAAE;IACT,OACE3B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAC,QAAQ;MAClBK,OAAO,EAAC,MAAM;MACdJ,OAAO,EAAEA,OAAO,IAAI;IAAS,GACzB,IAAAK,uBAAgB,EAACT,KAAK,CAAC,GAE1BK,QACY,CAAC;EAEpB;EAEA,IAAIF,SAAS,IAAIC,OAAO,EAAE;IACxB,OACE7B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAAC1B,cAAA,CAAAI,OAAa,EAAAC,QAAA;MACZgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS,CAAE;MACnDE,SAAS,EAAEA,SAAS,IAAI,QAAS;MACjCK,OAAO,EAAC,OAAO;MACfJ,OAAO,EAAEA,OAAO,IAAI;IAAQ,GACxB,IAAAK,uBAAgB,EAACT,KAAK,CAAC,GAE1BK,QACY,CAAC;EAEpB;EAEA,OACE9B,MAAA,CAAAS,OAAA,CAAAsB,aAAA,CAACzB,SAAA,CAAAG,OAAQ,EAAAC,QAAA;IACPgB,SAAS,EAAE,IAAAM,mBAAU,EAAC,gBAAgB,EAAEN,SAAS;EAAE,GAC/C,IAAAQ,uBAAgB,EAACT,KAAK,CAAC,GAE1BK,QACO,CAAC;AAEf;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GACzBZ,IAAI;AAAAa,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

package/cjs/extensions/forms/Layout/FlexContainer.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { ComponentProps } from '../component-types';
+import { ComponentProps } from '../types';
 export declare function isHeadingElement(element: any): boolean;
 export declare const isEufemiaElement: (element: any) => boolean;
 /**
@@ -14,6 +14,7 @@ export type Props = ComponentProps & {
     divider?: 'space' | 'line';
     /** Spacing between items inside */
     spacing?: false | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    width?: 'small' | 'medium' | 'large';
     children: React.ReactNode;
 };
 declare function FlexContainer(props: Props): import("react/jsx-runtime").JSX.Element;

package/cjs/extensions/forms/Layout/FlexContainer.js

@@ -10,7 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../components");
 var EufemiaElements = _interopRequireWildcard(require("../../../elements"));
-var _utils = require("../utils");
+var _types = require("../types");
 var _MainHeading = _interopRequireDefault(require("./MainHeading"));
 var _SubHeading = _interopRequireDefault(require("./SubHeading"));
 var _hr;
@@ -55,15 +55,16 @@ function FlexContainer(props) {
     direction = 'column',
     wrap = false,
     justify = 'flex-start',
-    align = 'stretch',
+    align = 'flex-start',
     divider = 'space',
-    spacing = 'small'
+    spacing = 'small',
+    width
   } = props;
-  const cn = (0, _classnames.default)('dnb-forms-flex-container', className, direction && `dnb-forms-flex-container--direction-${direction}`, justify && `dnb-forms-flex-container--justify-${justify}`, align && `dnb-forms-flex-container--align-${align}`, wrap && `dnb-forms-flex-container--wrap`, divider && `dnb-forms-flex-container--divider-${divider}`, spacing && `dnb-forms-flex-container--spacing-${spacing}`);
+  const cn = (0, _classnames.default)('dnb-forms-flex-container', className, direction && `dnb-forms-flex-container--direction-${direction}`, justify && `dnb-forms-flex-container--justify-${justify}`, align && `dnb-forms-flex-container--align-${align}`, wrap && `dnb-forms-flex-container--wrap`, divider && `dnb-forms-flex-container--divider-${divider}`, spacing && `dnb-forms-flex-container--spacing-${spacing}`, width && `dnb-forms-flex-container--width-${width}`);
   const childrenArray = _react.default.Children.toArray(children);
   return _react.default.createElement(EufemiaElements.Div, _extends({
     className: cn
-  }, (0, _utils.forwardSpaceProps)(props)), direction === 'column' ? childrenArray.map((child, i) => {
+  }, (0, _types.pickSpacingProps)(props)), direction === 'column' ? childrenArray.map((child, i) => {
     const isFirst = i === 0;
     const previousChild = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[i - 1];
     const currentIsHeading = isHeadingElement(child);