@dnb/eufemia 10.46.0 → 10.48.0

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

@@ -0,0 +1,88 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import { Button } from '../../../../components';
+import useTranslation from '../../hooks/useTranslation';
+import IterateItemContext from '../IterateItemContext';
+import ToolbarContext from '../Toolbar/ToolbarContext';
+import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
+import { close } from '../../../../icons';
+import RemoveButton from '../RemoveButton';
+export default function EditToolbarTools(props) {
+  const {
+    restoreOriginalValue,
+    switchContainerMode,
+    containerMode,
+    initialContainerMode,
+    arrayValue,
+    isNew,
+    index
+  } = useContext(IterateItemContext) || {};
+  const {
+    hasError,
+    hasVisibleError,
+    setShowBoundaryErrors
+  } = useContext(FieldBoundaryContext) || {};
+  const {
+    setShowError
+  } = useContext(ToolbarContext) || {};
+  const {
+    cancelButton,
+    removeButton
+  } = useTranslation().IterateEditContainer;
+  const valueBackupRef = useRef();
+  useEffect(() => {
+    if (containerMode === 'edit' && !valueBackupRef.current) {
+      valueBackupRef.current = arrayValue === null || arrayValue === void 0 ? void 0 : arrayValue[index];
+    }
+    if (containerMode === 'view') {
+      valueBackupRef.current = null;
+    }
+  }, [arrayValue, containerMode, index]);
+  const cancelHandler = useCallback(() => {
+    if (hasError && initialContainerMode === 'auto') {
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
+      if (hasVisibleError) {
+        setShowError(true);
+      }
+    } else {
+      restoreOriginalValue === null || restoreOriginalValue === void 0 ? void 0 : restoreOriginalValue(valueBackupRef.current);
+      setShowError(false);
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
+      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+    }
+  }, [hasError, hasVisibleError, initialContainerMode, restoreOriginalValue, setShowBoundaryErrors, setShowError, switchContainerMode]);
+  const wasNew = useWasNew({
+    isNew,
+    containerMode
+  });
+  if (containerMode === 'edit' && (arrayValue === null || arrayValue === void 0 ? void 0 : arrayValue.length) === 0) {
+    return React.createElement(React.Fragment, null);
+  }
+  if (wasNew) {
+    return React.createElement(RemoveButton, _extends({
+      text: removeButton
+    }, props));
+  }
+  return React.createElement(Button, _extends({
+    variant: "tertiary",
+    icon: close,
+    icon_position: "left",
+    on_click: cancelHandler
+  }, props), cancelButton);
+}
+export function useWasNew(_ref) {
+  let {
+    isNew,
+    containerMode
+  } = _ref;
+  const wasNewRef = useRef(isNew);
+  useEffect(() => {
+    if (containerMode === 'view') {
+      wasNewRef.current = false;
+    }
+  }, [isNew, containerMode]);
+  return wasNewRef.current;
+}
+//# sourceMappingURL=CancelButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.js","names":["React","useCallback","useContext","useEffect","useRef","Button","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","close","RemoveButton","EditToolbarTools","props","restoreOriginalValue","switchContainerMode","containerMode","initialContainerMode","arrayValue","isNew","index","hasError","hasVisibleError","setShowBoundaryErrors","setShowError","cancelButton","removeButton","IterateEditContainer","valueBackupRef","current","cancelHandler","wasNew","useWasNew","length","createElement","Fragment","_extends","text","variant","icon","icon_position","on_click","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/CancelButton.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 { close } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport RemoveButton, { Props as RemoveButtonProps } from '../RemoveButton'\nimport { ContainerMode } from '../Array'\n\ntype Props = ButtonProps\n\nexport default function EditToolbarTools(props: Props) {\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    initialContainerMode,\n    arrayValue,\n    isNew,\n    index,\n  } = useContext(IterateItemContext) || {}\n  const { hasError, hasVisibleError, setShowBoundaryErrors } =\n    useContext(FieldBoundaryContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n\n  const { cancelButton, removeButton } =\n    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 cancelHandler = useCallback(() => {\n    if (hasError && initialContainerMode === 'auto') {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      restoreOriginalValue?.(valueBackupRef.current)\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      switchContainerMode?.('view')\n    }\n  }, [\n    hasError,\n    hasVisibleError,\n    initialContainerMode,\n    restoreOriginalValue,\n    setShowBoundaryErrors,\n    setShowError,\n    switchContainerMode,\n  ])\n\n  const wasNew = useWasNew({ isNew, containerMode })\n\n  if (containerMode === 'edit' && arrayValue?.length === 0) {\n    return <></>\n  }\n\n  if (wasNew) {\n    return (\n      <RemoveButton\n        text={removeButton}\n        {...(props as RemoveButtonProps)}\n      />\n    )\n  }\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      icon={close}\n      icon_position=\"left\"\n      on_click={cancelHandler}\n      {...props}\n    >\n      {cancelButton}\n    </Button>\n  )\n}\n\nexport function useWasNew({\n  isNew,\n  containerMode,\n}: {\n  isNew: boolean\n  containerMode: ContainerMode\n}) {\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  return wasNewRef.current\n}\n"],"mappings":"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"}

