@dnb/eufemia 10.47.0 → 10.49.0

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

@@ -12,12 +12,16 @@ var _hooks = require("../../hooks");
 var _componentHelper = require("../../../../shared/component-helper");
 var _components = require("../../../../components");
 var _utils = require("../../../../components/flex/utils");
+var _useMountEffect = _interopRequireDefault(require("../../../../shared/helpers/useMountEffect"));
 var _Container = require("../../../../components/flex/Container");
 var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
 var _SummaryListContext = _interopRequireDefault(require("../../Value/SummaryList/SummaryListContext"));
 var _ValueBlockContext = _interopRequireDefault(require("../../ValueBlock/ValueBlockContext"));
 var _FieldBoundaryProvider = _interopRequireDefault(require("../../DataContext/FieldBoundary/FieldBoundaryProvider"));
+var _Context = _interopRequireDefault(require("../../DataContext/Context"));
 var _useDataValue = _interopRequireDefault(require("../../hooks/useDataValue"));
+var _hooks2 = require("../hooks");
+var _FieldBlock = require("../../FieldBlock");
 var _structuredClone = _interopRequireDefault(require("@ungap/structured-clone"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -60,23 +64,35 @@ function ArrayComponent(props) {
             index: i
           }));
         }
-        return _objectSpread(_objectSpread({}, props), {}, {
+        return _objectSpread(_objectSpread({
+          required: false
+        }, props), {}, {
           value: newValue
         });
       }
     }
-    return props;
+    return _objectSpread({
+      required: false
+    }, props);
   }, [getValueByPath, props]);
   const {
     path,
     value: arrayValue,
+    error,
+    defaultValue,
     withoutFlex,
     emptyValue,
     placeholder,
+    containerMode,
+    animate,
     handleChange,
+    setChanged,
     onChange,
     children
   } = (0, _hooks.useFieldProps)(preparedProps);
+  (0, _useMountEffect.default)(() => {
+    setChanged(true);
+  });
   const idsRef = (0, _react.useRef)([]);
   const isNewRef = (0, _react.useRef)({});
   const modesRef = (0, _react.useRef)({});
