@dnb/eufemia 10.5.0 → 10.7.0

package/cjs/extensions/forms/FieldGroup/FieldGroup.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.FieldGroupContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _FieldBlock = _interopRequireDefault(require("../FieldBlock"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+const FieldGroupContext = _react.default.createContext(undefined);
+exports.FieldGroupContext = FieldGroupContext;
+function FieldGroup(props) {
+  const {
+    className,
+    label,
+    labelDescription,
+    labelSecondary,
+    info,
+    warning,
+    error,
+    children
+  } = props;
+  const [fieldErrorRecord, setFieldErrorRecord] = (0, _react.useState)({});
+  const [showFieldErrorRecord, setShowFieldErrorRecord] = (0, _react.useState)({});
+  const setFieldError = (0, _react.useCallback)((id, error) => {
+    setFieldErrorRecord(existing => {
+      if (error) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: error
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const setShowFieldError = (0, _react.useCallback)((id, show) => {
+    setShowFieldErrorRecord(existing => {
+      if (show) {
+        return _objectSpread(_objectSpread({}, existing), {}, {
+          [id]: true
+        });
+      } else {
+        const {
+            [id]: removed
+          } = existing,
+          newRecord = _objectWithoutProperties(existing, [id].map(_toPropertyKey));
+        return newRecord;
+      }
+    });
+  }, []);
+  const blockError = (0, _react.useMemo)(() => {
+    const errors = Object.entries(fieldErrorRecord).filter(_ref => {
+      let [id] = _ref;
+      return showFieldErrorRecord[id] === true;
+    }).map(_ref2 => {
+      let [, error] = _ref2;
+      return error;
+    });
+    return errors.length > 0 ? new Error(errors.map(error => error.message).join(' | ')) : undefined;
+  }, [fieldErrorRecord, showFieldErrorRecord]);
+  return _react.default.createElement(FieldGroupContext.Provider, {
+    value: {
+      setFieldError,
+      setShowFieldError
+    }
+  }, _react.default.createElement(_FieldBlock.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-field-group', className),
+    label: label,
+    labelDescription: labelDescription,
+    labelSecondary: labelSecondary,
+    info: info,
+    warning: warning,
+    error: error ?? blockError
+  }, (0, _utils.forwardSpaceProps)(props)), children));
+}
+FieldGroup._supportsEufemiaSpacingProps = true;
+var _default = FieldGroup;
+exports.default = _default;
+//# sourceMappingURL=FieldGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldGroup.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_utils","_FieldBlock","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ownKeys","object","enumerableOnly","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","FieldGroupContext","React","createContext","exports","FieldGroup","props","className","label","labelDescription","labelSecondary","info","warning","error","children","fieldErrorRecord","setFieldErrorRecord","useState","showFieldErrorRecord","setShowFieldErrorRecord","setFieldError","useCallback","id","existing","removed","newRecord","map","setShowFieldError","show","blockError","useMemo","errors","entries","_ref","_ref2","Error","message","join","createElement","Provider","classnames","forwardSpaceProps","_supportsEufemiaSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/FieldGroup/FieldGroup.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { FormError } from '../types'\nimport { forwardSpaceProps } from '../utils'\nimport FieldBlock from '../FieldBlock'\nimport type { FieldProps } from '../field-types'\n\nexport interface FieldGroupContextState {\n  setFieldError?: (id: string, error: FormError) => void\n  setShowFieldError?: (id: string, showError: boolean) => void\n}\n\nexport const FieldGroupContext = React.createContext<\n  FieldGroupContextState | undefined\n>(undefined)\n\nexport type Props = ComponentProps &\n  Pick<\n    FieldProps,\n    | 'label'\n    | 'labelDescription'\n    | 'labelSecondary'\n    | 'info'\n    | 'warning'\n    | 'error'\n  > & {\n    children: React.ReactNode\n  }\n\nfunction FieldGroup(props: Props) {\n  const {\n    className,\n    label,\n    labelDescription,\n    labelSecondary,\n    info,\n    warning,\n    error,\n    children,\n  } = props\n\n  const [fieldErrorRecord, setFieldErrorRecord] = useState<\n    Record<string, FormError>\n  >({})\n  const [showFieldErrorRecord, setShowFieldErrorRecord] = useState<\n    Record<string, boolean>\n  >({})\n\n  const setFieldError = useCallback((id, error) => {\n    setFieldErrorRecord((existing) => {\n      if (error) {\n        return {\n          ...existing,\n          [id]: error,\n        }\n      } else {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const { [id]: removed, ...newRecord } = existing\n        return newRecord\n      }\n    })\n  }, [])\n\n  const setShowFieldError = useCallback((id, show) => {\n    setShowFieldErrorRecord((existing) => {\n      if (show) {\n        return {\n          ...existing,\n          [id]: true,\n        }\n      } else {\n        const { [id]: removed, ...newRecord } = existing\n        return newRecord\n      }\n    })\n  }, [])\n\n  const blockError = useMemo(() => {\n    const errors = Object.entries(fieldErrorRecord)\n      .filter(([id]) => showFieldErrorRecord[id] === true)\n      .map(([, error]) => error)\n    return errors.length > 0\n      ? new Error(errors.map((error) => error.message).join(' | '))\n      : undefined\n  }, [fieldErrorRecord, showFieldErrorRecord])\n\n  return (\n    <FieldGroupContext.Provider\n      value={{\n        setFieldError,\n        setShowFieldError,\n      }}\n    >\n      <FieldBlock\n        className={classnames('dnb-forms-field-group', className)}\n        label={label}\n        labelDescription={labelDescription}\n        labelSecondary={labelSecondary}\n        info={info}\n        warning={warning}\n        error={error ?? blockError}\n        {...forwardSpaceProps(props)}\n      >\n        {children}\n      </FieldBlock>\n    </FieldGroupContext.Provider>\n  )\n}\n\nFieldGroup._supportsEufemiaSpacingProps = true\nexport default FieldGroup\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _FieldGroup.default;
+  }
+});
+var _FieldGroup = _interopRequireWildcard(require("./FieldGroup"));
+Object.keys(_FieldGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FieldGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _FieldGroup[key];
+    }
+  });
+});
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { Field } from './index';
+export * from './index';
+export default Field;