package/extensions/forms/Iterate/EditContainer/DoneButton.d.ts

@@ -0,0 +1,4 @@
+import { ButtonProps } from '../../../../components/Button';
+type Props = ButtonProps;
+export default function DoneButton(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,67 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import { Button } from '../../../../components';
+import useTranslation from '../../hooks/useTranslation';
+import IterateItemContext from '../IterateItemContext';
+import ToolbarContext from '../Toolbar/ToolbarContext';
+import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
+import PushContainerContext from '../PushContainer/PushContainerContext';
+import { check } from '../../../../icons';
+export default function DoneButton(props) {
+  const {
+    switchContainerMode,
+    containerMode,
+    arrayValue,
+    index
+  } = useContext(IterateItemContext) || {};
+  const {
+    hasError,
+    hasVisibleError,
+    setShowBoundaryErrors
+  } = useContext(FieldBoundaryContext) || {};
+  const {
+    commitHandleRef
+  } = useContext(PushContainerContext) || {};
+  useContext(FieldBoundaryContext) || {};
+  const {
+    setShowError
+  } = useContext(ToolbarContext) || {};
+  const {
+    doneButton
+  } = useTranslation().IterateEditContainer;
+  const valueBackupRef = useRef();
+  useEffect(() => {
+    if (containerMode === 'edit' && !valueBackupRef.current) {
+      valueBackupRef.current = arrayValue === null || arrayValue === void 0 ? void 0 : arrayValue[index];
+    }
+    if (containerMode === 'view') {
+      valueBackupRef.current = null;
+    }
+  }, [arrayValue, containerMode, index]);
+  const doneHandler = useCallback(() => {
+    if (hasError) {
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(true);
+      if (hasVisibleError) {
+        setShowError(true);
+      }
+    } else {
+      setShowBoundaryErrors === null || setShowBoundaryErrors === void 0 ? void 0 : setShowBoundaryErrors(false);
+      setShowError(false);
+      if (commitHandleRef) {
+        var _commitHandleRef$curr;
+        (_commitHandleRef$curr = commitHandleRef.current) === null || _commitHandleRef$curr === void 0 ? void 0 : _commitHandleRef$curr.call(commitHandleRef);
+      } else {
+        switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('view');
+      }
+    }
+  }, [commitHandleRef, hasError, hasVisibleError, setShowBoundaryErrors, setShowError, switchContainerMode]);
+  return React.createElement(Button, _extends({
+    variant: "tertiary",
+    icon: check,
+    icon_position: "left",
+    on_click: doneHandler
+  }, props), doneButton);
+}
+//# sourceMappingURL=DoneButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DoneButton.js","names":["React","useCallback","useContext","useEffect","useRef","Button","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","PushContainerContext","check","DoneButton","props","switchContainerMode","containerMode","arrayValue","index","hasError","hasVisibleError","setShowBoundaryErrors","commitHandleRef","setShowError","doneButton","IterateEditContainer","valueBackupRef","current","doneHandler","_commitHandleRef$curr","call","createElement","_extends","variant","icon","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  useContext(FieldBoundaryContext) || {}\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":";;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzE,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,cAAc,MAAM,2BAA2B;AACtD,OAAOC,oBAAoB,MAAM,sDAAsD;AACvF,OAAOC,oBAAoB,MAAM,uCAAuC;AACxE,SAASC,KAAK,QAAQ,mBAAmB;AAKzC,eAAe,SAASC,UAAUA,CAACC,KAAY,EAAE;EAC/C,MAAM;IAAEC,mBAAmB;IAAEC,aAAa;IAAEC,UAAU;IAAEC;EAAM,CAAC,GAC7Df,UAAU,CAACK,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACtC,MAAM;IAAEW,QAAQ;IAAEC,eAAe;IAAEC;EAAsB,CAAC,GACxDlB,UAAU,CAACO,oBAAoB,CAAC,IAAI,CAAC,CAAC;EACxC,MAAM;IAAEY;EAAgB,CAAC,GAAGnB,UAAU,CAACQ,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAClER,UAAU,CAACO,oBAAoB,CAAC,IAAI,CAAC,CAAC;EACtC,MAAM;IAAEa;EAAa,CAAC,GAAGpB,UAAU,CAACM,cAAc,CAAC,IAAI,CAAC,CAAC;EAEzD,MAAM;IAAEe;EAAW,CAAC,GAAGjB,cAAc,CAAC,CAAC,CAACkB,oBAAoB;EAC5D,MAAMC,cAAc,GAAGrB,MAAM,CAAU,CAAC;EAExCD,SAAS,CAAC,MAAM;IACd,IAAIY,aAAa,KAAK,MAAM,IAAI,CAACU,cAAc,CAACC,OAAO,EAAE;MACvDD,cAAc,CAACC,OAAO,GAAGV,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGC,KAAK,CAAC;IAC9C;IACA,IAAIF,aAAa,KAAK,MAAM,EAAE;MAC5BU,cAAc,CAACC,OAAO,GAAG,IAAI;IAC/B;EACF,CAAC,EAAE,CAACV,UAAU,EAAED,aAAa,EAAEE,KAAK,CAAC,CAAC;EAEtC,MAAMU,WAAW,GAAG1B,WAAW,CAAC,MAAM;IACpC,IAAIiB,QAAQ,EAAE;MACZE,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAG,IAAI,CAAC;MAC7B,IAAID,eAAe,EAAE;QACnBG,YAAY,CAAC,IAAI,CAAC;MACpB;IACF,CAAC,MAAM;MACLF,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAG,KAAK,CAAC;MAC9BE,YAAY,CAAC,KAAK,CAAC;MACnB,IAAID,eAAe,EAAE;QAAA,IAAAO,qBAAA;QACnB,CAAAA,qBAAA,GAAAP,eAAe,CAACK,OAAO,cAAAE,qBAAA,uBAAvBA,qBAAA,CAAAC,IAAA,CAAAR,eAA0B,CAAC;MAC7B,CAAC,MAAM;QACLP,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;MAC/B;IACF;EACF,CAAC,EAAE,CACDO,eAAe,EACfH,QAAQ,EACRC,eAAe,EACfC,qBAAqB,EACrBE,YAAY,EACZR,mBAAmB,CACpB,CAAC;EAEF,OACEd,KAAA,CAAA8B,aAAA,CAACzB,MAAM,EAAA0B,QAAA;IACLC,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEtB,KAAM;IACZuB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAER;EAAY,GAClBd,KAAK,GAERU,UACK,CAAC;AAEb"}

package/extensions/forms/Iterate/EditContainer/EditContainer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Props as FlexContainerProps } from '../../../../components/flex/Container';
-import { ElementSectionProps } from '../AnimatedContainer/ElementBlock';
+import { ArrayItemAreaProps } from '../Array/ArrayItemArea';
 export type Props = {
     /**
      * The title of the EditContainer.
@@ -18,10 +18,16 @@ export type Props = {
      * An alternative toolbar to be shown in the EditContainer.
      */
     toolbar?: React.ReactNode;
+    /**
+     * The variant of the toolbar.
+     */
+    toolbarVariant?: 'minimumOneItem';
 };