@@ -86,26 +102,38 @@ function ArrayComponent(props) {
   const hadPushRef = (0, _react.useRef)();
   const innerRefs = (0, _react.useRef)({});
   const omitFlex = withoutFlex !== null && withoutFlex !== void 0 ? withoutFlex : summaryListContext || valueBlockContext;
+  const {
+    handlePathChange
+  } = (0, _react.useContext)(_Context.default) || {};
+  (0, _useMountEffect.default)(() => {
+    if (defaultValue) {
+      handlePathChange === null || handlePathChange === void 0 ? void 0 : handlePathChange(path, defaultValue);
+    }
+  });
   (0, _react.useEffect)(() => {
     valueCountRef.current = arrayValue || [];
   }, [arrayValue]);
-  const elementData = (0, _react.useMemo)(() => {
-    var _ref;
-    return ((_ref = valueWhileClosingRef.current || arrayValue) !== null && _ref !== void 0 ? _ref : []).map((value, index) => {
-      var _valueCountRef$curren;
+  const {
+    getNextContainerMode
+  } = (0, _hooks2.useSwitchContainerMode)();
+  const arrayItems = (0, _react.useMemo)(() => {
+    const list = valueWhileClosingRef.current || arrayValue;
+    return (list !== null && list !== void 0 ? list : []).map((value, index) => {
+      var _valueCountRef$curren, _modesRef$current$id;
       const id = idsRef.current[index] || (0, _componentHelper.makeUniqueId)();
-      const hasNewItems = arrayValue.length > ((_valueCountRef$curren = valueCountRef.current) === null || _valueCountRef$curren === void 0 ? void 0 : _valueCountRef$curren.length);
+      const hasNewItems = (arrayValue === null || arrayValue === void 0 ? void 0 : arrayValue.length) > ((_valueCountRef$curren = valueCountRef.current) === null || _valueCountRef$curren === void 0 ? void 0 : _valueCountRef$curren.length);
       if (!idsRef.current[index]) {
         isNewRef.current[id] = hasNewItems;
         idsRef.current.push(id);
       }
       const isNew = isNewRef.current[id] || false;
-      if (!modesRef.current[id]) {
-        var _value$__containerMod;
-        modesRef.current[id] = (_value$__containerMod = value === null || value === void 0 ? void 0 : value['__containerMode']) !== null && _value$__containerMod !== void 0 ? _value$__containerMod : isNew ? 'edit' : 'view';
-        value === null || value === void 0 ? true : delete value['__containerMode'];
+      if (!((_modesRef$current$id = modesRef.current[id]) !== null && _modesRef$current$id !== void 0 && _modesRef$current$id.current)) {
+        var _getNextContainerMode;
+        modesRef.current[id] = {
+          current: containerMode !== null && containerMode !== void 0 ? containerMode : isNew ? (_getNextContainerMode = getNextContainerMode()) !== null && _getNextContainerMode !== void 0 ? _getNextContainerMode : 'edit' : 'auto'
+        };
       }
-      return {
+      const itemContext = {
         id,
         path,
         value,
@@ -113,10 +141,16 @@ function ArrayComponent(props) {
         arrayValue,
         containerRef,
         isNew,
-        containerMode: modesRef.current[id],
-        switchContainerMode: mode => {
+        containerMode: modesRef.current[id].current,
+        previousContainerMode: modesRef.current[id].previous,
+        initialContainerMode: containerMode || 'auto',
+        modeOptions: modesRef.current[id].options,
+        switchContainerMode: function (mode) {
           var _isNewRef$current;
-          modesRef.current[id] = mode;
+          let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+          modesRef.current[id].previous = modesRef.current[id].current;
+          modesRef.current[id].current = mode;
+          modesRef.current[id].options = options;
           (_isNewRef$current = isNewRef.current) === null || _isNewRef$current === void 0 ? true : delete _isNewRef$current[id];
           forceUpdate();
         },
@@ -128,7 +162,7 @@ function ArrayComponent(props) {
         },
         handlePush: element => {
           hadPushRef.current = true;
-          handleChange([...(arrayValue !== null && arrayValue !== void 0 ? arrayValue : []), element]);
+          handleChange([...(arrayValue || []), element]);
         },
         handleRemove: function () {
           let {
@@ -151,38 +185,40 @@ function ArrayComponent(props) {
           forceUpdate();
         },
         restoreOriginalValue: value => {
-          const newArrayValue = (0, _structuredClone.default)(arrayValue);
-          newArrayValue[index] = value;
-          handleChange(newArrayValue);
+          if (value) {
+            const newArrayValue = (0, _structuredClone.default)(arrayValue);
+            newArrayValue[index] = value;
+            handleChange(newArrayValue);
+          }
         }
       };
+      return itemContext;
     });
   }, [salt, arrayValue, path, handleChange]);
   (0, _react.useMemo)(() => {
-    const last = elementData === null || elementData === void 0 ? void 0 : elementData[elementData.length - 1];
+    const last = arrayItems === null || arrayItems === void 0 ? void 0 : arrayItems[arrayItems.length - 1];
     if (last !== null && last !== void 0 && last.isNew && !hadPushRef.current) {
       onChange === null || onChange === void 0 ? void 0 : onChange(arrayValue);
     } else {
       hadPushRef.current = false;
     }
-  }, [arrayValue, elementData, onChange]);
+  }, [arrayValue, arrayItems, onChange]);
   const flexProps = _objectSpread(_objectSpread(_objectSpread({
     className: (0, _classnames.default)("dnb-forms-iterate dnb-forms-section", props === null || props === void 0 ? void 0 : props.className)
   }, (0, _Container.pickFlexContainerProps)(props)), (0, _utils.pickSpacingProps)(props)), {}, {
     innerRef: containerRef
   });
-  const WrapperElement = omitFlex ? _react.Fragment : _components.Flex.Stack;
-  return _react.default.createElement(WrapperElement, omitFlex ? null : flexProps, arrayValue === emptyValue || (props === null || props === void 0 ? void 0 : (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) === 0 ? placeholder : elementData.map(elementProps => {
+  const arrayElements = arrayValue === emptyValue || (props === null || props === void 0 ? void 0 : (_props$value = props.value) === null || _props$value === void 0 ? void 0 : _props$value.length) === 0 ? placeholder : arrayItems.map(itemProps => {
     const {
       id,
       value,
       index
-    } = elementProps;
+    } = itemProps;
     const elementRef = innerRefs.current[id] = innerRefs.current[id] || (0, _react.createRef)();
     const renderChildren = elementChild => {
       return typeof elementChild === 'function' ? elementChild(value, index) : elementChild;
     };
-    const contextValue = _objectSpread(_objectSpread({}, elementProps), {}, {
+    const contextValue = _objectSpread(_objectSpread({}, itemProps), {}, {
       elementRef
     });
     const content = Array.isArray(children) ? children.map(child => renderChildren(child)) : renderChildren(children);
@@ -200,7 +236,20 @@ function ArrayComponent(props) {
     }, _react.default.createElement(_IterateItemContext.default.Provider, {
       value: contextValue
     }, _react.default.createElement(_FieldBoundaryProvider.default, null, content)));
-  }));
+  });
+  const content = omitFlex ? arrayElements : _react.default.createElement(_components.Flex.Stack, flexProps, arrayElements);
+  return _react.default.createElement(_react.default.Fragment, null, animate ? _react.default.createElement(_components.HeightAnimation, null, content) : content, _react.default.createElement(_components.FormStatus, {
+    top: 0,
+    bottom: 0,
+    show: Boolean(error),
+    no_animation: false,
+    shellSpace: {
+      top: true,
+      bottom: true
+    }
+  }, (0, _FieldBlock.getMessage)({
+    content: error
+  })));
 }
 ArrayComponent._supportsSpacingProps = true;
 var _default = ArrayComponent;

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

@@ -1 +1 @@
-{"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_Container","_IterateItemContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_useDataValue","_structuredClone","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","getValueByPath","useDataValue","preparedProps","useMemo","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","newValue","l","index","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","useFieldProps","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","useEffect","current","elementData","_ref","map","_valueCountRef$curren","id","makeUniqueId","hasNewItems","isNew","_value$__containerMod","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","WrapperElement","Fragment","Flex","Stack","createElement","elementProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","Item","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport useDataValue from '../../hooks/useDataValue'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } 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 summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const { getValueByPath } = useDataValue()\n  const preparedProps = useMemo(() => {\n    const {\n      path,\n      countPath,\n      countPathLimit = Infinity,\n      countPathTransform,\n    } = props\n\n    if (countPath) {\n      const arrayValue = getValueByPath(path)\n      let countValue = parseFloat(getValueByPath(countPath))\n      if (!(countValue >= 0)) {\n        countValue = 0\n      }\n      if (countValue > countPathLimit) {\n        countValue = countPathLimit\n      }\n      if (arrayValue?.length !== countValue) {\n        const newValue = []\n        for (let i = 0, l = countValue; i < l; i++) {\n          const value = arrayValue?.[i]\n          newValue.push(countPathTransform?.({ value, index: i }))\n        }\n\n        return {\n          ...props,\n          value: newValue,\n        }\n      }\n    }\n\n    return props\n  }, [getValueByPath, props])\n\n  const {\n    path,\n    value: arrayValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    handleChange,\n    onChange,\n    children,\n  } = useFieldProps(preparedProps)\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<Record<Identifier, ContainerMode>>({})\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  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const elementData = useMemo(() => {\n    return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n      (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]) {\n          modesRef.current[id] =\n            value?.['__containerMode'] ?? (isNew ? 'edit' : 'view')\n          delete value?.['__containerMode']\n        }\n\n        return {\n          id,\n          path,\n          value,\n          index,\n          arrayValue,\n          containerRef,\n          isNew,\n          containerMode: modesRef.current[id],\n          switchContainerMode: (mode: ContainerMode) => {\n            modesRef.current[id] = mode\n            delete isNewRef.current?.[id]\n            forceUpdate()\n          },\n          handleChange: (path: Path, value: unknown) => {\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: unknown) => {\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: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          },\n        } as IterateItemContextState\n      }\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, path, handleChange])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = elementData?.[elementData.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, elementData, 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 WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n  return (\n    <WrapperElement {...(omitFlex ? null : flexProps)}>\n      {arrayValue === emptyValue || props?.value?.length === 0\n        ? placeholder\n        : elementData.map((elementProps) => {\n            const { id, value, index } = elementProps\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              ...elementProps,\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    </WrapperElement>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
+{"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_useMountEffect","_Container","_IterateItemContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_Context","_useDataValue","_hooks2","_FieldBlock","_structuredClone","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","getValueByPath","useDataValue","preparedProps","useMemo","path","countPath","countPathLimit","Infinity","countPathTransform","arrayValue","countValue","parseFloat","newValue","l","index","required","error","defaultValue","withoutFlex","emptyValue","placeholder","containerMode","animate","handleChange","setChanged","onChange","children","useFieldProps","useMountEffect","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","handlePathChange","DataContext","useEffect","current","getNextContainerMode","useSwitchContainerMode","arrayItems","list","map","_valueCountRef$curren","_modesRef$current$id","id","makeUniqueId","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","switchContainerMode","mode","_isNewRef$current","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","arrayElements","itemProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","createElement","Provider","Flex","Item","tabIndex","Stack","Fragment","HeightAnimation","FormStatus","top","bottom","show","Boolean","no_animation","shellSpace","getMessage","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from '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 {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n  IterateItemContextState,\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 { useSwitchContainerMode } from '../hooks'\nimport { getMessage } 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 summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const { getValueByPath } = useDataValue()\n  const preparedProps = useMemo(() => {\n    const {\n      path,\n      countPath,\n      countPathLimit = Infinity,\n      countPathTransform,\n    } = props\n\n    if (countPath) {\n      const arrayValue = getValueByPath(path)\n      let countValue = parseFloat(getValueByPath(countPath))\n      if (!(countValue >= 0)) {\n        countValue = 0\n      }\n      if (countValue > countPathLimit) {\n        countValue = countPathLimit\n      }\n      if (arrayValue?.length !== countValue) {\n        const newValue = []\n        for (let i = 0, l = countValue; i < l; i++) {\n          const value = arrayValue?.[i]\n          newValue.push(countPathTransform?.({ value, index: i }))\n        }\n\n        return {\n          required: false,\n          ...props,\n          value: newValue,\n        }\n      }\n    }\n\n    return { required: false, ...props }\n  }, [getValueByPath, props])\n\n  const {\n    path,\n    value: arrayValue,\n    error,\n    defaultValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    containerMode,\n    animate,\n    handleChange,\n    setChanged,\n    onChange,\n    children,\n  } = useFieldProps(preparedProps)\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?: { omitFocusManagement?: boolean }\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  // To support React.StrictMode, we inject the defaultValue into the data context this way.\n  // The routine inside useFieldProps where updateDataValueDataContext is called, does not support React.StrictMode\n  const { handlePathChange } = useContext(DataContext) || {}\n  useMountEffect(() => {\n    if (defaultValue) {\n      handlePathChange?.(path, defaultValue)\n    }\n  })\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const { getNextContainerMode } = useSwitchContainerMode()\n\n  const arrayItems = useMemo(() => {\n    const list = valueWhileClosingRef.current || arrayValue\n    return (list ?? []).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          forceUpdate()\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, path, handleChange])\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        top={0}\n        bottom={0}\n        show={Boolean(error)}\n        no_animation={false}\n        shellSpace={{ top: true, bottom: true }}\n      >\n        {getMessage({ content: error })}\n      </FormStatus>\n    </>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AAKA,IAAAU,mBAAA,GAAAR,sBAAA,CAAAF,OAAA;AAGA,IAAAW,mBAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,kBAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,sBAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,QAAA,GAAAZ,sBAAA,CAAAF,OAAA;AACA,IAAAe,aAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,OAAA,GAAAhB,OAAA;AACA,IAAAiB,WAAA,GAAAjB,OAAA;AASA,IAAAkB,gBAAA,GAAAhB,sBAAA,CAAAF,OAAA;AAAqD,SAAAE,uBAAAiB,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAxB,wBAAAoB,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAAZ,MAAA,CAAAY,IAAA,CAAAF,MAAA,OAAAV,MAAA,CAAAa,qBAAA,QAAAC,OAAA,GAAAd,MAAA,CAAAa,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAhB,MAAA,CAAAE,wBAAA,CAAAQ,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAC,KAAA,CAAAP,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAQ,cAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAb,OAAA,CAAAT,MAAA,CAAAyB,MAAA,OAAAC,OAAA,WAAAvB,GAAA,IAAAwB,eAAA,CAAAN,MAAA,EAAAlB,GAAA,EAAAsB,MAAA,CAAAtB,GAAA,SAAAH,MAAA,CAAA4B,yBAAA,GAAA5B,MAAA,CAAA6B,gBAAA,CAAAR,MAAA,EAAArB,MAAA,CAAA4B,yBAAA,CAAAH,MAAA,KAAAhB,OAAA,CAAAT,MAAA,CAAAyB,MAAA,GAAAC,OAAA,WAAAvB,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAoB,MAAA,EAAAlB,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAuB,MAAA,EAAAtB,GAAA,iBAAAkB,MAAA;AAAA,SAAAM,gBAAAxC,GAAA,EAAAgB,GAAA,EAAA2B,KAAA,IAAA3B,GAAA,GAAA4B,cAAA,CAAA5B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA2B,KAAA,EAAAA,KAAA,EAAAb,UAAA,QAAAe,YAAA,QAAAC,QAAA,oBAAA9C,GAAA,CAAAgB,GAAA,IAAA2B,KAAA,WAAA3C,GAAA;AAAA,SAAA4C,eAAAG,GAAA,QAAA/B,GAAA,GAAAgC,YAAA,CAAAD,GAAA,2BAAA/B,GAAA,gBAAAA,GAAA,GAAAiC,MAAA,CAAAjC,GAAA;AAAA,SAAAgC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAjC,IAAA,CAAA+B,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAIrD,SAASS,cAAcA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACpC,MAAM,CAACC,IAAI,EAAEC,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAEtD,MAAMC,kBAAkB,GAAG,IAAAC,iBAAU,EAACC,2BAAkB,CAAC;EACzD,MAAMC,iBAAiB,GAAG,IAAAF,iBAAU,EAACG,0BAAiB,CAAC;EAEvD,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,qBAAY,EAAC,CAAC;EACzC,MAAMC,aAAa,GAAG,IAAAC,cAAO,EAAC,MAAM;IAClC,MAAM;MACJC,IAAI;MACJC,SAAS;MACTC,cAAc,GAAGC,QAAQ;MACzBC;IACF,CAAC,GAAGlB,KAAK;IAET,IAAIe,SAAS,EAAE;MACb,MAAMI,UAAU,GAAGT,cAAc,CAACI,IAAI,CAAC;MACvC,IAAIM,UAAU,GAAGC,UAAU,CAACX,cAAc,CAACK,SAAS,CAAC,CAAC;MACtD,IAAI,EAAEK,UAAU,IAAI,CAAC,CAAC,EAAE;QACtBA,UAAU,GAAG,CAAC;MAChB;MACA,IAAIA,UAAU,GAAGJ,cAAc,EAAE;QAC/BI,UAAU,GAAGJ,cAAc;MAC7B;MACA,IAAI,CAAAG,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE1C,MAAM,MAAK2C,UAAU,EAAE;QACrC,MAAME,QAAQ,GAAG,EAAE;QACnB,KAAK,IAAI/C,CAAC,GAAG,CAAC,EAAEgD,CAAC,GAAGH,UAAU,EAAE7C,CAAC,GAAGgD,CAAC,EAAEhD,CAAC,EAAE,EAAE;UAC1C,MAAMQ,KAAK,GAAGoC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAG5C,CAAC,CAAC;UAC7B+C,QAAQ,CAACnD,IAAI,CAAC+C,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAG;YAAEnC,KAAK;YAAEyC,KAAK,EAAEjD;UAAE,CAAC,CAAC,CAAC;QAC1D;QAEA,OAAAF,aAAA,CAAAA,aAAA;UACEoD,QAAQ,EAAE;QAAK,GACZzB,KAAK;UACRjB,KAAK,EAAEuC;QAAQ;MAEnB;IACF;IAEA,OAAAjD,aAAA;MAASoD,QAAQ,EAAE;IAAK,GAAKzB,KAAK;EACpC,CAAC,EAAE,CAACU,cAAc,EAAEV,KAAK,CAAC,CAAC;EAE3B,MAAM;IACJc,IAAI;IACJ/B,KAAK,EAAEoC,UAAU;IACjBO,KAAK;IACLC,YAAY;IACZC,WAAW;IACXC,UAAU;IACVC,WAAW;IACXC,aAAa;IACbC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC;EACF,CAAC,GAAG,IAAAC,oBAAa,EAACzB,aAAa,CAAC;EAEhC,IAAA0B,uBAAc,EAAC,MAAM;IAEnBJ,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,CAAC;EAEF,MAAMK,MAAM,GAAG,IAAAC,aAAM,EAAoB,EAAE,CAAC;EAC5C,MAAMC,QAAQ,GAAG,IAAAD,aAAM,EAA0B,CAAC,CAAC,CAAC;EACpD,MAAME,QAAQ,GAAG,IAAAF,aAAM,EASrB,CAAC,CAAC,CAAC;EACL,MAAMG,oBAAoB,GAAG,IAAAH,aAAM,EAAQ,CAAC;EAC5C,MAAMI,aAAa,GAAG,IAAAJ,aAAM,EAACrB,UAAU,CAAC;EACxC,MAAM0B,YAAY,GAAG,IAAAL,aAAM,EAAiB,CAAC;EAC7C,MAAMM,UAAU,GAAG,IAAAN,aAAM,EAAU,CAAC;EACpC,MAAMO,SAAS,GAAG,IAAAP,aAAM,EAEtB,CAAC,CAAC,CAAC;EAEL,MAAMQ,QAAQ,GAAGpB,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAKvB,kBAAkB,IAAIG,iBAAkB;EAIzE,MAAM;IAAEyC;EAAiB,CAAC,GAAG,IAAA3C,iBAAU,EAAC4C,gBAAW,CAAC,IAAI,CAAC,CAAC;EAC1D,IAAAZ,uBAAc,EAAC,MAAM;IACnB,IAAIX,YAAY,EAAE;MAChBsB,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,CAAGnC,IAAI,EAAEa,YAAY,CAAC;IACxC;EACF,CAAC,CAAC;EAEF,IAAAwB,gBAAS,EAAC,MAAM;IAEdP,aAAa,CAACQ,OAAO,GAAGjC,UAAU,IAAI,EAAE;EAC1C,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAM;IAAEkC;EAAqB,CAAC,GAAG,IAAAC,8BAAsB,EAAC,CAAC;EAEzD,MAAMC,UAAU,GAAG,IAAA1C,cAAO,EAAC,MAAM;IAC/B,MAAM2C,IAAI,GAAGb,oBAAoB,CAACS,OAAO,IAAIjC,UAAU;IACvD,OAAO,CAACqC,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAI,EAAE,EAAEC,GAAG,CAAC,CAAC1E,KAAK,EAAEyC,KAAK,KAAK;MAAA,IAAAkC,qBAAA,EAAAC,oBAAA;MACxC,MAAMC,EAAE,GAAGrB,MAAM,CAACa,OAAO,CAAC5B,KAAK,CAAC,IAAI,IAAAqC,6BAAY,EAAC,CAAC;MAElD,MAAMC,WAAW,GACf,CAAA3C,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAE1C,MAAM,MAAAiF,qBAAA,GAAGd,aAAa,CAACQ,OAAO,cAAAM,qBAAA,uBAArBA,qBAAA,CAAuBjF,MAAM;MAEpD,IAAI,CAAC8D,MAAM,CAACa,OAAO,CAAC5B,KAAK,CAAC,EAAE;QAC1BiB,QAAQ,CAACW,OAAO,CAACQ,EAAE,CAAC,GAAGE,WAAW;QAClCvB,MAAM,CAACa,OAAO,CAACjF,IAAI,CAACyF,EAAE,CAAC;MACzB;MAEA,MAAMG,KAAK,GAAGtB,QAAQ,CAACW,OAAO,CAACQ,EAAE,CAAC,IAAI,KAAK;MAC3C,IAAI,GAAAD,oBAAA,GAACjB,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,cAAAD,oBAAA,eAApBA,oBAAA,CAAsBP,OAAO,GAAE;QAAA,IAAAY,qBAAA;QAClCtB,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,GAAG;UACrBR,OAAO,EACLrB,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACZgC,KAAK,IAAAC,qBAAA,GAAGX,oBAAoB,CAAC,CAAC,cAAAW,qBAAA,cAAAA,qBAAA,GAAI,MAAM,GAAG;QAChD,CAAC;MACH;MAEA,MAAMC,WAAoC,GAAG;QAC3CL,EAAE;QACF9C,IAAI;QACJ/B,KAAK;QACLyC,KAAK;QACLL,UAAU;QACV0B,YAAY;QACZkB,KAAK;QACLhC,aAAa,EAAEW,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,CAACR,OAAO;QAC3Cc,qBAAqB,EAAExB,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,CAACO,QAAQ;QACpDC,oBAAoB,EAAErC,aAAa,IAAI,MAAM;QAC7CsC,WAAW,EAAE3B,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,CAACU,OAAO;QACzCC,mBAAmB,EAAE,SAAAA,CAACC,IAAI,EAAmB;UAAA,IAAAC,iBAAA;UAAA,IAAjBH,OAAO,GAAA9F,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmB,SAAA,GAAAnB,SAAA,MAAG,CAAC,CAAC;UACtCkE,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,CAACO,QAAQ,GAAGzB,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,CAACR,OAAO;UAC5DV,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,CAACR,OAAO,GAAGoB,IAAI;UACnC9B,QAAQ,CAACU,OAAO,CAACQ,EAAE,CAAC,CAACU,OAAO,GAAGA,OAAO;UACtC,CAAAG,iBAAA,GAAOhC,QAAQ,CAACW,OAAO,cAAAqB,iBAAA,qBAAvB,OAAOA,iBAAA,CAAmBb,EAAE,CAAC;UAC7BzD,WAAW,CAAC,CAAC;QACf,CAAC;QACD8B,YAAY,EAAEA,CAACnB,IAAI,EAAE/B,KAAK,KAAK;UAC7B,MAAM2F,aAAa,GAAG,IAAAC,wBAAe,EAACxD,UAAU,CAAC;UAIjDuD,aAAa,CAAClD,KAAK,CAAC,GAAAnD,aAAA,KAAQqG,aAAa,CAAClD,KAAK,CAAC,CAAE;UAElDoD,oBAAO,CAACnH,GAAG,CAACiH,aAAa,EAAE5D,IAAI,EAAE/B,KAAK,CAAC;UACvCkD,YAAY,CAACyC,aAAa,CAAC;QAC7B,CAAC;QACDG,UAAU,EAAGC,OAAO,IAAK;UACvBhC,UAAU,CAACM,OAAO,GAAG,IAAI;UACzBnB,YAAY,CAAC,CAAC,IAAId,UAAU,IAAI,EAAE,CAAC,EAAE2D,OAAO,CAAC,CAAC;QAChD,CAAC;QACDC,YAAY,EAAE,SAAAA,CAAA,EAAgC;UAAA,IAA/B;YAAEC,SAAS,GAAG;UAAM,CAAC,GAAAxG,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmB,SAAA,GAAAnB,SAAA,MAAG,CAAC,CAAC;UACvC,IAAIwG,SAAS,EAAE;YAEbrC,oBAAoB,CAACS,OAAO,GAAGjC,UAAU;UAC3C;UAEA,MAAMuD,aAAa,GAAG,IAAAC,wBAAe,EAACxD,UAAU,CAAC;UACjDuD,aAAa,CAACO,MAAM,CAACzD,KAAK,EAAE,CAAC,CAAC;UAC9BS,YAAY,CAACyC,aAAa,CAAC;QAC7B,CAAC;QAGDQ,aAAa,EAAEA,CAAA,KAAM;UAAA,IAAAC,iBAAA,EAAAC,kBAAA;UACnBzC,oBAAoB,CAACS,OAAO,GAAG,IAAI;UACnC,CAAA+B,iBAAA,GAAOzC,QAAQ,CAACU,OAAO,cAAA+B,iBAAA,qBAAvB,OAAOA,iBAAA,CAAmBvB,EAAE,CAAC;UAC7B,CAAAwB,kBAAA,GAAO3C,QAAQ,CAACW,OAAO,cAAAgC,kBAAA,qBAAvB,OAAOA,kBAAA,CAAmBxB,EAAE,CAAC;UAC7B,MAAMyB,SAAS,GAAG9C,MAAM,CAACa,OAAO,CAACkC,OAAO,CAAC1B,EAAE,CAAC;UAC5CrB,MAAM,CAACa,OAAO,CAAC6B,MAAM,CAACI,SAAS,EAAE,CAAC,CAAC;UACnClF,WAAW,CAAC,CAAC;QACf,CAAC;QAGDoF,oBAAoB,EAAGxG,KAAK,IAAK;UAC/B,IAAIA,KAAK,EAAE;YACT,MAAM2F,aAAa,GAAG,IAAAC,wBAAe,EAACxD,UAAU,CAAC;YACjDuD,aAAa,CAAClD,KAAK,CAAC,GAAGzC,KAAK;YAC5BkD,YAAY,CAACyC,aAAa,CAAC;UAC7B;QACF;MACF,CAAC;MAED,OAAOT,WAAW;IACpB,CAAC,CAAC;EAIJ,CAAC,EAAE,CAAC/D,IAAI,EAAEiB,UAAU,EAAEL,IAAI,EAAEmB,YAAY,CAAC,CAAC;EAG1C,IAAApB,cAAO,EAAC,MAAM;IACZ,MAAM2E,IAAI,GAAGjC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGA,UAAU,CAAC9E,MAAM,GAAG,CAAC,CAAC;IAChD,IAAI+G,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAEzB,KAAK,IAAI,CAACjB,UAAU,CAACM,OAAO,EAAE;MACtCjB,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGhB,UAAU,CAAC;IACxB,CAAC,MAAM;MACL2B,UAAU,CAACM,OAAO,GAAG,KAAK;IAC5B;EACF,CAAC,EAAE,CAACjC,UAAU,EAAEoC,UAAU,EAAEpB,QAAQ,CAAC,CAAC;EAEtC,MAAMsD,SAEL,GAAApH,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACCqH,SAAS,EAAE,IAAAC,mBAAU,yCAGnB3F,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAE0F,SACT;EAAC,GACE,IAAAE,iCAAsB,EAAC5F,KAA2B,CAAC,GACnD,IAAA6F,uBAAgB,EAAC7F,KAAK,CAAC;IAC1B8F,QAAQ,EAAEjD;EAAY,EACvB;EAED,MAAMkD,aAAa,GACjB5E,UAAU,KAAKU,UAAU,IAAI,CAAA7B,KAAK,aAALA,KAAK,wBAAAC,YAAA,GAALD,KAAK,CAAEjB,KAAK,cAAAkB,YAAA,uBAAZA,YAAA,CAAcxB,MAAM,MAAK,CAAC,GACnDqD,WAAW,GACXyB,UAAU,CAACE,GAAG,CAAEuC,SAAS,IAAK;IAC5B,MAAM;MAAEpC,EAAE;MAAE7E,KAAK;MAAEyC;IAAM,CAAC,GAAGwE,SAAS;IACtC,MAAMC,UAAU,GAAIlD,SAAS,CAACK,OAAO,CAACQ,EAAE,CAAC,GACvCb,SAAS,CAACK,OAAO,CAACQ,EAAE,CAAC,IAAI,IAAAsC,gBAAS,EAAiB,CAAE;IAEvD,MAAMC,cAAc,GAAIC,YAA0B,IAAK;MACrD,OAAO,OAAOA,YAAY,KAAK,UAAU,GACrCA,YAAY,CAACrH,KAAK,EAAEyC,KAAK,CAAC,GAC1B4E,YAAY;IAClB,CAAC;IAED,MAAMC,YAAY,GAAAhI,aAAA,CAAAA,aAAA,KACb2H,SAAS;MACZC;IAAU,EACX;IAED,MAAMK,OAAO,GAAGC,KAAK,CAACC,OAAO,CAACpE,QAAQ,CAAC,GACnCA,QAAQ,CAACqB,GAAG,CAAEgD,KAAK,IAAKN,cAAc,CAACM,KAAK,CAAC,CAAC,GAC9CN,cAAc,CAAC/D,QAAQ,CAAC;IAE5B,IAAIY,QAAQ,EAAE;MACZ,OACEjI,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAAC/K,mBAAA,CAAAW,OAAkB,CAACqK,QAAQ;QAC1BvJ,GAAG,EAAG,WAAUwG,EAAG,EAAE;QACrB7E,KAAK,EAAEsH;MAAa,GAEpBtL,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAAC5K,sBAAA,CAAAQ,OAAqB,QAAEgK,OAA+B,CAC5B,CAAC;IAElC;IAEA,OACEvL,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAACnL,WAAA,CAAAqL,IAAI,CAACC,IAAI;MACRnB,SAAS,EAAC,4BAA4B;MACtCoB,QAAQ,EAAE,CAAC,CAAE;MACbhB,QAAQ,EAAEG,UAAW;MACrB7I,GAAG,EAAG,WAAUwG,EAAG;IAAE,GAErB7I,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAAC/K,mBAAA,CAAAW,OAAkB,CAACqK,QAAQ;MAAC5H,KAAK,EAAEsH;IAAa,GAC/CtL,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAAC5K,sBAAA,CAAAQ,OAAqB,QAAEgK,OAA+B,CAC5B,CACpB,CAAC;EAEhB,CAAC,CAAC;EAER,MAAMA,OAAO,GAAGtD,QAAQ,GACtB+C,aAAa,GAEbhL,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAACnL,WAAA,CAAAqL,IAAI,CAACG,KAAK,EAAKtB,SAAS,EAAGM,aAA0B,CACvD;EAED,OACEhL,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAAA3L,MAAA,CAAAuB,OAAA,CAAA0K,QAAA,QACGhF,OAAO,GAAGjH,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAACnL,WAAA,CAAA0L,eAAe,QAAEX,OAAyB,CAAC,GAAGA,OAAO,EAEjEvL,MAAA,CAAAuB,OAAA,CAAAoK,aAAA,CAACnL,WAAA,CAAA2L,UAAU;IACTC,GAAG,EAAE,CAAE;IACPC,MAAM,EAAE,CAAE;IACVC,IAAI,EAAEC,OAAO,CAAC5F,KAAK,CAAE;IACrB6F,YAAY,EAAE,KAAM;IACpBC,UAAU,EAAE;MAAEL,GAAG,EAAE,IAAI;MAAEC,MAAM,EAAE;IAAK;EAAE,GAEvC,IAAAK,sBAAU,EAAC;IAAEnB,OAAO,EAAE5E;EAAM,CAAC,CACpB,CACZ,CAAC;AAEP;AAEA3B,cAAc,CAAC2H,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC5B5H,cAAc;AAAA6H,OAAA,CAAAtL,OAAA,GAAAqL,QAAA"}

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ArrayProperties = exports.ArrayEvents = void 0;
+var _DataValueDocs = require("../../hooks/DataValueDocs");
 const ArrayProperties = {
   value: {
     doc: 'The data to iterate over. Alternative you can use the `path` prop.',
@@ -35,6 +36,11 @@ const ArrayProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  animate: {
+    doc: 'When `true` it will animate the height of the items.',
+    type: 'boolean',
+    status: 'optional'
+  },
   placeholder: {
     doc: 'Will be shown if the value or data context value is empty.',
     type: 'React.Node',
@@ -45,9 +51,17 @@ const ArrayProperties = {
     type: 'unknown',
     status: 'optional'
   },
+  validator: _DataValueDocs.dataValueProperties.validator,
+  validateInitially: _DataValueDocs.dataValueProperties.validateInitially,
+  continuousValidation: _DataValueDocs.dataValueProperties.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'
+  },
   children: {
     doc: 'React.Node or a function so you can get the current value and index.',
-    type: 'boolean',
+    type: ['React.ReactNode', 'function'],
     status: 'optional'
   },
   '[Flex.Stack](/uilib/layout/flex/stack/)': {

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayDocs.js","names":["ArrayProperties","value","doc","type","status","path","countPath","countPathTransform","countPathLimit","withoutFlex","placeholder","emptyValue","children","exports","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\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  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  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  children: {\n    doc: 'React.Node or a function so you can get the current value and index.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  '[Flex.Stack](/uilib/layout/flex/stack/)': {\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":";;;;;;AAEO,MAAMA,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,SAAS,EAAE;IACTJ,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,kBAAkB,EAAE;IAClBL,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,WAAW,EAAE;IACXP,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,WAAW,EAAE;IACXR,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDO,UAAU,EAAE;IACVT,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,QAAQ,EAAE;IACRV,GAAG,EAAE,sEAAsE;IAC3EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAS,OAAA,CAAAb,eAAA,GAAAA,eAAA;AAEM,MAAMc,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRb,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAS,OAAA,CAAAC,WAAA,GAAAA,WAAA"}
+{"version":3,"file":"ArrayDocs.js","names":["_DataValueDocs","require","ArrayProperties","value","doc","type","status","path","countPath","countPathTransform","countPathLimit","withoutFlex","animate","placeholder","emptyValue","validator","dataValueProperties","validateInitially","continuousValidation","containerMode","children","exports","ArrayEvents","onChange"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { dataValueProperties } from '../../hooks/DataValueDocs'\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  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  validator: dataValueProperties.validator,\n  validateInitially: dataValueProperties.validateInitially,\n  continuousValidation: dataValueProperties.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/)': {\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,IAAAA,cAAA,GAAAC,OAAA;AAEO,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,SAAS,EAAE;IACTJ,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,kBAAkB,EAAE;IAClBL,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,WAAW,EAAE;IACXP,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,OAAO,EAAE;IACPR,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,WAAW,EAAE;IACXT,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDQ,UAAU,EAAE;IACVV,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,SAAS,EAAEC,kCAAmB,CAACD,SAAS;EACxCE,iBAAiB,EAAED,kCAAmB,CAACC,iBAAiB;EACxDC,oBAAoB,EAAEF,kCAAmB,CAACE,oBAAoB;EAC9DC,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,yCAAyC,EAAE;IACzCF,GAAG,EAAE,4BAA4B;IACjCC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV;AACF,CAAC;AAAAe,OAAA,CAAAnB,eAAA,GAAAA,eAAA;AAEM,MAAMoB,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRnB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAe,OAAA,CAAAC,WAAA,GAAAA,WAAA"}

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

@@ -0,0 +1,20 @@
+import { Props as FlexContainerProps } from '../../../../components/flex/Container';
+import { ContainerMode } from './types';
+export type ArrayItemAreaProps = {
+    /**
+     * Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline` or `basic`.
+     * Defaults to `outline`.
+     */
+    variant?: 'outline' | 'basic';
+};
+export type Props = {
+    mode: ContainerMode;
+    open?: boolean | undefined;
+    ariaLabel?: string;
+    openDelay?: number;
+} & ArrayItemAreaProps;
+declare function ArrayItemArea(props: Props & FlexContainerProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ArrayItemArea {
+    var _supportsSpacingProps: boolean;
+}
+export default ArrayItemArea;

package/cjs/extensions/forms/Iterate/{AnimatedContainer/ElementBlock.js → Array/ArrayItemArea.js}

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../../components");
 var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
-var _ElementBlockContext = _interopRequireDefault(require("./ElementBlockContext"));
+var _ArrayItemAreaContext = _interopRequireDefault(require("./ArrayItemAreaContext"));
 var _FieldBoundaryContext = _interopRequireDefault(require("../../DataContext/FieldBoundary/FieldBoundaryContext"));
 const _excluded = ["mode", "open", "ariaLabel", "onAnimationEnd", "className", "children", "openDelay", "variant"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -18,25 +18,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function ElementBlock(props) {
+function ArrayItemArea(props) {
   const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
-  const contextRef = (0, _react.useRef)();
-  contextRef.current = (0, _react.useContext)(_IterateItemContext.default) || {};
-  const {
-    hasError,
-    hasSubmitError
-  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
-  contextRef.current.hasError = hasError;
-  contextRef.current.hasSubmitError = hasSubmitError;
-  if (hasSubmitError) {
-    contextRef.current.containerMode = 'edit';
-  }
-  const {
-    handleRemove,
-    switchContainerMode,
-    containerMode,
-    isNew
-  } = contextRef.current;
   const {
       mode,
       open,
@@ -48,6 +31,45 @@ function ElementBlock(props) {
       variant = 'outline'
     } = props,
     restProps = _objectWithoutProperties(props, _excluded);
+  const localContextRef = (0, _react.useRef)();
+  const {
+    hasError,
+    hasSubmitError
+  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
+  localContextRef.current = (0, _react.useContext)(_IterateItemContext.default) || {};
+  const nextFocusElementRef = (0, _react.useRef)();
+  const {
+    isNew,
+    value
+  } = localContextRef.current;
+  if (hasSubmitError || !value) {
+    localContextRef.current.containerMode = 'edit';
+  }
+  if (localContextRef.current.containerMode === 'auto') {
+    localContextRef.current.containerMode = 'view';
+  }
+  const determineMode = (0, _react.useCallback)(() => {
+    const {
+      initialContainerMode,
+      switchContainerMode
+    } = localContextRef.current;
+    if (mode === 'edit' && !hasSubmitError && initialContainerMode === 'auto') {
+      if (hasError && !isNew) {
+        switchContainerMode('edit', {
+          omitFocusManagement: true
+        });
+      }
+    }
+  }, [hasError, hasSubmitError, isNew, mode]);
+  (0, _react.useEffect)(() => {
+    determineMode();
+  }, [determineMode]);
+  const {
+    handleRemove,
+    index,
+    previousContainerMode,
+    containerMode
+  } = localContextRef.current;
   const openRef = (0, _react.useRef)(open !== null && open !== void 0 ? open : containerMode === mode && !isNew);
   const isRemoving = (0, _react.useRef)(false);
   const setOpenState = (0, _react.useCallback)(open => {
@@ -71,48 +93,43 @@ function ElementBlock(props) {
       }
     }
   }, [containerMode, isNew, mode, open, openDelay, setOpenState]);
-  const handleAnimationEnd = (0, _react.useCallback)(state => {
-    if (contextRef.current.hasSubmitError) {
-      switchContainerMode === null || switchContainerMode === void 0 ? void 0 : switchContainerMode('edit');
-    }
-    const preventFocusOnErrorOpening = !contextRef.current.hasSubmitError;
-    if (preventFocusOnErrorOpening) {
+  const setFocus = (0, _react.useCallback)(state => {
+    var _localContextRef$curr;
+    if (((_localContextRef$curr = localContextRef.current.modeOptions) === null || _localContextRef$curr === void 0 ? void 0 : _localContextRef$curr.omitFocusManagement) !== true && !hasSubmitError && containerMode === mode && containerMode !== previousContainerMode) {
       if (state === 'opened') {
-        var _contextRef$current, _contextRef$current$e, _contextRef$current$e2, _contextRef$current$e3;
-        (_contextRef$current = contextRef.current) === null || _contextRef$current === void 0 ? void 0 : (_contextRef$current$e = _contextRef$current.elementRef) === null || _contextRef$current$e === void 0 ? void 0 : (_contextRef$current$e2 = _contextRef$current$e.current) === null || _contextRef$current$e2 === void 0 ? void 0 : (_contextRef$current$e3 = _contextRef$current$e2.focus) === null || _contextRef$current$e3 === void 0 ? void 0 : _contextRef$current$e3.call(_contextRef$current$e2);
-      } else {
-        window.requestAnimationFrame(() => {
-          try {
-            var _document$activeEleme;
-            if (!((_document$activeEleme = document.activeElement) !== null && _document$activeEleme !== void 0 && _document$activeEleme.closest('.dnb-forms-iterate__element'))) {
-              var _contextRef$current2;
-              const elements = (_contextRef$current2 = contextRef.current) === null || _contextRef$current2 === void 0 ? void 0 : _contextRef$current2.containerRef.current.querySelectorAll('.dnb-forms-iterate__element');
-              elements[elements.length - 1].focus();
-            }
-          } catch (e) {}
-        });
+        var _localContextRef$curr2, _localContextRef$curr3, _localContextRef$curr4;
+        (_localContextRef$curr2 = localContextRef.current.elementRef) === null || _localContextRef$curr2 === void 0 ? void 0 : (_localContextRef$curr3 = _localContextRef$curr2.current) === null || _localContextRef$curr3 === void 0 ? void 0 : (_localContextRef$curr4 = _localContextRef$curr3.focus) === null || _localContextRef$curr4 === void 0 ? void 0 : _localContextRef$curr4.call(_localContextRef$curr3);
+      } else if (state === 'closed') {
+        var _nextFocusElementRef$, _nextFocusElementRef$2;
+        (_nextFocusElementRef$ = nextFocusElementRef.current) === null || _nextFocusElementRef$ === void 0 ? void 0 : (_nextFocusElementRef$2 = _nextFocusElementRef$.focus) === null || _nextFocusElementRef$2 === void 0 ? void 0 : _nextFocusElementRef$2.call(_nextFocusElementRef$);
       }
     }
+  }, [containerMode, hasSubmitError, mode, previousContainerMode]);
+  const handleAnimationEnd = (0, _react.useCallback)(state => {
     if (!openRef.current && isRemoving.current) {
-      var _contextRef$current3, _contextRef$current3$;
+      var _localContextRef$curr5, _localContextRef$curr6;
       isRemoving.current = false;
-      (_contextRef$current3 = contextRef.current) === null || _contextRef$current3 === void 0 ? void 0 : (_contextRef$current3$ = _contextRef$current3.fulfillRemove) === null || _contextRef$current3$ === void 0 ? void 0 : _contextRef$current3$.call(_contextRef$current3);
+      (_localContextRef$curr5 = (_localContextRef$curr6 = localContextRef.current).fulfillRemove) === null || _localContextRef$curr5 === void 0 ? void 0 : _localContextRef$curr5.call(_localContextRef$curr6);
     }
+    setFocus(state);
     onAnimationEnd === null || onAnimationEnd === void 0 ? void 0 : onAnimationEnd(state);
-  }, [onAnimationEnd, switchContainerMode]);
-  const handleRemoveBlock = (0, _react.useCallback)(() => {
+  }, [onAnimationEnd, setFocus]);
+  const handleRemoveItem = (0, _react.useCallback)(() => {
+    try {
+      nextFocusElementRef.current = Array.from(localContextRef.current.elementRef.current.parentElement.childNodes).at(index - 1);
+    } catch (e) {}
     isRemoving.current = true;
     handleRemove === null || handleRemove === void 0 ? void 0 : handleRemove({
       keepItems: true
     });
     setOpenState(false);
-  }, [handleRemove, setOpenState]);
-  return _react.default.createElement(_ElementBlockContext.default.Provider, {
+  }, [handleRemove, index, setOpenState]);
+  return _react.default.createElement(_ArrayItemAreaContext.default.Provider, {
     value: {
-      handleRemoveBlock
+      handleRemoveItem
     }
   }, _react.default.createElement(_components.HeightAnimation, {
-    className: (0, _classnames.default)('dnb-forms-section-block', className, variant && `dnb-forms-section-block--variant-${variant}`, isNew && 'dnb-forms-section-block--new', contextRef.current.hasSubmitError && 'dnb-forms-section-block--error'),
+    className: (0, _classnames.default)('dnb-forms-section-block', className, variant && `dnb-forms-section-block--variant-${variant}`, isNew && 'dnb-forms-section-block--new', hasSubmitError && 'dnb-forms-section-block--error'),
     open: openRef.current,
     onAnimationEnd: handleAnimationEnd,
     duration: 450,
@@ -124,7 +141,7 @@ function ElementBlock(props) {
     "aria-label": ariaLabel
   }), children)));
 }
-ElementBlock._supportsSpacingProps = true;
-var _default = ElementBlock;
+ArrayItemArea._supportsSpacingProps = true;
+var _default = ArrayItemArea;
 exports.default = _default;
-//# sourceMappingURL=ElementBlock.js.map
+//# sourceMappingURL=ArrayItemArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrayItemArea.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateItemContext","_ArrayItemAreaContext","_FieldBoundaryContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ArrayItemArea","props","forceUpdate","useReducer","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","variant","restProps","localContextRef","useRef","hasError","hasSubmitError","useContext","FieldBoundaryContext","current","IterateItemContext","nextFocusElementRef","isNew","value","containerMode","determineMode","useCallback","initialContainerMode","switchContainerMode","omitFocusManagement","useEffect","handleRemove","index","previousContainerMode","openRef","isRemoving","setOpenState","setTimeout","setFocus","state","_localContextRef$curr","modeOptions","_localContextRef$curr2","_localContextRef$curr3","_localContextRef$curr4","elementRef","focus","_nextFocusElementRef$","_nextFocusElementRef$2","handleAnimationEnd","_localContextRef$curr5","_localContextRef$curr6","fulfillRemove","handleRemoveItem","Array","from","parentElement","childNodes","at","e","keepItems","createElement","Provider","HeightAnimation","classnames","duration","keepInDOM","Flex","Stack","element","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/ArrayItemArea.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { Flex, 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\nexport type ArrayItemAreaProps = {\n  /**\n   * Defines the variant of the ViewContainer, EditContainer or PushContainer. Can be `outline` or `basic`.\n   * Defaults to `outline`.\n   */\n  variant?: 'outline' | 'basic'\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    ...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, value } = localContextRef.current\n  if (hasSubmitError || !value) {\n    localContextRef.current.containerMode = 'edit'\n  }\n  if (localContextRef.current.containerMode === 'auto') {\n    localContextRef.current.containerMode = 'view'\n  }\n\n  const determineMode = useCallback(() => {\n    const { initialContainerMode, switchContainerMode } =\n      localContextRef.current\n    if (\n      mode === 'edit' &&\n      !hasSubmitError &&\n      initialContainerMode === 'auto'\n    ) {\n      // - Set the container mode to \"edit\" if we have an error\n      if (hasError && !isNew) {\n        switchContainerMode('edit', { omitFocusManagement: true })\n      }\n    }\n  }, [hasError, hasSubmitError, isNew, mode])\n\n  useEffect(() => {\n    determineMode()\n  }, [determineMode])\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  useEffect(() => {\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    handleRemove?.({ keepItems: true })\n    setOpenState(false)\n  }, [handleRemove, index, setOpenState])\n\n  return (\n    <ArrayItemAreaContext.Provider value={{ handleRemoveItem }}>\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        <Flex.Stack\n          className=\"dnb-forms-section-block__inner\"\n          {...restProps}\n          element=\"section\"\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Flex.Stack>\n      </HeightAnimation>\n    </ArrayItemAreaContext.Provider>\n  )\n}\n\nArrayItemArea._supportsSpacingProps = true\nexport default ArrayItemArea\n"],"mappings":"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"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type ArrayItemAreaContext = {
+    handleRemoveItem?: () => void;
+};
+declare const ArrayItemAreaContext: import("react").Context<ArrayItemAreaContext>;
+export default ArrayItemAreaContext;