package/cjs/extensions/forms/Forms.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {};
+exports.default = void 0;
+var _index = require("./index");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _default = _index.Field;
+exports.default = _default;
+//# sourceMappingURL=Forms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Forms.js","names":["_index","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_default","Field","default"],"sources":["../../../../src/extensions/forms/Forms.ts"],"sourcesContent":["import { Field } from './index'\nexport * from './index'\nexport default Field\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAb,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AAAuB,IAAAS,QAAA,GACRC,YAAK;AAAAL,OAAA,CAAAM,OAAA,GAAAF,QAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    children?: React.ReactNode;
+};
+declare function ButtonRow(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ButtonRow {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default ButtonRow;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _elements = require("../../../elements");
+var _utils = require("../utils");
+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) {
+  const {
+    className,
+    children
+  } = props;
+  return _react.default.createElement(_elements.Div, _extends({
+    className: (0, _classnames.default)('dnb-forms-button-row', className)
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+ButtonRow._supportsEufemiaSpacingProps = true;
+var _default = ButtonRow;
+exports.default = _default;
+//# sourceMappingURL=ButtonRow.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = ComponentProps & {
+    stack?: boolean;
+    direction?: FlexContainerProps['direction'];
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode;
+};
+declare function Card(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Card {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Card;

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

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
+var _FlexItem = _interopRequireDefault(require("./FlexItem"));
+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 Card(props) {
+  const {
+    className,
+    stack,
+    direction,
+    spacing,
+    children
+  } = props;
+  if (stack) {
+    return _react.default.createElement(_FlexContainer.default, _extends({
+      className: (0, _classnames.default)('dnb-forms-card', className),
+      direction: "column",
+      divider: "line",
+      spacing: spacing ?? 'medium'
+    }, (0, _utils.forwardSpaceProps)(props)), children);
+  }
+  if (direction || spacing) {
+    return _react.default.createElement(_FlexContainer.default, _extends({
+      className: (0, _classnames.default)('dnb-forms-card', className),
+      direction: direction ?? 'column',
+      divider: "space",
+      spacing: spacing ?? 'small'
+    }, (0, _utils.forwardSpaceProps)(props)), children);
+  }
+  return _react.default.createElement(_FlexItem.default, {
+    className: (0, _classnames.default)('dnb-forms-card', className)
+  }, children);
+}
+Card._supportsEufemiaSpacingProps = true;
+var _default = Card;
+exports.default = _default;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,7 @@
+import { Props as FlexContainerProps } from './FlexContainer';
+export type Props = Omit<FlexContainerProps, 'direction'>;
+declare function Column({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Column {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Column;

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

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _FlexContainer = _interopRequireDefault(require("./FlexContainer"));
+const _excluded = ["children"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function Column(_ref) {
+  let {
+      children
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return _react.default.createElement(_FlexContainer.default, _extends({
+    direction: "column"
+  }, props), children);
+}
+Column._supportsEufemiaSpacingProps = true;
+var _default = Column;
+exports.default = _default;
+//# sourceMappingURL=Column.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Column.js","names":["_react","_interopRequireDefault","require","_FlexContainer","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Column","_ref","children","props","createElement","direction","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/Column.tsx"],"sourcesContent":["import React from 'react'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from './FlexContainer'\n\nexport type Props = Omit<FlexContainerProps, 'direction'>\n\nfunction Column({ children, ...props }: Props) {\n  return (\n    <FlexContainer direction=\"column\" {...props}>\n      {children}\n    </FlexContainer>\n  )\n}\n\nColumn._supportsEufemiaSpacingProps = true\nexport default Column\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEwB,MAAAE,SAAA;AAAA,SAAAH,uBAAAI,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;AAAA,SAAAQ,yBAAAN,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,GAAAY,6BAAA,CAAAR,MAAA,EAAAO,QAAA,OAAAN,GAAA,EAAAJ,CAAA,MAAAJ,MAAA,CAAAgB,qBAAA,QAAAC,gBAAA,GAAAjB,MAAA,CAAAgB,qBAAA,CAAAT,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAa,gBAAA,CAAAX,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAS,gBAAA,CAAAb,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,uBAAAR,MAAA,CAAAS,SAAA,CAAAU,oBAAA,CAAAR,IAAA,CAAAJ,MAAA,EAAAC,GAAA,aAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,cAAAL,MAAA;AAAA,SAAAY,8BAAAR,MAAA,EAAAO,QAAA,QAAAP,MAAA,yBAAAJ,MAAA,WAAAiB,UAAA,GAAApB,MAAA,CAAAqB,IAAA,CAAAd,MAAA,OAAAC,GAAA,EAAAJ,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAgB,UAAA,CAAAd,MAAA,EAAAF,CAAA,MAAAI,GAAA,GAAAY,UAAA,CAAAhB,CAAA,OAAAU,QAAA,CAAAI,OAAA,CAAAV,GAAA,kBAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,YAAAL,MAAA;AAIxB,SAASmB,MAAMA,CAAAC,IAAA,EAAgC;EAAA,IAA/B;MAAEC;IAA0B,CAAC,GAAAD,IAAA;IAAdE,KAAK,GAAAZ,wBAAA,CAAAU,IAAA,EAAA5B,SAAA;EAClC,OACEJ,MAAA,CAAAO,OAAA,CAAA4B,aAAA,CAAChC,cAAA,CAAAI,OAAa,EAAAC,QAAA;IAAC4B,SAAS,EAAC;EAAQ,GAAKF,KAAK,GACxCD,QACY,CAAC;AAEpB;AAEAF,MAAM,CAACM,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC3BP,MAAM;AAAAQ,OAAA,CAAAhC,OAAA,GAAA+B,QAAA"}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export declare function isHeadingElement(element: any): boolean;
+export declare const isEufemiaElement: (element: any) => boolean;
+/**
+ * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?
+ */
+export declare const isSpacePropsComponent: (element: React.ReactNode) => boolean;
+export type Props = ComponentProps & {
+    direction?: 'row' | 'column';
+    wrap?: boolean;
+    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
+    align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
+    divider?: 'space' | 'line';
+    /** Spacing between items inside */
+    spacing?: false | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
+    children: React.ReactNode;
+};
+declare function FlexContainer(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FlexContainer {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FlexContainer;

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

@@ -0,0 +1,105 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEufemiaElement = exports.default = void 0;
+exports.isHeadingElement = isHeadingElement;
+exports.isSpacePropsComponent = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var EufemiaElements = _interopRequireWildcard(require("../../../elements"));
+var _utils = require("../utils");
+var _MainHeading = _interopRequireDefault(require("./MainHeading"));
+var _SubHeading = _interopRequireDefault(require("./SubHeading"));
+var _hr;
+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 _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 isHeadingElement(element) {
+  return element.type === _MainHeading.default || element.type === _SubHeading.default;
+}
+const getSpaceTop = element => {
+  var _element$props, _element$props2;
+  if (!_react.default.isValidElement(element)) {
+    return;
+  }
+  return ((_element$props = element.props) === null || _element$props === void 0 ? void 0 : _element$props.top) ?? (typeof ((_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.space) === 'object' ? element.props.space.top : undefined);
+};
+const getSpaceBottom = element => {
+  var _element$props3, _element$props4;
+  if (!_react.default.isValidElement(element)) {
+    return;
+  }
+  return ((_element$props3 = element.props) === null || _element$props3 === void 0 ? void 0 : _element$props3.bottom) ?? (typeof ((_element$props4 = element.props) === null || _element$props4 === void 0 ? void 0 : _element$props4.space) === 'object' ? element.props.space.bottom : undefined);
+};
+const isEufemiaElement = element => {
+  return Object.values(EufemiaElements).some(eufemiaElement => (element === null || element === void 0 ? void 0 : element.type) === eufemiaElement);
+};
+exports.isEufemiaElement = isEufemiaElement;
+const isSpacePropsComponent = element => {
+  var _element$type;
+  return _react.default.isValidElement(element) && (element === null || element === void 0 ? void 0 : (_element$type = element.type) === null || _element$type === void 0 ? void 0 : _element$type['_supportsEufemiaSpacingProps']) === true || isEufemiaElement(element);
+};
+exports.isSpacePropsComponent = isSpacePropsComponent;
+const renderWithSpacing = (element, props) => {
+  const takesSpaceProps = isSpacePropsComponent(element);
+  return takesSpaceProps ? _react.default.cloneElement(element, props) : _react.default.createElement(EufemiaElements.Div, props, element);
+};
+function FlexContainer(props) {
+  const {
+    className,
+    children,
+    direction = 'column',
+    wrap = false,
+    justify = 'flex-start',
+    align = 'stretch',
+    divider = 'space',
+    spacing = 'small'
+  } = 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 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) => {
+    const isFirst = i === 0;
+    const previousChild = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray[i - 1];
+    const currentIsHeading = isHeadingElement(child);
+    const previousWasHeading = i > 0 && isHeadingElement(previousChild);
+    const bottom = 0;
+    if (divider === 'line' && !isFirst && !previousWasHeading && !currentIsHeading) {
+      const spaceAboveLine = getSpaceBottom(previousChild) ?? spacing;
+      const top = getSpaceTop(child) ?? spacing;
+      return _react.default.createElement(_react.default.Fragment, {
+        key: `element-${i}`
+      }, _react.default.createElement(_components.Space, {
+        top: spaceAboveLine
+      }), _hr || (_hr = _react.default.createElement("hr", {
+        className: "dnb-forms-flex-container__hr"
+      })), renderWithSpacing(child, {
+        space: {
+          top,
+          bottom
+        },
+        top,
+        bottom
+      }));
+    }
+    const top = isFirst ? 0 : getSpaceTop(child) ?? getSpaceBottom(previousChild) ?? spacing;
+    return renderWithSpacing(child, {
+      key: `element-${i}`,
+      space: {
+        top,
+        bottom
+      },
+      top,
+      bottom
+    });
+  }) : children);
+}
+FlexContainer._supportsEufemiaSpacingProps = true;
+var _default = FlexContainer;
+exports.default = _default;
+//# sourceMappingURL=FlexContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexContainer.js","names":["_react","_interopRequireDefault","require","_classnames","_components","EufemiaElements","_interopRequireWildcard","_utils","_MainHeading","_SubHeading","_hr","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","isHeadingElement","element","type","MainHeading","SubHeading","getSpaceTop","_element$props","_element$props2","React","isValidElement","props","top","space","undefined","getSpaceBottom","_element$props3","_element$props4","bottom","isEufemiaElement","values","some","eufemiaElement","exports","isSpacePropsComponent","_element$type","renderWithSpacing","takesSpaceProps","cloneElement","createElement","Div","FlexContainer","className","children","direction","wrap","justify","align","divider","spacing","cn","classnames","childrenArray","Children","toArray","forwardSpaceProps","map","child","isFirst","previousChild","currentIsHeading","previousWasHeading","spaceAboveLine","Fragment","Space","_supportsEufemiaSpacingProps","_default"],"sources":["../../../../../src/extensions/forms/Layout/FlexContainer.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Space } from '../../../components'\nimport { Div } from '../../../elements'\nimport * as EufemiaElements from '../../../elements'\nimport { SpaceType } from '../../../components/space/types'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport MainHeading from './MainHeading'\nimport SubHeading from './SubHeading'\n\nexport function isHeadingElement(element): boolean {\n  return element.type === MainHeading || element.type === SubHeading\n}\n\nconst getSpaceTop = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.top ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.top\n      : undefined)\n  )\n}\n\nconst getSpaceBottom = (\n  element: React.ReactChild | React.ReactFragment | React.ReactPortal\n): SpaceType | undefined => {\n  if (!React.isValidElement(element)) {\n    return\n  }\n  return (\n    element.props?.bottom ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space.bottom\n      : undefined)\n  )\n}\n\nexport const isEufemiaElement = (element): boolean => {\n  return Object.values(EufemiaElements).some(\n    (eufemiaElement) => element?.type === eufemiaElement\n  )\n}\n\n/**\n * Is the requested element a component that can receive Eufemia space props (space, top, bottom, left and right)?\n */\nexport const isSpacePropsComponent = (\n  element: React.ReactNode\n): boolean => {\n  return (\n    (React.isValidElement(element) &&\n      element?.type?.['_supportsEufemiaSpacingProps'] === true) ||\n    isEufemiaElement(element)\n  )\n}\n\nconst renderWithSpacing = (element: React.ReactNode, props) => {\n  const takesSpaceProps = isSpacePropsComponent(element)\n\n  return takesSpaceProps ? (\n    React.cloneElement(element as React.ReactElement<unknown>, props)\n  ) : (\n    <Div {...props}>{element}</Div>\n  )\n}\n\nexport type Props = ComponentProps & {\n  direction?: 'row' | 'column'\n  wrap?: boolean\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  divider?: 'space' | 'line'\n  /** Spacing between items inside */\n  spacing?:\n    | false\n    | 'xx-small'\n    | 'x-small'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'x-large'\n    | 'xx-large'\n  children: React.ReactNode\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    children,\n    direction = 'column',\n    wrap = false,\n    justify = 'flex-start',\n    align = 'stretch',\n    divider = 'space',\n    spacing = 'small',\n  } = props\n\n  const cn = classnames(\n    'dnb-forms-flex-container',\n    direction && `dnb-forms-flex-container--direction-${direction}`,\n    justify && `dnb-forms-flex-container--justify-${justify}`,\n    align && `dnb-forms-flex-container--align-${align}`,\n    wrap && `dnb-forms-flex-container--wrap`,\n    divider && `dnb-forms-flex-container--divider-${divider}`,\n    spacing && `dnb-forms-flex-container--spacing-${spacing}`,\n    className\n  )\n  const childrenArray = React.Children.toArray(children)\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {direction === 'column'\n        ? childrenArray.map((child, i) => {\n            // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n            // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n            // and bottom when th\n            const isFirst = i === 0\n            const previousChild = childrenArray?.[i - 1]\n            const currentIsHeading = isHeadingElement(child)\n            const previousWasHeading =\n              i > 0 && isHeadingElement(previousChild)\n\n            // Always set spacing between elements in the column layout on the top props, and 0 on bottom, to avoid\n            // having to divide spacing between both with smaller values.\n            const bottom = 0\n\n            if (\n              divider === 'line' &&\n              // No line above first element\n              !isFirst &&\n              // No line above/below headings\n              !previousWasHeading &&\n              !currentIsHeading\n            ) {\n              const spaceAboveLine =\n                getSpaceBottom(previousChild) ?? spacing\n              const top = getSpaceTop(child) ?? spacing\n\n              return (\n                <React.Fragment key={`element-${i}`}>\n                  <Space top={spaceAboveLine} />\n                  <hr className=\"dnb-forms-flex-container__hr\" />\n                  {renderWithSpacing(child, {\n                    space: { top, bottom },\n                    top,\n                    bottom,\n                  })}\n                </React.Fragment>\n              )\n            }\n\n            const top =\n              // No space above first element.\n              isFirst\n                ? 0\n                : // Since top space of current and bottom space of previous component is the same\n                  getSpaceTop(child) ??\n                  getSpaceBottom(previousChild) ??\n                  spacing\n\n            return renderWithSpacing(child, {\n              key: `element-${i}`,\n              space: { top, bottom },\n              top,\n              bottom,\n            })\n          })\n        : // TODO: Consider doing the same with spacing between horizontal items (direction = row) as vertical\n          children}\n    </Div>\n  )\n}\n\nFlexContainer._supportsEufemiaSpacingProps = true\nexport default FlexContainer\n"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    grow?: boolean;
+    shrink?: boolean;
+    children: React.ReactNode;
+};
+declare function FlexItem(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace FlexItem {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default FlexItem;

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

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _elements = require("../../../elements");
+var _utils = require("../utils");
+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 FlexItem(props) {
+  const {
+    className,
+    grow,
+    shrink,
+    children
+  } = props;
+  const cn = (0, _classnames.default)('dnb-forms-flex-item', className, grow && 'dnb-forms-flex-item--grow', shrink && 'dnb-forms-flex-item--shrink');
+  return _react.default.createElement(_elements.Div, _extends({
+    className: cn
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+FlexItem._supportsEufemiaSpacingProps = true;
+var _default = FlexItem;
+exports.default = _default;
+//# sourceMappingURL=FlexItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlexItem.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","FlexItem","props","className","grow","shrink","children","cn","classnames","createElement","Div","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/Layout/FlexItem.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport type { ComponentProps } from '../component-types'\nimport { forwardSpaceProps } from '../utils'\n\nexport type Props = ComponentProps & {\n  grow?: boolean\n  shrink?: boolean\n  children: React.ReactNode\n}\n\nfunction FlexItem(props: Props) {\n  const { className, grow, shrink, children } = props\n  const cn = classnames(\n    'dnb-forms-flex-item',\n    grow && 'dnb-forms-flex-item--grow',\n    shrink && 'dnb-forms-flex-item--shrink',\n    className\n  )\n\n  return (\n    <Div className={cn} {...forwardSpaceProps(props)}>\n      {children}\n    </Div>\n  )\n}\n\nFlexItem._supportsEufemiaSpacingProps = true\nexport default FlexItem\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAEA,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;AAQ5C,SAASQ,QAAQA,CAACC,KAAY,EAAE;EAC9B,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,MAAM;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACnD,MAAMK,EAAE,GAAG,IAAAC,mBAAU,EACnB,qBAAqB,EAGrBL,SAAS,EAFTC,IAAI,IAAI,2BAA2B,EACnCC,MAAM,IAAI,6BAEZ,CAAC;EAED,OACE3B,MAAA,CAAAQ,OAAA,CAAAuB,aAAA,CAAC3B,SAAA,CAAA4B,GAAG,EAAAvB,QAAA;IAACgB,SAAS,EAAEI;EAAG,GAAK,IAAAI,wBAAiB,EAACT,KAAK,CAAC,GAC7CI,QACE,CAAC;AAEV;AAEAL,QAAQ,CAACW,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC7BZ,QAAQ;AAAAa,OAAA,CAAA5B,OAAA,GAAA2B,QAAA"}

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

@@ -0,0 +1,8 @@
+import { InfoCardProps } from '../../../components/info-card/InfoCard';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & InfoCardProps;
+declare function InfoCardSection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace InfoCardSection {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default InfoCardSection;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _utils = require("../utils");
+var _Section = _interopRequireDefault(require("./Section"));
+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 InfoCardSection(props) {
+  const {
+    className
+  } = props;
+  return _react.default.createElement(_Section.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-info-card-section', className)
+  }, (0, _utils.forwardSpaceProps)(props)), _react.default.createElement(_components.InfoCard, (0, _utils.omitSpaceProps)(props)));
+}
+InfoCardSection._supportsEufemiaSpacingProps = true;
+var _default = InfoCardSection;
+exports.default = _default;
+//# sourceMappingURL=InfoCardSection.js.map