-export type AllProps = Props & FlexContainerProps & ElementSectionProps;
+export type AllProps = Props & FlexContainerProps & ArrayItemAreaProps;
 declare function EditContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace EditContainer {
+    var DoneButton: typeof import("./DoneButton").default;
+    var CancelButton: typeof import("./CancelButton").default;
     var _supportsSpacingProps: boolean;
 }
 export default EditContainer;

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

@@ -3,31 +3,47 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _Toolbar;
-const _excluded = ["toolbar"],
+const _excluded = ["toolbar", "toolbarVariant", "children"],
   _excluded2 = ["children", "className", "title", "titleWhenNew", "toolbar"];
 import React, { useContext, useMemo } from 'react';
 import classnames from 'classnames';
 import { convertJsxToString } from '../../../../shared/component-helper';
 import { Lead } from '../../../../elements';
 import IterateItemContext from '../IterateItemContext';
-import EditToolbarTools, { useWasNew } from './EditToolbarTools';
-import ElementBlock from '../AnimatedContainer/ElementBlock';
+import ArrayItemArea from '../Array/ArrayItemArea';
 import Toolbar from '../Toolbar';
+import { useSwitchContainerMode } from '../hooks';
+import DoneButton from './DoneButton';
+import CancelButton, { useWasNew } from './CancelButton';
 export default function EditContainer(props) {
+  var _toolbarElement;
   const {
-      toolbar
+      toolbar,
+      toolbarVariant,
+      children
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
+  const {
+    arrayValue
+  } = useContext(IterateItemContext);
+  let toolbarElement = toolbar;
+  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {
+    toolbarElement = React.createElement(React.Fragment, null);
+  }
+  const hasToolbar = !toolbarElement && React.Children.toArray(children).some(child => {
+    return (child === null || child === void 0 ? void 0 : child['type']) === Toolbar;
+  });
   return React.createElement(EditContainerWithoutToolbar, _extends({
-    toolbar: toolbar !== null && toolbar !== void 0 ? toolbar : _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(EditToolbarTools, null)))
-  }, rest));
+    toolbar: hasToolbar ? null : (_toolbarElement = toolbarElement) !== null && _toolbarElement !== void 0 ? _toolbarElement : _Toolbar || (_Toolbar = React.createElement(Toolbar, null, React.createElement(DoneButton, null), React.createElement(CancelButton, null)))
+  }, rest), children);
 }
 export function EditContainerWithoutToolbar(props) {
-  const iterateItemContext = useContext(IterateItemContext);
   const {
     containerMode,
-    isNew
-  } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
+    isNew,
+    index,
+    path
+  } = useContext(IterateItemContext);
   const _ref = props || {},
     {
       children,
@@ -44,9 +60,12 @@ export function EditContainerWithoutToolbar(props) {
   let itemTitle = wasNew && titleWhenNew ? titleWhenNew : title;
   let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle]);
   if (ariaLabel.includes('{itemNr}')) {
-    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', iterateItemContext.index + 1);
+    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', index + 1);
   }
