@dnb/eufemia 10.62.4 → 10.63.0

package/cjs/extensions/forms/Iterate/EditContainer/DoneButton.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = DoneButton;
 var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../../components");
 var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
 var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
@@ -13,11 +14,18 @@ var _ToolbarContext = _interopRequireDefault(require("../Toolbar/ToolbarContext"
 var _FieldBoundaryContext = _interopRequireDefault(require("../../DataContext/FieldBoundary/FieldBoundaryContext"));
 var _PushContainerContext = _interopRequireDefault(require("../PushContainer/PushContainerContext"));
 var _icons = require("../../../../icons");
+const _excluded = ["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 DoneButton(props) {
+  const {
+      className
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   const {
     switchContainerMode,
     containerMode,
@@ -66,9 +74,10 @@ function DoneButton(props) {
   }, [commitHandleRef, hasError, hasVisibleError, setShowBoundaryErrors, setShowError, switchContainerMode]);
   return _react.default.createElement(_components.Button, _extends({
     variant: "tertiary",
+    className: (0, _classnames.default)('dnb-push-container__done-button', className),
     icon: _icons.check,
     icon_position: "left",
     on_click: doneHandler
-  }, props), doneButton);
+  }, restProps), doneButton);
 }
 //# sourceMappingURL=DoneButton.js.map

package/cjs/extensions/forms/Iterate/EditContainer/DoneButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DoneButton.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_PushContainerContext","_icons","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","DoneButton","props","switchContainerMode","containerMode","arrayValue","index","useContext","IterateItemContext","hasError","hasVisibleError","setShowBoundaryErrors","FieldBoundaryContext","commitHandleRef","PushContainerContext","setShowError","ToolbarContext","doneButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","doneHandler","useCallback","_commitHandleRef$curr","createElement","Button","variant","icon","check","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/DoneButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport PushContainerContext from '../PushContainer/PushContainerContext'\nimport { check } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\n\ntype Props = ButtonProps\n\nexport default function DoneButton(props: Props) {\n  const { switchContainerMode, containerMode, arrayValue, index } =\n    useContext(IterateItemContext) || {}\n  const { hasError, hasVisibleError, setShowBoundaryErrors } =\n    useContext(FieldBoundaryContext) || {}\n  const { commitHandleRef } = useContext(PushContainerContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n\n  const { doneButton } = useTranslation().IterateEditContainer\n  const valueBackupRef = useRef<unknown>()\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const doneHandler = useCallback(() => {\n    if (hasError) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowBoundaryErrors?.(false)\n      setShowError(false)\n      if (commitHandleRef) {\n        commitHandleRef.current?.()\n      } else {\n        switchContainerMode?.('view')\n      }\n    }\n  }, [\n    commitHandleRef,\n    hasError,\n    hasVisibleError,\n    setShowBoundaryErrors,\n    setShowError,\n    switchContainerMode,\n  ])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      icon={check}\n      icon_position=\"left\"\n      on_click={doneHandler}\n      {...props}\n    >\n      {doneButton}\n    </Button>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"DoneButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_useTranslation","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_PushContainerContext","_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","DoneButton","props","className","restProps","switchContainerMode","containerMode","arrayValue","index","useContext","IterateItemContext","hasError","hasVisibleError","setShowBoundaryErrors","FieldBoundaryContext","commitHandleRef","PushContainerContext","setShowError","ToolbarContext","doneButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","doneHandler","useCallback","_commitHandleRef$curr","createElement","Button","variant","classnames","icon","check","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/DoneButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport PushContainerContext from '../PushContainer/PushContainerContext'\nimport { check } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\n\ntype Props = ButtonProps\n\nexport default function DoneButton(props: Props) {\n  const { className, ...restProps } = props\n  const { switchContainerMode, containerMode, arrayValue, index } =\n    useContext(IterateItemContext) || {}\n  const { hasError, hasVisibleError, setShowBoundaryErrors } =\n    useContext(FieldBoundaryContext) || {}\n  const { commitHandleRef } = useContext(PushContainerContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n\n  const { doneButton } = useTranslation().IterateEditContainer\n  const valueBackupRef = useRef<unknown>()\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const doneHandler = useCallback(() => {\n    if (hasError) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowBoundaryErrors?.(false)\n      setShowError(false)\n      if (commitHandleRef) {\n        commitHandleRef.current?.()\n      } else {\n        switchContainerMode?.('view')\n      }\n    }\n  }, [\n    commitHandleRef,\n    hasError,\n    hasVisibleError,\n    setShowBoundaryErrors,\n    setShowError,\n    switchContainerMode,\n  ])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      className={classnames('dnb-push-container__done-button', className)}\n      icon={check}\n      icon_position=\"left\"\n      on_click={doneHandler}\n      {...restProps}\n    >\n      {doneButton}\n    </Button>\n  )\n}\n"],"mappings":"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"}

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

