@dnb/eufemia 10.62.3 → 10.63.0

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayItemArea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_ArrayItemAreaContext","_FieldBoundaryContext","_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","useLayoutEffect","window","React","useEffect","ArrayItemArea","props","forceUpdate","useReducer","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","toolbarVariant","restProps","localContextRef","useRef","hasError","hasSubmitError","useContext","FieldBoundaryContext","current","IterateItemContext","nextFocusElementRef","isNew","determineMode","useCallback","value","initialContainerMode","containerMode","modeOptions","omitFocusManagement","editMode","switchContainerMode","preventUpdate","handleRemove","index","previousContainerMode","openRef","isRemoving","setOpenState","setTimeout","setFocus","state","_localContextRef$curr","_localContextRef$curr2","_localContextRef$curr3","_localContextRef$curr4","elementRef","focus","_nextFocusElementRef$","_nextFocusElementRef$2","handleAnimationEnd","_localContextRef$curr5","_localContextRef$curr6","fulfillRemove","handleRemoveItem","Array","from","parentElement","childNodes","at","e","keepItems","createElement","Provider","HeightAnimation","classnames","duration","keepInDOM","Card","stack","filled","innerSpace","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemArea.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Card, HeightAnimation } from '../../../../components'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport ArrayItemAreaContext from './ArrayItemAreaContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from './types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type ArrayItemAreaProps = {\n  /**\n   * Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline`, `filled` or `basic`.\n   * Defaults to `outline`.\n   */\n  variant?: 'outline' | 'basic' | 'filled'\n  toolbarVariant?: 'minimumOneItem' | 'custom'\n}\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n} & ArrayItemAreaProps\n\nfunction ArrayItemArea(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    variant = 'outline',\n    toolbarVariant,\n    ...restProps\n  } = props\n\n  const localContextRef = useRef<IterateItemContextState>()\n  const { hasError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n  localContextRef.current = useContext(IterateItemContext) || {}\n  const nextFocusElementRef = useRef<HTMLElement>()\n  const { isNew } = localContextRef.current\n\n  const determineMode = useCallback(() => {\n    const { value, initialContainerMode } = localContextRef.current\n    if (initialContainerMode === 'auto') {\n      // - Set the container mode to \"edit\" if we have an error\n      if (\n        hasSubmitError ||\n        hasError ||\n        !value ||\n        (typeof value === 'object' && Object.keys(value).length === 0)\n      ) {\n        return 'edit'\n      }\n    }\n  }, [hasError, hasSubmitError])\n\n  if (determineMode() === 'edit') {\n    localContextRef.current.containerMode = 'edit'\n    if (!localContextRef.current.modeOptions) {\n      localContextRef.current.modeOptions = {}\n    }\n    localContextRef.current.modeOptions.omitFocusManagement = true\n  }\n  if (localContextRef.current.containerMode === 'auto') {\n    localContextRef.current.containerMode = 'view'\n  }\n\n  useLayoutEffect(() => {\n    if (mode === 'edit') {\n      const editMode = determineMode()\n      if (editMode) {\n        const { switchContainerMode } = localContextRef.current\n        switchContainerMode?.(editMode, {\n          omitFocusManagement: true,\n          preventUpdate: true,\n        })\n      }\n    }\n  }, [determineMode, mode])\n\n  const { handleRemove, index, previousContainerMode, containerMode } =\n    localContextRef.current\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  const setFocus = useCallback(\n    (state) => {\n      if (\n        localContextRef.current.modeOptions?.omitFocusManagement !==\n          true &&\n        !hasSubmitError &&\n        containerMode === mode && // ensure we match the correct mode\n        containerMode !== previousContainerMode // ensure we have a new mode\n      ) {\n        if (state === 'opened') {\n          localContextRef.current.elementRef?.current?.focus?.()\n        } else if (state === 'closed') {\n          nextFocusElementRef.current?.focus?.()\n        }\n      }\n    },\n    [containerMode, hasSubmitError, mode, previousContainerMode]\n  )\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        localContextRef.current.fulfillRemove?.()\n      }\n\n      setFocus(state)\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, setFocus]\n  )\n\n  const handleRemoveItem = useCallback(() => {\n    try {\n      // Because \"previousElementSibling\" did not work in Jest/JSDOM\n      nextFocusElementRef.current = Array.from(\n        localContextRef.current.elementRef.current.parentElement.childNodes\n      ).at(index - 1) as HTMLElement\n    } catch (e) {\n      //\n    }\n    isRemoving.current = true\n    setOpenState(false)\n    handleRemove?.({ keepItems: true })\n  }, [handleRemove, index, setOpenState])\n\n  return (\n    <ArrayItemAreaContext.Provider\n      value={{ handleRemoveItem, variant, toolbarVariant }}\n    >\n      <HeightAnimation\n        className={classnames(\n          'dnb-forms-section-block',\n          variant && `dnb-forms-section-block--variant-${variant}`,\n          isNew && 'dnb-forms-section-block--new',\n          hasSubmitError && 'dnb-forms-section-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Card\n          stack\n          filled={variant === 'filled'}\n          innerSpace={variant === 'basic' ? false : 'small'}\n          className=\"dnb-forms-section-block__inner\"\n          {...restProps}\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Card>\n      </HeightAnimation>\n    </ArrayItemAreaContext.Provider>\n  )\n}\n\nArrayItemArea._supportsSpacingProps = true\nexport default ArrayItemArea\n"],"mappings":"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"}
+{"version":3,"file":"ArrayItemArea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_ArrayItemAreaContext","_FieldBoundaryContext","_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","useLayoutEffect","window","React","useEffect","ArrayItemArea","props","forceUpdate","useReducer","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","toolbarVariant","restProps","localContextRef","useRef","hasError","hasSubmitError","useContext","FieldBoundaryContext","current","IterateItemContext","nextFocusElementRef","isNew","determineMode","useCallback","value","initialContainerMode","containerMode","modeOptions","omitFocusManagement","editMode","switchContainerMode","preventUpdate","handleRemove","index","previousContainerMode","openRef","isRemoving","setOpenState","setTimeout","setFocus","state","_localContextRef$curr","_localContextRef$curr2","_localContextRef$curr3","_localContextRef$curr4","elementRef","focus","_nextFocusElementRef$","_nextFocusElementRef$2","handleAnimationEnd","_localContextRef$curr5","_localContextRef$curr6","fulfillRemove","handleRemoveItem","Array","from","parentElement","childNodes","at","e","keepItems","createElement","Provider","divider","HeightAnimation","classnames","duration","keepInDOM","Card","stack","filled","innerSpace","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemArea.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Card, HeightAnimation } from '../../../../components'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport ArrayItemAreaContext from './ArrayItemAreaContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from './types'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport type ArrayItemAreaProps = {\n  /**\n   * Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline`, `filled` or `basic`.\n   * Defaults to `outline`.\n   */\n  variant?: 'outline' | 'basic' | 'filled'\n  toolbarVariant?: 'minimumOneItem' | 'custom'\n}\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n} & ArrayItemAreaProps\n\nfunction ArrayItemArea(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    variant = 'outline',\n    toolbarVariant,\n    ...restProps\n  } = props\n\n  const localContextRef = useRef<IterateItemContextState>()\n  const { hasError, hasSubmitError } =\n    useContext(FieldBoundaryContext) || {}\n  localContextRef.current = useContext(IterateItemContext) || {}\n  const nextFocusElementRef = useRef<HTMLElement>()\n  const { isNew } = localContextRef.current\n\n  const determineMode = useCallback(() => {\n    const { value, initialContainerMode } = localContextRef.current\n    if (initialContainerMode === 'auto') {\n      // - Set the container mode to \"edit\" if we have an error\n      if (\n        hasSubmitError ||\n        hasError ||\n        !value ||\n        (typeof value === 'object' && Object.keys(value).length === 0)\n      ) {\n        return 'edit'\n      }\n    }\n  }, [hasError, hasSubmitError])\n\n  if (determineMode() === 'edit') {\n    localContextRef.current.containerMode = 'edit'\n    if (!localContextRef.current.modeOptions) {\n      localContextRef.current.modeOptions = {}\n    }\n    localContextRef.current.modeOptions.omitFocusManagement = true\n  }\n  if (localContextRef.current.containerMode === 'auto') {\n    localContextRef.current.containerMode = 'view'\n  }\n\n  useLayoutEffect(() => {\n    if (mode === 'edit') {\n      const editMode = determineMode()\n      if (editMode) {\n        const { switchContainerMode } = localContextRef.current\n        switchContainerMode?.(editMode, {\n          omitFocusManagement: true,\n          preventUpdate: true,\n        })\n      }\n    }\n  }, [determineMode, mode])\n\n  const { handleRemove, index, previousContainerMode, containerMode } =\n    localContextRef.current\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useLayoutEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  const setFocus = useCallback(\n    (state) => {\n      if (\n        localContextRef.current.modeOptions?.omitFocusManagement !==\n          true &&\n        !hasSubmitError &&\n        containerMode === mode && // ensure we match the correct mode\n        containerMode !== previousContainerMode // ensure we have a new mode\n      ) {\n        if (state === 'opened') {\n          localContextRef.current.elementRef?.current?.focus?.()\n        } else if (state === 'closed') {\n          nextFocusElementRef.current?.focus?.()\n        }\n      }\n    },\n    [containerMode, hasSubmitError, mode, previousContainerMode]\n  )\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        localContextRef.current.fulfillRemove?.()\n      }\n\n      setFocus(state)\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, setFocus]\n  )\n\n  const handleRemoveItem = useCallback(() => {\n    try {\n      // Because \"previousElementSibling\" did not work in Jest/JSDOM\n      nextFocusElementRef.current = Array.from(\n        localContextRef.current.elementRef.current.parentElement.childNodes\n      ).at(index - 1) as HTMLElement\n    } catch (e) {\n      //\n    }\n    isRemoving.current = true\n    setOpenState(false)\n    handleRemove?.({ keepItems: true })\n  }, [handleRemove, index, setOpenState])\n\n  return (\n    <ArrayItemAreaContext.Provider\n      value={{\n        handleRemoveItem,\n        variant,\n        toolbarVariant,\n        divider: restProps.divider,\n      }}\n    >\n      <HeightAnimation\n        className={classnames(\n          'dnb-forms-section-block',\n          variant && `dnb-forms-section-block--variant-${variant}`,\n          isNew && 'dnb-forms-section-block--new',\n          hasSubmitError && 'dnb-forms-section-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Card\n          stack\n          filled={variant === 'filled'}\n          innerSpace={variant === 'basic' ? false : 'small'}\n          className=\"dnb-forms-section-block__inner\"\n          {...restProps}\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Card>\n      </HeightAnimation>\n    </ArrayItemAreaContext.Provider>\n  )\n}\n\nArrayItemArea._supportsSpacingProps = true\nexport default ArrayItemArea\n"],"mappings":"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"}

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

@@ -1,9 +1,11 @@
 /// <reference types="react" />
 import { ArrayItemAreaProps } from './ArrayItemArea';
+import { BasicProps } from '../../../../components/flex/Container';
 type ArrayItemAreaContext = {
     handleRemoveItem?: () => void;
     variant?: ArrayItemAreaProps['variant'];
     toolbarVariant?: ArrayItemAreaProps['toolbarVariant'];
+    divider?: BasicProps['divider'];
 };
 declare const ArrayItemAreaContext: import("react").Context<ArrayItemAreaContext>;
 export default ArrayItemAreaContext;

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayItemAreaContext.js","names":["_react","require","ArrayItemAreaContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemAreaContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ArrayItemAreaProps } from './ArrayItemArea'\n\ntype ArrayItemAreaContext = {\n  handleRemoveItem?: () => void\n  variant?: ArrayItemAreaProps['variant']\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nconst ArrayItemAreaContext = createContext<ArrayItemAreaContext>(null)\n\nexport default ArrayItemAreaContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,MAAMC,oBAAoB,GAAG,IAAAC,oBAAa,EAAuB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAEvDF,oBAAoB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"file":"ArrayItemAreaContext.js","names":["_react","require","ArrayItemAreaContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemAreaContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { ArrayItemAreaProps } from './ArrayItemArea'\nimport { BasicProps } from '../../../../components/flex/Container'\n\ntype ArrayItemAreaContext = {\n  handleRemoveItem?: () => void\n  variant?: ArrayItemAreaProps['variant']\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n  divider?: BasicProps['divider']\n}\n\nconst ArrayItemAreaContext = createContext<ArrayItemAreaContext>(null)\n\nexport default ArrayItemAreaContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAWA,MAAMC,oBAAoB,GAAG,IAAAC,oBAAa,EAAuB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAEvDF,oBAAoB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1,12 +1,14 @@
 /// <reference types="react" />
-import { Path, UseFieldProps, Validator } from '../../types';
+import { DefaultErrorMessages, Path, UseFieldProps, Validator } from '../../types';
 import { Props as FlexContainerProps } from '../../../../components/flex/Container';
+import { IterateItemContextState } from '../IterateItemContext';
 export type ContainerMode = 'view' | 'edit' | 'auto';
 export type Value = Array<unknown | Record<string, unknown>>;
-export type ElementChild = React.ReactNode | ((value: any, index: number) => React.ReactNode);
-export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>> & Pick<UseFieldProps<Value, undefined | Value>, 'value' | 'defaultValue' | 'emptyValue' | 'onChange' | 'validateInitially' | 'continuousValidation'> & {
+export type ElementChild = React.ReactNode | ((value: any, index: number, arrayItems: Array<IterateItemContextState>) => React.ReactNode);
+export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>> & Pick<UseFieldProps<Value, undefined | Value>, 'value' | 'defaultValue' | 'emptyValue' | 'onChange' | 'validateInitially' | 'continuousValidation' | 'validateContinuously'> & {
     children: ElementChild | Array<ElementChild>;
     path?: Path;
+    itemPath?: Path;
     limit?: number;
     countPath?: Path;
     countPathLimit?: number;
@@ -15,8 +17,11 @@ export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTM
     animate?: boolean;
     placeholder?: React.ReactNode;
     containerMode?: ContainerMode;
+    required?: boolean;
+    errorMessages?: DefaultErrorMessages;
     countPathTransform?: (params: {
         value: any;
         index: number;
     }) => any;
+    validateValue?: () => void;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import { Path, UseFieldProps, Validator } from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\n\nexport type ContainerMode = 'view' | 'edit' | 'auto'\nexport type Value = Array<unknown | Record<string, unknown>>\nexport type ElementChild =\n  | React.ReactNode\n  | ((value: any, index: number) => React.ReactNode)\nexport type Props = Omit<\n  FlexContainerProps,\n  keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>\n> &\n  Pick<\n    UseFieldProps<Value, undefined | Value>,\n    | 'value'\n    | 'defaultValue'\n    | 'emptyValue'\n    | 'onChange'\n    | 'validateInitially'\n    | 'continuousValidation'\n  > & {\n    children: ElementChild | Array<ElementChild>\n    path?: Path\n    limit?: number\n    countPath?: Path\n    countPathLimit?: number\n    onChangeValidator?: Validator<Value>\n    withoutFlex?: boolean\n    animate?: boolean\n    placeholder?: React.ReactNode\n    containerMode?: ContainerMode\n    countPathTransform?: (params: { value: any; index: number }) => any\n  }\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../../src/extensions/forms/Iterate/Array/types.ts"],"sourcesContent":["import {\n  DefaultErrorMessages,\n  Path,\n  UseFieldProps,\n  Validator,\n} from '../../types'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { IterateItemContextState } from '../IterateItemContext'\n\nexport type ContainerMode = 'view' | 'edit' | 'auto'\nexport type Value = Array<unknown | Record<string, unknown>>\nexport type ElementChild =\n  | React.ReactNode\n  | ((\n      value: any,\n      index: number,\n      arrayItems: Array<IterateItemContextState>\n    ) => React.ReactNode)\nexport type Props = Omit<\n  FlexContainerProps,\n  keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>\n> &\n  Pick<\n    UseFieldProps<Value, undefined | Value>,\n    | 'value'\n    | 'defaultValue'\n    | 'emptyValue'\n    | 'onChange'\n    | 'validateInitially'\n    | 'continuousValidation'\n    | 'validateContinuously'\n  > & {\n    children: ElementChild | Array<ElementChild>\n    path?: Path\n    itemPath?: Path\n    limit?: number\n    countPath?: Path\n    countPathLimit?: number\n    onChangeValidator?: Validator<Value>\n    withoutFlex?: boolean\n    animate?: boolean\n    placeholder?: React.ReactNode\n    containerMode?: ContainerMode\n    required?: boolean\n    errorMessages?: DefaultErrorMessages\n    countPathTransform?: (params: { value: any; index: number }) => any\n\n    // internal\n    validateValue?: () => void\n  }\n"],"mappings":""}

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

@@ -30,14 +30,11 @@ function CancelButton(props) {
     restoreOriginalValue,
     switchContainerMode,
     containerMode,
-    initialContainerMode,
     arrayValue,
     isNew,
     index
   } = (0, _react.useContext)(_IterateItemContext.default) || {};
   const {
-    hasError,
-    hasVisibleError,
     setShowBoundaryErrors
   } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
   const {
@@ -61,18 +58,11 @@ function CancelButton(props) {
       event
     } = _ref;
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
-    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, onClick, restoreOriginalValue, setShowBoundaryErrors, setShowError, switchContainerMode]);
+    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');
+  }, [onClick, restoreOriginalValue, setShowBoundaryErrors, setShowError, switchContainerMode]);
   const wasNew = useWasNew({
     isNew,
     containerMode

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

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_icons","_RemoveButton","_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","CancelButton","props","onClick","rest","restoreOriginalValue","switchContainerMode","containerMode","initialContainerMode","arrayValue","isNew","index","useContext","IterateItemContext","hasError","hasVisibleError","setShowBoundaryErrors","FieldBoundaryContext","setShowError","ToolbarContext","cancelButton","removeButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","cancelHandler","useCallback","_ref","event","wasNew","useWasNew","createElement","Fragment","text","Button","variant","icon","close","icon_position","on_click","_ref2","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 CancelButton(props: Props) {\n  const { onClick, ...rest } = 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    ({ event }: { event: React.MouseEvent<HTMLButtonElement> }) => {\n      onClick?.(event)\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    [\n      hasError,\n      hasVisibleError,\n      initialContainerMode,\n      onClick,\n      restoreOriginalValue,\n      setShowBoundaryErrors,\n      setShowError,\n      switchContainerMode,\n    ]\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        onClick={onClick}\n        {...(rest 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      {...rest}\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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"}
+{"version":3,"file":"CancelButton.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_icons","_RemoveButton","_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","CancelButton","props","onClick","rest","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","isNew","index","useContext","IterateItemContext","setShowBoundaryErrors","FieldBoundaryContext","setShowError","ToolbarContext","cancelButton","removeButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","cancelHandler","useCallback","_ref","event","wasNew","useWasNew","createElement","Fragment","text","Button","variant","icon","close","icon_position","on_click","_ref2","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 CancelButton(props: Props) {\n  const { onClick, ...rest } = props\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    isNew,\n    index,\n  } = useContext(IterateItemContext) || {}\n  const { setShowBoundaryErrors } = 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    ({ event }: { event: React.MouseEvent<HTMLButtonElement> }) => {\n      onClick?.(event)\n      restoreOriginalValue?.(valueBackupRef.current)\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      switchContainerMode?.('view')\n    },\n    [\n      onClick,\n      restoreOriginalValue,\n      setShowBoundaryErrors,\n      setShowError,\n      switchContainerMode,\n    ]\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        onClick={onClick}\n        {...(rest 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      {...rest}\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/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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAEA,IAAAK,mBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,cAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,SAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,aAAA,GAAAX,uBAAA,CAAAC,OAAA;AACA,IAAAW,OAAA,GAAAX,OAAA;AAAyC,IAAAY,QAAA;AAAA,MAAAC,SAAA;EAAAC,UAAA;AAAA,SAAAZ,uBAAAa,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,SAAApB,wBAAAgB,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;AA+B1B,SAASe,aAAaA,CAACC,KAAe,EAAE;EAAA,IAAAC,eAAA;EACrD,MAAM;MAAEC,OAAO;MAAEC,cAAc;MAAEC;IAAkB,CAAC,GAAGJ,KAAK;IAAdK,IAAI,GAAAf,wBAAA,CAAKU,KAAK,EAAA3C,SAAA;EAC5D,MAAM;IAAEiD;EAAW,CAAC,GAAG,IAAAC,iBAAU,EAACC,2BAAkB,CAAC;EAErD,IAAIC,cAAc,GAAGP,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIG,UAAU,CAACnB,MAAM,IAAI,CAAC,EAAE;IACjEsB,cAAc,GAAGnE,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAApE,MAAA,CAAAmB,OAAA,CAAAkD,QAAA,MAAI,CAAC;EACxB;EAEA,MAAMC,UAAU,GACd,CAACH,cAAc,IACfI,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACX,QAAQ,CAAC,CAACY,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAKC,iBAAO;EACpC,CAAC,CAAC;EAEJ,OACE5E,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACS,2BAA2B,EAAAtC,QAAA;IAC1BqB,OAAO,EACLU,UAAU,GACN,IAAI,IAAAX,eAAA,GACJQ,cAAc,cAAAR,eAAA,cAAAA,eAAA,GACbE,cAAc,KAAK,QAAQ,KAAA/C,QAAA,KAAAA,QAAA,GAC1Bd,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC3D,SAAA,CAAAU,OAAO,QACNnB,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACzD,WAAA,CAAAQ,OAAU,MAAE,CAAC,EACdnB,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAACxD,aAAA,CAAAO,OAAY,MAAE,CACR,CAAC,EAEjB;IACD0C,cAAc,EAAEA;EAAe,GAC3BE,IAAI,GAEPD,QAC0B,CAAC;AAElC;AAEO,SAASe,2BAA2BA,CACzCnB,KAAiE,EACjE;EACA,MAAM;IAAEoB,aAAa;IAAEC,KAAK;IAAEC,KAAK;IAAEC;EAAK,CAAC,GACzC,IAAAhB,iBAAU,EAACC,2BAAkB,CAAC;EAEhC,MAAAgB,IAAA,GAQIxB,KAAK,IAAI,CAAC,CAAC;IART;MACJI,QAAQ;MACRqB,SAAS;MACTC,KAAK;MACLC,YAAY;MACZzB,OAAO;MACPC;IAEF,CAAC,GAAAqB,IAAA;IADII,SAAS,GAAAtC,wBAAA,CAAAkC,IAAA,EAAAlE,UAAA;EAGd,MAAMuE,MAAM,GAAG,IAAAC,uBAAS,EAAC;IAAET,KAAK;IAAED;EAAc,CAAC,CAAC;EAClD,MAAMW,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,OAAO,IAAAC,qBAAa,EAClBJ,MAAM,IAAIF,YAAY,GAAGA,YAAY,GAAGD,KAAK,EAC7CJ,KACF,CAAC;EACH,CAAC,EAAE,CAACA,KAAK,EAAEI,KAAK,EAAEC,YAAY,EAAEE,MAAM,CAAC,CAAC;EAExC,IAAAK,6BAAsB,EAAC;IAAEX;EAAK,CAAC,CAAC;EAEhC,OACEjF,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC5D,cAAA,CAAAW,OAAa,EAAAoB,QAAA;IACZsD,IAAI,EAAC,MAAM;IACXV,SAAS,EAAE,IAAAW,mBAAU,EAAC,8BAA8B,EAAEX,SAAS,CAAE;IACjEY,SAAS,EAAE,IAAAC,mCAAkB,EAACP,SAAS,CAAE;IACzC5B,cAAc,EAAEA;EAAe,GAC3ByB,SAAS,GAEZG,SAAS,IAAIzF,MAAA,CAAAmB,OAAA,CAAAiD,aAAA,CAAC9D,SAAA,CAAA2F,IAAI;IAACC,IAAI,EAAC;EAAO,GAAET,SAAgB,CAAC,EAClD3B,QAAQ,EACRF,OACY,CAAC;AAEpB;AAEAH,aAAa,CAAC0C,UAAU,GAAGA,mBAAU;AACrC1C,aAAa,CAAC2C,YAAY,GAAGA,qBAAY;AAEzC3C,aAAa,CAAC4C,qBAAqB,GAAG,IAAI;AAC1CxB,2BAA2B,CAACwB,qBAAqB,GAAG,IAAI"}
+{"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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AAAwE,SAAAI,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,SAAAN,wBAAAU,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,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,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAEjE,SAASW,gBAAgBA,CAAAC,IAAA,EAI7B;EAAA,IAJ8B;IAC/BC,KAAK,EAAEC,SAAS;IAChBC,WAAW;IACXC;EACF,CAAC,GAAAJ,IAAA;EACC,MAAM;IAAEK,KAAK,EAAEC;EAAa,CAAC,GAAG,IAAAC,cAAO,EAAC,CAAC,IAAI,CAAC,CAAC;EAE/C,MAAM;IAAEC;EAAoB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC,CAACC,KAAK;EACtD,MAAMC,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,IAAIR,QAAQ,KAAK,KAAK,IAAI,OAAOD,WAAW,KAAK,WAAW,EAAE;MAC5D,OAAOA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAIK,mBAAmB;IAC3C;IACA,OAAO,EAAE;EACX,CAAC,EAAE,CAACJ,QAAQ,EAAED,WAAW,EAAEK,mBAAmB,CAAC,CAAC;EAEhD,OAAO,IAAAI,cAAO,EAAC,MAAM;IACnB,IAAIC,OAAO,GAAGX,SAAS;IAEvB,IAAII,YAAY,KAAKQ,SAAS,EAAE;MAC9BD,OAAO,GAAG,IAAAE,mCAAkB,EAACb,SAAS,CAAC,CAACc,OAAO,CAC7C,UAAU,EACVC,MAAM,CAACX,YAAY,GAAG,CAAC,CACzB,CAAC;IACH;IAEA,IAAIK,eAAe,EAAE;MACnB,IAAI,IAAAI,mCAAkB,EAACF,OAAO,CAAC,CAACK,QAAQ,CAACV,mBAAmB,CAAC,EAAE;QAC7D,OAAOK,OAAO;MAChB;MAEA,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QAC/B,OAAOA,OAAO,GAAG,GAAG,GAAGF,eAAe;MACxC;MAEA,IAAIQ,cAAK,CAACC,cAAc,CAACP,OAAO,CAAC,EAAE;QACjC,OACE1C,MAAA,CAAAa,OAAA,CAAAqC,aAAA,CAAAlD,MAAA,CAAAa,OAAA,CAAAsC,QAAA,QACGT,OAAO,EACP,GAAG,EACHF,eACD,CAAC;MAEP;IACF;IAEA,OAAOE,OAAO;EAChB,CAAC,EAAE,CAACP,YAAY,EAAEJ,SAAS,EAAES,eAAe,EAAEH,mBAAmB,CAAC,CAAC;AACrE"}

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);