-  return React.createElement(ElementBlock, _extends({
+  useSwitchContainerMode({
+    path
+  });
+  return React.createElement(ArrayItemArea, _extends({
     mode: "edit",
     className: classnames('dnb-forms-section-edit-block', className),
     ariaLabel: ariaLabel
@@ -54,6 +73,8 @@ export function EditContainerWithoutToolbar(props) {
     size: "basis"
   }, itemTitle), children, toolbar);
 }
+EditContainer.DoneButton = DoneButton;
+EditContainer.CancelButton = CancelButton;
 EditContainer._supportsSpacingProps = true;
 EditContainerWithoutToolbar._supportsSpacingProps = true;
 //# sourceMappingURL=EditContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Lead","IterateItemContext","EditToolbarTools","useWasNew","ElementBlock","Toolbar","EditContainer","props","toolbar","rest","_objectWithoutProperties","_excluded","createElement","EditContainerWithoutToolbar","_extends","_Toolbar","iterateItemContext","containerMode","isNew","_ref","children","className","title","titleWhenNew","restProps","_excluded2","wasNew","itemTitle","ariaLabel","includes","replace","index","mode","size","_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 EditToolbarTools, { useWasNew } from './EditToolbarTools'\nimport ElementBlock, {\n  ElementSectionProps,\n} from '../AnimatedContainer/ElementBlock'\nimport Toolbar from '../Toolbar'\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\nexport type AllProps = Props & FlexContainerProps & ElementSectionProps\n\nexport default function EditContainer(props: AllProps) {\n  const { toolbar, ...rest } = props\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        toolbar ?? (\n          <Toolbar>\n            <EditToolbarTools />\n          </Toolbar>\n        )\n      }\n      {...rest}\n    />\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { containerMode, isNew } = iterateItemContext ?? {}\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    ...restProps\n  } = props || {}\n\n  const wasNew = useWasNew({ isNew, containerMode })\n  let itemTitle = wasNew && titleWhenNew ? titleWhenNew : 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=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={ariaLabel}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ElementBlock>\n  )\n}\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AACxE,SAASC,IAAI,QAAQ,sBAAsB;AAE3C,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,gBAAgB,IAAIC,SAAS,QAAQ,oBAAoB;AAChE,OAAOC,YAAY,MAEZ,mCAAmC;AAC1C,OAAOC,OAAO,MAAM,YAAY;AA0BhC,eAAe,SAASC,aAAaA,CAACC,KAAe,EAAE;EACrD,MAAM;MAAEC;IAAiB,CAAC,GAAGD,KAAK;IAAdE,IAAI,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;EAClC,OACEhB,KAAA,CAAAiB,aAAA,CAACC,2BAA2B,EAAAC,QAAA;IAC1BN,OAAO,EACLA,OAAO,aAAPA,OAAO,cAAPA,OAAO,GAAAO,QAAA,KAAAA,QAAA,GACLpB,KAAA,CAAAiB,aAAA,CAACP,OAAO,QACNV,KAAA,CAAAiB,aAAA,CAACV,gBAAgB,MAAE,CACZ,CAAC;EAEb,GACGO,IAAI,CACT,CAAC;AAEN;AAEA,OAAO,SAASI,2BAA2BA,CACzCN,KAAiE,EACjE;EACA,MAAMS,kBAAkB,GAAGpB,UAAU,CAACK,kBAAkB,CAAC;EACzD,MAAM;IAAEgB,aAAa;IAAEC;EAAM,CAAC,GAAGF,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAEzD,MAAAG,IAAA,GAOIZ,KAAK,IAAI,CAAC,CAAC;IAPT;MACJa,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,YAAY;MACZf;IAEF,CAAC,GAAAW,IAAA;IADIK,SAAS,GAAAd,wBAAA,CAAAS,IAAA,EAAAM,UAAA;EAGd,MAAMC,MAAM,GAAGvB,SAAS,CAAC;IAAEe,KAAK;IAAED;EAAc,CAAC,CAAC;EAClD,IAAIU,SAAS,GAAGD,MAAM,IAAIH,YAAY,GAAGA,YAAY,GAAGD,KAAK;EAC7D,IAAIM,SAAS,GAAG/B,OAAO,CAAC,MAAME,kBAAkB,CAAC4B,SAAS,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EACzE,IAAIC,SAAS,CAACC,QAAQ,CAAC,UAAU,CAAC,EAAE;IAClCF,SAAS,GAAGC,SAAS,GAAGA,SAAS,CAACE,OAAO,CACvC,UAAU,EACVd,kBAAkB,CAACe,KAAK,GAAG,CAC7B,CAAC;EACH;EAEA,OACEpC,KAAA,CAAAiB,aAAA,CAACR,YAAY,EAAAU,QAAA;IACXkB,IAAI,EAAC,MAAM;IACXX,SAAS,EAAEvB,UAAU,CAAC,8BAA8B,EAAEuB,SAAS,CAAE;IACjEO,SAAS,EAAEA;EAAU,GACjBJ,SAAS,GAEZG,SAAS,IAAIhC,KAAA,CAAAiB,aAAA,CAACZ,IAAI;IAACiC,IAAI,EAAC;EAAO,GAAEN,SAAgB,CAAC,EAClDP,QAAQ,EACRZ,OACW,CAAC;AAEnB;AAEAF,aAAa,CAAC4B,qBAAqB,GAAG,IAAI;AAC1CrB,2BAA2B,CAACqB,qBAAqB,GAAG,IAAI"}
+{"version":3,"file":"EditContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Lead","IterateItemContext","ArrayItemArea","Toolbar","useSwitchContainerMode","DoneButton","CancelButton","useWasNew","EditContainer","props","_toolbarElement","toolbar","toolbarVariant","children","rest","_objectWithoutProperties","_excluded","arrayValue","toolbarElement","length","createElement","Fragment","hasToolbar","Children","toArray","some","child","EditContainerWithoutToolbar","_extends","_Toolbar","containerMode","isNew","index","path","_ref","className","title","titleWhenNew","restProps","_excluded2","wasNew","itemTitle","ariaLabel","includes","replace","mode","size","_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'\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   * The variant of the toolbar.\n   */\n  toolbarVariant?: 'minimumOneItem'\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              <Toolbar>\n                <DoneButton />\n                <CancelButton />\n              </Toolbar>\n            )\n      }\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    ...restProps\n  } = props || {}\n\n  const wasNew = useWasNew({ isNew, containerMode })\n  let itemTitle = wasNew && titleWhenNew ? titleWhenNew : title\n  let ariaLabel = useMemo(() => convertJsxToString(itemTitle), [itemTitle])\n  if (ariaLabel.includes('{itemNr}')) {\n    itemTitle = ariaLabel = ariaLabel.replace('{itemNr}', index + 1)\n  }\n\n  useSwitchContainerMode({ path })\n\n  return (\n    <ArrayItemArea\n      mode=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={ariaLabel}\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/extensions/forms/Iterate/EditContainer/EditContainerDocs.js

@@ -19,6 +19,11 @@ export const EditContainerProperties = {
     type: 'React.Node',
     status: 'optional'
   },
+  toolbarVariant: {
+    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',
+    type: 'string',
+    status: 'optional'
+  },
   open: {
     doc: 'If the container should be open or not. This is taken care of internally by default.',
     type: 'boolean',

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

@@ -1 +1 @@
-{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","titleWhenNew","variant","toolbar","open","EditContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  titleWhenNew: {\n    doc: 'The title for a new item.',\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  open: {\n    doc: 'If the container should be open or not. This is taken care of internally by default.',\n    type: 'boolean',\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 EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMK,mBAAyC,GAAG,CAAC,CAAC"}
+{"version":3,"file":"EditContainerDocs.js","names":["EditContainerProperties","title","doc","type","status","titleWhenNew","variant","toolbar","toolbarVariant","open","EditContainerEvents"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const EditContainerProperties: PropertiesTableProps = {\n  title: {\n    doc: 'The title of the container.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  titleWhenNew: {\n    doc: 'The title for a new item.',\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  toolbarVariant: {\n    doc: 'Use variants to render the toolbar differently. Currently there is only the `minimumOneItem` variant. See the info section for more info.',\n    type: 'string',\n    status: 'optional',\n  },\n  open: {\n    doc: 'If the container should be open or not. This is taken care of internally by default.',\n    type: 'boolean',\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 EditContainerEvents: PropertiesTableProps = {}\n"],"mappings":"AAEA,OAAO,MAAMA,uBAA6C,GAAG;EAC3DC,KAAK,EAAE;IACLC,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,2BAA2B;IAChCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,2FAA2F;IAChGC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,OAAO,EAAE;IACPL,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,2IAA2I;IAChJC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,IAAI,EAAE;IACJP,GAAG,EAAE,sFAAsF;IAC3FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,+CAA+C,EAAE;IAC/CF,GAAG,EAAE,+BAA+B;IACpCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMM,mBAAyC,GAAG,CAAC,CAAC"}

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

@@ -1,2 +1,4 @@
 export { default } from './EditContainer';
 export * from './EditContainer';
+export { default as DoneButton } from './DoneButton';
+export { default as CancelButton } from './CancelButton';

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

@@ -1,3 +1,5 @@
 export { default } from './EditContainer';
 export * from './EditContainer';
+export { default as DoneButton } from './DoneButton';
+export { default as CancelButton } from './CancelButton';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":["default","DoneButton","CancelButton"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\nexport { default as DoneButton } from './DoneButton'\nexport { default as CancelButton } from './CancelButton'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB"}

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

@@ -1,6 +1,9 @@
 import React from 'react';
 import { Path } from '../types';
 import { ContainerMode } from './Array/types';
+export type ModeOptions = {
+    omitFocusManagement?: boolean;
+};
 export interface IterateItemContextState {
     id?: string;
     index?: number;
@@ -9,9 +12,12 @@ export interface IterateItemContextState {
     path?: Path;
     arrayValue?: Array<unknown>;
     containerMode?: ContainerMode;
+    previousContainerMode?: ContainerMode;
+    initialContainerMode?: ContainerMode;
     containerRef?: React.RefObject<HTMLDivElement>;
     elementRef?: React.RefObject<HTMLDivElement>;
-    switchContainerMode?: (mode: ContainerMode) => void;
+    modeOptions?: ModeOptions;
+    switchContainerMode?: (mode: ContainerMode, options?: ModeOptions) => void;
     handleChange?: (path: Path, value: unknown) => void;
     handleRemove?: ({ keepItems }?: {
         keepItems?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"IterateItemContext.js","names":["React","IterateItemContext","createContext","undefined"],"sources":["../../../../../src/extensions/forms/Iterate/IterateItemContext.ts"],"sourcesContent":["import React from 'react'\nimport { Path } from '../types'\nimport { ContainerMode } from './Array/types'\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  containerRef?: React.RefObject<HTMLDivElement>\n  elementRef?: React.RefObject<HTMLDivElement>\n  switchContainerMode?: (mode: ContainerMode) => 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,OAAOA,KAAK,MAAM,OAAO;AAsBzB,MAAMC,kBAAkB,GAAGD,KAAK,CAACE,aAAa,CAE5CC,SAAS,CAAC;AAEZ,eAAeF,kBAAkB"}
+{"version":3,"file":"IterateItemContext.js","names":["React","IterateItemContext","createContext","undefined"],"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}\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,OAAOA,KAAK,MAAM,OAAO;AAgCzB,MAAMC,kBAAkB,GAAGD,KAAK,CAACE,aAAa,CAE5CC,SAAS,CAAC;AAEZ,eAAeF,kBAAkB"}

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

@@ -1,7 +1,12 @@
 import { ButtonProps } from '../../../../components/Button';
-import { DataValueReadWriteComponentProps } from '../../types';
-export type Props = ButtonProps & DataValueReadWriteComponentProps<unknown[]> & {
+import { Path } from '../../types';
+export type Props = ButtonProps & {
+    path?: Path;
     pushValue: unknown | ((value: unknown) => void);
+    /**
+     * Used internally
+     */
+    value?: unknown;
 };
 declare function PushButton(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace PushButton {

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

@@ -2,41 +2,52 @@
 
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["pushValue", "className"];
+const _excluded = ["pushValue", "className", "path", "children"];
 import React, { useCallback, useContext } from 'react';
 import classnames from 'classnames';
 import { Button } from '../../../../components';
 import IterateItemContext from '../IterateItemContext';
-import { useFieldProps } from '../../hooks';
+import { useSwitchContainerMode } from '../hooks';
 import { omitDataValueReadWriteProps } from '../../types';
 import { add } from '../../../../icons';
+import DataContext from '../../DataContext/Context';
+import useDataValue from '../../hooks/useDataValue';
 function PushButton(props) {
+  const {
+    handlePathChange
+  } = useContext(DataContext) || {};
   const iterateItemContext = useContext(IterateItemContext);
   const {
     handlePush
   } = iterateItemContext !== null && iterateItemContext !== void 0 ? iterateItemContext : {};
   const {
       pushValue,
-      className
+      className,
+      path,
+      children
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
   const buttonProps = omitDataValueReadWriteProps(restProps);
-  const {
-    value,
-    handleChange,
-    children
-  } = useFieldProps(restProps);
+  const value = useDataValue().getValueByPath(path);
   if (value !== undefined && !Array.isArray(value)) {
     throw new Error('PushButton received a non-array value');
   }
-  const handleClick = useCallback(() => {
+  const {
+    setLastItemContainerMode
+  } = useSwitchContainerMode({
+    path
+  });
+  const handleClick = useCallback(async () => {
     const newValue = typeof pushValue === 'function' ? pushValue(value) : pushValue;
     if (handlePush) {
       handlePush(newValue);
-      return;
+    } else {
+      await (handlePathChange === null || handlePathChange === void 0 ? void 0 : handlePathChange(path, [...(value !== null && value !== void 0 ? value : []), newValue]));
     }
-    handleChange([...(value !== null && value !== void 0 ? value : []), newValue]);
-  }, [value, pushValue, handlePush, handleChange]);
+    setTimeout(() => {
+      setLastItemContainerMode('view');
+    }, 100);
+  }, [handlePathChange, handlePush, path, pushValue, setLastItemContainerMode, value]);
   return React.createElement(Button, _extends({
     className: classnames('dnb-forms-iterate-push-button', className),
     variant: "secondary",

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

@@ -1 +1 @@
-{"version":3,"file":"PushButton.js","names":["React","useCallback","useContext","classnames","Button","IterateItemContext","useFieldProps","omitDataValueReadWriteProps","add","PushButton","props","iterateItemContext","handlePush","pushValue","className","restProps","_objectWithoutProperties","_excluded","buttonProps","value","handleChange","children","undefined","Array","isArray","Error","handleClick","newValue","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.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 } from '../../hooks'\nimport {\n  DataValueReadWriteComponentProps,\n  omitDataValueReadWriteProps,\n} from '../../types'\nimport { add } from '../../../../icons'\n\nexport type Props = ButtonProps &\n  DataValueReadWriteComponentProps<unknown[]> & {\n    pushValue: unknown | ((value: unknown) => void)\n  }\n\nfunction PushButton(props: Props) {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { handlePush } = iterateItemContext ?? {}\n\n  const { pushValue, className, ...restProps } = props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const { value, handleChange, children } = useFieldProps(restProps)\n\n  if (value !== undefined && !Array.isArray(value)) {\n    throw new Error('PushButton received a non-array value')\n  }\n\n  const handleClick = useCallback(() => {\n    const newValue =\n      typeof pushValue === 'function' ? pushValue(value) : pushValue\n\n    if (handlePush) {\n      // Inside an Iterate element - make the change through the Iterate component\n      handlePush(newValue)\n      return // stop here\n    }\n\n    // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n    handleChange([...(value ?? []), newValue])\n  }, [value, pushValue, handlePush, handleChange])\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      {children}\n    </Button>\n  )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAEEC,2BAA2B,QACtB,aAAa;AACpB,SAASC,GAAG,QAAQ,mBAAmB;AAOvC,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,kBAAkB,GAAGT,UAAU,CAACG,kBAAkB,CAAC;EACzD,MAAM;IAAEO;EAAW,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAE/C,MAAM;MAAEE,SAAS;MAAEC;IAAwB,CAAC,GAAGJ,KAAK;IAAnBK,SAAS,GAAAC,wBAAA,CAAKN,KAAK,EAAAO,SAAA;EACpD,MAAMC,WAAW,GAAGX,2BAA2B,CAACQ,SAAS,CAAC;EAC1D,MAAM;IAAEI,KAAK;IAAEC,YAAY;IAAEC;EAAS,CAAC,GAAGf,aAAa,CAACS,SAAS,CAAC;EAElE,IAAII,KAAK,KAAKG,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;IAChD,MAAM,IAAIM,KAAK,CAAC,uCAAuC,CAAC;EAC1D;EAEA,MAAMC,WAAW,GAAGzB,WAAW,CAAC,MAAM;IACpC,MAAM0B,QAAQ,GACZ,OAAOd,SAAS,KAAK,UAAU,GAAGA,SAAS,CAACM,KAAK,CAAC,GAAGN,SAAS;IAEhE,IAAID,UAAU,EAAE;MAEdA,UAAU,CAACe,QAAQ,CAAC;MACpB;IACF;IAGAP,YAAY,CAAC,CAAC,IAAID,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC,EAAEQ,QAAQ,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACR,KAAK,EAAEN,SAAS,EAAED,UAAU,EAAEQ,YAAY,CAAC,CAAC;EAEhD,OACEpB,KAAA,CAAA4B,aAAA,CAACxB,MAAM,EAAAyB,QAAA;IACLf,SAAS,EAAEX,UAAU,CAAC,+BAA+B,EAAEW,SAAS,CAAE;IAClEgB,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAEvB,GAAI;IACVwB,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEP;EAAY,GAClBR,WAAW,GAEdG,QACK,CAAC;AAEb;AAEAZ,UAAU,CAACyB,qBAAqB,GAAG,IAAI;AACvC,eAAezB,UAAU"}
+{"version":3,"file":"PushButton.js","names":["React","useCallback","useContext","classnames","Button","IterateItemContext","useSwitchContainerMode","omitDataValueReadWriteProps","add","DataContext","useDataValue","PushButton","props","handlePathChange","iterateItemContext","handlePush","pushValue","className","path","children","restProps","_objectWithoutProperties","_excluded","buttonProps","value","getValueByPath","undefined","Array","isArray","Error","setLastItemContainerMode","handleClick","newValue","setTimeout","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.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 { useSwitchContainerMode } from '../hooks'\nimport { omitDataValueReadWriteProps, Path } from '../../types'\nimport { add } from '../../../../icons'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\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, children, ...restProps } = props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n  const value = useDataValue().getValueByPath(path)\n\n  if (value !== undefined && !Array.isArray(value)) {\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    const newValue =\n      typeof pushValue === 'function' ? pushValue(value) : 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, [...(value ?? []), newValue])\n    }\n\n    setTimeout(() => {\n      setLastItemContainerMode('view')\n    }, 100) // UX improvement because of the \"openDelay\"\n  }, [\n    handlePathChange,\n    handlePush,\n    path,\n    pushValue,\n    setLastItemContainerMode,\n    value,\n  ])\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      {children}\n    </Button>\n  )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,sBAAsB,QAAQ,UAAU;AACjD,SAASC,2BAA2B,QAAc,aAAa;AAC/D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,YAAY,MAAM,0BAA0B;AAYnD,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC;EAAiB,CAAC,GAAGX,UAAU,CAACO,WAAW,CAAC,IAAI,CAAC,CAAC;EAC1D,MAAMK,kBAAkB,GAAGZ,UAAU,CAACG,kBAAkB,CAAC;EACzD,MAAM;IAAEU;EAAW,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAE/C,MAAM;MAAEE,SAAS;MAAEC,SAAS;MAAEC,IAAI;MAAEC;IAAuB,CAAC,GAAGP,KAAK;IAAnBQ,SAAS,GAAAC,wBAAA,CAAKT,KAAK,EAAAU,SAAA;EACpE,MAAMC,WAAW,GAAGhB,2BAA2B,CAACa,SAAS,CAAC;EAC1D,MAAMI,KAAK,GAAGd,YAAY,CAAC,CAAC,CAACe,cAAc,CAACP,IAAI,CAAC;EAEjD,IAAIM,KAAK,KAAKE,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACJ,KAAK,CAAC,EAAE;IAChD,MAAM,IAAIK,KAAK,CAAC,uCAAuC,CAAC;EAC1D;EAEA,MAAM;IAAEC;EAAyB,CAAC,GAAGxB,sBAAsB,CAAC;IAC1DY;EACF,CAAC,CAAC;EAEF,MAAMa,WAAW,GAAG9B,WAAW,CAAC,YAAY;IAC1C,MAAM+B,QAAQ,GACZ,OAAOhB,SAAS,KAAK,UAAU,GAAGA,SAAS,CAACQ,KAAK,CAAC,GAAGR,SAAS;IAEhE,IAAID,UAAU,EAAE;MAEdA,UAAU,CAACiB,QAAQ,CAAC;IACtB,CAAC,MAAM;MAEL,OAAMnB,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAGK,IAAI,EAAE,CAAC,IAAIM,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC,EAAEQ,QAAQ,CAAC,CAAC;IAC9D;IAEAC,UAAU,CAAC,MAAM;MACfH,wBAAwB,CAAC,MAAM,CAAC;IAClC,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,CACDjB,gBAAgB,EAChBE,UAAU,EACVG,IAAI,EACJF,SAAS,EACTc,wBAAwB,EACxBN,KAAK,CACN,CAAC;EAEF,OACExB,KAAA,CAAAkC,aAAA,CAAC9B,MAAM,EAAA+B,QAAA;IACLlB,SAAS,EAAEd,UAAU,CAAC,+BAA+B,EAAEc,SAAS,CAAE;IAClEmB,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAE7B,GAAI;IACV8B,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAER;EAAY,GAClBR,WAAW,GAEdJ,QACK,CAAC;AAEb;AAEAR,UAAU,CAAC6B,qBAAqB,GAAG,IAAI;AACvC,eAAe7B,UAAU"}

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

@@ -22,7 +22,11 @@ export type Props = {
     /**
      * Prefilled data to add to the fields.
      */
-    data?: Record<string, unknown>;
+    data?: unknown | Record<string, unknown>;
+    /**
+     * A custom toolbar to be shown below the container.
+     */
+    toolbar?: React.ReactNode;
     /**
      * The container contents.
      */