@@ -73,9 +73,7 @@ function EditContainerWithoutToolbar(props) {
   const itemTitle = (0, _react.useMemo)(() => {
     return (0, _ItemNo.replaceItemNo)(wasNew && titleWhenNew ? titleWhenNew : title, index);
   }, [index, title, titleWhenNew, wasNew]);
-  (0, _hooks.useSwitchContainerMode)({
-    path
-  });
+  (0, _hooks.useSwitchContainerMode)(path);
   return _react.default.createElement(_ArrayItemArea.default, _extends({
     mode: "edit",
     className: (0, _classnames.default)('dnb-forms-section-edit-block', className),

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

@@ -1 +1 @@
-{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateItemContext","_ArrayItemArea","_Toolbar2","_hooks","_DoneButton","_CancelButton","_ItemNo","_Toolbar","_excluded","_excluded2","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","EditContainer","props","_toolbarElement","toolbar","toolbarVariant","children","rest","arrayValue","useContext","IterateItemContext","toolbarElement","createElement","Fragment","hasToolbar","React","Children","toArray","some","child","Toolbar","EditContainerWithoutToolbar","containerMode","isNew","index","path","_ref","className","title","titleWhenNew","restProps","wasNew","useWasNew","itemTitle","useMemo","replaceItemNo","useSwitchContainerMode","mode","classnames","ariaLabel","convertJsxToString","Lead","size","DoneButton","CancelButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateItemContext from '../IterateItemContext'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport Toolbar from '../Toolbar'\nimport { useSwitchContainerMode } from '../hooks'\nimport DoneButton from './DoneButton'\nimport CancelButton, { useWasNew } from './CancelButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the EditContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The title for a new item show within the EditContainer.\n   */\n  titleWhenNew?: React.ReactNode\n\n  /**\n   * If the EditContainer is open or not.\n   */\n  open?: boolean\n\n  /**\n   * An alternative toolbar to be shown in the EditContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nexport default function EditContainer(props: AllProps) {\n  const { toolbar, toolbarVariant, children, ...rest } = props\n  const { arrayValue } = useContext(IterateItemContext)\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = <></>\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        hasToolbar\n          ? null\n          : toolbarElement ??\n            (toolbarVariant !== 'custom' && (\n              <Toolbar>\n                <DoneButton />\n                <CancelButton />\n              </Toolbar>\n            ))\n      }\n      toolbarVariant={toolbarVariant}\n      {...rest}\n    >\n      {children}\n    </EditContainerWithoutToolbar>\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n  const { containerMode, isNew, index, path } =\n    useContext(IterateItemContext)\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n\n  const wasNew = useWasNew({ isNew, containerMode })\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(\n      wasNew && titleWhenNew ? titleWhenNew : title,\n      index\n    )\n  }, [index, title, titleWhenNew, wasNew])\n\n  useSwitchContainerMode({ path })\n\n  return (\n    <ArrayItemArea\n      mode=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={convertJsxToString(itemTitle)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ArrayItemArea>\n  )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateItemContext","_ArrayItemArea","_Toolbar2","_hooks","_DoneButton","_CancelButton","_ItemNo","_Toolbar","_excluded","_excluded2","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","EditContainer","props","_toolbarElement","toolbar","toolbarVariant","children","rest","arrayValue","useContext","IterateItemContext","toolbarElement","createElement","Fragment","hasToolbar","React","Children","toArray","some","child","Toolbar","EditContainerWithoutToolbar","containerMode","isNew","index","path","_ref","className","title","titleWhenNew","restProps","wasNew","useWasNew","itemTitle","useMemo","replaceItemNo","useSwitchContainerMode","mode","classnames","ariaLabel","convertJsxToString","Lead","size","DoneButton","CancelButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateItemContext from '../IterateItemContext'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport Toolbar from '../Toolbar'\nimport { useSwitchContainerMode } from '../hooks'\nimport DoneButton from './DoneButton'\nimport CancelButton, { useWasNew } from './CancelButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the EditContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The title for a new item show within the EditContainer.\n   */\n  titleWhenNew?: React.ReactNode\n\n  /**\n   * If the EditContainer is open or not.\n   */\n  open?: boolean\n\n  /**\n   * An alternative toolbar to be shown in the EditContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nexport default function EditContainer(props: AllProps) {\n  const { toolbar, toolbarVariant, children, ...rest } = props\n  const { arrayValue } = useContext(IterateItemContext)\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = <></>\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        hasToolbar\n          ? null\n          : toolbarElement ??\n            (toolbarVariant !== 'custom' && (\n              <Toolbar>\n                <DoneButton />\n                <CancelButton />\n              </Toolbar>\n            ))\n      }\n      toolbarVariant={toolbarVariant}\n      {...rest}\n    >\n      {children}\n    </EditContainerWithoutToolbar>\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n  const { containerMode, isNew, index, path } =\n    useContext(IterateItemContext)\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n\n  const wasNew = useWasNew({ isNew, containerMode })\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(\n      wasNew && titleWhenNew ? titleWhenNew : title,\n      index\n    )\n  }, [index, title, titleWhenNew, wasNew])\n\n  useSwitchContainerMode(path)\n\n  return (\n    <ArrayItemArea\n      mode=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={convertJsxToString(itemTitle)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ArrayItemArea>\n  )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/ItemNo/useIItemNo.d.ts

@@ -0,0 +1,5 @@
+export declare function useIterateItemNo({ label: labelProp, labelSuffix, required, }: {
+    label: any;
+    labelSuffix: any;
+    required: any;
+}): any;

package/cjs/extensions/forms/Iterate/ItemNo/useIItemNo.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIterateItemNo = useIterateItemNo;
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../hooks");
+var _hooks2 = require("../../hooks");
+var _componentHelper = require("../../../../shared/component-helper");
+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 useIterateItemNo(_ref) {
+  let {
+    label: labelProp,
+    labelSuffix,
+    required
+  } = _ref;
+  const {
+    index: iterateIndex
+  } = (0, _hooks.useItem)() || {};
+  const {
+    optionalLabelSuffix
+  } = (0, _hooks2.useTranslation)().Field;
+  const labelSuffixText = (0, _react.useMemo)(() => {
+    if (required === false || typeof labelSuffix !== 'undefined') {
+      return labelSuffix !== null && labelSuffix !== void 0 ? labelSuffix : optionalLabelSuffix;
+    }
+    return '';
+  }, [required, labelSuffix, optionalLabelSuffix]);
+  return (0, _react.useMemo)(() => {
+    let content = labelProp;
+    if (iterateIndex !== undefined) {
+      content = (0, _componentHelper.convertJsxToString)(labelProp).replace('{itemNo}', String(iterateIndex + 1));
+    }
+    if (labelSuffixText) {
+      if ((0, _componentHelper.convertJsxToString)(content).includes(optionalLabelSuffix)) {
+        return content;
+      }
+      if (typeof content === 'string') {
+        return content + ' ' + labelSuffixText;
+      }
+      if (_react.default.isValidElement(content)) {
+        return _react.default.createElement(_react.default.Fragment, null, content, ' ', labelSuffixText);
+      }
+    }
+    return content;
+  }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix]);
+}
+//# sourceMappingURL=useIItemNo.js.map

package/cjs/extensions/forms/Iterate/ItemNo/useIItemNo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIItemNo.js","names":["_react","_interopRequireWildcard","require","_hooks","_hooks2","_componentHelper","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useIterateItemNo","_ref","label","labelProp","labelSuffix","required","index","iterateIndex","useItem","optionalLabelSuffix","useTranslation","Field","labelSuffixText","useMemo","content","undefined","convertJsxToString","replace","String","includes","React","isValidElement","createElement","Fragment"],"sources":["../../../../../../src/extensions/forms/Iterate/ItemNo/useIItemNo.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { useItem } from '../hooks'\nimport { useTranslation } from '../../hooks'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\nexport function useIterateItemNo({\n  label: labelProp,\n  labelSuffix,\n  required,\n}) {\n  const { index: iterateIndex } = useItem() || {}\n\n  const { optionalLabelSuffix } = useTranslation().Field\n  const labelSuffixText = useMemo(() => {\n    if (required === false || typeof labelSuffix !== 'undefined') {\n      return labelSuffix ?? optionalLabelSuffix\n    }\n    return ''\n  }, [required, labelSuffix, optionalLabelSuffix])\n\n  return useMemo(() => {\n    let content = labelProp\n\n    if (iterateIndex !== undefined) {\n      content = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    if (labelSuffixText) {\n      if (convertJsxToString(content).includes(optionalLabelSuffix)) {\n        return content\n      }\n\n      if (typeof content === 'string') {\n        return content + ' ' + labelSuffixText\n      }\n\n      if (React.isValidElement(content)) {\n        return (\n          <>\n            {content}\n            {' '}\n            {labelSuffixText}\n          </>\n        )\n      }\n    }\n\n    return content\n  }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix])\n}\n"],"mappings":"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"}

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

@@ -11,6 +11,8 @@ export interface IterateItemContextState {
     value?: unknown;
     isNew?: boolean;
     path?: Path;
+    itemPath?: Path;
+    nestedIteratePath?: Path;
     arrayValue?: Array<unknown>;
     containerMode?: ContainerMode;
     previousContainerMode?: ContainerMode;

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

@@ -1 +1 @@
-{"version":3,"file":"IterateItemContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","IterateItemContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/IterateItemContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../types'\nimport { ContainerMode } from './Array/types'\n\nexport type ModeOptions = {\n  omitFocusManagement?: boolean\n  preventUpdate?: boolean\n}\n\nexport interface IterateItemContextState {\n  id?: string\n  index?: number\n  value?: unknown\n  isNew?: boolean\n  path?: Path\n  arrayValue?: Array<unknown>\n  containerMode?: ContainerMode\n  previousContainerMode?: ContainerMode\n  initialContainerMode?: ContainerMode\n  containerRef?: React.RefObject<HTMLDivElement>\n  elementRef?: React.RefObject<HTMLDivElement>\n  modeOptions?: ModeOptions\n  switchContainerMode?: (\n    mode: ContainerMode,\n    options?: ModeOptions\n  ) => void\n  handleChange?: (path: Path, value: unknown) => void\n  handleRemove?: ({ keepItems }?: { keepItems?: boolean }) => void\n  handlePush?: (value: unknown) => void\n  restoreOriginalValue?: (value: unknown) => void\n  fulfillRemove?: () => void\n}\n\nconst IterateItemContext = React.createContext<\n  IterateItemContextState | undefined\n>(undefined)\n\nexport default IterateItemContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAiCzB,MAAMG,kBAAkB,GAAGC,cAAK,CAACC,aAAa,CAE5CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,kBAAkB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}
+{"version":3,"file":"IterateItemContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","IterateItemContext","React","createContext","undefined","_default","exports"],"sources":["../../../../../src/extensions/forms/Iterate/IterateItemContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../types'\nimport { ContainerMode } from './Array/types'\n\nexport type ModeOptions = {\n  omitFocusManagement?: boolean\n  preventUpdate?: boolean\n}\n\nexport interface IterateItemContextState {\n  id?: string\n  index?: number\n  value?: unknown\n  isNew?: boolean\n  path?: Path\n  itemPath?: Path\n  nestedIteratePath?: Path\n  arrayValue?: Array<unknown>\n  containerMode?: ContainerMode\n  previousContainerMode?: ContainerMode\n  initialContainerMode?: ContainerMode\n  containerRef?: React.RefObject<HTMLDivElement>\n  elementRef?: React.RefObject<HTMLDivElement>\n  modeOptions?: ModeOptions\n  switchContainerMode?: (\n    mode: ContainerMode,\n    options?: ModeOptions\n  ) => void\n  handleChange?: (path: Path, value: unknown) => void\n  handleRemove?: ({ keepItems }?: { keepItems?: boolean }) => void\n  handlePush?: (value: unknown) => void\n  restoreOriginalValue?: (value: unknown) => void\n  fulfillRemove?: () => void\n}\n\nconst IterateItemContext = React.createContext<\n  IterateItemContextState | undefined\n>(undefined)\n\nexport default IterateItemContext\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAmCzB,MAAMG,kBAAkB,GAAGC,cAAK,CAACC,aAAa,CAE5CC,SAAS,CAAC;AAAA,IAAAC,QAAA,GAEGJ,kBAAkB;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

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

@@ -2,6 +2,7 @@ import { ButtonProps } from '../../../../components/Button';
 import { Path } from '../../types';
 export type Props = ButtonProps & {
     path?: Path;
+    itemPath?: Path;
     pushValue: unknown | ((value: unknown) => void);
     /**
      * Used internally

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

@@ -15,7 +15,7 @@ var _icons = require("../../../../icons");
 var _Context = _interopRequireDefault(require("../../DataContext/Context"));
 var _useDataValue = _interopRequireDefault(require("../../hooks/useDataValue"));
 var _componentHelper = require("../../../../shared/component-helper");
-const _excluded = ["pushValue", "className", "path", "text", "children"];
+const _excluded = ["pushValue", "className", "path", "itemPath", "text", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -34,41 +34,43 @@ function PushButton(props) {
       pushValue,
       className,
       path,
+      itemPath,
       text,
       children
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
   const buttonProps = (0, _types.omitDataValueReadWriteProps)(restProps);
-  const arrayValue = (0, _useDataValue.default)().getValueByPath(path);
+  const {
+    absolutePath
+  } = (0, _hooks.useItemPath)(itemPath);
+  const arrayValue = (0, _useDataValue.default)().getValueByPath(path || absolutePath);
   const {
     hasReachedLimit,
     setShowStatus
-  } = (0, _hooks.useArrayLimit)({
-    path
-  });
+  } = (0, _hooks.useArrayLimit)(path);
   if (arrayValue !== undefined && !Array.isArray(arrayValue)) {
     throw new Error('PushButton received a non-array value');
   }
   const {
     setLastItemContainerMode
-  } = (0, _hooks.useSwitchContainerMode)({
-    path
-  });
+  } = (0, _hooks.useSwitchContainerMode)(path);
   const handleClick = (0, _react.useCallback)(async () => {
     if (hasReachedLimit) {
       setShowStatus(true);
       return;
     }
     const newValue = typeof pushValue === 'function' ? pushValue(arrayValue) : pushValue;
-    if (handlePush) {
+    if (handlePush && !absolutePath) {
       handlePush(newValue);
     } else {
-      await (handlePathChange === null || handlePathChange === void 0 ? void 0 : handlePathChange(path, [...(arrayValue !== null && arrayValue !== void 0 ? arrayValue : []), newValue]));
+      await (handlePathChange === null || handlePathChange === void 0 ? void 0 : handlePathChange(path || absolutePath, [...(arrayValue !== null && arrayValue !== void 0 ? arrayValue : []), newValue]));
+    }
+    if (!absolutePath) {
+      setTimeout(() => {
+        setLastItemContainerMode('view');
+      }, 100);
     }
-    setTimeout(() => {
-      setLastItemContainerMode('view');
-    }, 100);
-  }, [arrayValue, handlePathChange, handlePush, hasReachedLimit, path, pushValue, setLastItemContainerMode, setShowStatus]);
+  }, [arrayValue, absolutePath, handlePathChange, handlePush, hasReachedLimit, path, pushValue, setLastItemContainerMode, setShowStatus]);
   const content = (0, _react.useMemo)(() => {
     if (children || text) {
       const str = (0, _componentHelper.convertJsxToString)(children || text);

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

@@ -1 +1 @@
-{"version":3,"file":"PushButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_hooks","_types","_icons","_Context","_useDataValue","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PushButton","props","handlePathChange","useContext","DataContext","iterateItemContext","IterateItemContext","handlePush","pushValue","className","path","text","children","restProps","buttonProps","omitDataValueReadWriteProps","arrayValue","useDataValue","getValueByPath","hasReachedLimit","setShowStatus","useArrayLimit","undefined","Array","isArray","Error","setLastItemContainerMode","useSwitchContainerMode","handleClick","useCallback","newValue","setTimeout","content","useMemo","str","convertJsxToString","includes","nextItemNo","replace","String","createElement","Button","classnames","variant","icon","add","icon_position","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateItemContext from '../IterateItemContext'\nimport { useArrayLimit, useSwitchContainerMode } from '../hooks'\nimport { omitDataValueReadWriteProps, Path } from '../../types'\nimport { add } from '../../../../icons'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\nexport type Props = ButtonProps & {\n  path?: Path\n  pushValue: unknown | ((value: unknown) => void)\n\n  /**\n   * Used internally\n   */\n  value?: unknown\n}\n\nfunction PushButton(props: Props) {\n  const { handlePathChange } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n  const { handlePush } = iterateItemContext ?? {}\n\n  const { pushValue, className, path, text, children, ...restProps } =\n    props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const arrayValue = useDataValue().getValueByPath(path)\n  const { hasReachedLimit, setShowStatus } = useArrayLimit({\n    path,\n  })\n\n  if (arrayValue !== undefined && !Array.isArray(arrayValue)) {\n    throw new Error('PushButton received a non-array value')\n  }\n\n  const { setLastItemContainerMode } = useSwitchContainerMode({\n    path,\n  })\n\n  const handleClick = useCallback(async () => {\n    if (hasReachedLimit) {\n      setShowStatus(true)\n      return // stop here\n    }\n\n    const newValue =\n      typeof pushValue === 'function' ? pushValue(arrayValue) : pushValue\n\n    if (handlePush) {\n      // Inside an Iterate element - make the change through the Iterate component\n      handlePush(newValue)\n    } else {\n      // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n      await handlePathChange?.(path, [...(arrayValue ?? []), newValue])\n    }\n\n    setTimeout(() => {\n      setLastItemContainerMode('view')\n    }, 100) // UX improvement because of the \"openDelay\"\n  }, [\n    arrayValue,\n    handlePathChange,\n    handlePush,\n    hasReachedLimit,\n    path,\n    pushValue,\n    setLastItemContainerMode,\n    setShowStatus,\n  ])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (arrayValue?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [arrayValue?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate-push-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,aAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,gBAAA,GAAAV,OAAA;AAAwE,MAAAW,SAAA;AAAA,SAAAT,uBAAAU,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,SAAAjB,wBAAAa,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;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAYxE,SAASe,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC,IAAI,CAAC,CAAC;EAC1D,MAAMC,kBAAkB,GAAG,IAAAF,iBAAU,EAACG,2BAAkB,CAAC;EACzD,MAAM;IAAEC;EAAW,CAAC,GAAGF,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAE/C,MAAM;MAAEG,SAAS;MAAEC,SAAS;MAAEC,IAAI;MAAEC,IAAI;MAAEC;IAAuB,CAAC,GAChEX,KAAK;IADgDY,SAAS,GAAAtB,wBAAA,CAC9DU,KAAK,EAAA1C,SAAA;EACP,MAAMuD,WAAW,GAAG,IAAAC,kCAA2B,EAACF,SAAS,CAAC;EAC1D,MAAMG,UAAU,GAAG,IAAAC,qBAAY,EAAC,CAAC,CAACC,cAAc,CAACR,IAAI,CAAC;EACtD,MAAM;IAAES,eAAe;IAAEC;EAAc,CAAC,GAAG,IAAAC,oBAAa,EAAC;IACvDX;EACF,CAAC,CAAC;EAEF,IAAIM,UAAU,KAAKM,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACR,UAAU,CAAC,EAAE;IAC1D,MAAM,IAAIS,KAAK,CAAC,uCAAuC,CAAC;EAC1D;EAEA,MAAM;IAAEC;EAAyB,CAAC,GAAG,IAAAC,6BAAsB,EAAC;IAC1DjB;EACF,CAAC,CAAC;EAEF,MAAMkB,WAAW,GAAG,IAAAC,kBAAW,EAAC,YAAY;IAC1C,IAAIV,eAAe,EAAE;MACnBC,aAAa,CAAC,IAAI,CAAC;MACnB;IACF;IAEA,MAAMU,QAAQ,GACZ,OAAOtB,SAAS,KAAK,UAAU,GAAGA,SAAS,CAACQ,UAAU,CAAC,GAAGR,SAAS;IAErE,IAAID,UAAU,EAAE;MAEdA,UAAU,CAACuB,QAAQ,CAAC;IACtB,CAAC,MAAM;MAEL,OAAM5B,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAGQ,IAAI,EAAE,CAAC,IAAIM,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAE,CAAC,EAAEc,QAAQ,CAAC,CAAC;IACnE;IAEAC,UAAU,CAAC,MAAM;MACfL,wBAAwB,CAAC,MAAM,CAAC;IAClC,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,CACDV,UAAU,EACVd,gBAAgB,EAChBK,UAAU,EACVY,eAAe,EACfT,IAAI,EACJF,SAAS,EACTkB,wBAAwB,EACxBN,aAAa,CACd,CAAC;EAEF,MAAMY,OAAO,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC5B,IAAIrB,QAAQ,IAAID,IAAI,EAAE;MACpB,MAAMuB,GAAG,GAAG,IAAAC,mCAAkB,EAACvB,QAAQ,IAAID,IAAI,CAAC;MAEhD,IAAIuB,GAAG,CAACE,QAAQ,CAAC,cAAc,CAAC,EAAE;QAChC,MAAMC,UAAU,GAAG,CAAC,CAAArB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE5B,MAAM,KAAI,CAAC,IAAI,CAAC;QAChD,OAAO8C,GAAG,CAACI,OAAO,CAAC,cAAc,EAAEC,MAAM,CAACF,UAAU,CAAC,CAAC;MACxD;IACF;IAEA,OAAOzB,QAAQ,IAAID,IAAI;EACzB,CAAC,EAAE,CAACK,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE5B,MAAM,EAAEwB,QAAQ,EAAED,IAAI,CAAC,CAAC;EAExC,OACEjE,MAAA,CAAAgB,OAAA,CAAA8E,aAAA,CAACzF,WAAA,CAAA0F,MAAM,EAAA3D,QAAA;IACL2B,SAAS,EAAE,IAAAiC,mBAAU,EAAC,+BAA+B,EAAEjC,SAAS,CAAE;IAClEkC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAEC,UAAI;IACVC,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEnB;EAAY,GAClBd,WAAW,GAEdkB,OACK,CAAC;AAEb;AAEAhC,UAAU,CAACgD,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACxBjD,UAAU;AAAAkD,OAAA,CAAAxF,OAAA,GAAAuF,QAAA"}
+{"version":3,"file":"PushButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_hooks","_types","_icons","_Context","_useDataValue","_componentHelper","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","PushButton","props","handlePathChange","useContext","DataContext","iterateItemContext","IterateItemContext","handlePush","pushValue","className","path","itemPath","text","children","restProps","buttonProps","omitDataValueReadWriteProps","absolutePath","useItemPath","arrayValue","useDataValue","getValueByPath","hasReachedLimit","setShowStatus","useArrayLimit","undefined","Array","isArray","Error","setLastItemContainerMode","useSwitchContainerMode","handleClick","useCallback","newValue","setTimeout","content","useMemo","str","convertJsxToString","includes","nextItemNo","replace","String","createElement","Button","classnames","variant","icon","add","icon_position","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateItemContext from '../IterateItemContext'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport { omitDataValueReadWriteProps, Path } from '../../types'\nimport { add } from '../../../../icons'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\nexport type Props = ButtonProps & {\n  path?: Path\n  itemPath?: Path\n  pushValue: unknown | ((value: unknown) => void)\n\n  /**\n   * Used internally\n   */\n  value?: unknown\n}\n\nfunction PushButton(props: Props) {\n  const { handlePathChange } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n  const { handlePush } = iterateItemContext ?? {}\n\n  const {\n    pushValue,\n    className,\n    path,\n    itemPath,\n    text,\n    children,\n    ...restProps\n  } = props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n\n  const { absolutePath } = useItemPath(itemPath)\n\n  const arrayValue = useDataValue().getValueByPath(path || absolutePath)\n\n  const { hasReachedLimit, setShowStatus } = useArrayLimit(path)\n\n  if (arrayValue !== undefined && !Array.isArray(arrayValue)) {\n    throw new Error('PushButton received a non-array value')\n  }\n\n  const { setLastItemContainerMode } = useSwitchContainerMode(path)\n\n  const handleClick = useCallback(async () => {\n    if (hasReachedLimit) {\n      setShowStatus(true)\n      return // stop here\n    }\n\n    const newValue =\n      typeof pushValue === 'function' ? pushValue(arrayValue) : pushValue\n\n    if (handlePush && !absolutePath) {\n      // Inside an Iterate element - make the change through the Iterate component\n      handlePush(newValue)\n    } else {\n      // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n      await handlePathChange?.(path || absolutePath, [\n        ...(arrayValue ?? []),\n        newValue,\n      ])\n    }\n\n    if (!absolutePath) {\n      setTimeout(() => {\n        setLastItemContainerMode('view')\n      }, 100) // UX improvement because of the \"openDelay\"\n    }\n  }, [\n    arrayValue,\n    absolutePath,\n    handlePathChange,\n    handlePush,\n    hasReachedLimit,\n    path,\n    pushValue,\n    setLastItemContainerMode,\n    setShowStatus,\n  ])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (arrayValue?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [arrayValue?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate-push-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/PushButton/PushButtonDocs.js

@@ -10,6 +10,11 @@ const PushButtonProperties = {
     type: 'string',
     status: 'required'
   },
+  itemPath: {
+    doc: 'The path to the item in a nested array, to add the new item to.',
+    type: 'string',
+    status: 'optional'
+  },
   pushValue: {
     doc: 'The element to add to the array when the button is clicked. Can be a function to returns the push value.',
     type: 'unknown',

package/cjs/extensions/forms/Iterate/PushButton/PushButtonDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PushButtonDocs.js","names":["PushButtonProperties","path","doc","type","status","pushValue","exports","PushButtonEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PushButtonProperties: PropertiesTableProps = {\n  path: {\n    doc: 'The path to the array to add the new item to.',\n    type: 'string',\n    status: 'required',\n  },\n  pushValue: {\n    doc: 'The element to add to the array when the button is clicked. Can be a function to returns the push value.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  '[Button](/uilib/components/button/properties)': {\n    doc: 'All button properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const PushButtonEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTH,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAE,OAAA,CAAAN,oBAAA,GAAAA,oBAAA;AAEM,MAAMO,gBAAsC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"PushButtonDocs.js","names":["PushButtonProperties","path","doc","type","status","itemPath","pushValue","exports","PushButtonEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButtonDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const PushButtonProperties: PropertiesTableProps = {\n  path: {\n    doc: 'The path to the array to add the new item to.',\n    type: 'string',\n    status: 'required',\n  },\n  itemPath: {\n    doc: 'The path to the item in a nested array, to add the new item to.',\n    type: 'string',\n    status: 'optional',\n  },\n  pushValue: {\n    doc: 'The element to add to the array when the button is clicked. Can be a function to returns the push value.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  '[Button](/uilib/components/button/properties)': {\n    doc: 'All button properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const PushButtonEvents: PropertiesTableProps = {}\n"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,IAAI,EAAE;IACJC,GAAG,EAAE,+CAA+C;IACpDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,QAAQ,EAAE;IACRH,GAAG,EAAE,iEAAiE;IACtEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,SAAS,EAAE;IACTJ,GAAG,EAAE,0GAA0G;IAC/GC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,wBAAwB;IAC7BC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAG,OAAA,CAAAP,oBAAA,GAAAA,oBAAA;AAEM,MAAMQ,gBAAsC,GAAG,CAAC,CAAC;AAAAD,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}

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

@@ -2,15 +2,31 @@ import React from 'react';
 import { OnCommit, Path } from '../../types';
 import { SpacingProps } from '../../../../shared/types';
 import { ArrayItemAreaProps } from '../Array/ArrayItemArea';
-export type Props = {
+type OnlyPathRequired = {
     /**
      * The path to the array to add the new item to.
      */
     path: Path;
+    /** The sub path to the array to add the new item to. */
+    itemPath?: Path;
+};
+type OnlyItemPathRequired = {
+    /**
+     * The path to the array to add the new item to.
+     */
+    path?: Path;
+    /** The sub path to the array to add the new item to. */
+    itemPath: Path;
+};
+export type Props = (OnlyPathRequired | OnlyItemPathRequired) & {
     /**
      * The title of the container.
      */
     title?: React.ReactNode;
+    /**
+     * If the fields inside the container are required.
+     */
+    required?: boolean;
     /**
      * The button to open container.
      */

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

@@ -19,8 +19,9 @@ var _hooks = require("../hooks");
 var _Toolbar = _interopRequireDefault(require("../Toolbar"));
 var _hooks2 = require("../../hooks");
 var _Provider = require("../../DataContext/Provider");
-const _excluded = ["data", "defaultData", "isolatedData", "bubbleValidation", "path", "title", "children", "openButton", "showOpenButtonWhen", "onCommit"],
-  _excluded2 = ["title", "openButton", "showOpenButton", "switchContainerModeRef", "cancelHandler", "children"];
+var _structuredClone = _interopRequireDefault(require("@ungap/structured-clone"));
+const _excluded = ["data", "defaultData", "isolatedData", "bubbleValidation", "path", "itemPath", "title", "required", "children", "openButton", "showOpenButtonWhen", "onCommit"],
+  _excluded2 = ["title", "openButton", "showOpenButton", "switchContainerModeRef", "cancelHandler", "containerModeRef", "rerenderPushContainer", "children"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -33,38 +34,42 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function PushContainer(props) {
+  var _useContext;
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
+  const requiredInherited = (_useContext = (0, _react.useContext)(_Context.default)) === null || _useContext === void 0 ? void 0 : _useContext.required;
   const {
       data: dataProp,
       defaultData: defaultDataProp,
       isolatedData,
       bubbleValidation,
       path,
+      itemPath,
       title,
+      required = requiredInherited,
       children,
       openButton,
       showOpenButtonWhen,
       onCommit
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
+  const {
+    absolutePath
+  } = (0, _hooks.useItemPath)(itemPath);
   const commitHandleRef = (0, _react.useRef)();
   const switchContainerModeRef = (0, _react.useRef)();
+  const containerModeRef = (0, _react.useRef)();
   const {
     value: entries = [],
-    moveValueToPath
-  } = (0, _useDataValue.default)({
-    path
-  });
+    moveValueToPath,
+    getValueByPath
+  } = (0, _useDataValue.default)(path || itemPath);
   const {
     setNextContainerMode
-  } = (0, _hooks.useSwitchContainerMode)({
-    path
-  });
+  } = (0, _hooks.useSwitchContainerMode)(path || absolutePath);
   const {
     hasReachedLimit,
     setShowStatus
-  } = (0, _hooks.useArrayLimit)({
-    path
-  });
+  } = (0, _hooks.useArrayLimit)(path || absolutePath);
   const cancelHandler = (0, _react.useCallback)(() => {
     if (hasReachedLimit) {
       setShowStatus(false);
@@ -73,6 +78,7 @@ function PushContainer(props) {
   const showOpenButton = showOpenButtonWhen === null || showOpenButtonWhen === void 0 ? void 0 : showOpenButtonWhen(entries);
   const newItemContextProps = {
     path,
+    itemPath,
     entries,
     commitHandleRef,
     switchContainerMode: switchContainerModeRef.current
@@ -103,14 +109,15 @@ function PushContainer(props) {
   return _react.default.createElement(_Isolation.default, {
     data: data,
     defaultData: defaultData,
+    required: required,
     emptyData: emptyData,
-    bubbleValidation: bubbleValidation,
+    bubbleValidation: containerModeRef.current === 'view' ? false : bubbleValidation,
     commitHandleRef: commitHandleRef,
     transformOnCommit: _ref => {
       let {
         pushContainerItems
       } = _ref;
-      return moveValueToPath(path, [...entries, ...pushContainerItems]);
+      return moveValueToPath(path || absolutePath, [...entries, ...pushContainerItems], absolutePath ? (0, _structuredClone.default)(getValueByPath('/')) : {});
     },
     onCommit: (data, options) => {
       const {
@@ -139,7 +146,9 @@ function PushContainer(props) {
     openButton: openButton,
     switchContainerModeRef: switchContainerModeRef,
     showOpenButton: showOpenButton,
-    cancelHandler: cancelHandler
+    cancelHandler: cancelHandler,
+    containerModeRef: containerModeRef,
+    rerenderPushContainer: forceUpdate
   }, rest), children))));
 }
 function NewContainer(_ref2) {
@@ -150,6 +159,8 @@ function NewContainer(_ref2) {
       showOpenButton,
       switchContainerModeRef,
       cancelHandler,
+      containerModeRef,
+      rerenderPushContainer,
       children
     } = _ref2,
     rest = _objectWithoutProperties(_ref2, _excluded2);
@@ -157,6 +168,10 @@ function NewContainer(_ref2) {
     containerMode,
     switchContainerMode
   } = (0, _react.useContext)(_IterateItemContext.default) || {};
+  containerModeRef.current = containerMode;
+  (0, _react.useEffect)(() => {
+    rerenderPushContainer();
+  }, [containerMode, rerenderPushContainer]);
   switchContainerModeRef.current = switchContainerMode;
   const {
     createButton