@dnb/eufemia 10.43.0 → 10.45.0

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerContext.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Path } from '../../types';
+import { ContainerMode } from '../Array';
+type PushContainerContext = {
+    path: Path;
+    entries?: Array<unknown>;
+    commitHandleRef: React.MutableRefObject<() => void>;
+    switchContainerMode?: (mode: ContainerMode) => void;
+};
+declare const PushContainerContext: import("react").Context<PushContainerContext>;
+export default PushContainerContext;

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerContext.js

@@ -0,0 +1,12 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+const PushContainerContext = (0, _react.createContext)(null);
+var _default = PushContainerContext;
+exports.default = _default;
+//# sourceMappingURL=PushContainerContext.js.map

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PushContainerContext.js","names":["_react","require","PushContainerContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainerContext.tsx"],"sourcesContent":["import { createContext } from 'react'\nimport { Path } from '../../types'\nimport { ContainerMode } from '../Array'\n\ntype PushContainerContext = {\n  path: Path\n  entries?: Array<unknown>\n  commitHandleRef: React.MutableRefObject<() => void>\n  switchContainerMode?: (mode: ContainerMode) => void\n}\n\nconst PushContainerContext = createContext<PushContainerContext>(null)\n\nexport default PushContainerContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWA,MAAMC,oBAAoB,GAAG,IAAAC,oBAAa,EAAuB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAEvDF,oBAAoB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.d.ts

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

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PushContainerProperties = exports.PushContainerEvents = void 0;
+const PushContainerProperties = {
+  path: {
+    doc: 'The path to the array to add the new item to.',
+    type: 'string',
+    status: 'required'
+  },
+  title: {
+    doc: 'The title of the container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  openButton: {
+    doc: 'The button to open container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
+  showOpenButtonWhen: {
+    doc: 'Define when the "open button" should be shown. Should be a function that returns a boolean.',
+    type: 'function',
+    status: 'optional'
+  },
+  children: {
+    doc: 'The container contents.',
+    type: 'React.Node',
+    status: 'required'
+  },
+  '[Space](/uilib/layout/space/properties)': {
+    doc: 'Spacing properties like `top` or `bottom` are supported.',
+    type: ['string', 'object'],
+    status: 'optional'
+  }
+};
+exports.PushContainerProperties = PushContainerProperties;
+const PushContainerEvents = {};
+exports.PushContainerEvents = PushContainerEvents;
+//# sourceMappingURL=PushContainerDocs.js.map

package/cjs/extensions/forms/Iterate/PushContainer/PushContainerDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PushContainerDocs.js","names":["PushContainerProperties","path","doc","type","status","title","openButton","showOpenButtonWhen","children","exports","PushContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PushContainerProperties: PropertiesTableProps = {\n  path: {\n    doc: 'The path to the array to add the new item to.',\n    type: 'string',\n    status: 'required',\n  },\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  openButton: {\n    doc: 'The button to open container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  showOpenButtonWhen: {\n    doc: 'Define when the \"open button\" should be shown. Should be a function that returns a boolean.',\n    type: 'function',\n    status: 'optional',\n  },\n  children: {\n    doc: 'The container contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const PushContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,KAAK,EAAE;IACLH,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDG,kBAAkB,EAAE;IAClBL,GAAG,EAAE,6FAA6F;IAClGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,yBAAyB;IAC9BC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAK,OAAA,CAAAT,uBAAA,GAAAA,uBAAA;AAEM,MAAMU,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

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

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

package/cjs/extensions/forms/Iterate/PushContainer/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 _PushContainer.default;
+  }
+});
+var _PushContainer = _interopRequireWildcard(require("./PushContainer"));
+Object.keys(_PushContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _PushContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _PushContainer[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/Iterate/PushContainer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_PushContainer","_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/Iterate/PushContainer/index.ts"],"sourcesContent":["export { default } from './PushContainer'\nexport * from './PushContainer'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,cAAA,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,cAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,cAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAA+B,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/Iterate/RemoveButton/RemoveButton.js

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../../components");
-var _IterateElementContext = _interopRequireDefault(require("../IterateElementContext"));
+var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
 var _hooks = require("../../hooks");
 var _ElementBlockContext = _interopRequireDefault(require("../AnimatedContainer/ElementBlockContext"));
 var _types = require("../../types");
@@ -21,11 +21,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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 RemoveButton(props) {
-  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const iterateItemContext = (0, _react.useContext)(_IterateItemContext.default);
   const {
     handleRemove
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
-  if (!iterateElementContext) {
+  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
+  if (!iterateItemContext) {
     throw new Error('RemoveButton must be inside an Iterate.Array');
   }
   const {

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

@@ -1 +1 @@
-{"version":3,"file":"RemoveButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_ElementBlockContext","_types","_icons","_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","RemoveButton","props","iterateElementContext","useContext","IterateElementContext","handleRemove","Error","className","restProps","children","text","useFieldProps","buttonProps","omitDataValueReadWriteProps","translation","useTranslation","textContent","elementBlockContext","ElementBlockContext","handleRemoveBlock","handleClick","useCallback","createElement","Button","classnames","variant","icon","trash","icon_position","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.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 { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { handleRemove } = iterateElementContext ?? {}\n\n  if (!iterateElementContext) {\n    throw new Error('RemoveButton must be inside an Iterate.Array')\n  }\n\n  const { className, ...restProps } = props\n  const { children, text } = useFieldProps(restProps)\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const translation = useTranslation().RemoveButton\n  const textContent = text || children || translation.text\n\n  const elementBlockContext = useContext(ElementBlockContext)\n  const { handleRemoveBlock } = elementBlockContext ?? {}\n\n  const handleClick = useCallback(() => {\n    if (handleRemoveBlock) {\n      handleRemoveBlock()\n    } else {\n      handleRemove()\n    }\n  }, [handleRemove, handleRemoveBlock])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-iterate-remove-element-button',\n        className\n      )}\n      variant={textContent ? 'tertiary' : 'secondary'}\n      icon={trash}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {textContent}\n    </Button>\n  )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":"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"}
+{"version":3,"file":"RemoveButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_hooks","_ElementBlockContext","_types","_icons","_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","RemoveButton","props","iterateItemContext","useContext","IterateItemContext","handleRemove","Error","className","restProps","children","text","useFieldProps","buttonProps","omitDataValueReadWriteProps","translation","useTranslation","textContent","elementBlockContext","ElementBlockContext","handleRemoveBlock","handleClick","useCallback","createElement","Button","classnames","variant","icon","trash","icon_position","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/RemoveButton/RemoveButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateItemContext from '../IterateItemContext'\nimport { useFieldProps, useTranslation } from '../../hooks'\nimport ElementBlockContext from '../AnimatedContainer/ElementBlockContext'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../../types'\nimport { trash } from '../../../../icons'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]>\n\nfunction RemoveButton(props: Props) {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { handleRemove } = iterateItemContext ?? {}\n\n  if (!iterateItemContext) {\n    throw new Error('RemoveButton must be inside an Iterate.Array')\n  }\n\n  const { className, ...restProps } = props\n  const { children, text } = useFieldProps(restProps)\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const translation = useTranslation().RemoveButton\n  const textContent = text || children || translation.text\n\n  const elementBlockContext = useContext(ElementBlockContext)\n  const { handleRemoveBlock } = elementBlockContext ?? {}\n\n  const handleClick = useCallback(() => {\n    if (handleRemoveBlock) {\n      handleRemoveBlock()\n    } else {\n      handleRemove()\n    }\n  }, [handleRemove, handleRemoveBlock])\n\n  return (\n    <Button\n      className={classnames(\n        'dnb-forms-iterate-remove-element-button',\n        className\n      )}\n      variant={textContent ? 'tertiary' : 'secondary'}\n      icon={trash}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {textContent}\n    </Button>\n  )\n}\n\nRemoveButton._supportsSpacingProps = true\nexport default RemoveButton\n"],"mappings":"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"}

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

@@ -6,6 +6,10 @@ export type Props = {
      * The title of the ViewContainer.
      */
     title?: React.ReactNode;
+    /**
+     * An alternative toolbar to be shown in the ViewContainer.
+     */
+    toolbar?: React.ReactNode;
 };
 export type AllProps = Props & FlexContainerProps & ElementSectionProps;
 declare function ViewContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
 "use strict";
+"use client";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -10,10 +11,11 @@ var _componentHelper = require("../../../../shared/component-helper");
 var _components = require("../../../../components");
 var _elements = require("../../../../elements");
 var _ElementBlock = _interopRequireDefault(require("../AnimatedContainer/ElementBlock"));
+var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
 var _Toolbar2 = _interopRequireDefault(require("../Toolbar"));
 var _ViewToolbarTools = _interopRequireDefault(require("./ViewToolbarTools"));
 var _Toolbar;
-const _excluded = ["children", "className", "title"];
+const _excluded = ["children", "className", "title", "toolbar"];
 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; }
@@ -25,17 +27,23 @@ function ViewContainer(props) {
     {
       children,
       className,
-      title
+      title,
+      toolbar
     } = _ref,
     restProps = _objectWithoutProperties(_ref, _excluded);
-  const ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(title), [title]);
+  const iterateItemContext = (0, _react.useContext)(_IterateItemContext.default);
+  let itemTitle = title;
+  let ariaLabel = (0, _react.useMemo)(() => (0, _componentHelper.convertJsxToString)(itemTitle), [itemTitle]);
+  if (ariaLabel.includes('{itemNr}')) {
+    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', iterateItemContext.index + 1);
+  }
   return _react.default.createElement(_ElementBlock.default, _extends({
     mode: "view",
     ariaLabel: ariaLabel,
     className: (0, _classnames.default)('dnb-forms-section-view-block', className)
-  }, restProps), _react.default.createElement(_components.Flex.Stack, null, title && _react.default.createElement(_elements.Lead, {
+  }, restProps), _react.default.createElement(_components.Flex.Stack, null, itemTitle && _react.default.createElement(_elements.Lead, {
     size: "basis"
-  }, title), children, _Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_ViewToolbarTools.default, null)))));
+  }, itemTitle), children, toolbar !== null && toolbar !== void 0 ? toolbar : _Toolbar || (_Toolbar = _react.default.createElement(_Toolbar2.default, null, _react.default.createElement(_ViewToolbarTools.default, null)))));
 }
 ViewContainer._supportsSpacingProps = true;
 var _default = ViewContainer;

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

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_elements","_ElementBlock","_Toolbar2","_ViewToolbarTools","_Toolbar","_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","ViewContainer","props","_ref","children","className","title","restProps","ariaLabel","useMemo","convertJsxToString","createElement","mode","classnames","Flex","Stack","Lead","size","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n  const { children, className, title, ...restProps } = props || {}\n  const ariaLabel = useMemo(() => convertJsxToString(title), [title])\n\n  return (\n    <ElementBlock\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {title && <Lead size=\"basis\">{title}</Lead>}\n        {children}\n        <Toolbar>\n          <ViewToolbarTools />\n        </Toolbar>\n      </Flex.Stack>\n    </ElementBlock>\n  )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":"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"}
+{"version":3,"file":"ViewContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_components","_elements","_ElementBlock","_IterateItemContext","_Toolbar2","_ViewToolbarTools","_Toolbar","_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","ViewContainer","props","_ref","children","className","title","toolbar","restProps","iterateItemContext","useContext","IterateItemContext","itemTitle","ariaLabel","useMemo","convertJsxToString","includes","replace","index","createElement","mode","classnames","Flex","Stack","Lead","size","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport ViewToolbarTools from './ViewToolbarTools'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n}\n\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nfunction ViewContainer(props: AllProps) {\n  const { children, className, title, toolbar, ...restProps } = props || {}\n  const iterateItemContext = useContext(IterateItemContext)\n\n  let itemTitle = title\n  let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])\n  if (ariaLabel.includes('{itemNr}')) {\n    itemTitle = ariaLabel = ariaLabel.replace(\n      '{itemNr}',\n      iterateItemContext.index + 1\n    )\n  }\n\n  return (\n    <ElementBlock\n      mode=\"view\"\n      ariaLabel={ariaLabel}\n      className={classnames('dnb-forms-section-view-block', className)}\n      {...restProps}\n    >\n      <Flex.Stack>\n        {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n        {children}\n        {toolbar ?? (\n          <Toolbar>\n            <ViewToolbarTools />\n          </Toolbar>\n        )}\n      </Flex.Stack>\n    </ElementBlock>\n  )\n}\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js

@@ -15,6 +15,11 @@ const ViewContainerProperties = {
     type: 'string',
     status: 'optional'
   },
+  toolbar: {
+    doc: 'An alternative toolbar to be shown in the container.',
+    type: 'React.Node',
+    status: 'optional'
+  },
   '[FlexVertical](/uilib/layout/flex/container/)': {
     doc: 'All Flex.Vertical properties.',
     type: 'Various',

package/cjs/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContainerDocs.js","names":["ViewContainerProperties","title","doc","type","status","variant","exports","ViewContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ViewContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ViewContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,uBAAA,GAAAA,uBAAA;AAEM,MAAMO,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}
+{"version":3,"file":"ViewContainerDocs.js","names":["ViewContainerProperties","title","doc","type","status","variant","toolbar","exports","ViewContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const ViewContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Defines the variant of the container. Can be `outline` or `basic`. Defaults to `outline`.',\n    type: 'string',\n    status: 'optional',\n  },\n  toolbar: {\n    doc: 'An alternative toolbar to be shown in the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  '[FlexVertical](/uilib/layout/flex/container/)': {\n    doc: 'All Flex.Vertical properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ViewContainerEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,OAAO,EAAE;IACPH,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAG,OAAA,CAAAP,uBAAA,GAAAA,uBAAA;AAEM,MAAMQ,mBAAyC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,mBAAA,GAAAA,mBAAA"}

package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js

@@ -9,16 +9,16 @@ var _react = _interopRequireWildcard(require("react"));
 var _components = require("../../../../components");
 var _RemoveButton = _interopRequireDefault(require("../RemoveButton"));
 var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
-var _IterateElementContext = _interopRequireDefault(require("../IterateElementContext"));
+var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
 var _icons = require("../../../../icons");
 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 ViewToolbarTools() {
-  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
+  const iterateItemContext = (0, _react.useContext)(_IterateItemContext.default);
   const {
     switchContainerMode
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
   const translation = (0, _useTranslation.default)().IterateViewContainer;
   const editHandler = (0, _react.useCallback)(() => {
     switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');

package/cjs/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_RemoveButton","_interopRequireDefault","_useTranslation","_IterateElementContext","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ViewToolbarTools","iterateElementContext","useContext","IterateElementContext","switchContainerMode","translation","useTranslation","IterateViewContainer","editHandler","useCallback","createElement","Flex","Horizontal","gap","Button","variant","icon","edit","icon_position","on_click","editButton","text","removeButton"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { edit } from '../../../../icons'\n\nexport default function ViewToolbarTools() {\n  const iterateElementContext = useContext(IterateElementContext)\n  const { switchContainerMode } = iterateElementContext ?? {}\n\n  const translation = useTranslation().IterateViewContainer\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal gap=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={edit}\n        icon_position=\"left\"\n        on_click={editHandler}\n      >\n        {translation.editButton}\n      </Button>\n\n      <RemoveButton text={translation.removeButton} />\n    </Flex.Horizontal>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,sBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAwC,SAAAG,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAEzB,SAASW,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,qBAAqB,GAAG,IAAAC,iBAAU,EAACC,8BAAqB,CAAC;EAC/D,MAAM;IAAEC;EAAoB,CAAC,GAAGH,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE3D,MAAMI,WAAW,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,oBAAoB;EAEzD,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACEnC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACtC,WAAA,CAAAuC,IAAI,CAACC,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1B5C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACtC,WAAA,CAAA0C,MAAM;IACLC,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEC,WAAK;IACXC,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEX;EAAY,GAErBH,WAAW,CAACe,UACP,CAAC,EAETnD,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACrC,aAAA,CAAAO,OAAY;IAACyC,IAAI,EAAEhB,WAAW,CAACiB;EAAa,CAAE,CAChC,CAAC;AAEtB"}
+{"version":3,"file":"ViewToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_RemoveButton","_interopRequireDefault","_useTranslation","_IterateItemContext","_icons","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ViewToolbarTools","iterateItemContext","useContext","IterateItemContext","switchContainerMode","translation","useTranslation","IterateViewContainer","editHandler","useCallback","createElement","Flex","Horizontal","gap","Button","variant","icon","edit","icon_position","on_click","editButton","text","removeButton"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport RemoveButton from '../RemoveButton'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport { edit } from '../../../../icons'\n\nexport default function ViewToolbarTools() {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { switchContainerMode } = iterateItemContext ?? {}\n\n  const translation = useTranslation().IterateViewContainer\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal gap=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={edit}\n        icon_position=\"left\"\n        on_click={editHandler}\n      >\n        {translation.editButton}\n      </Button>\n\n      <RemoveButton text={translation.removeButton} />\n    </Flex.Horizontal>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,mBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAwC,SAAAG,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAEzB,SAASW,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,kBAAkB,GAAG,IAAAC,iBAAU,EAACC,2BAAkB,CAAC;EACzD,MAAM;IAAEC;EAAoB,CAAC,GAAGH,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAExD,MAAMI,WAAW,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,oBAAoB;EAEzD,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCL,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACEnC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACtC,WAAA,CAAAuC,IAAI,CAACC,UAAU;IAACC,GAAG,EAAC;EAAO,GAC1B5C,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACtC,WAAA,CAAA0C,MAAM;IACLC,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEC,WAAK;IACXC,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEX;EAAY,GAErBH,WAAW,CAACe,UACP,CAAC,EAETnD,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACrC,aAAA,CAAAO,OAAY;IAACyC,IAAI,EAAEhB,WAAW,CAACiB;EAAa,CAAE,CAChC,CAAC;AAEtB"}

package/cjs/extensions/forms/Iterate/hooks/useItem.d.ts

@@ -0,0 +1 @@
+export default function useItem(): import("../IterateItemContext").IterateItemContextState;

package/cjs/extensions/forms/Iterate/hooks/useItem.js

@@ -0,0 +1,15 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useItem;
+var _react = require("react");
+var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useItem() {
+  const item = (0, _react.useContext)(_IterateItemContext.default);
+  return item;
+}
+//# sourceMappingURL=useItem.js.map

package/cjs/extensions/forms/Iterate/hooks/useItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useItem.js","names":["_react","require","_IterateItemContext","_interopRequireDefault","obj","__esModule","default","useItem","item","useContext","IterateItemContext"],"sources":["../../../../../../src/extensions/forms/Iterate/hooks/useItem.ts"],"sourcesContent":["import { useContext } from 'react'\nimport IterateItemContext from '../IterateItemContext'\n\nexport default function useItem() {\n  const item = useContext(IterateItemContext)\n  return item\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAsD,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEvC,SAASG,OAAOA,CAAA,EAAG;EAChC,MAAMC,IAAI,GAAG,IAAAC,iBAAU,EAACC,2BAAkB,CAAC;EAC3C,OAAOF,IAAI;AACb"}

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

@@ -2,13 +2,15 @@ import PushButton from './PushButton';
 import RemoveButton from './RemoveButton';
 export { default as Array } from './Array';
 export { default as PushButton } from './PushButton';
+export { default as PushContainer } from './PushContainer';
 export { default as RemoveButton } from './RemoveButton';
 export { default as EditContainer } from './EditContainer';
 export { default as ViewContainer } from './ViewContainer';
 export { default as AnimatedContainer } from './AnimatedContainer';
 export { default as Toolbar } from './Toolbar';
 export { useCount, count, Count } from './Count';
-export { default as IterateElementContext } from './IterateElementContext';
+export { default as useItem } from './hooks/useItem';
+export { default as IterateItemContext } from './IterateItemContext';
 /**
  * Deprecated and will be removed in v11
  *

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

@@ -28,10 +28,10 @@ Object.defineProperty(exports, "EditContainer", {
     return _EditContainer.default;
   }
 });
-Object.defineProperty(exports, "IterateElementContext", {
+Object.defineProperty(exports, "IterateItemContext", {
   enumerable: true,
   get: function () {
-    return _IterateElementContext.default;
+    return _IterateItemContext.default;
   }
 });
 Object.defineProperty(exports, "PushButton", {
@@ -40,6 +40,12 @@ Object.defineProperty(exports, "PushButton", {
     return _PushButton.default;
   }
 });
+Object.defineProperty(exports, "PushContainer", {
+  enumerable: true,
+  get: function () {
+    return _PushContainer.default;
+  }
+});
 Object.defineProperty(exports, "RemoveButton", {
   enumerable: true,
   get: function () {
@@ -70,15 +76,23 @@ Object.defineProperty(exports, "useCount", {
     return _Count.useCount;
   }
 });
+Object.defineProperty(exports, "useItem", {
+  enumerable: true,
+  get: function () {
+    return _useItem.default;
+  }
+});
 var _PushButton = _interopRequireDefault(require("./PushButton"));
 var _RemoveButton = _interopRequireDefault(require("./RemoveButton"));
 var _Array = _interopRequireDefault(require("./Array"));
+var _PushContainer = _interopRequireDefault(require("./PushContainer"));
 var _EditContainer = _interopRequireDefault(require("./EditContainer"));
 var _ViewContainer = _interopRequireDefault(require("./ViewContainer"));
 var _AnimatedContainer = _interopRequireDefault(require("./AnimatedContainer"));
 var _Toolbar = _interopRequireDefault(require("./Toolbar"));
 var _Count = require("./Count");
-var _IterateElementContext = _interopRequireDefault(require("./IterateElementContext"));
+var _useItem = _interopRequireDefault(require("./hooks/useItem"));
+var _IterateItemContext = _interopRequireDefault(require("./IterateItemContext"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const ArrayPushButton = _PushButton.default;
 exports.ArrayPushButton = ArrayPushButton;

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_PushButton","_interopRequireDefault","require","_RemoveButton","_Array","_EditContainer","_ViewContainer","_AnimatedContainer","_Toolbar","_Count","_IterateElementContext","obj","__esModule","default","ArrayPushButton","PushButton","exports","ArrayRemoveElementButton","RemoveButton"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import PushButton from './PushButton'\nimport RemoveButton from './RemoveButton'\n\nexport { default as Array } from './Array'\nexport { default as PushButton } from './PushButton'\nexport { default as RemoveButton } from './RemoveButton'\nexport { default as EditContainer } from './EditContainer'\nexport { default as ViewContainer } from './ViewContainer'\nexport { default as AnimatedContainer } from './AnimatedContainer'\nexport { default as Toolbar } from './Toolbar'\nexport { useCount, count, Count } from './Count'\nexport { default as IterateElementContext } from './IterateElementContext'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"PushButton\" instead\n */\nexport const ArrayPushButton = PushButton\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"RemoveButton\" instead\n */\nexport const ArrayRemoveElementButton = RemoveButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,kBAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,sBAAA,GAAAT,sBAAA,CAAAC,OAAA;AAA0E,SAAAD,uBAAAU,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOnE,MAAMG,eAAe,GAAGC,mBAAU;AAAAC,OAAA,CAAAF,eAAA,GAAAA,eAAA;AAOlC,MAAMG,wBAAwB,GAAGC,qBAAY;AAAAF,OAAA,CAAAC,wBAAA,GAAAA,wBAAA"}
+{"version":3,"file":"index.js","names":["_PushButton","_interopRequireDefault","require","_RemoveButton","_Array","_PushContainer","_EditContainer","_ViewContainer","_AnimatedContainer","_Toolbar","_Count","_useItem","_IterateItemContext","obj","__esModule","default","ArrayPushButton","PushButton","exports","ArrayRemoveElementButton","RemoveButton"],"sources":["../../../../../src/extensions/forms/Iterate/index.ts"],"sourcesContent":["import PushButton from './PushButton'\nimport RemoveButton from './RemoveButton'\n\nexport { default as Array } from './Array'\nexport { default as PushButton } from './PushButton'\nexport { default as PushContainer } from './PushContainer'\nexport { default as RemoveButton } from './RemoveButton'\nexport { default as EditContainer } from './EditContainer'\nexport { default as ViewContainer } from './ViewContainer'\nexport { default as AnimatedContainer } from './AnimatedContainer'\nexport { default as Toolbar } from './Toolbar'\nexport { useCount, count, Count } from './Count'\nexport { default as useItem } from './hooks/useItem'\nexport { default as IterateItemContext } from './IterateItemContext'\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"PushButton\" instead\n */\nexport const ArrayPushButton = PushButton\n\n/**\n * Deprecated and will be removed in v11\n *\n * @deprecated use \"RemoveButton\" instead\n */\nexport const ArrayRemoveElementButton = RemoveButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAEA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,kBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,QAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,QAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,mBAAA,GAAAX,sBAAA,CAAAC,OAAA;AAAoE,SAAAD,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAO7D,MAAMG,eAAe,GAAGC,mBAAU;AAAAC,OAAA,CAAAF,eAAA,GAAAA,eAAA;AAOlC,MAAMG,wBAAwB,GAAGC,qBAAY;AAAAF,OAAA,CAAAC,wBAAA,GAAAA,wBAAA"}

package/cjs/extensions/forms/Iterate/style/dnb-iterate.css

@@ -1,6 +1,6 @@
 .dnb-forms-iterate__element {
   outline: none;
 }
-.dnb-forms-iterate > .dnb-forms-iterate__element:has(.dnb-forms-iterate-block) {
+.dnb-forms-iterate > .dnb-forms-iterate__element:has(> .dnb-forms-section-block) {
   margin-top: 0;
 }

package/cjs/extensions/forms/Iterate/style/dnb-iterate.min.css

@@ -1 +1 @@
-.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(.dnb-forms-iterate-block){margin-top:0}
+.dnb-forms-iterate__element{outline:none}.dnb-forms-iterate>.dnb-forms-iterate__element:has(>.dnb-forms-section-block){margin-top:0}

package/cjs/extensions/forms/Iterate/style/dnb-iterate.scss

@@ -5,7 +5,7 @@
     outline: none; // for JavaSCript focus
   }
 
-  & > &__element:has(> &-block) {
+  & > &__element:has(> .dnb-forms-section-block) {
     // To make Animation not jump, we add "margin-bottom" in the inner element
     margin-top: 0;
   }

package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.d.ts

@@ -0,0 +1,19 @@
+import { ValueProps } from '../../types';
+import { InternalLocale } from '../../../../shared/Context';
+export type Props = ValueProps<Array<number | string>> & {
+    /**
+     * Formatting options for the value.
+     * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/ListFormat/ListFormat
+     */
+    format?: Intl.ListFormatOptions;
+};
+declare function ArraySelection(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ArraySelection {
+    var _supportsSpacingProps: boolean;
+}
+export declare function listFormat(value: Array<number | string>, { locale, format, separator, }: {
+    locale?: InternalLocale;
+    format?: Intl.ListFormatOptions;
+    separator?: string;
+}): string;
+export default ArraySelection;

package/cjs/extensions/forms/Value/ArraySelection/ArraySelection.js

@@ -0,0 +1,81 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.listFormat = listFormat;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _hooks = require("../../hooks");
+var _ValueBlock = _interopRequireDefault(require("../../ValueBlock"));
+var _defaults = require("../../../../shared/defaults");
+var _componentHelper = require("../../../../shared/component-helper");
+var _Context = _interopRequireDefault(require("../../../../shared/Context"));
+var _Context2 = _interopRequireDefault(require("../../DataContext/Context"));
+const _excluded = ["path", "value", "format", "className"];
+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 ArraySelection(props) {
+  const {
+    locale
+  } = (0, _react.useContext)(_Context.default);
+  const {
+    fieldPropsRef
+  } = (0, _react.useContext)(_Context2.default) || {};
+  const _useValueProps = (0, _hooks.useValueProps)(props),
+    {
+      path,
+      value,
+      format,
+      className
+    } = _useValueProps,
+    rest = _objectWithoutProperties(_useValueProps, _excluded);
+  const list = (0, _react.useMemo)(() => {
+    if (path) {
+      var _fieldPropsRef$curren, _data$map;
+      const data = fieldPropsRef === null || fieldPropsRef === void 0 ? void 0 : (_fieldPropsRef$curren = fieldPropsRef.current) === null || _fieldPropsRef$curren === void 0 ? void 0 : _fieldPropsRef$curren[path + '/arraySelectionData'];
+      return (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, _ref => {
+        let {
+          title
+        } = _ref;
+        return (0, _componentHelper.convertJsxToString)(title);
+      })) || value;
+    }
+    return value;
+  }, [fieldPropsRef, path, value]);
+  return _react.default.createElement(_ValueBlock.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-value-array-selection', className)
+  }, rest), listFormat(list, {
+    locale,
+    format
+  }));
+}
+function listFormat(value, _ref2) {
+  let {
+    locale = _defaults.LOCALE,
+    format = {
+      style: 'long',
+      type: 'conjunction'
+    },
+    separator = ', '
+  } = _ref2;
+  if (!Array.isArray(value)) {
+    return value;
+  }
+  try {
+    const formatter = new Intl.ListFormat(locale, format);
+    return formatter.format(value.map(v => String(v)));
+  } catch (error) {
+    return value.join(separator);
+  }
+}
+ArraySelection._supportsSpacingProps = true;
+var _default = ArraySelection;
+exports.default = _default;
+//# sourceMappingURL=ArraySelection.js.map