@dnb/eufemia 10.62.3 → 10.63.0

package/es/extensions/forms/Iterate/Array/Array.js.map

@@ -1 +1 @@
-{"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","useCallback","classnames","pointer","useFieldProps","makeUniqueId","Flex","FormStatus","HeightAnimation","pickSpacingProps","useMountEffect","useUpdateEffect","pickFlexContainerProps","IterateItemContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","DataContext","useDataValue","useArrayLimit","useSwitchContainerMode","getMessagesFromError","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","dataContext","summaryListContext","valueBlockContext","setLimitProps","error","limitWarning","path","getValueByPath","countPath","countPathLimit","Infinity","getCountValue","countValue","parseFloat","preparedProps","countPathTransform","arrayValue","newValue","i","l","value","push","index","_objectSpread","required","limit","withoutFlex","emptyValue","placeholder","containerMode","animate","handleChange","setChanged","onChange","children","updateContextDataInSync","omitMultiplePathWarning","forceUpdateWhenContextDataIsSet","Boolean","countValueRef","current","window","requestAnimationFrame","handlePathChange","valueCountRef","idsRef","isNewRef","modesRef","valueWhileClosingRef","containerRef","hadPushRef","innerRefs","omitFlex","getNextContainerMode","arrayItems","_ref","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","length","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","switchContainerMode","mode","_isNewRef$current","preventUpdate","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","total","last","flexProps","className","innerRef","arrayElements","itemProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","createElement","Provider","key","Item","tabIndex","Stack","Fragment","show","state","undefined","shellSpace","top","bottom","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  useCallback,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from '../../utils/json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex, FormStatus, HeightAnimation } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport useUpdateEffect from '../../../../shared/helpers/useUpdateEffect'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\n  ModeOptions,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport { useArrayLimit, useSwitchContainerMode } from '../hooks'\nimport { getMessagesFromError } from '../../FieldBlock'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const dataContext = useContext(DataContext)\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { setLimitProps, error: limitWarning } = useArrayLimit({\n    path: props.path,\n  })\n\n  const { getValueByPath } = useDataValue()\n  const { countPath, countPathLimit = Infinity } = props\n  const getCountValue = useCallback(() => {\n    if (!countPath) {\n      return -1\n    }\n\n    let countValue = parseFloat(getValueByPath(countPath))\n    if (!(countValue >= 0)) {\n      countValue = 0\n    }\n    if (countValue > countPathLimit) {\n      countValue = countPathLimit\n    }\n\n    return countValue\n  }, [countPath, countPathLimit, getValueByPath])\n  const countValue = getCountValue()\n\n  const preparedProps = useMemo(() => {\n    const { path, countPath, countPathTransform } = props\n\n    if (countPath) {\n      const arrayValue = getValueByPath(path)\n      const newValue = []\n      for (let i = 0, l = countValue; i < l; i++) {\n        const value = arrayValue?.[i]\n        newValue.push(\n          countPathTransform\n            ? countPathTransform({ value, index: i })\n            : value\n        )\n      }\n\n      return {\n        required: false,\n        ...props,\n        value: newValue,\n      }\n    }\n\n    return { required: false, ...props }\n  }, [countValue, getValueByPath, props])\n\n  const {\n    path,\n    value: arrayValue,\n    limit,\n    error,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    containerMode,\n    animate,\n    handleChange,\n    setChanged,\n    onChange,\n    children,\n  } = useFieldProps(preparedProps, {\n    // To ensure the defaultValue set on the Iterate.Array is set in the data context,\n    // and will not overwrite defaultValues set by fields inside the Iterate.Array.\n    updateContextDataInSync: true,\n    omitMultiplePathWarning: true,\n    forceUpdateWhenContextDataIsSet: Boolean(countPath),\n  })\n\n  // - Call onChange on the data context, if the count value changes\n  const countValueRef = useRef<number>()\n  useUpdateEffect(() => {\n    if (countPath) {\n      if (\n        typeof countValueRef.current === 'number' &&\n        countValue !== countValueRef.current\n      ) {\n        window.requestAnimationFrame(() => {\n          dataContext.handlePathChange(path, getValueByPath(path))\n        }) // so we get the correct value inside the array.\n      }\n      countValueRef.current = countValue\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [countValue])\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  useMountEffect(() => {\n    // To ensure the validator is called when a new item is added\n    setChanged(true)\n  })\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<\n    Record<\n      Identifier,\n      {\n        current: ContainerMode\n        previous?: ContainerMode\n        options?: ModeOptions\n      }\n    >\n  >({})\n  const valueWhileClosingRef = useRef<Value>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  const { getNextContainerMode } = useSwitchContainerMode()\n\n  const arrayItems = useMemo(() => {\n    const list = (valueWhileClosingRef.current || arrayValue) ?? []\n    const limitedList =\n      typeof limit === 'number' ? list.slice(0, limit) : list\n\n    return limitedList.map((value, index) => {\n      const id = idsRef.current[index] || makeUniqueId()\n\n      const hasNewItems =\n        arrayValue?.length > valueCountRef.current?.length\n\n      if (!idsRef.current[index]) {\n        isNewRef.current[id] = hasNewItems\n        idsRef.current.push(id)\n      }\n\n      const isNew = isNewRef.current[id] || false\n      if (!modesRef.current[id]?.current) {\n        modesRef.current[id] = {\n          current:\n            containerMode ??\n            (isNew ? getNextContainerMode() ?? 'edit' : 'auto'),\n        }\n      }\n\n      const itemContext: IterateItemContextState = {\n        id,\n        path,\n        value,\n        index,\n        arrayValue,\n        containerRef,\n        isNew,\n        containerMode: modesRef.current[id].current,\n        previousContainerMode: modesRef.current[id].previous,\n        initialContainerMode: containerMode || 'auto',\n        modeOptions: modesRef.current[id].options,\n        switchContainerMode: (mode, options = {}) => {\n          modesRef.current[id].previous = modesRef.current[id].current\n          modesRef.current[id].current = mode\n          modesRef.current[id].options = options\n          delete isNewRef.current?.[id]\n          if (options?.preventUpdate !== true) {\n            forceUpdate()\n          }\n        },\n        handleChange: (path, value) => {\n          const newArrayValue = structuredClone(arrayValue)\n\n          // Make sure we have a new object reference,\n          // else two new objects will be the same\n          newArrayValue[index] = { ...newArrayValue[index] }\n\n          pointer.set(newArrayValue, path, value)\n          handleChange(newArrayValue)\n        },\n        handlePush: (element) => {\n          hadPushRef.current = true\n          handleChange([...(arrayValue || []), element])\n        },\n        handleRemove: ({ keepItems = false } = {}) => {\n          if (keepItems) {\n            // Add a backup as the array value while animating\n            valueWhileClosingRef.current = arrayValue\n          }\n\n          const newArrayValue = structuredClone(arrayValue)\n          newArrayValue.splice(index, 1)\n          handleChange(newArrayValue)\n        },\n\n        // - Called after animation end\n        fulfillRemove: () => {\n          valueWhileClosingRef.current = null\n          delete modesRef.current?.[id]\n          delete isNewRef.current?.[id]\n          const findIndex = idsRef.current.indexOf(id)\n          idsRef.current.splice(findIndex, 1)\n          forceUpdate()\n        },\n\n        // - Called when cancel button press\n        restoreOriginalValue: (value) => {\n          if (value) {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          }\n        },\n      }\n\n      return itemContext\n    })\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, limit, path, handleChange])\n\n  const total = arrayItems.length\n  useEffect(() => {\n    if (limit) {\n      setLimitProps({ limit, total })\n    }\n  }, [total, limit, setLimitProps])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = arrayItems?.[arrayItems.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, arrayItems, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames(\n      'dnb-forms-iterate',\n      'dnb-forms-section',\n      props?.className\n    ),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const arrayElements =\n    arrayValue === emptyValue || props?.value?.length === 0\n      ? placeholder\n      : arrayItems.map((itemProps) => {\n          const { id, value, index } = itemProps\n          const elementRef = (innerRefs.current[id] =\n            innerRefs.current[id] || createRef<HTMLDivElement>())\n\n          const renderChildren = (elementChild: ElementChild) => {\n            return typeof elementChild === 'function'\n              ? elementChild(value, index)\n              : elementChild\n          }\n\n          const contextValue = {\n            ...itemProps,\n            elementRef,\n          }\n\n          const content = Array.isArray(children)\n            ? children.map((child) => renderChildren(child))\n            : renderChildren(children)\n\n          if (omitFlex) {\n            return (\n              <IterateItemContext.Provider\n                key={`element-${id}`}\n                value={contextValue}\n              >\n                <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n              </IterateItemContext.Provider>\n            )\n          }\n\n          return (\n            <Flex.Item\n              className=\"dnb-forms-iterate__element\"\n              tabIndex={-1}\n              innerRef={elementRef}\n              key={`element-${id}`}\n            >\n              <IterateItemContext.Provider value={contextValue}>\n                <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n              </IterateItemContext.Provider>\n            </Flex.Item>\n          )\n        })\n\n  const content = omitFlex ? (\n    arrayElements\n  ) : (\n    <Flex.Stack {...flexProps}>{arrayElements}</Flex.Stack>\n  )\n\n  return (\n    <>\n      {animate ? <HeightAnimation>{content}</HeightAnimation> : content}\n\n      <FormStatus\n        show={Boolean(error || limitWarning)}\n        state={!error && limitWarning ? 'warning' : undefined}\n        shellSpace={{ top: 0, bottom: 'medium' }}\n        no_animation={false}\n      >\n        {getMessagesFromError({ content: error || limitWarning })[0]}\n      </FormStatus>\n    </>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
+{"version":3,"file":"Array.js","names":["React","useMemo","useRef","useEffect","useReducer","createRef","useContext","useCallback","classnames","pointer","useFieldProps","makeUniqueId","Flex","FormStatus","HeightAnimation","Span","pickSpacingProps","useMountEffect","useUpdateEffect","pickFlexContainerProps","IterateItemContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","DataContext","useDataValue","useArrayLimit","useItemPath","useSwitchContainerMode","getMessagesFromError","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","path","pathProp","itemPath","itemPathProp","countPath","countPathTransform","countPathLimit","Infinity","dataContext","summaryListContext","valueBlockContext","absolutePath","setLimitProps","error","limitWarning","getValueByPath","getCountValue","countValue","parseFloat","validateRequired","value","emptyValue","required","length","preparedProps","shared","arrayValue","newValue","i","l","push","index","_objectSpread","limit","withoutFlex","placeholder","containerMode","animate","handleChange","setChanged","onChange","validateValue","children","updateContextDataInSync","omitMultiplePathWarning","forceUpdateWhenContextDataIsSet","Boolean","alwaysRevealError","countValueRef","current","window","requestAnimationFrame","handlePathChange","valueCountRef","idsRef","isNewRef","modesRef","valueWhileClosingRef","containerRef","hadPushRef","innerRefs","omitFlex","getNextContainerMode","arrayItems","_ref","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","nestedIteratePath","switchContainerMode","mode","_isNewRef$current","preventUpdate","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","total","last","flexProps","className","innerRef","arrayElements","createElement","size","itemProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","Stack","Fragment","show","state","undefined","shellSpace","top","bottom","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  useCallback,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from '../../utils/json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex, FormStatus, HeightAnimation } from '../../../../components'\nimport { Span } from '../../../../elements'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport useUpdateEffect from '../../../../shared/helpers/useUpdateEffect'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\n  ModeOptions,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport { getMessagesFromError } from '../../FieldBlock'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const {\n    path: pathProp,\n    itemPath: itemPathProp,\n    countPath,\n    countPathTransform,\n    countPathLimit = Infinity,\n  } = props || {}\n\n  const dataContext = useContext(DataContext)\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { absolutePath } = useItemPath(itemPathProp)\n  const { setLimitProps, error: limitWarning } = useArrayLimit(\n    pathProp || absolutePath\n  )\n\n  const { getValueByPath } = useDataValue()\n  const getCountValue = useCallback(() => {\n    if (!countPath) {\n      return -1\n    }\n\n    let countValue = parseFloat(getValueByPath(countPath))\n    if (!(countValue >= 0)) {\n      countValue = 0\n    }\n    if (countValue > countPathLimit) {\n      countValue = countPathLimit\n    }\n\n    return countValue\n  }, [countPath, countPathLimit, getValueByPath])\n  const countValue = getCountValue()\n\n  const validateRequired = useCallback(\n    (value: Value, { emptyValue, required, error }) => {\n      if (\n        required &&\n        (!value || value?.length === 0 || value === emptyValue)\n      ) {\n        return error\n      }\n    },\n    []\n  )\n\n  const preparedProps = useMemo(() => {\n    const shared = {\n      required: false,\n      validateRequired,\n    }\n\n    if (countPath) {\n      const arrayValue = getValueByPath(pathProp)\n      const newValue = []\n      for (let i = 0, l = countValue; i < l; i++) {\n        const value = arrayValue?.[i]\n        newValue.push(\n          countPathTransform\n            ? countPathTransform({ value, index: i })\n            : value\n        )\n      }\n\n      return {\n        ...shared,\n        ...props,\n        value: newValue,\n      }\n    }\n\n    return {\n      ...shared,\n      ...props,\n    }\n  }, [\n    countPath,\n    countPathTransform,\n    countValue,\n    getValueByPath,\n    pathProp,\n    props,\n    validateRequired,\n  ])\n\n  const {\n    path,\n    itemPath,\n    value: arrayValue,\n    limit,\n    error,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    containerMode,\n    animate,\n    handleChange,\n    setChanged,\n    onChange,\n    validateValue,\n    children,\n  } = useFieldProps(preparedProps, {\n    // To ensure the defaultValue set on the Iterate.Array is set in the data context,\n    // and will not overwrite defaultValues set by fields inside the Iterate.Array.\n    updateContextDataInSync: true,\n    omitMultiplePathWarning: true,\n    forceUpdateWhenContextDataIsSet: Boolean(countPath),\n    alwaysRevealError: true,\n  })\n\n  // - Call onChange on the data context, if the count value changes\n  const countValueRef = useRef<number>()\n  useUpdateEffect(() => {\n    if (countPath) {\n      if (\n        typeof countValueRef.current === 'number' &&\n        countValue !== countValueRef.current\n      ) {\n        window.requestAnimationFrame(() => {\n          dataContext.handlePathChange(path, getValueByPath(path))\n        }) // so we get the correct value inside the array.\n      }\n      countValueRef.current = countValue\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [countValue])\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<\n    Record<\n      Identifier,\n      {\n        current: ContainerMode\n        previous?: ContainerMode\n        options?: ModeOptions\n      }\n    >\n  >({})\n  const valueWhileClosingRef = useRef<Value>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  const { getNextContainerMode } = useSwitchContainerMode()\n\n  const arrayItems = useMemo(() => {\n    const list = (valueWhileClosingRef.current || arrayValue) ?? []\n    const limitedList =\n      typeof limit === 'number' ? list.slice(0, limit) : list\n\n    return limitedList.map((value, index) => {\n      const id = idsRef.current[index] || makeUniqueId()\n\n      const hasNewItems =\n        arrayValue?.length > valueCountRef.current?.length\n\n      if (!idsRef.current[index]) {\n        isNewRef.current[id] = hasNewItems\n        idsRef.current.push(id)\n      }\n\n      const isNew = isNewRef.current[id] || false\n      if (!modesRef.current[id]?.current) {\n        modesRef.current[id] = {\n          current:\n            containerMode ??\n            (isNew ? getNextContainerMode() ?? 'edit' : 'auto'),\n        }\n      }\n\n      const itemContext: IterateItemContextState = {\n        id,\n        path,\n        itemPath,\n        value,\n        index,\n        arrayValue,\n        containerRef,\n        isNew,\n        containerMode: modesRef.current[id].current,\n        previousContainerMode: modesRef.current[id].previous,\n        initialContainerMode: containerMode || 'auto',\n        modeOptions: modesRef.current[id].options,\n        nestedIteratePath: absolutePath,\n        switchContainerMode: (mode, options = {}) => {\n          modesRef.current[id].previous = modesRef.current[id].current\n          modesRef.current[id].current = mode\n          modesRef.current[id].options = options\n          delete isNewRef.current?.[id]\n          if (options?.preventUpdate !== true) {\n            forceUpdate()\n          }\n        },\n        handleChange: (path, value) => {\n          const newArrayValue = structuredClone(arrayValue)\n\n          // Make sure we have a new object reference,\n          // else two new objects will be the same\n          newArrayValue[index] = { ...newArrayValue[index] }\n\n          pointer.set(newArrayValue, path, value)\n          handleChange(newArrayValue)\n        },\n        handlePush: (element) => {\n          hadPushRef.current = true\n          handleChange([...(arrayValue || []), element])\n        },\n        handleRemove: ({ keepItems = false } = {}) => {\n          if (keepItems) {\n            // Add a backup as the array value while animating\n            valueWhileClosingRef.current = arrayValue\n          }\n\n          const newArrayValue = structuredClone(arrayValue)\n          newArrayValue.splice(index, 1)\n          handleChange(newArrayValue)\n        },\n\n        // - Called after animation end\n        fulfillRemove: () => {\n          valueWhileClosingRef.current = null\n          delete modesRef.current?.[id]\n          delete isNewRef.current?.[id]\n          const findIndex = idsRef.current.indexOf(id)\n          idsRef.current.splice(findIndex, 1)\n          forceUpdate()\n        },\n\n        // - Called when cancel button press\n        restoreOriginalValue: (value) => {\n          if (value) {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          }\n        },\n      }\n\n      return itemContext\n    })\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, limit, path, itemPath, absolutePath, handleChange])\n\n  const total = arrayItems.length\n  useEffect(() => {\n    if (limit) {\n      setLimitProps({ limit, total })\n    }\n  }, [total, limit, setLimitProps])\n\n  useUpdateEffect(() => {\n    validateValue()\n  }, [total, validateValue])\n\n  useMountEffect(() => {\n    // To ensure the validator is called when a new item is added\n    setChanged(true)\n  })\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = arrayItems?.[arrayItems.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, arrayItems, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames(\n      'dnb-forms-iterate',\n      'dnb-forms-section', // To support containers\n      props?.className\n    ),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const arrayElements =\n    arrayValue === emptyValue || props?.value?.length === 0 ? (\n      typeof placeholder === 'string' ? (\n        <Span size=\"small\">{placeholder}</Span>\n      ) : (\n        placeholder\n      )\n    ) : (\n      arrayItems.map((itemProps) => {\n        const { id, value, index } = itemProps\n        const elementRef = (innerRefs.current[id] =\n          innerRefs.current[id] || createRef<HTMLDivElement>())\n\n        const renderChildren = (elementChild: ElementChild) => {\n          return typeof elementChild === 'function'\n            ? elementChild(value, index, arrayItems)\n            : elementChild\n        }\n\n        const contextValue = {\n          ...itemProps,\n          elementRef,\n        }\n\n        const content = Array.isArray(children)\n          ? children.map((child) => renderChildren(child))\n          : renderChildren(children)\n\n        if (omitFlex) {\n          return (\n            <IterateItemContext.Provider\n              key={`element-${id}`}\n              value={contextValue}\n            >\n              <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n            </IterateItemContext.Provider>\n          )\n        }\n\n        return (\n          <Flex.Item\n            className=\"dnb-forms-iterate__element\"\n            tabIndex={-1}\n            innerRef={elementRef}\n            key={`element-${id}`}\n          >\n            <IterateItemContext.Provider value={contextValue}>\n              <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n            </IterateItemContext.Provider>\n          </Flex.Item>\n        )\n      })\n    )\n\n  const content = omitFlex ? (\n    arrayElements\n  ) : (\n    <Flex.Stack {...flexProps}>{arrayElements}</Flex.Stack>\n  )\n\n  return (\n    <>\n      {animate ? <HeightAnimation>{content}</HeightAnimation> : content}\n\n      <FormStatus\n        show={Boolean(error || limitWarning)}\n        state={!error && limitWarning ? 'warning' : undefined}\n        shellSpace={{ top: 0, bottom: 'medium' }}\n        no_animation={false}\n      >\n        {getMessagesFromError({ content: error || limitWarning })[0]}\n      </FormStatus>\n    </>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IACVC,OAAO,EACPC,MAAM,EACNC,SAAS,EACTC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,WAAW,QACN,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,SAASC,aAAa,QAAQ,aAAa;AAC3C,SAASC,YAAY,QAAQ,qCAAqC;AAClE,SAASC,IAAI,EAAEC,UAAU,EAAEC,eAAe,QAAQ,wBAAwB;AAC1E,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,cAAc,MAAM,2CAA2C;AACtE,OAAOC,eAAe,MAAM,4CAA4C;AACxE,SAGEC,sBAAsB,QACjB,uCAAuC;AAC9C,OAAOC,kBAAkB,MAGlB,uBAAuB;AAC9B,OAAOC,kBAAkB,MAAM,4CAA4C;AAC3E,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,qBAAqB,MAAM,uDAAuD;AACzF,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,YAAY,MAAM,0BAA0B;AACnD,SACEC,aAAa,EACbC,WAAW,EACXC,sBAAsB,QACjB,UAAU;AACjB,SAASC,oBAAoB,QAAQ,kBAAkB;AASvD,OAAOC,eAAe,MAAM,yBAAyB;AAIrD,SAASC,cAAcA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACpC,MAAM,CAACC,IAAI,EAAEC,WAAW,CAAC,GAAG/B,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAEtD,MAAM;IACJgC,IAAI,EAAEC,QAAQ;IACdC,QAAQ,EAAEC,YAAY;IACtBC,SAAS;IACTC,kBAAkB;IAClBC,cAAc,GAAGC;EACnB,CAAC,GAAGX,KAAK,IAAI,CAAC,CAAC;EAEf,MAAMY,WAAW,GAAGtC,UAAU,CAACkB,WAAW,CAAC;EAC3C,MAAMqB,kBAAkB,GAAGvC,UAAU,CAACe,kBAAkB,CAAC;EACzD,MAAMyB,iBAAiB,GAAGxC,UAAU,CAACgB,iBAAiB,CAAC;EACvD,MAAM;IAAEyB;EAAa,CAAC,GAAGpB,WAAW,CAACY,YAAY,CAAC;EAClD,MAAM;IAAES,aAAa;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAGxB,aAAa,CAC1DW,QAAQ,IAAIU,YACd,CAAC;EAED,MAAM;IAAEI;EAAe,CAAC,GAAG1B,YAAY,CAAC,CAAC;EACzC,MAAM2B,aAAa,GAAG7C,WAAW,CAAC,MAAM;IACtC,IAAI,CAACiC,SAAS,EAAE;MACd,OAAO,CAAC,CAAC;IACX;IAEA,IAAIa,UAAU,GAAGC,UAAU,CAACH,cAAc,CAACX,SAAS,CAAC,CAAC;IACtD,IAAI,EAAEa,UAAU,IAAI,CAAC,CAAC,EAAE;MACtBA,UAAU,GAAG,CAAC;IAChB;IACA,IAAIA,UAAU,GAAGX,cAAc,EAAE;MAC/BW,UAAU,GAAGX,cAAc;IAC7B;IAEA,OAAOW,UAAU;EACnB,CAAC,EAAE,CAACb,SAAS,EAAEE,cAAc,EAAES,cAAc,CAAC,CAAC;EAC/C,MAAME,UAAU,GAAGD,aAAa,CAAC,CAAC;EAElC,MAAMG,gBAAgB,GAAGhD,WAAW,CAClC,CAACiD,KAAY,EAAE;IAAEC,UAAU;IAAEC,QAAQ;IAAET;EAAM,CAAC,KAAK;IACjD,IACES,QAAQ,KACP,CAACF,KAAK,IAAI,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEG,MAAM,MAAK,CAAC,IAAIH,KAAK,KAAKC,UAAU,CAAC,EACvD;MACA,OAAOR,KAAK;IACd;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMW,aAAa,GAAG3D,OAAO,CAAC,MAAM;IAClC,MAAM4D,MAAM,GAAG;MACbH,QAAQ,EAAE,KAAK;MACfH;IACF,CAAC;IAED,IAAIf,SAAS,EAAE;MACb,MAAMsB,UAAU,GAAGX,cAAc,CAACd,QAAQ,CAAC;MAC3C,MAAM0B,QAAQ,GAAG,EAAE;MACnB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAGZ,UAAU,EAAEW,CAAC,GAAGC,CAAC,EAAED,CAAC,EAAE,EAAE;QAC1C,MAAMR,KAAK,GAAGM,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGE,CAAC,CAAC;QAC7BD,QAAQ,CAACG,IAAI,CACXzB,kBAAkB,GACdA,kBAAkB,CAAC;UAAEe,KAAK;UAAEW,KAAK,EAAEH;QAAE,CAAC,CAAC,GACvCR,KACN,CAAC;MACH;MAEA,OAAAY,aAAA,CAAAA,aAAA,CAAAA,aAAA,KACKP,MAAM,GACN7B,KAAK;QACRwB,KAAK,EAAEO;MAAQ;IAEnB;IAEA,OAAAK,aAAA,CAAAA,aAAA,KACKP,MAAM,GACN7B,KAAK;EAEZ,CAAC,EAAE,CACDQ,SAAS,EACTC,kBAAkB,EAClBY,UAAU,EACVF,cAAc,EACdd,QAAQ,EACRL,KAAK,EACLuB,gBAAgB,CACjB,CAAC;EAEF,MAAM;IACJnB,IAAI;IACJE,QAAQ;IACRkB,KAAK,EAAEM,UAAU;IACjBO,KAAK;IACLpB,KAAK;IACLqB,WAAW;IACXb,UAAU;IACVc,WAAW;IACXC,aAAa;IACbC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,aAAa;IACbC;EACF,CAAC,GAAGpE,aAAa,CAACkD,aAAa,EAAE;IAG/BmB,uBAAuB,EAAE,IAAI;IAC7BC,uBAAuB,EAAE,IAAI;IAC7BC,+BAA+B,EAAEC,OAAO,CAAC1C,SAAS,CAAC;IACnD2C,iBAAiB,EAAE;EACrB,CAAC,CAAC;EAGF,MAAMC,aAAa,GAAGlF,MAAM,CAAS,CAAC;EACtCgB,eAAe,CAAC,MAAM;IACpB,IAAIsB,SAAS,EAAE;MACb,IACE,OAAO4C,aAAa,CAACC,OAAO,KAAK,QAAQ,IACzChC,UAAU,KAAK+B,aAAa,CAACC,OAAO,EACpC;QACAC,MAAM,CAACC,qBAAqB,CAAC,MAAM;UACjC3C,WAAW,CAAC4C,gBAAgB,CAACpD,IAAI,EAAEe,cAAc,CAACf,IAAI,CAAC,CAAC;QAC1D,CAAC,CAAC;MACJ;MACAgD,aAAa,CAACC,OAAO,GAAGhC,UAAU;IACpC;EAEF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhBlD,SAAS,CAAC,MAAM;IAEdsF,aAAa,CAACJ,OAAO,GAAGvB,UAAU,IAAI,EAAE;EAC1C,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAM4B,MAAM,GAAGxF,MAAM,CAAoB,EAAE,CAAC;EAC5C,MAAMyF,QAAQ,GAAGzF,MAAM,CAA0B,CAAC,CAAC,CAAC;EACpD,MAAM0F,QAAQ,GAAG1F,MAAM,CASrB,CAAC,CAAC,CAAC;EACL,MAAM2F,oBAAoB,GAAG3F,MAAM,CAAQ,CAAC;EAC5C,MAAMuF,aAAa,GAAGvF,MAAM,CAAC4D,UAAU,CAAC;EACxC,MAAMgC,YAAY,GAAG5F,MAAM,CAAiB,CAAC;EAC7C,MAAM6F,UAAU,GAAG7F,MAAM,CAAU,CAAC;EACpC,MAAM8F,SAAS,GAAG9F,MAAM,CAEtB,CAAC,CAAC,CAAC;EAEL,MAAM+F,QAAQ,GAAG3B,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAKzB,kBAAkB,IAAIC,iBAAkB;EAEzE,MAAM;IAAEoD;EAAqB,CAAC,GAAGtE,sBAAsB,CAAC,CAAC;EAEzD,MAAMuE,UAAU,GAAGlG,OAAO,CAAC,MAAM;IAAA,IAAAmG,IAAA;IAC/B,MAAMC,IAAI,IAAAD,IAAA,GAAIP,oBAAoB,CAACR,OAAO,IAAIvB,UAAU,cAAAsC,IAAA,cAAAA,IAAA,GAAK,EAAE;IAC/D,MAAME,WAAW,GACf,OAAOjC,KAAK,KAAK,QAAQ,GAAGgC,IAAI,CAACE,KAAK,CAAC,CAAC,EAAElC,KAAK,CAAC,GAAGgC,IAAI;IAEzD,OAAOC,WAAW,CAACE,GAAG,CAAC,CAAChD,KAAK,EAAEW,KAAK,KAAK;MAAA,IAAAsC,qBAAA,EAAAC,oBAAA;MACvC,MAAMC,EAAE,GAAGjB,MAAM,CAACL,OAAO,CAAClB,KAAK,CAAC,IAAIxD,YAAY,CAAC,CAAC;MAElD,MAAMiG,WAAW,GACf,CAAA9C,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEH,MAAM,MAAA8C,qBAAA,GAAGhB,aAAa,CAACJ,OAAO,cAAAoB,qBAAA,uBAArBA,qBAAA,CAAuB9C,MAAM;MAEpD,IAAI,CAAC+B,MAAM,CAACL,OAAO,CAAClB,KAAK,CAAC,EAAE;QAC1BwB,QAAQ,CAACN,OAAO,CAACsB,EAAE,CAAC,GAAGC,WAAW;QAClClB,MAAM,CAACL,OAAO,CAACnB,IAAI,CAACyC,EAAE,CAAC;MACzB;MAEA,MAAME,KAAK,GAAGlB,QAAQ,CAACN,OAAO,CAACsB,EAAE,CAAC,IAAI,KAAK;MAC3C,IAAI,GAAAD,oBAAA,GAACd,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,cAAAD,oBAAA,eAApBA,oBAAA,CAAsBrB,OAAO,GAAE;QAAA,IAAAyB,qBAAA;QAClClB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,GAAG;UACrBtB,OAAO,EACLb,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACZqC,KAAK,IAAAC,qBAAA,GAAGZ,oBAAoB,CAAC,CAAC,cAAAY,qBAAA,cAAAA,qBAAA,GAAI,MAAM,GAAG;QAChD,CAAC;MACH;MAEA,MAAMC,WAAoC,GAAG;QAC3CJ,EAAE;QACFvE,IAAI;QACJE,QAAQ;QACRkB,KAAK;QACLW,KAAK;QACLL,UAAU;QACVgC,YAAY;QACZe,KAAK;QACLrC,aAAa,EAAEoB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACtB,OAAO;QAC3C2B,qBAAqB,EAAEpB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACM,QAAQ;QACpDC,oBAAoB,EAAE1C,aAAa,IAAI,MAAM;QAC7C2C,WAAW,EAAEvB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACS,OAAO;QACzCC,iBAAiB,EAAEtE,YAAY;QAC/BuE,mBAAmB,EAAEA,CAACC,IAAI,EAAEH,OAAO,GAAG,CAAC,CAAC,KAAK;UAAA,IAAAI,iBAAA;UAC3C5B,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACM,QAAQ,GAAGrB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACtB,OAAO;UAC5DO,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACtB,OAAO,GAAGkC,IAAI;UACnC3B,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACS,OAAO,GAAGA,OAAO;UACtC,CAAAI,iBAAA,GAAO7B,QAAQ,CAACN,OAAO,cAAAmC,iBAAA,qBAAvB,OAAOA,iBAAA,CAAmBb,EAAE,CAAC;UAC7B,IAAI,CAAAS,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEK,aAAa,MAAK,IAAI,EAAE;YACnCtF,WAAW,CAAC,CAAC;UACf;QACF,CAAC;QACDuC,YAAY,EAAEA,CAACtC,IAAI,EAAEoB,KAAK,KAAK;UAC7B,MAAMkE,aAAa,GAAG5F,eAAe,CAACgC,UAAU,CAAC;UAIjD4D,aAAa,CAACvD,KAAK,CAAC,GAAAC,aAAA,KAAQsD,aAAa,CAACvD,KAAK,CAAC,CAAE;UAElD1D,OAAO,CAACkH,GAAG,CAACD,aAAa,EAAEtF,IAAI,EAAEoB,KAAK,CAAC;UACvCkB,YAAY,CAACgD,aAAa,CAAC;QAC7B,CAAC;QACDE,UAAU,EAAGC,OAAO,IAAK;UACvB9B,UAAU,CAACV,OAAO,GAAG,IAAI;UACzBX,YAAY,CAAC,CAAC,IAAIZ,UAAU,IAAI,EAAE,CAAC,EAAE+D,OAAO,CAAC,CAAC;QAChD,CAAC;QACDC,YAAY,EAAEA,CAAC;UAAEC,SAAS,GAAG;QAAM,CAAC,GAAG,CAAC,CAAC,KAAK;UAC5C,IAAIA,SAAS,EAAE;YAEblC,oBAAoB,CAACR,OAAO,GAAGvB,UAAU;UAC3C;UAEA,MAAM4D,aAAa,GAAG5F,eAAe,CAACgC,UAAU,CAAC;UACjD4D,aAAa,CAACM,MAAM,CAAC7D,KAAK,EAAE,CAAC,CAAC;UAC9BO,YAAY,CAACgD,aAAa,CAAC;QAC7B,CAAC;QAGDO,aAAa,EAAEA,CAAA,KAAM;UAAA,IAAAC,iBAAA,EAAAC,kBAAA;UACnBtC,oBAAoB,CAACR,OAAO,GAAG,IAAI;UACnC,CAAA6C,iBAAA,GAAOtC,QAAQ,CAACP,OAAO,cAAA6C,iBAAA,qBAAvB,OAAOA,iBAAA,CAAmBvB,EAAE,CAAC;UAC7B,CAAAwB,kBAAA,GAAOxC,QAAQ,CAACN,OAAO,cAAA8C,kBAAA,qBAAvB,OAAOA,kBAAA,CAAmBxB,EAAE,CAAC;UAC7B,MAAMyB,SAAS,GAAG1C,MAAM,CAACL,OAAO,CAACgD,OAAO,CAAC1B,EAAE,CAAC;UAC5CjB,MAAM,CAACL,OAAO,CAAC2C,MAAM,CAACI,SAAS,EAAE,CAAC,CAAC;UACnCjG,WAAW,CAAC,CAAC;QACf,CAAC;QAGDmG,oBAAoB,EAAG9E,KAAK,IAAK;UAC/B,IAAIA,KAAK,EAAE;YACT,MAAMkE,aAAa,GAAG5F,eAAe,CAACgC,UAAU,CAAC;YACjD4D,aAAa,CAACvD,KAAK,CAAC,GAAGX,KAAK;YAC5BkB,YAAY,CAACgD,aAAa,CAAC;UAC7B;QACF;MACF,CAAC;MAED,OAAOX,WAAW;IACpB,CAAC,CAAC;EAIJ,CAAC,EAAE,CAAC7E,IAAI,EAAE4B,UAAU,EAAEO,KAAK,EAAEjC,IAAI,EAAEE,QAAQ,EAAES,YAAY,EAAE2B,YAAY,CAAC,CAAC;EAEzE,MAAM6D,KAAK,GAAGpC,UAAU,CAACxC,MAAM;EAC/BxD,SAAS,CAAC,MAAM;IACd,IAAIkE,KAAK,EAAE;MACTrB,aAAa,CAAC;QAAEqB,KAAK;QAAEkE;MAAM,CAAC,CAAC;IACjC;EACF,CAAC,EAAE,CAACA,KAAK,EAAElE,KAAK,EAAErB,aAAa,CAAC,CAAC;EAEjC9B,eAAe,CAAC,MAAM;IACpB2D,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAAC0D,KAAK,EAAE1D,aAAa,CAAC,CAAC;EAE1B5D,cAAc,CAAC,MAAM;IAEnB0D,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,CAAC;EAGF1E,OAAO,CAAC,MAAM;IACZ,MAAMuI,IAAI,GAAGrC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGA,UAAU,CAACxC,MAAM,GAAG,CAAC,CAAC;IAChD,IAAI6E,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAE3B,KAAK,IAAI,CAACd,UAAU,CAACV,OAAO,EAAE;MACtCT,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGd,UAAU,CAAC;IACxB,CAAC,MAAM;MACLiC,UAAU,CAACV,OAAO,GAAG,KAAK;IAC5B;EACF,CAAC,EAAE,CAACvB,UAAU,EAAEqC,UAAU,EAAEvB,QAAQ,CAAC,CAAC;EAEtC,MAAM6D,SAEL,GAAArE,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACCsE,SAAS,EAAElI,UAAU,wCAGnBwB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0G,SACT;EAAC,GACEvH,sBAAsB,CAACa,KAA2B,CAAC,GACnDhB,gBAAgB,CAACgB,KAAK,CAAC;IAC1B2G,QAAQ,EAAE7C;EAAY,EACvB;EAED,MAAM8C,aAAa,GACjB9E,UAAU,KAAKL,UAAU,IAAI,CAAAzB,KAAK,aAALA,KAAK,wBAAAC,YAAA,GAALD,KAAK,CAAEwB,KAAK,cAAAvB,YAAA,uBAAZA,YAAA,CAAc0B,MAAM,MAAK,CAAC,GACrD,OAAOY,WAAW,KAAK,QAAQ,GAC7BvE,KAAA,CAAA6I,aAAA,CAAC9H,IAAI;IAAC+H,IAAI,EAAC;EAAO,GAAEvE,WAAkB,CAAC,GAEvCA,WACD,GAED4B,UAAU,CAACK,GAAG,CAAEuC,SAAS,IAAK;IAC5B,MAAM;MAAEpC,EAAE;MAAEnD,KAAK;MAAEW;IAAM,CAAC,GAAG4E,SAAS;IACtC,MAAMC,UAAU,GAAIhD,SAAS,CAACX,OAAO,CAACsB,EAAE,CAAC,GACvCX,SAAS,CAACX,OAAO,CAACsB,EAAE,CAAC,IAAItG,SAAS,CAAiB,CAAE;IAEvD,MAAM4I,cAAc,GAAIC,YAA0B,IAAK;MACrD,OAAO,OAAOA,YAAY,KAAK,UAAU,GACrCA,YAAY,CAAC1F,KAAK,EAAEW,KAAK,EAAEgC,UAAU,CAAC,GACtC+C,YAAY;IAClB,CAAC;IAED,MAAMC,YAAY,GAAA/E,aAAA,CAAAA,aAAA,KACb2E,SAAS;MACZC;IAAU,EACX;IAED,MAAMI,OAAO,GAAGC,KAAK,CAACC,OAAO,CAACxE,QAAQ,CAAC,GACnCA,QAAQ,CAAC0B,GAAG,CAAE+C,KAAK,IAAKN,cAAc,CAACM,KAAK,CAAC,CAAC,GAC9CN,cAAc,CAACnE,QAAQ,CAAC;IAE5B,IAAImB,QAAQ,EAAE;MACZ,OACEjG,KAAA,CAAA6I,aAAA,CAACzH,kBAAkB,CAACoI,QAAQ;QAC1BC,GAAG,EAAG,WAAU9C,EAAG,EAAE;QACrBnD,KAAK,EAAE2F;MAAa,GAEpBnJ,KAAA,CAAA6I,aAAA,CAACtH,qBAAqB,QAAE6H,OAA+B,CAC5B,CAAC;IAElC;IAEA,OACEpJ,KAAA,CAAA6I,aAAA,CAACjI,IAAI,CAAC8I,IAAI;MACRhB,SAAS,EAAC,4BAA4B;MACtCiB,QAAQ,EAAE,CAAC,CAAE;MACbhB,QAAQ,EAAEK,UAAW;MACrBS,GAAG,EAAG,WAAU9C,EAAG;IAAE,GAErB3G,KAAA,CAAA6I,aAAA,CAACzH,kBAAkB,CAACoI,QAAQ;MAAChG,KAAK,EAAE2F;IAAa,GAC/CnJ,KAAA,CAAA6I,aAAA,CAACtH,qBAAqB,QAAE6H,OAA+B,CAC5B,CACpB,CAAC;EAEhB,CAAC,CACF;EAEH,MAAMA,OAAO,GAAGnD,QAAQ,GACtB2C,aAAa,GAEb5I,KAAA,CAAA6I,aAAA,CAACjI,IAAI,CAACgJ,KAAK,EAAKnB,SAAS,EAAGG,aAA0B,CACvD;EAED,OACE5I,KAAA,CAAA6I,aAAA,CAAA7I,KAAA,CAAA6J,QAAA,QACGpF,OAAO,GAAGzE,KAAA,CAAA6I,aAAA,CAAC/H,eAAe,QAAEsI,OAAyB,CAAC,GAAGA,OAAO,EAEjEpJ,KAAA,CAAA6I,aAAA,CAAChI,UAAU;IACTiJ,IAAI,EAAE5E,OAAO,CAACjC,KAAK,IAAIC,YAAY,CAAE;IACrC6G,KAAK,EAAE,CAAC9G,KAAK,IAAIC,YAAY,GAAG,SAAS,GAAG8G,SAAU;IACtDC,UAAU,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAE;IACzCC,YAAY,EAAE;EAAM,GAEnBvI,oBAAoB,CAAC;IAAEuH,OAAO,EAAEnG,KAAK,IAAIC;EAAa,CAAC,CAAC,CAAC,CAAC,CACjD,CACZ,CAAC;AAEP;AAEAnB,cAAc,CAACsI,qBAAqB,GAAG,IAAI;AAC3C,eAAetI,cAAc"}

package/es/extensions/forms/Iterate/Array/ArrayDocs.js

@@ -10,6 +10,16 @@ export const ArrayProperties = {
     type: 'string',
     status: 'optional'
   },
+  itemPath: {
+    doc: 'A path (JSON Pointer) to nested array items.',
+    type: 'string',
+    status: 'optional'
+  },
+  required: {
+    doc: "If the array is required. It does not automatically inherit the `required` property in the same way that `Field.*` components do. You may provide a custom error message to give the user a more useful message than the default one: `errorMessages={{ 'Field.errorRequired': 'Custom message' }}`",
+    type: 'boolean',
+    status: 'optional'
+  },
   limit: {
     doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',
     type: 'number',
@@ -50,16 +60,16 @@ export const ArrayProperties = {
     type: 'unknown',
     status: 'optional'
   },
-  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,
-  validateInitially: DataValueWritePropsProperties.validateInitially,
-  continuousValidation: DataValueWritePropsProperties.continuousValidation,
   containerMode: {
     doc: 'Defines the container mode for all nested containers. Can be `view`, `edit` or `auto`. When using `auto`, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to `view` mode, if it had no validation errors. Defaults to `auto`.',
     type: 'string',
     status: 'optional'
   },
+  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,
+  validateInitially: DataValueWritePropsProperties.validateInitially,
+  validateContinuously: DataValueWritePropsProperties.validateContinuously,
   children: {
-    doc: 'React.Node or a function so you can get the current value and index.',
+    doc: 'React.Node or a function so you can get the current value as the first function parameter, and the index as the second parameter as well as the array of internal items as the third parameter.',
     type: ['React.ReactNode', 'function'],
     status: 'optional'
   },

package/es/extensions/forms/Iterate/Array/ArrayDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","limit","countPath","countPathTransform","countPathLimit","withoutFlex","animate","placeholder","emptyValue","onChangeValidator","validateInitially","continuousValidation","containerMode","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { DataValueWritePropsProperties } from '../../hooks/DataValueWritePropsDocs'\n\nexport const ArrayProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The data to iterate over. Alternative you can use the `path` prop.',\n    type: 'array',\n    status: 'optional',\n  },\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  limit: {\n    doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',\n    type: 'number',\n    status: 'optional',\n  },\n  countPath: {\n    doc: 'A path (JSON Pointer) to the array length.',\n    type: 'string',\n    status: 'optional',\n  },\n  countPathTransform: {\n    doc: 'Will transform the current value before it is displayed.',\n    type: 'function',\n    status: 'optional',\n  },\n  countPathLimit: {\n    doc: 'Will limit the iterate amount by given \"countPathLimit\" value.',\n    type: 'number',\n    status: 'optional',\n  },\n  withoutFlex: {\n    doc: 'When `true` it will omit the Flex.Stack wrapper so it can be used for tables and lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'When `true` it will animate the height of the items.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Will be shown if the value or data context value is empty.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'Will be used to compare the value in order to show the placeholder.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,\n  validateInitially: DataValueWritePropsProperties.validateInitially,\n  continuousValidation: DataValueWritePropsProperties.continuousValidation,\n  containerMode: {\n    doc: 'Defines the container mode for all nested containers. Can be `view`, `edit` or `auto`. When using `auto`, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to `view` mode, if it had no validation errors. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  children: {\n    doc: 'React.Node or a function so you can get the current value and index.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  '[Flex.Stack](/uilib/layout/flex/stack/properties)': {\n    doc: 'All Flex.Stack properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ArrayEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,6BAA6B,QAAQ,qCAAqC;AAEnF,OAAO,MAAMC,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,kBAAkB,EAAE;IAClBN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,cAAc,EAAE;IACdP,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,OAAO,EAAE;IACPT,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDS,UAAU,EAAE;IACVX,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,iBAAiB,EAAEf,6BAA6B,CAACe,iBAAiB;EAClEC,iBAAiB,EAAEhB,6BAA6B,CAACgB,iBAAiB;EAClEC,oBAAoB,EAAEjB,6BAA6B,CAACiB,oBAAoB;EACxEC,aAAa,EAAE;IACbf,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,QAAQ,EAAE;IACRhB,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACD,mDAAmD,EAAE;IACnDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMe,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRlB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}
+{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","itemPath","required","limit","countPath","countPathTransform","countPathLimit","withoutFlex","animate","placeholder","emptyValue","containerMode","onChangeValidator","validateInitially","validateContinuously","children","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { DataValueWritePropsProperties } from '../../hooks/DataValueWritePropsDocs'\n\nexport const ArrayProperties: PropertiesTableProps = {\n  value: {\n    doc: 'The data to iterate over. Alternative you can use the `path` prop.',\n    type: 'array',\n    status: 'optional',\n  },\n  path: {\n    doc: 'A path (JSON Pointer) to the array to iterate over.',\n    type: 'string',\n    status: 'optional',\n  },\n  itemPath: {\n    doc: 'A path (JSON Pointer) to nested array items.',\n    type: 'string',\n    status: 'optional',\n  },\n  required: {\n    doc: \"If the array is required. It does not automatically inherit the `required` property in the same way that `Field.*` components do. You may provide a custom error message to give the user a more useful message than the default one: `errorMessages={{ 'Field.errorRequired': 'Custom message' }}`\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  limit: {\n    doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',\n    type: 'number',\n    status: 'optional',\n  },\n  countPath: {\n    doc: 'A path (JSON Pointer) to the array length.',\n    type: 'string',\n    status: 'optional',\n  },\n  countPathTransform: {\n    doc: 'Will transform the current value before it is displayed.',\n    type: 'function',\n    status: 'optional',\n  },\n  countPathLimit: {\n    doc: 'Will limit the iterate amount by given \"countPathLimit\" value.',\n    type: 'number',\n    status: 'optional',\n  },\n  withoutFlex: {\n    doc: 'When `true` it will omit the Flex.Stack wrapper so it can be used for tables and lists.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'When `true` it will animate the height of the items.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Will be shown if the value or data context value is empty.',\n    type: 'React.Node',\n    status: 'optional',\n  },\n  emptyValue: {\n    doc: 'Will be used to compare the value in order to show the placeholder.',\n    type: 'unknown',\n    status: 'optional',\n  },\n  containerMode: {\n    doc: 'Defines the container mode for all nested containers. Can be `view`, `edit` or `auto`. When using `auto`, it will automatically open if there is an error in the container. When a new item is added, the item before it will change to `view` mode, if it had no validation errors. Defaults to `auto`.',\n    type: 'string',\n    status: 'optional',\n  },\n  onChangeValidator: DataValueWritePropsProperties.onChangeValidator,\n  validateInitially: DataValueWritePropsProperties.validateInitially,\n  validateContinuously: DataValueWritePropsProperties.validateContinuously,\n  children: {\n    doc: 'React.Node or a function so you can get the current value as the first function parameter, and the index as the second parameter as well as the array of internal items as the third parameter.',\n    type: ['React.ReactNode', 'function'],\n    status: 'optional',\n  },\n  '[Flex.Stack](/uilib/layout/flex/stack/properties)': {\n    doc: 'All Flex.Stack properties.',\n    type: 'Various',\n    status: 'optional',\n  },\n}\n\nexport const ArrayEvents: PropertiesTableProps = {\n  onChange: {\n    doc: 'Will be called when a value of a field was changed by the user, with the data set (including the changed value) as argument.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AACA,SAASA,6BAA6B,QAAQ,qCAAqC;AAEnF,OAAO,MAAMC,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,OAAO;IACbC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,QAAQ,EAAE;IACRJ,GAAG,EAAE,8CAA8C;IACnDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,QAAQ,EAAE;IACRL,GAAG,EAAE,qSAAqS;IAC1SC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,KAAK,EAAE;IACLN,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,kBAAkB,EAAE;IAClBR,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDO,cAAc,EAAE;IACdT,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,WAAW,EAAE;IACXZ,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDW,UAAU,EAAE;IACVb,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,aAAa,EAAE;IACbd,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,iBAAiB,EAAElB,6BAA6B,CAACkB,iBAAiB;EAClEC,iBAAiB,EAAEnB,6BAA6B,CAACmB,iBAAiB;EAClEC,oBAAoB,EAAEpB,6BAA6B,CAACoB,oBAAoB;EACxEC,QAAQ,EAAE;IACRlB,GAAG,EAAE,iMAAiM;IACtMC,IAAI,EAAE,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACrCC,MAAM,EAAE;EACV,CAAC;EACD,mDAAmD,EAAE;IACnDF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMiB,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRpB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/es/extensions/forms/Iterate/Array/ArrayItemArea.js

@@ -133,7 +133,8 @@ function ArrayItemArea(props) {
     value: {
       handleRemoveItem,
       variant,
-      toolbarVariant
+      toolbarVariant,
+      divider: restProps.divider
     }
   }, React.createElement(HeightAnimation, {
     className: classnames('dnb-forms-section-block', className, variant && `dnb-forms-section-block--variant-${variant}`, isNew && 'dnb-forms-section-block--new', hasSubmitError && 'dnb-forms-section-block--error'),

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayItemArea.js","names":["React","useCallback","useContext","useReducer","useRef","classnames","Card","HeightAnimation","IterateItemContext","ArrayItemAreaContext","FieldBoundaryContext","useLayoutEffect","window","useEffect","ArrayItemArea","props","forceUpdate","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","toolbarVariant","restProps","_objectWithoutProperties","_excluded","localContextRef","hasError","hasSubmitError","current","nextFocusElementRef","isNew","determineMode","value","initialContainerMode","Object","keys","length","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","call","_nextFocusElementRef$","_nextFocusElementRef$2","handleAnimationEnd","_localContextRef$curr5","_localContextRef$curr6","fulfillRemove","handleRemoveItem","Array","from","parentElement","childNodes","at","e","keepItems","createElement","Provider","duration","keepInDOM","_extends","stack","filled","innerSpace","_supportsSpacingProps"],"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","useCallback","useContext","useReducer","useRef","classnames","Card","HeightAnimation","IterateItemContext","ArrayItemAreaContext","FieldBoundaryContext","useLayoutEffect","window","useEffect","ArrayItemArea","props","forceUpdate","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","toolbarVariant","restProps","_objectWithoutProperties","_excluded","localContextRef","hasError","hasSubmitError","current","nextFocusElementRef","isNew","determineMode","value","initialContainerMode","Object","keys","length","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","call","_nextFocusElementRef$","_nextFocusElementRef$2","handleAnimationEnd","_localContextRef$curr5","_localContextRef$curr6","fulfillRemove","handleRemoveItem","Array","from","parentElement","childNodes","at","e","keepItems","createElement","Provider","divider","duration","keepInDOM","_extends","stack","filled","innerSpace","_supportsSpacingProps"],"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/es/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/es/extensions/forms/Iterate/Array/ArrayItemAreaContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayItemAreaContext.js","names":["createContext","ArrayItemAreaContext"],"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,SAASA,aAAa,QAAQ,OAAO;AASrC,MAAMC,oBAAoB,GAAGD,aAAa,CAAuB,IAAI,CAAC;AAEtE,eAAeC,oBAAoB"}
+{"version":3,"file":"ArrayItemAreaContext.js","names":["createContext","ArrayItemAreaContext"],"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,SAASA,aAAa,QAAQ,OAAO;AAWrC,MAAMC,oBAAoB,GAAGD,aAAa,CAAuB,IAAI,CAAC;AAEtE,eAAeC,oBAAoB"}

package/es/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/es/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/es/extensions/forms/Iterate/EditContainer/CancelButton.js

@@ -20,14 +20,11 @@ export default function CancelButton(props) {
     restoreOriginalValue,
     switchContainerMode,
     containerMode,
-    initialContainerMode,
     arrayValue,
     isNew,
     index
   } = useContext(IterateItemContext) || {};
   const {
-    hasError,
-    hasVisibleError,
     setShowBoundaryErrors
   } = useContext(FieldBoundaryContext) || {};
   const {
@@ -50,18 +47,11 @@ export default function CancelButton(props) {
     event
   }) => {
     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/es/extensions/forms/Iterate/EditContainer/CancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","names":["React","useCallback","useContext","useEffect","useRef","Button","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","close","RemoveButton","CancelButton","props","onClick","rest","_objectWithoutProperties","_excluded","restoreOriginalValue","switchContainerMode","containerMode","initialContainerMode","arrayValue","isNew","index","hasError","hasVisibleError","setShowBoundaryErrors","setShowError","cancelButton","removeButton","IterateEditContainer","valueBackupRef","current","cancelHandler","event","wasNew","useWasNew","length","createElement","Fragment","_extends","text","variant","icon","icon_position","on_click","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","useCallback","useContext","useEffect","useRef","Button","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","close","RemoveButton","CancelButton","props","onClick","rest","_objectWithoutProperties","_excluded","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","isNew","index","setShowBoundaryErrors","setShowError","cancelButton","removeButton","IterateEditContainer","valueBackupRef","current","cancelHandler","event","wasNew","useWasNew","length","createElement","Fragment","_extends","text","variant","icon","icon_position","on_click","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/es/extensions/forms/Iterate/EditContainer/DoneButton.js

@@ -1,7 +1,10 @@
 "use client";
 
 import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["className"];
 import React, { useCallback, useContext, useEffect, useRef } from 'react';
+import classnames from 'classnames';
 import { Button } from '../../../../components';
 import useTranslation from '../../hooks/useTranslation';
 import IterateItemContext from '../IterateItemContext';
@@ -10,6 +13,10 @@ import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryC
 import PushContainerContext from '../PushContainer/PushContainerContext';
 import { check } from '../../../../icons';
 export default function DoneButton(props) {
+  const {
+      className
+    } = props,
+    restProps = _objectWithoutProperties(props, _excluded);
   const {
     switchContainerMode,
     containerMode,
@@ -58,9 +65,10 @@ export default function DoneButton(props) {
   }, [commitHandleRef, hasError, hasVisibleError, setShowBoundaryErrors, setShowError, switchContainerMode]);
   return React.createElement(Button, _extends({
     variant: "tertiary",
+    className: classnames('dnb-push-container__done-button', className),
     icon: check,
     icon_position: "left",
     on_click: doneHandler
-  }, props), doneButton);
+  }, restProps), doneButton);
 }
 //# sourceMappingURL=DoneButton.js.map

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

@@ -1 +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  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;EAClE,MAAM;IAAEY;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"}
+{"version":3,"file":"DoneButton.js","names":["React","useCallback","useContext","useEffect","useRef","classnames","Button","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","PushContainerContext","check","DoneButton","props","className","restProps","_objectWithoutProperties","_excluded","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 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":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzE,OAAOC,UAAU,MAAM,YAAY;AACnC,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;MAAEC;IAAwB,CAAC,GAAGD,KAAK;IAAnBE,SAAS,GAAAC,wBAAA,CAAKH,KAAK,EAAAI,SAAA;EACzC,MAAM;IAAEC,mBAAmB;IAAEC,aAAa;IAAEC,UAAU;IAAEC;EAAM,CAAC,GAC7DpB,UAAU,CAACM,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACtC,MAAM;IAAEe,QAAQ;IAAEC,eAAe;IAAEC;EAAsB,CAAC,GACxDvB,UAAU,CAACQ,oBAAoB,CAAC,IAAI,CAAC,CAAC;EACxC,MAAM;IAAEgB;EAAgB,CAAC,GAAGxB,UAAU,CAACS,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAClE,MAAM;IAAEgB;EAAa,CAAC,GAAGzB,UAAU,CAACO,cAAc,CAAC,IAAI,CAAC,CAAC;EAEzD,MAAM;IAAEmB;EAAW,CAAC,GAAGrB,cAAc,CAAC,CAAC,CAACsB,oBAAoB;EAC5D,MAAMC,cAAc,GAAG1B,MAAM,CAAU,CAAC;EAExCD,SAAS,CAAC,MAAM;IACd,IAAIiB,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,GAAG/B,WAAW,CAAC,MAAM;IACpC,IAAIsB,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,OACEnB,KAAA,CAAAmC,aAAA,CAAC7B,MAAM,EAAA8B,QAAA;IACLC,OAAO,EAAC,UAAU;IAClBtB,SAAS,EAAEV,UAAU,CAAC,iCAAiC,EAAEU,SAAS,CAAE;IACpEuB,IAAI,EAAE1B,KAAM;IACZ2B,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAER;EAAY,GAClBhB,SAAS,GAEZY,UACK,CAAC;AAEb"}

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

@@ -63,9 +63,7 @@ export function EditContainerWithoutToolbar(props) {
   const itemTitle = useMemo(() => {
     return replaceItemNo(wasNew && titleWhenNew ? titleWhenNew : title, index);
   }, [index, title, titleWhenNew, wasNew]);
-  useSwitchContainerMode({
-    path
-  });
+  useSwitchContainerMode(path);
   return React.createElement(ArrayItemArea, _extends({
     mode: "edit",
     className: classnames('dnb-forms-section-edit-block', className),

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

@@ -1 +1 @@
-{"version":3,"file":"EditContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Lead","IterateItemContext","ArrayItemArea","Toolbar","useSwitchContainerMode","DoneButton","CancelButton","useWasNew","replaceItemNo","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","mode","ariaLabel","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'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the EditContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The title for a new item show within the EditContainer.\n   */\n  titleWhenNew?: React.ReactNode\n\n  /**\n   * If the EditContainer is open or not.\n   */\n  open?: boolean\n\n  /**\n   * An alternative toolbar to be shown in the EditContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nexport default function EditContainer(props: AllProps) {\n  const { toolbar, toolbarVariant, children, ...rest } = props\n  const { arrayValue } = useContext(IterateItemContext)\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = <></>\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        hasToolbar\n          ? null\n          : toolbarElement ??\n            (toolbarVariant !== 'custom' && (\n              <Toolbar>\n                <DoneButton />\n                <CancelButton />\n              </Toolbar>\n            ))\n      }\n      toolbarVariant={toolbarVariant}\n      {...rest}\n    >\n      {children}\n    </EditContainerWithoutToolbar>\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n  const { containerMode, isNew, index, path } =\n    useContext(IterateItemContext)\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n\n  const wasNew = useWasNew({ isNew, containerMode })\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(\n      wasNew && titleWhenNew ? titleWhenNew : title,\n      index\n    )\n  }, [index, title, titleWhenNew, wasNew])\n\n  useSwitchContainerMode({ path })\n\n  return (\n    <ArrayItemArea\n      mode=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={convertJsxToString(itemTitle)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ArrayItemArea>\n  )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"EditContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Lead","IterateItemContext","ArrayItemArea","Toolbar","useSwitchContainerMode","DoneButton","CancelButton","useWasNew","replaceItemNo","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","mode","ariaLabel","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'\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/es/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/es/extensions/forms/Iterate/ItemNo/useIItemNo.js

@@ -0,0 +1,41 @@
+import React, { useMemo } from 'react';
+import { useItem } from '../hooks';
+import { useTranslation } from '../../hooks';
+import { convertJsxToString } from '../../../../shared/component-helper';
+export function useIterateItemNo({
+  label: labelProp,
+  labelSuffix,
+  required
+}) {
+  const {
+    index: iterateIndex
+  } = useItem() || {};
+  const {
+    optionalLabelSuffix
+  } = useTranslation().Field;
+  const labelSuffixText = useMemo(() => {
+    if (required === false || typeof labelSuffix !== 'undefined') {
+      return labelSuffix !== null && labelSuffix !== void 0 ? labelSuffix : optionalLabelSuffix;
+    }
+    return '';
+  }, [required, labelSuffix, optionalLabelSuffix]);
+  return useMemo(() => {
+    let content = labelProp;
+    if (iterateIndex !== undefined) {
+      content = convertJsxToString(labelProp).replace('{itemNo}', String(iterateIndex + 1));
+    }
+    if (labelSuffixText) {
+      if (convertJsxToString(content).includes(optionalLabelSuffix)) {
+        return content;
+      }
+      if (typeof content === 'string') {
+        return content + ' ' + labelSuffixText;
+      }
+      if (React.isValidElement(content)) {
+        return React.createElement(React.Fragment, null, content, ' ', labelSuffixText);
+      }
+    }
+    return content;
+  }, [iterateIndex, labelProp, labelSuffixText, optionalLabelSuffix]);
+}
+//# sourceMappingURL=useIItemNo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useIItemNo.js","names":["React","useMemo","useItem","useTranslation","convertJsxToString","useIterateItemNo","label","labelProp","labelSuffix","required","index","iterateIndex","optionalLabelSuffix","Field","labelSuffixText","content","undefined","replace","String","includes","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,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,OAAO,QAAQ,UAAU;AAClC,SAASC,cAAc,QAAQ,aAAa;AAC5C,SAASC,kBAAkB,QAAQ,qCAAqC;AAExE,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,KAAK,EAAEC,SAAS;EAChBC,WAAW;EACXC;AACF,CAAC,EAAE;EACD,MAAM;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAGT,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;EAE/C,MAAM;IAAEU;EAAoB,CAAC,GAAGT,cAAc,CAAC,CAAC,CAACU,KAAK;EACtD,MAAMC,eAAe,GAAGb,OAAO,CAAC,MAAM;IACpC,IAAIQ,QAAQ,KAAK,KAAK,IAAI,OAAOD,WAAW,KAAK,WAAW,EAAE;MAC5D,OAAOA,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAII,mBAAmB;IAC3C;IACA,OAAO,EAAE;EACX,CAAC,EAAE,CAACH,QAAQ,EAAED,WAAW,EAAEI,mBAAmB,CAAC,CAAC;EAEhD,OAAOX,OAAO,CAAC,MAAM;IACnB,IAAIc,OAAO,GAAGR,SAAS;IAEvB,IAAII,YAAY,KAAKK,SAAS,EAAE;MAC9BD,OAAO,GAAGX,kBAAkB,CAACG,SAAS,CAAC,CAACU,OAAO,CAC7C,UAAU,EACVC,MAAM,CAACP,YAAY,GAAG,CAAC,CACzB,CAAC;IACH;IAEA,IAAIG,eAAe,EAAE;MACnB,IAAIV,kBAAkB,CAACW,OAAO,CAAC,CAACI,QAAQ,CAACP,mBAAmB,CAAC,EAAE;QAC7D,OAAOG,OAAO;MAChB;MAEA,IAAI,OAAOA,OAAO,KAAK,QAAQ,EAAE;QAC/B,OAAOA,OAAO,GAAG,GAAG,GAAGD,eAAe;MACxC;MAEA,IAAId,KAAK,CAACoB,cAAc,CAACL,OAAO,CAAC,EAAE;QACjC,OACEf,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACGP,OAAO,EACP,GAAG,EACHD,eACD,CAAC;MAEP;IACF;IAEA,OAAOC,OAAO;EAChB,CAAC,EAAE,CAACJ,YAAY,EAAEJ,SAAS,EAAEO,eAAe,EAAEF,mBAAmB,CAAC,CAAC;AACrE"}