@dnb/eufemia 10.74.0 → 10.75.1

package/extensions/forms/Field/SelectCountry/useCountries.js

@@ -0,0 +1,64 @@
+"use client";
+
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { useCallback, useContext, useMemo } from 'react';
+import listOfCountries from '../../constants/countries';
+import { warn } from '../../../../shared/helpers';
+import { LOCALE } from '../../../../shared/defaults';
+import SharedContext from '../../../../shared/Context';
+export default function useCountries() {
+  let {
+    translateAllLocales = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    locale,
+    translations
+  } = useContext(SharedContext);
+  const translateCountries = useCallback(locales => {
+    const hasTranslations = locales.some(locale => {
+      var _translations$locale;
+      return Boolean(translations === null || translations === void 0 ? void 0 : (_translations$locale = translations[locale]) === null || _translations$locale === void 0 ? void 0 : _translations$locale.countries);
+    });
+    if (hasTranslations) {
+      const missing = [];
+      const defaultLocale = LOCALE.split('-')[0];
+      const result = listOfCountries.map(country => {
+        const translated = {};
+        locales.forEach(locale => {
+          const {
+            countries
+          } = (translations === null || translations === void 0 ? void 0 : translations[locale]) || {};
+          if (countries) {
+            const key = locale.split('-')[0];
+            translated[key] = countries[country.iso];
+            if (!translated[key]) {
+              translated[key] = country.i18n[defaultLocale];
+              missing.push(country.iso);
+            }
+          }
+        });
+        return _objectSpread(_objectSpread({}, country), {}, {
+          i18n: _objectSpread(_objectSpread({}, country.i18n), translated)
+        });
+      });
+      if (missing.length > 0) {
+        warn('Missing country translation:', missing);
+      }
+      return result;
+    }
+    return listOfCountries;
+  }, [translations]);
+  const countries = useMemo(() => {
+    if (translateAllLocales) {
+      const allLocales = Object.keys(translations);
+      return translateCountries(allLocales);
+    }
+    return translateCountries([locale]);
+  }, [locale, translateAllLocales, translateCountries, translations]);
+  return {
+    countries
+  };
+}
+//# sourceMappingURL=useCountries.js.map

package/extensions/forms/Field/SelectCountry/useCountries.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountries.js","names":["useCallback","useContext","useMemo","listOfCountries","warn","LOCALE","SharedContext","useCountries","translateAllLocales","arguments","length","undefined","locale","translations","translateCountries","locales","hasTranslations","some","_translations$locale","Boolean","countries","missing","defaultLocale","split","result","map","country","translated","forEach","key","iso","i18n","push","_objectSpread","allLocales","Object","keys"],"sources":["../../../../../../src/extensions/forms/Field/SelectCountry/useCountries.ts"],"sourcesContent":["import { useCallback, useContext, useMemo } from 'react'\nimport listOfCountries from '../../constants/countries'\nimport { warn } from '../../../../shared/helpers'\nimport { LOCALE } from '../../../../shared/defaults'\nimport SharedContext, { InternalLocale } from '../../../../shared/Context'\n\nexport default function useCountries({\n  translateAllLocales = false,\n}: {\n  /**\n   * If set to `true`, all locales will be translated.\n   * This is useful when you want to show the translated country name (e.g. sv) in the current locale (e.g. nb).\n   */\n  translateAllLocales?: boolean\n} = {}) {\n  const { locale, translations } = useContext(SharedContext)\n\n  const translateCountries = useCallback(\n    (locales: Array<InternalLocale>) => {\n      const hasTranslations = locales.some((locale) => {\n        return Boolean(translations?.[locale]?.countries)\n      })\n\n      if (hasTranslations) {\n        const missing = []\n        const defaultLocale = LOCALE.split('-')[0]\n\n        const result = listOfCountries.map((country) => {\n          const translated = {}\n\n          locales.forEach((locale) => {\n            const { countries } = translations?.[locale] || {}\n            if (countries) {\n              const key = locale.split('-')[0]\n              translated[key] = countries[country.iso]\n\n              if (!translated[key]) {\n                // Fall back to the default translation for this locale\n                translated[key] = country.i18n[defaultLocale]\n                missing.push(country.iso)\n              }\n            }\n          })\n\n          return {\n            // Ensure we don't mutate the original list\n            ...country,\n            i18n: { ...country.i18n, ...translated },\n          }\n        }) as unknown as typeof listOfCountries\n\n        if (missing.length > 0) {\n          warn('Missing country translation:', missing)\n        }\n\n        return result\n      }\n\n      return listOfCountries\n    },\n    [translations]\n  )\n\n  const countries = useMemo(() => {\n    if (translateAllLocales) {\n      const allLocales = Object.keys(translations)\n      return translateCountries(allLocales)\n    }\n\n    return translateCountries([locale])\n  }, [locale, translateAllLocales, translateCountries, translations])\n\n  return { countries }\n}\n"],"mappings":";;;;;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACxD,OAAOC,eAAe,MAAM,2BAA2B;AACvD,SAASC,IAAI,QAAQ,4BAA4B;AACjD,SAASC,MAAM,QAAQ,6BAA6B;AACpD,OAAOC,aAAa,MAA0B,4BAA4B;AAE1E,eAAe,SAASC,YAAYA,CAAA,EAQ5B;EAAA,IAR6B;IACnCC,mBAAmB,GAAG;EAOxB,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM;IAAEG,MAAM;IAAEC;EAAa,CAAC,GAAGZ,UAAU,CAACK,aAAa,CAAC;EAE1D,MAAMQ,kBAAkB,GAAGd,WAAW,CACnCe,OAA8B,IAAK;IAClC,MAAMC,eAAe,GAAGD,OAAO,CAACE,IAAI,CAAEL,MAAM,IAAK;MAAA,IAAAM,oBAAA;MAC/C,OAAOC,OAAO,CAACN,YAAY,aAAZA,YAAY,wBAAAK,oBAAA,GAAZL,YAAY,CAAGD,MAAM,CAAC,cAAAM,oBAAA,uBAAtBA,oBAAA,CAAwBE,SAAS,CAAC;IACnD,CAAC,CAAC;IAEF,IAAIJ,eAAe,EAAE;MACnB,MAAMK,OAAO,GAAG,EAAE;MAClB,MAAMC,aAAa,GAAGjB,MAAM,CAACkB,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;MAE1C,MAAMC,MAAM,GAAGrB,eAAe,CAACsB,GAAG,CAAEC,OAAO,IAAK;QAC9C,MAAMC,UAAU,GAAG,CAAC,CAAC;QAErBZ,OAAO,CAACa,OAAO,CAAEhB,MAAM,IAAK;UAC1B,MAAM;YAAEQ;UAAU,CAAC,GAAG,CAAAP,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGD,MAAM,CAAC,KAAI,CAAC,CAAC;UAClD,IAAIQ,SAAS,EAAE;YACb,MAAMS,GAAG,GAAGjB,MAAM,CAACW,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;YAChCI,UAAU,CAACE,GAAG,CAAC,GAAGT,SAAS,CAACM,OAAO,CAACI,GAAG,CAAC;YAExC,IAAI,CAACH,UAAU,CAACE,GAAG,CAAC,EAAE;cAEpBF,UAAU,CAACE,GAAG,CAAC,GAAGH,OAAO,CAACK,IAAI,CAACT,aAAa,CAAC;cAC7CD,OAAO,CAACW,IAAI,CAACN,OAAO,CAACI,GAAG,CAAC;YAC3B;UACF;QACF,CAAC,CAAC;QAEF,OAAAG,aAAA,CAAAA,aAAA,KAEKP,OAAO;UACVK,IAAI,EAAAE,aAAA,CAAAA,aAAA,KAAOP,OAAO,CAACK,IAAI,GAAKJ,UAAU;QAAE;MAE5C,CAAC,CAAsC;MAEvC,IAAIN,OAAO,CAACX,MAAM,GAAG,CAAC,EAAE;QACtBN,IAAI,CAAC,8BAA8B,EAAEiB,OAAO,CAAC;MAC/C;MAEA,OAAOG,MAAM;IACf;IAEA,OAAOrB,eAAe;EACxB,CAAC,EACD,CAACU,YAAY,CACf,CAAC;EAED,MAAMO,SAAS,GAAGlB,OAAO,CAAC,MAAM;IAC9B,IAAIM,mBAAmB,EAAE;MACvB,MAAM0B,UAAU,GAAGC,MAAM,CAACC,IAAI,CAACvB,YAAY,CAAC;MAC5C,OAAOC,kBAAkB,CAACoB,UAAU,CAAC;IACvC;IAEA,OAAOpB,kBAAkB,CAAC,CAACF,MAAM,CAAC,CAAC;EACrC,CAAC,EAAE,CAACA,MAAM,EAAEJ,mBAAmB,EAAEM,kBAAkB,EAAED,YAAY,CAAC,CAAC;EAEnE,OAAO;IAAEO;EAAU,CAAC;AACtB","ignoreList":[]}

package/extensions/forms/Form/Isolation/useDataContextSnapshot.js

@@ -1,9 +1,10 @@
 "use client";
 
 import "core-js/modules/web.dom-collections.iterator.js";
-import { useCallback, useContext, useEffect, useReducer } from 'react';
+import { useCallback, useContext, useEffect, useReducer, useState } from 'react';
 import DataContext from '../../DataContext/Context';
 import IsolationContext from './IsolationContext';
+import { createDataReference } from './IsolationDataReference';
 import structuredClone from '@ungap/structured-clone';
 export default function useDataContextSnapshot() {
   let {
@@ -14,10 +15,16 @@ export default function useDataContextSnapshot() {
     internalDataRef,
     setData
   } = useContext(DataContext);
+  const isolationContext = useContext(IsolationContext);
+  const [dataReferenceFallback] = useState(() => {
+    if (enabled && !(isolationContext !== null && isolationContext !== void 0 && isolationContext.dataReference)) {
+      return createDataReference();
+    }
+  });
   const {
-    dataReference,
+    dataReference = dataReferenceFallback,
     setIsolatedData
-  } = useContext(IsolationContext) || {};
+  } = isolationContext || {};
   const {
     snapshotRef,
     eventsRef,

package/extensions/forms/Form/Isolation/useDataContextSnapshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","DataContext","IsolationContext","structuredClone","useDataContextSnapshot","enabled","arguments","length","undefined","forceUpdate","internalDataRef","setData","dataReference","setIsolatedData","snapshotRef","eventsRef","update","refresh","cleanup","current","push","handleReset","window","requestAnimationFrame","data"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useDataContextSnapshot.ts"],"sourcesContent":["import { useCallback, useContext, useEffect, useReducer } from 'react'\nimport DataContext from '../../DataContext/Context'\nimport IsolationContext from './IsolationContext'\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 default function useDataContextSnapshot({\n  enabled,\n}: {\n  enabled?: boolean\n} = {}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { internalDataRef, setData } = useContext(DataContext)\n  const { dataReference, setIsolatedData } =\n    useContext(IsolationContext) || {}\n  const { snapshotRef, eventsRef, update, refresh, cleanup } =\n    dataReference || {}\n\n  useEffect(() => {\n    if (enabled && eventsRef) {\n      eventsRef.current.push(() => {\n        update(structuredClone(internalDataRef?.current))\n        forceUpdate()\n      })\n      refresh()\n    }\n\n    return () => cleanup?.()\n  }, [cleanup, enabled, eventsRef, internalDataRef, refresh, update])\n\n  const handleReset = useCallback(() => {\n    window.requestAnimationFrame(() => {\n      if (snapshotRef) {\n        const data = structuredClone(snapshotRef.current)\n        setData(data)\n        setIsolatedData(data)\n      }\n    }) // To actually reset the data without influence the data we are about to push, we need to wait for the next frame\n  }, [setData, setIsolatedData, snapshotRef])\n\n  return { handleReset, snapshotRef }\n}\n"],"mappings":";;;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,QAAQ,OAAO;AACtE,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AAMjD,OAAOC,eAAe,MAAM,yBAAyB;AAErD,eAAe,SAASC,sBAAsBA,CAAA,EAItC;EAAA,IAJuC;IAC7CC;EAGF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM,GAAGG,WAAW,CAAC,GAAGT,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEU,eAAe;IAAEC;EAAQ,CAAC,GAAGb,UAAU,CAACG,WAAW,CAAC;EAC5D,MAAM;IAAEW,aAAa;IAAEC;EAAgB,CAAC,GACtCf,UAAU,CAACI,gBAAgB,CAAC,IAAI,CAAC,CAAC;EACpC,MAAM;IAAEY,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GACxDN,aAAa,IAAI,CAAC,CAAC;EAErBb,SAAS,CAAC,MAAM;IACd,IAAIM,OAAO,IAAIU,SAAS,EAAE;MACxBA,SAAS,CAACI,OAAO,CAACC,IAAI,CAAC,MAAM;QAC3BJ,MAAM,CAACb,eAAe,CAACO,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAES,OAAO,CAAC,CAAC;QACjDV,WAAW,CAAC,CAAC;MACf,CAAC,CAAC;MACFQ,OAAO,CAAC,CAAC;IACX;IAEA,OAAO,MAAMC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,EAAEb,OAAO,EAAEU,SAAS,EAAEL,eAAe,EAAEO,OAAO,EAAED,MAAM,CAAC,CAAC;EAEnE,MAAMK,WAAW,GAAGxB,WAAW,CAAC,MAAM;IACpCyB,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,IAAIT,WAAW,EAAE;QACf,MAAMU,IAAI,GAAGrB,eAAe,CAACW,WAAW,CAACK,OAAO,CAAC;QACjDR,OAAO,CAACa,IAAI,CAAC;QACbX,eAAe,CAACW,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACb,OAAO,EAAEE,eAAe,EAAEC,WAAW,CAAC,CAAC;EAE3C,OAAO;IAAEO,WAAW;IAAEP;EAAY,CAAC;AACrC","ignoreList":[]}
+{"version":3,"file":"useDataContextSnapshot.js","names":["useCallback","useContext","useEffect","useReducer","useState","DataContext","IsolationContext","createDataReference","structuredClone","useDataContextSnapshot","enabled","arguments","length","undefined","forceUpdate","internalDataRef","setData","isolationContext","dataReferenceFallback","dataReference","setIsolatedData","snapshotRef","eventsRef","update","refresh","cleanup","current","push","handleReset","window","requestAnimationFrame","data"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useDataContextSnapshot.ts"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useState,\n} from 'react'\nimport DataContext from '../../DataContext/Context'\nimport IsolationContext from './IsolationContext'\nimport { createDataReference } from './IsolationDataReference'\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 default function useDataContextSnapshot({\n  enabled,\n}: {\n  enabled?: boolean\n} = {}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { internalDataRef, setData } = useContext(DataContext)\n  const isolationContext = useContext(IsolationContext)\n  const [dataReferenceFallback] = useState(() => {\n    if (enabled && !isolationContext?.dataReference) {\n      return createDataReference()\n    }\n  })\n  const { dataReference = dataReferenceFallback, setIsolatedData } =\n    isolationContext || {}\n  const { snapshotRef, eventsRef, update, refresh, cleanup } =\n    dataReference || {}\n\n  useEffect(() => {\n    if (enabled && eventsRef) {\n      eventsRef.current.push(() => {\n        update(structuredClone(internalDataRef?.current))\n        forceUpdate()\n      })\n      refresh()\n    }\n\n    return () => cleanup?.()\n  }, [cleanup, enabled, eventsRef, internalDataRef, refresh, update])\n\n  const handleReset = useCallback(() => {\n    window.requestAnimationFrame(() => {\n      if (snapshotRef) {\n        const data = structuredClone(snapshotRef.current)\n        setData(data)\n        setIsolatedData(data)\n      }\n    }) // To actually reset the data without influence the data we are about to push, we need to wait for the next frame\n  }, [setData, setIsolatedData, snapshotRef])\n\n  return { handleReset, snapshotRef }\n}\n"],"mappings":";;;AAAA,SACEA,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,QAAQ,QACH,OAAO;AACd,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,gBAAgB,MAAM,oBAAoB;AACjD,SAASC,mBAAmB,QAAQ,0BAA0B;AAM9D,OAAOC,eAAe,MAAM,yBAAyB;AAErD,eAAe,SAASC,sBAAsBA,CAAA,EAItC;EAAA,IAJuC;IAC7CC;EAGF,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EACJ,MAAM,GAAGG,WAAW,CAAC,GAAGX,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEY,eAAe;IAAEC;EAAQ,CAAC,GAAGf,UAAU,CAACI,WAAW,CAAC;EAC5D,MAAMY,gBAAgB,GAAGhB,UAAU,CAACK,gBAAgB,CAAC;EACrD,MAAM,CAACY,qBAAqB,CAAC,GAAGd,QAAQ,CAAC,MAAM;IAC7C,IAAIM,OAAO,IAAI,EAACO,gBAAgB,aAAhBA,gBAAgB,eAAhBA,gBAAgB,CAAEE,aAAa,GAAE;MAC/C,OAAOZ,mBAAmB,CAAC,CAAC;IAC9B;EACF,CAAC,CAAC;EACF,MAAM;IAAEY,aAAa,GAAGD,qBAAqB;IAAEE;EAAgB,CAAC,GAC9DH,gBAAgB,IAAI,CAAC,CAAC;EACxB,MAAM;IAAEI,WAAW;IAAEC,SAAS;IAAEC,MAAM;IAAEC,OAAO;IAAEC;EAAQ,CAAC,GACxDN,aAAa,IAAI,CAAC,CAAC;EAErBjB,SAAS,CAAC,MAAM;IACd,IAAIQ,OAAO,IAAIY,SAAS,EAAE;MACxBA,SAAS,CAACI,OAAO,CAACC,IAAI,CAAC,MAAM;QAC3BJ,MAAM,CAACf,eAAe,CAACO,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEW,OAAO,CAAC,CAAC;QACjDZ,WAAW,CAAC,CAAC;MACf,CAAC,CAAC;MACFU,OAAO,CAAC,CAAC;IACX;IAEA,OAAO,MAAMC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG,CAAC;EAC1B,CAAC,EAAE,CAACA,OAAO,EAAEf,OAAO,EAAEY,SAAS,EAAEP,eAAe,EAAES,OAAO,EAAED,MAAM,CAAC,CAAC;EAEnE,MAAMK,WAAW,GAAG5B,WAAW,CAAC,MAAM;IACpC6B,MAAM,CAACC,qBAAqB,CAAC,MAAM;MACjC,IAAIT,WAAW,EAAE;QACf,MAAMU,IAAI,GAAGvB,eAAe,CAACa,WAAW,CAACK,OAAO,CAAC;QACjDV,OAAO,CAACe,IAAI,CAAC;QACbX,eAAe,CAACW,IAAI,CAAC;MACvB;IACF,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,OAAO,EAAEI,eAAe,EAAEC,WAAW,CAAC,CAAC;EAE3C,OAAO;IAAEO,WAAW;IAAEP;EAAY,CAAC;AACrC","ignoreList":[]}

package/extensions/forms/Form/Isolation/useHasContentChanged.js

@@ -21,7 +21,8 @@ export default function useHasContentChanged() {
     }
     let hasChanged = false;
     pointer.walk(data, (value, path) => {
-      if (pointer.has(snapshot, path) && pointer.get(snapshot, path) !== value) {
+      const exists = pointer.has(snapshot, path);
+      if (!exists || exists && pointer.get(snapshot, path) !== value) {
         hasChanged = true;
         return false;
       }

package/extensions/forms/Form/Isolation/useHasContentChanged.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasContentChanged.js","names":["useContext","useMemo","pointer","DataContext","useDataContextSnapshot","useHasContentChanged","internalDataRef","snapshotRef","enabled","data","current","snapshot","hasContentChanged","undefined","hasChanged","walk","value","path","has","get"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHasContentChanged.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport useDataContextSnapshot from './useDataContextSnapshot'\n\nexport default function useHasContentChanged() {\n  const { internalDataRef } = useContext(DataContext)\n  const { snapshotRef } = useDataContextSnapshot({ enabled: true })\n\n  const data = internalDataRef?.current\n  const snapshot = snapshotRef?.current // To support a custom data reference, we need to have a snapshot in the hook deps.\n  const hasContentChanged = useMemo(() => {\n    if (!data || !snapshot) {\n      return undefined\n    }\n\n    let hasChanged = false\n\n    pointer.walk(data, (value, path) => {\n      if (\n        pointer.has(snapshot, path) &&\n        pointer.get(snapshot, path) !== value\n      ) {\n        hasChanged = true\n        return false\n      }\n    })\n\n    return hasChanged\n  }, [data, snapshot])\n\n  return { hasContentChanged }\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,oBAAoBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAgB,CAAC,GAAGN,UAAU,CAACG,WAAW,CAAC;EACnD,MAAM;IAAEI;EAAY,CAAC,GAAGH,sBAAsB,CAAC;IAAEI,OAAO,EAAE;EAAK,CAAC,CAAC;EAEjE,MAAMC,IAAI,GAAGH,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEI,OAAO;EACrC,MAAMC,QAAQ,GAAGJ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,OAAO;EACrC,MAAME,iBAAiB,GAAGX,OAAO,CAAC,MAAM;IACtC,IAAI,CAACQ,IAAI,IAAI,CAACE,QAAQ,EAAE;MACtB,OAAOE,SAAS;IAClB;IAEA,IAAIC,UAAU,GAAG,KAAK;IAEtBZ,OAAO,CAACa,IAAI,CAACN,IAAI,EAAE,CAACO,KAAK,EAAEC,IAAI,KAAK;MAClC,IACEf,OAAO,CAACgB,GAAG,CAACP,QAAQ,EAAEM,IAAI,CAAC,IAC3Bf,OAAO,CAACiB,GAAG,CAACR,QAAQ,EAAEM,IAAI,CAAC,KAAKD,KAAK,EACrC;QACAF,UAAU,GAAG,IAAI;QACjB,OAAO,KAAK;MACd;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACL,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OAAO;IAAEC;EAAkB,CAAC;AAC9B","ignoreList":[]}
+{"version":3,"file":"useHasContentChanged.js","names":["useContext","useMemo","pointer","DataContext","useDataContextSnapshot","useHasContentChanged","internalDataRef","snapshotRef","enabled","data","current","snapshot","hasContentChanged","undefined","hasChanged","walk","value","path","exists","has","get"],"sources":["../../../../../../src/extensions/forms/Form/Isolation/useHasContentChanged.ts"],"sourcesContent":["import { useContext, useMemo } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport useDataContextSnapshot from './useDataContextSnapshot'\n\nexport default function useHasContentChanged() {\n  const { internalDataRef } = useContext(DataContext)\n  const { snapshotRef } = useDataContextSnapshot({ enabled: true })\n\n  const data = internalDataRef?.current\n  const snapshot = snapshotRef?.current // To support a custom data reference, we need to have a snapshot in the hook deps.\n  const hasContentChanged = useMemo(() => {\n    if (!data || !snapshot) {\n      return undefined\n    }\n\n    let hasChanged = false\n\n    pointer.walk(data, (value, path) => {\n      const exists = pointer.has(snapshot, path)\n      if (!exists || (exists && pointer.get(snapshot, path) !== value)) {\n        hasChanged = true\n        return false\n      }\n    })\n\n    return hasChanged\n  }, [data, snapshot])\n\n  return { hasContentChanged }\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,OAAOC,OAAO,MAAM,0BAA0B;AAC9C,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,sBAAsB,MAAM,0BAA0B;AAE7D,eAAe,SAASC,oBAAoBA,CAAA,EAAG;EAC7C,MAAM;IAAEC;EAAgB,CAAC,GAAGN,UAAU,CAACG,WAAW,CAAC;EACnD,MAAM;IAAEI;EAAY,CAAC,GAAGH,sBAAsB,CAAC;IAAEI,OAAO,EAAE;EAAK,CAAC,CAAC;EAEjE,MAAMC,IAAI,GAAGH,eAAe,aAAfA,eAAe,uBAAfA,eAAe,CAAEI,OAAO;EACrC,MAAMC,QAAQ,GAAGJ,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,OAAO;EACrC,MAAME,iBAAiB,GAAGX,OAAO,CAAC,MAAM;IACtC,IAAI,CAACQ,IAAI,IAAI,CAACE,QAAQ,EAAE;MACtB,OAAOE,SAAS;IAClB;IAEA,IAAIC,UAAU,GAAG,KAAK;IAEtBZ,OAAO,CAACa,IAAI,CAACN,IAAI,EAAE,CAACO,KAAK,EAAEC,IAAI,KAAK;MAClC,MAAMC,MAAM,GAAGhB,OAAO,CAACiB,GAAG,CAACR,QAAQ,EAAEM,IAAI,CAAC;MAC1C,IAAI,CAACC,MAAM,IAAKA,MAAM,IAAIhB,OAAO,CAACkB,GAAG,CAACT,QAAQ,EAAEM,IAAI,CAAC,KAAKD,KAAM,EAAE;QAChEF,UAAU,GAAG,IAAI;QACjB,OAAO,KAAK;MACd;IACF,CAAC,CAAC;IAEF,OAAOA,UAAU;EACnB,CAAC,EAAE,CAACL,IAAI,EAAEE,QAAQ,CAAC,CAAC;EAEpB,OAAO;IAAEC;EAAkB,CAAC;AAC9B","ignoreList":[]}

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

@@ -34,7 +34,8 @@ function ArrayComponent(props) {
     reverse,
     countPath,
     countPathTransform,
-    countPathLimit = Infinity
+    countPathLimit = Infinity,
+    omitSectionPath
   } = props || {};
   const dataContext = useContext(DataContext);
   const summaryListContext = useContext(SummaryListContext);
@@ -73,10 +74,21 @@ function ArrayComponent(props) {
     }
   }, []);
   const preparedProps = useMemo(() => {
-    const shared = {
+    const shared = _objectSpread({
+      schema: undefined,
       required: false,
       validateRequired
-    };
+    }, props);
+    if (typeof props.minItems === 'number' || typeof props.maxItems === 'number') {
+      shared.schema = {
+        type: 'array',
+        minItems: props.minItems,
+        maxItems: props.maxItems
+      };
+    }
+    if (shared.schema && !shared.emptyValue) {
+      shared.emptyValue = [];
+    }
     if (countPath) {
       const arrayValue = getValueByPath(pathProp);
       const newValue = [];
@@ -87,11 +99,11 @@ function ArrayComponent(props) {
           index: i
         }) : value);
       }
-      return _objectSpread(_objectSpread(_objectSpread({}, shared), props), {}, {
+      return _objectSpread(_objectSpread({}, shared), {}, {
         value: newValue
       });
     }
-    return _objectSpread(_objectSpread({}, shared), props);
+    return _objectSpread({}, shared);
   }, [countPath, countPathTransform, countValue, getValueByPath, pathProp, props, validateRequired]);
   const {
     path,
@@ -112,7 +124,8 @@ function ArrayComponent(props) {
   } = useFieldProps(preparedProps, {
     updateContextDataInSync: true,
     omitMultiplePathWarning: true,
-    forceUpdateWhenContextDataIsSet: Boolean(countPath)
+    forceUpdateWhenContextDataIsSet: Boolean(countPath),
+    omitSectionPath
   });
   const countValueRef = useRef();
   useUpdateEffect(() => {

package/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","Span","pickSpacingProps","useMountEffect","useUpdateEffect","pickFlexContainerProps","IterateItemContext","SummaryListContext","ValueBlockContext","FieldBoundaryProvider","DataContext","useDataValue","useArrayLimit","useItemPath","useSwitchContainerMode","getMessagesFromError","clearedArray","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","path","pathProp","itemPath","itemPathProp","reverse","countPath","countPathTransform","countPathLimit","Infinity","dataContext","summaryListContext","valueBlockContext","absolutePath","setLimitProps","error","limitWarning","getValueByPath","countValue","parseFloat","data","validateRequired","value","_ref","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","countValueRef","current","window","requestAnimationFrame","handlePathChange","valueCountRef","idsRef","isNewRef","modesRef","valueWhileClosingRef","containerRef","hadPushRef","innerRefs","omitFlex","getNextContainerMode","arrayItems","_ref2","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","nestedIteratePath","switchContainerMode","mode","_isNewRef$current","arguments","undefined","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","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'\nimport { clearedArray } from '../../hooks/useFieldProps'\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    reverse,\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 countValue = useMemo(() => {\n    if (!countPath) {\n      return -1\n    }\n\n    let countValue = parseFloat(\n      getValueByPath(countPath, dataContext.data)\n    )\n    if (!(countValue >= 0)) {\n      countValue = 0\n    }\n    if (countValue > countPathLimit) {\n      countValue = countPathLimit\n    }\n\n    return countValue\n  }, [countPath, countPathLimit, getValueByPath, dataContext.data])\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  })\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    const arrayItems = 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(\n            newArrayValue.length === 0 ? clearedArray : newArrayValue\n          )\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    if (reverse) {\n      return arrayItems.reverse()\n    }\n\n    return arrayItems\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  }, [\n    salt,\n    arrayValue,\n    limit,\n    path,\n    itemPath,\n    absolutePath,\n    reverse,\n    handleChange,\n  ])\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":"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","ignoreList":[]}
+{"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","clearedArray","structuredClone","ArrayComponent","props","_props$value","salt","forceUpdate","path","pathProp","itemPath","itemPathProp","reverse","countPath","countPathTransform","countPathLimit","Infinity","omitSectionPath","dataContext","summaryListContext","valueBlockContext","absolutePath","setLimitProps","error","limitWarning","getValueByPath","countValue","parseFloat","data","validateRequired","value","_ref","emptyValue","required","length","preparedProps","shared","_objectSpread","schema","undefined","minItems","maxItems","type","arrayValue","newValue","i","l","push","index","limit","withoutFlex","placeholder","containerMode","animate","handleChange","setChanged","onChange","validateValue","children","updateContextDataInSync","omitMultiplePathWarning","forceUpdateWhenContextDataIsSet","Boolean","countValueRef","current","window","requestAnimationFrame","handlePathChange","valueCountRef","idsRef","isNewRef","modesRef","valueWhileClosingRef","containerRef","hadPushRef","innerRefs","omitFlex","getNextContainerMode","arrayItems","_ref2","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","nestedIteratePath","switchContainerMode","mode","_isNewRef$current","arguments","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","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'\nimport { clearedArray } from '../../hooks/useFieldProps'\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    reverse,\n    countPath,\n    countPathTransform,\n    countPathLimit = Infinity,\n    omitSectionPath,\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 countValue = useMemo(() => {\n    if (!countPath) {\n      return -1\n    }\n\n    let countValue = parseFloat(\n      getValueByPath(countPath, dataContext.data)\n    )\n    if (!(countValue >= 0)) {\n      countValue = 0\n    }\n    if (countValue > countPathLimit) {\n      countValue = countPathLimit\n    }\n\n    return countValue\n  }, [countPath, countPathLimit, getValueByPath, dataContext.data])\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      schema: undefined,\n      required: false,\n      validateRequired,\n      ...props,\n    }\n\n    if (\n      typeof props.minItems === 'number' ||\n      typeof props.maxItems === 'number'\n    ) {\n      shared.schema = {\n        type: 'array',\n        minItems: props.minItems,\n        maxItems: props.maxItems,\n      }\n    }\n\n    if (shared.schema && !shared.emptyValue) {\n      shared.emptyValue = []\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        value: newValue,\n      }\n    }\n\n    return {\n      ...shared,\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    omitSectionPath,\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    const arrayItems = 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(\n            newArrayValue.length === 0 ? clearedArray : newArrayValue\n          )\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    if (reverse) {\n      return arrayItems.reverse()\n    }\n\n    return arrayItems\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  }, [\n    salt,\n    arrayValue,\n    limit,\n    path,\n    itemPath,\n    absolutePath,\n    reverse,\n    handleChange,\n  ])\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;AACvD,SAASC,YAAY,QAAQ,2BAA2B;AASxD,OAAOC,eAAe,MAAM,yBAAyB;AAIrD,SAASC,cAAcA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACpC,MAAM,CAACC,IAAI,EAAEC,WAAW,CAAC,GAAGhC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAEtD,MAAM;IACJiC,IAAI,EAAEC,QAAQ;IACdC,QAAQ,EAAEC,YAAY;IACtBC,OAAO;IACPC,SAAS;IACTC,kBAAkB;IAClBC,cAAc,GAAGC,QAAQ;IACzBC;EACF,CAAC,GAAGb,KAAK,IAAI,CAAC,CAAC;EAEf,MAAMc,WAAW,GAAGzC,UAAU,CAACkB,WAAW,CAAC;EAC3C,MAAMwB,kBAAkB,GAAG1C,UAAU,CAACe,kBAAkB,CAAC;EACzD,MAAM4B,iBAAiB,GAAG3C,UAAU,CAACgB,iBAAiB,CAAC;EACvD,MAAM;IAAE4B;EAAa,CAAC,GAAGvB,WAAW,CAACa,YAAY,CAAC;EAClD,MAAM;IAAEW,aAAa;IAAEC,KAAK,EAAEC;EAAa,CAAC,GAAG3B,aAAa,CAC1DY,QAAQ,IAAIY,YACd,CAAC;EAED,MAAM;IAAEI;EAAe,CAAC,GAAG7B,YAAY,CAAC,CAAC;EACzC,MAAM8B,UAAU,GAAGtD,OAAO,CAAC,MAAM;IAC/B,IAAI,CAACyC,SAAS,EAAE;MACd,OAAO,CAAC,CAAC;IACX;IAEA,IAAIa,UAAU,GAAGC,UAAU,CACzBF,cAAc,CAACZ,SAAS,EAAEK,WAAW,CAACU,IAAI,CAC5C,CAAC;IACD,IAAI,EAAEF,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,EAAEU,cAAc,EAAEP,WAAW,CAACU,IAAI,CAAC,CAAC;EAEjE,MAAMC,gBAAgB,GAAGnD,WAAW,CAClC,CAACoD,KAAY,EAAAC,IAAA,KAAsC;IAAA,IAApC;MAAEC,UAAU;MAAEC,QAAQ;MAAEV;IAAM,CAAC,GAAAQ,IAAA;IAC5C,IACEE,QAAQ,KACP,CAACH,KAAK,IAAI,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEI,MAAM,MAAK,CAAC,IAAIJ,KAAK,KAAKE,UAAU,CAAC,EACvD;MACA,OAAOT,KAAK;IACd;EACF,CAAC,EACD,EACF,CAAC;EAED,MAAMY,aAAa,GAAG/D,OAAO,CAAC,MAAM;IAClC,MAAMgE,MAAM,GAAAC,aAAA;MACVC,MAAM,EAAEC,SAAS;MACjBN,QAAQ,EAAE,KAAK;MACfJ;IAAgB,GACbzB,KAAK,CACT;IAED,IACE,OAAOA,KAAK,CAACoC,QAAQ,KAAK,QAAQ,IAClC,OAAOpC,KAAK,CAACqC,QAAQ,KAAK,QAAQ,EAClC;MACAL,MAAM,CAACE,MAAM,GAAG;QACdI,IAAI,EAAE,OAAO;QACbF,QAAQ,EAAEpC,KAAK,CAACoC,QAAQ;QACxBC,QAAQ,EAAErC,KAAK,CAACqC;MAClB,CAAC;IACH;IAEA,IAAIL,MAAM,CAACE,MAAM,IAAI,CAACF,MAAM,CAACJ,UAAU,EAAE;MACvCI,MAAM,CAACJ,UAAU,GAAG,EAAE;IACxB;IAEA,IAAInB,SAAS,EAAE;MACb,MAAM8B,UAAU,GAAGlB,cAAc,CAAChB,QAAQ,CAAC;MAC3C,MAAMmC,QAAQ,GAAG,EAAE;MACnB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEC,CAAC,GAAGpB,UAAU,EAAEmB,CAAC,GAAGC,CAAC,EAAED,CAAC,EAAE,EAAE;QAC1C,MAAMf,KAAK,GAAGa,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGE,CAAC,CAAC;QAC7BD,QAAQ,CAACG,IAAI,CACXjC,kBAAkB,GACdA,kBAAkB,CAAC;UAAEgB,KAAK;UAAEkB,KAAK,EAAEH;QAAE,CAAC,CAAC,GACvCf,KACN,CAAC;MACH;MAEA,OAAAO,aAAA,CAAAA,aAAA,KACKD,MAAM;QACTN,KAAK,EAAEc;MAAQ;IAEnB;IAEA,OAAAP,aAAA,KACKD,MAAM;EAEb,CAAC,EAAE,CACDvB,SAAS,EACTC,kBAAkB,EAClBY,UAAU,EACVD,cAAc,EACdhB,QAAQ,EACRL,KAAK,EACLyB,gBAAgB,CACjB,CAAC;EAEF,MAAM;IACJrB,IAAI;IACJE,QAAQ;IACRoB,KAAK,EAAEa,UAAU;IACjBM,KAAK;IACL1B,KAAK;IACL2B,WAAW;IACXlB,UAAU;IACVmB,WAAW;IACXC,aAAa;IACbC,OAAO;IACPC,YAAY;IACZC,UAAU;IACVC,QAAQ;IACRC,aAAa;IACbC;EACF,CAAC,GAAG7E,aAAa,CAACsD,aAAa,EAAE;IAG/BwB,uBAAuB,EAAE,IAAI;IAC7BC,uBAAuB,EAAE,IAAI;IAC7BC,+BAA+B,EAAEC,OAAO,CAACjD,SAAS,CAAC;IACnDI;EACF,CAAC,CAAC;EAGF,MAAM8C,aAAa,GAAG1F,MAAM,CAAS,CAAC;EACtCgB,eAAe,CAAC,MAAM;IACpB,IAAIwB,SAAS,EAAE;MACb,IACE,OAAOkD,aAAa,CAACC,OAAO,KAAK,QAAQ,IACzCtC,UAAU,KAAKqC,aAAa,CAACC,OAAO,EACpC;QACAC,MAAM,CAACC,qBAAqB,CAAC,MAAM;UACjChD,WAAW,CAACiD,gBAAgB,CAAC3D,IAAI,EAAEiB,cAAc,CAACjB,IAAI,CAAC,CAAC;QAC1D,CAAC,CAAC;MACJ;MACAuD,aAAa,CAACC,OAAO,GAAGtC,UAAU;IACpC;EAEF,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhBpD,SAAS,CAAC,MAAM;IAEd8F,aAAa,CAACJ,OAAO,GAAGrB,UAAU,IAAI,EAAE;EAC1C,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAM0B,MAAM,GAAGhG,MAAM,CAAoB,EAAE,CAAC;EAC5C,MAAMiG,QAAQ,GAAGjG,MAAM,CAA0B,CAAC,CAAC,CAAC;EACpD,MAAMkG,QAAQ,GAAGlG,MAAM,CASrB,CAAC,CAAC,CAAC;EACL,MAAMmG,oBAAoB,GAAGnG,MAAM,CAAQ,CAAC;EAC5C,MAAM+F,aAAa,GAAG/F,MAAM,CAACsE,UAAU,CAAC;EACxC,MAAM8B,YAAY,GAAGpG,MAAM,CAAiB,CAAC;EAC7C,MAAMqG,UAAU,GAAGrG,MAAM,CAAU,CAAC;EACpC,MAAMsG,SAAS,GAAGtG,MAAM,CAEtB,CAAC,CAAC,CAAC;EAEL,MAAMuG,QAAQ,GAAG1B,WAAW,aAAXA,WAAW,cAAXA,WAAW,GAAK/B,kBAAkB,IAAIC,iBAAkB;EAEzE,MAAM;IAAEyD;EAAqB,CAAC,GAAG9E,sBAAsB,CAAC,CAAC;EAEzD,MAAM+E,UAAU,GAAG1G,OAAO,CAAC,MAAM;IAAA,IAAA2G,KAAA;IAC/B,MAAMC,IAAI,IAAAD,KAAA,GAAIP,oBAAoB,CAACR,OAAO,IAAIrB,UAAU,cAAAoC,KAAA,cAAAA,KAAA,GAAK,EAAE;IAC/D,MAAME,WAAW,GACf,OAAOhC,KAAK,KAAK,QAAQ,GAAG+B,IAAI,CAACE,KAAK,CAAC,CAAC,EAAEjC,KAAK,CAAC,GAAG+B,IAAI;IAEzD,MAAMF,UAAU,GAAGG,WAAW,CAACE,GAAG,CAAC,CAACrD,KAAK,EAAEkB,KAAK,KAAK;MAAA,IAAAoC,qBAAA,EAAAC,oBAAA;MACnD,MAAMC,EAAE,GAAGjB,MAAM,CAACL,OAAO,CAAChB,KAAK,CAAC,IAAIlE,YAAY,CAAC,CAAC;MAElD,MAAMyG,WAAW,GACf,CAAA5C,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAET,MAAM,MAAAkD,qBAAA,GAAGhB,aAAa,CAACJ,OAAO,cAAAoB,qBAAA,uBAArBA,qBAAA,CAAuBlD,MAAM;MAEpD,IAAI,CAACmC,MAAM,CAACL,OAAO,CAAChB,KAAK,CAAC,EAAE;QAC1BsB,QAAQ,CAACN,OAAO,CAACsB,EAAE,CAAC,GAAGC,WAAW;QAClClB,MAAM,CAACL,OAAO,CAACjB,IAAI,CAACuC,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,EACLZ,aAAa,aAAbA,aAAa,cAAbA,aAAa,GACZoC,KAAK,IAAAC,qBAAA,GAAGZ,oBAAoB,CAAC,CAAC,cAAAY,qBAAA,cAAAA,qBAAA,GAAI,MAAM,GAAG;QAChD,CAAC;MACH;MAEA,MAAMC,WAAoC,GAAG;QAC3CJ,EAAE;QACF9E,IAAI;QACJE,QAAQ;QACRoB,KAAK;QACLkB,KAAK;QACLL,UAAU;QACV8B,YAAY;QACZe,KAAK;QACLpC,aAAa,EAAEmB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACtB,OAAO;QAC3C2B,qBAAqB,EAAEpB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACM,QAAQ;QACpDC,oBAAoB,EAAEzC,aAAa,IAAI,MAAM;QAC7C0C,WAAW,EAAEvB,QAAQ,CAACP,OAAO,CAACsB,EAAE,CAAC,CAACS,OAAO;QACzCC,iBAAiB,EAAE3E,YAAY;QAC/B4E,mBAAmB,EAAE,SAAAA,CAACC,IAAI,EAAmB;UAAA,IAAAC,iBAAA;UAAA,IAAjBJ,OAAO,GAAAK,SAAA,CAAAlE,MAAA,QAAAkE,SAAA,QAAA7D,SAAA,GAAA6D,SAAA,MAAG,CAAC,CAAC;UACtC7B,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,CAAEM,aAAa,MAAK,IAAI,EAAE;YACnC9F,WAAW,CAAC,CAAC;UACf;QACF,CAAC;QACD+C,YAAY,EAAEA,CAAC9C,IAAI,EAAEsB,KAAK,KAAK;UAC7B,MAAMwE,aAAa,GAAGpG,eAAe,CAACyC,UAAU,CAAC;UAIjD2D,aAAa,CAACtD,KAAK,CAAC,GAAAX,aAAA,KAAQiE,aAAa,CAACtD,KAAK,CAAC,CAAE;UAElDpE,OAAO,CAAC2H,GAAG,CAACD,aAAa,EAAE9F,IAAI,EAAEsB,KAAK,CAAC;UACvCwB,YAAY,CAACgD,aAAa,CAAC;QAC7B,CAAC;QACDE,UAAU,EAAGC,OAAO,IAAK;UACvB/B,UAAU,CAACV,OAAO,GAAG,IAAI;UACzBV,YAAY,CAAC,CAAC,IAAIX,UAAU,IAAI,EAAE,CAAC,EAAE8D,OAAO,CAAC,CAAC;QAChD,CAAC;QACDC,YAAY,EAAE,SAAAA,CAAA,EAAgC;UAAA,IAA/B;YAAEC,SAAS,GAAG;UAAM,CAAC,GAAAP,SAAA,CAAAlE,MAAA,QAAAkE,SAAA,QAAA7D,SAAA,GAAA6D,SAAA,MAAG,CAAC,CAAC;UACvC,IAAIO,SAAS,EAAE;YAEbnC,oBAAoB,CAACR,OAAO,GAAGrB,UAAU;UAC3C;UAEA,MAAM2D,aAAa,GAAGpG,eAAe,CAACyC,UAAU,CAAC;UACjD2D,aAAa,CAACM,MAAM,CAAC5D,KAAK,EAAE,CAAC,CAAC;UAC9BM,YAAY,CACVgD,aAAa,CAACpE,MAAM,KAAK,CAAC,GAAGjC,YAAY,GAAGqG,aAC9C,CAAC;QACH,CAAC;QAGDO,aAAa,EAAEA,CAAA,KAAM;UAAA,IAAAC,iBAAA,EAAAC,kBAAA;UACnBvC,oBAAoB,CAACR,OAAO,GAAG,IAAI;UACnC,CAAA8C,iBAAA,GAAOvC,QAAQ,CAACP,OAAO,cAAA8C,iBAAA,qBAAvB,OAAOA,iBAAA,CAAmBxB,EAAE,CAAC;UAC7B,CAAAyB,kBAAA,GAAOzC,QAAQ,CAACN,OAAO,cAAA+C,kBAAA,qBAAvB,OAAOA,kBAAA,CAAmBzB,EAAE,CAAC;UAC7B,MAAM0B,SAAS,GAAG3C,MAAM,CAACL,OAAO,CAACiD,OAAO,CAAC3B,EAAE,CAAC;UAC5CjB,MAAM,CAACL,OAAO,CAAC4C,MAAM,CAACI,SAAS,EAAE,CAAC,CAAC;UACnCzG,WAAW,CAAC,CAAC;QACf,CAAC;QAGD2G,oBAAoB,EAAGpF,KAAK,IAAK;UAC/B,IAAIA,KAAK,EAAE;YACT,MAAMwE,aAAa,GAAGpG,eAAe,CAACyC,UAAU,CAAC;YACjD2D,aAAa,CAACtD,KAAK,CAAC,GAAGlB,KAAK;YAC5BwB,YAAY,CAACgD,aAAa,CAAC;UAC7B;QACF;MACF,CAAC;MAED,OAAOZ,WAAW;IACpB,CAAC,CAAC;IAEF,IAAI9E,OAAO,EAAE;MACX,OAAOkE,UAAU,CAAClE,OAAO,CAAC,CAAC;IAC7B;IAEA,OAAOkE,UAAU;EAInB,CAAC,EAAE,CACDxE,IAAI,EACJqC,UAAU,EACVM,KAAK,EACLzC,IAAI,EACJE,QAAQ,EACRW,YAAY,EACZT,OAAO,EACP0C,YAAY,CACb,CAAC;EAEF,MAAM6D,KAAK,GAAGrC,UAAU,CAAC5C,MAAM;EAC/B5D,SAAS,CAAC,MAAM;IACd,IAAI2E,KAAK,EAAE;MACT3B,aAAa,CAAC;QAAE2B,KAAK;QAAEkE;MAAM,CAAC,CAAC;IACjC;EACF,CAAC,EAAE,CAACA,KAAK,EAAElE,KAAK,EAAE3B,aAAa,CAAC,CAAC;EAEjCjC,eAAe,CAAC,MAAM;IACpBoE,aAAa,CAAC,CAAC;EACjB,CAAC,EAAE,CAAC0D,KAAK,EAAE1D,aAAa,CAAC,CAAC;EAE1BrE,cAAc,CAAC,MAAM;IAEnBmE,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,CAAC;EAGFnF,OAAO,CAAC,MAAM;IACZ,MAAMgJ,IAAI,GAAGtC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGA,UAAU,CAAC5C,MAAM,GAAG,CAAC,CAAC;IAChD,IAAIkF,IAAI,aAAJA,IAAI,eAAJA,IAAI,CAAE5B,KAAK,IAAI,CAACd,UAAU,CAACV,OAAO,EAAE;MACtCR,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGb,UAAU,CAAC;IACxB,CAAC,MAAM;MACL+B,UAAU,CAACV,OAAO,GAAG,KAAK;IAC5B;EACF,CAAC,EAAE,CAACrB,UAAU,EAAEmC,UAAU,EAAEtB,QAAQ,CAAC,CAAC;EAEtC,MAAM6D,SAEL,GAAAhF,aAAA,CAAAA,aAAA,CAAAA,aAAA;IACCiF,SAAS,EAAE3I,UAAU,wCAGnByB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkH,SACT;EAAC,GACEhI,sBAAsB,CAACc,KAA2B,CAAC,GACnDjB,gBAAgB,CAACiB,KAAK,CAAC;IAC1BmH,QAAQ,EAAE9C;EAAY,EACvB;EAED,MAAM+C,aAAa,GACjB7E,UAAU,KAAKX,UAAU,IAAI,CAAA5B,KAAK,aAALA,KAAK,wBAAAC,YAAA,GAALD,KAAK,CAAE0B,KAAK,cAAAzB,YAAA,uBAAZA,YAAA,CAAc6B,MAAM,MAAK,CAAC,GACrD,OAAOiB,WAAW,KAAK,QAAQ,GAC7BhF,KAAA,CAAAsJ,aAAA,CAACvI,IAAI;IAACwI,IAAI,EAAC;EAAO,GAAEvE,WAAkB,CAAC,GAEvCA,WACD,GAED2B,UAAU,CAACK,GAAG,CAAEwC,SAAS,IAAK;IAC5B,MAAM;MAAErC,EAAE;MAAExD,KAAK;MAAEkB;IAAM,CAAC,GAAG2E,SAAS;IACtC,MAAMC,UAAU,GAAIjD,SAAS,CAACX,OAAO,CAACsB,EAAE,CAAC,GACvCX,SAAS,CAACX,OAAO,CAACsB,EAAE,CAAC,IAAI9G,SAAS,CAAiB,CAAE;IAEvD,MAAMqJ,cAAc,GAAIC,YAA0B,IAAK;MACrD,OAAO,OAAOA,YAAY,KAAK,UAAU,GACrCA,YAAY,CAAChG,KAAK,EAAEkB,KAAK,EAAE8B,UAAU,CAAC,GACtCgD,YAAY;IAClB,CAAC;IAED,MAAMC,YAAY,GAAA1F,aAAA,CAAAA,aAAA,KACbsF,SAAS;MACZC;IAAU,EACX;IAED,MAAMI,OAAO,GAAGC,KAAK,CAACC,OAAO,CAACxE,QAAQ,CAAC,GACnCA,QAAQ,CAACyB,GAAG,CAAEgD,KAAK,IAAKN,cAAc,CAACM,KAAK,CAAC,CAAC,GAC9CN,cAAc,CAACnE,QAAQ,CAAC;IAE5B,IAAIkB,QAAQ,EAAE;MACZ,OACEzG,KAAA,CAAAsJ,aAAA,CAAClI,kBAAkB,CAAC6I,QAAQ;QAC1BC,GAAG,EAAE,WAAW/C,EAAE,EAAG;QACrBxD,KAAK,EAAEiG;MAAa,GAEpB5J,KAAA,CAAAsJ,aAAA,CAAC/H,qBAAqB,QAAEsI,OAA+B,CAC5B,CAAC;IAElC;IAEA,OACE7J,KAAA,CAAAsJ,aAAA,CAAC1I,IAAI,CAACuJ,IAAI;MACRhB,SAAS,EAAC,4BAA4B;MACtCiB,QAAQ,EAAE,CAAC,CAAE;MACbhB,QAAQ,EAAEK,UAAW;MACrBS,GAAG,EAAE,WAAW/C,EAAE;IAAG,GAErBnH,KAAA,CAAAsJ,aAAA,CAAClI,kBAAkB,CAAC6I,QAAQ;MAACtG,KAAK,EAAEiG;IAAa,GAC/C5J,KAAA,CAAAsJ,aAAA,CAAC/H,qBAAqB,QAAEsI,OAA+B,CAC5B,CACpB,CAAC;EAEhB,CAAC,CACF;EAEH,MAAMA,OAAO,GAAGpD,QAAQ,GACtB4C,aAAa,GAEbrJ,KAAA,CAAAsJ,aAAA,CAAC1I,IAAI,CAACyJ,KAAK,EAAKnB,SAAS,EAAGG,aAA0B,CACvD;EAED,OACErJ,KAAA,CAAAsJ,aAAA,CAAAtJ,KAAA,CAAAsK,QAAA,QACGpF,OAAO,GAAGlF,KAAA,CAAAsJ,aAAA,CAACxI,eAAe,QAAE+I,OAAyB,CAAC,GAAGA,OAAO,EAEjE7J,KAAA,CAAAsJ,aAAA,CAACzI,UAAU;IACT0J,IAAI,EAAE5E,OAAO,CAACvC,KAAK,IAAIC,YAAY,CAAE;IACrCmH,KAAK,EAAE,CAACpH,KAAK,IAAIC,YAAY,GAAG,SAAS,GAAGe,SAAU;IACtDqG,UAAU,EAAE;MAAEC,GAAG,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAS,CAAE;IACzCC,YAAY,EAAE;EAAM,GAEnB/I,oBAAoB,CAAC;IAAEgI,OAAO,EAAEzG,KAAK,IAAIC;EAAa,CAAC,CAAC,CAAC,CAAC,CACjD,CACZ,CAAC;AAEP;AAEArB,cAAc,CAAC6I,qBAAqB,GAAG,IAAI;AAC3C,eAAe7I,cAAc","ignoreList":[]}

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

@@ -20,6 +20,16 @@ export const ArrayProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  minItems: {
+    doc: 'The minimum amount of items required to iterate over.',
+    type: 'number',
+    status: 'optional'
+  },
+  maxItems: {
+    doc: 'The maximum amount of items to iterate over before showing the error.',
+    type: 'number',
+    status: 'optional'
+  },
   limit: {
     doc: 'Limit the number of rendered items to iterate over. Defaults to `undefined`.',
     type: 'number',

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","itemPath","required","limit","reverse","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  reverse: {\n    doc: 'When `true` it will reverse the order of the items.',\n    type: 'boolean',\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,OAAO,EAAE;IACPP,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,SAAS,EAAE;IACTR,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,kBAAkB,EAAE;IAClBT,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDQ,cAAc,EAAE;IACdV,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,WAAW,EAAE;IACXX,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDY,UAAU,EAAE;IACVd,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,aAAa,EAAE;IACbf,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDc,iBAAiB,EAAEnB,6BAA6B,CAACmB,iBAAiB;EAClEC,iBAAiB,EAAEpB,6BAA6B,CAACoB,iBAAiB;EAClEC,oBAAoB,EAAErB,6BAA6B,CAACqB,oBAAoB;EACxEC,QAAQ,EAAE;IACRnB,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,MAAMkB,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRrB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"file":"ArrayDocs.js","names":["DataValueWritePropsProperties","ArrayProperties","value","doc","type","status","path","itemPath","required","minItems","maxItems","limit","reverse","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  minItems: {\n    doc: 'The minimum amount of items required to iterate over.',\n    type: 'number',\n    status: 'optional',\n  },\n  maxItems: {\n    doc: 'The maximum amount of items to iterate over before showing the error.',\n    type: 'number',\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  reverse: {\n    doc: 'When `true` it will reverse the order of the items.',\n    type: 'boolean',\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,QAAQ,EAAE;IACRN,GAAG,EAAE,uDAAuD;IAC5DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,QAAQ,EAAE;IACRP,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,KAAK,EAAE;IACLR,GAAG,EAAE,8EAA8E;IACnFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,OAAO,EAAE;IACPT,GAAG,EAAE,qDAAqD;IAC1DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,4CAA4C;IACjDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,kBAAkB,EAAE;IAClBX,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDU,cAAc,EAAE;IACdZ,GAAG,EAAE,gEAAgE;IACrEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,WAAW,EAAE;IACXb,GAAG,EAAE,yFAAyF;IAC9FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,OAAO,EAAE;IACPd,GAAG,EAAE,sDAAsD;IAC3DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDa,WAAW,EAAE;IACXf,GAAG,EAAE,4DAA4D;IACjEC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACDc,UAAU,EAAE;IACVhB,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,aAAa,EAAE;IACbjB,GAAG,EAAE,0SAA0S;IAC/SC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDgB,iBAAiB,EAAErB,6BAA6B,CAACqB,iBAAiB;EAClEC,iBAAiB,EAAEtB,6BAA6B,CAACsB,iBAAiB;EAClEC,oBAAoB,EAAEvB,6BAA6B,CAACuB,oBAAoB;EACxEC,QAAQ,EAAE;IACRrB,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,MAAMoB,WAAiC,GAAG;EAC/CC,QAAQ,EAAE;IACRvB,GAAG,EAAE,8HAA8H;IACnIC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}

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

@@ -5,7 +5,7 @@ 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, 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'> & {
+export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTMLDivElement>, 'className'>> & Pick<UseFieldProps<Value, undefined | Value>, 'value' | 'defaultValue' | 'emptyValue' | 'onChange' | 'validateInitially' | 'continuousValidation' | 'validateContinuously' | 'schema'> & {
     children: ElementChild | Array<ElementChild>;
     path?: Path;
     itemPath?: Path;
@@ -13,6 +13,8 @@ export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTM
     reverse?: boolean;
     countPath?: Path;
     countPathLimit?: number;
+    minItems?: number;
+    maxItems?: number;
     onChangeValidator?: Validator<Value>;
     withoutFlex?: boolean;
     animate?: boolean;
@@ -25,4 +27,5 @@ export type Props = Omit<FlexContainerProps, keyof Omit<React.HTMLAttributes<HTM
         index: number;
     }) => any;
     validateValue?: () => void;
+    omitSectionPath?: boolean;
 };

package/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 {\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    reverse?: boolean\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":"","ignoreList":[]}
+{"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    | 'schema'\n  > & {\n    children: ElementChild | Array<ElementChild>\n    path?: Path\n    itemPath?: Path\n    limit?: number\n    reverse?: boolean\n    countPath?: Path\n    countPathLimit?: number\n    minItems?: number\n    maxItems?: 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    omitSectionPath?: boolean\n  }\n"],"mappings":"","ignoreList":[]}

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

@@ -14,6 +14,7 @@ import { omitDataValueReadWriteProps } from '../../types';
 import { add } from '../../../../icons';
 import DataContext from '../../DataContext/Context';
 import useDataValue from '../../hooks/useDataValue';
+import { usePath } from '../../hooks';
 import { convertJsxToString } from '../../../../shared/component-helper';
 function PushButton(props) {
   const {
@@ -36,6 +37,12 @@ function PushButton(props) {
   const {
     absolutePath
   } = useItemPath(itemPath);
+  const {
+    path: relativePath
+  } = usePath({
+    path,
+    itemPath
+  });
   const arrayValue = useDataValue().getValueByPath(path || absolutePath);
   const {
     hasReachedLimit,
@@ -56,14 +63,14 @@ function PushButton(props) {
     if (handlePush && !absolutePath) {
       handlePush(newValue);
     } else {
-      await (handlePathChange === null || handlePathChange === void 0 ? void 0 : handlePathChange(path || absolutePath, [...(arrayValue !== null && arrayValue !== void 0 ? arrayValue : []), newValue]));
+      await (handlePathChange === null || handlePathChange === void 0 ? void 0 : handlePathChange(absolutePath || relativePath, [...(arrayValue !== null && arrayValue !== void 0 ? arrayValue : []), newValue]));
     }
     if (!absolutePath) {
       setTimeout(() => {
         setLastItemContainerMode('view');
       }, 100);
     }
-  }, [arrayValue, absolutePath, handlePathChange, handlePush, hasReachedLimit, path, pushValue, setLastItemContainerMode, setShowStatus]);
+  }, [arrayValue, absolutePath, handlePathChange, handlePush, hasReachedLimit, relativePath, pushValue, setLastItemContainerMode, setShowStatus]);
   const content = useMemo(() => {
     if (children || text) {
       const str = convertJsxToString(children || text);

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

@@ -1 +1 @@
-{"version":3,"file":"PushButton.js","names":["React","useCallback","useContext","useMemo","classnames","Button","IterateItemContext","useArrayLimit","useItemPath","useSwitchContainerMode","omitDataValueReadWriteProps","add","DataContext","useDataValue","convertJsxToString","PushButton","props","handlePathChange","iterateItemContext","handlePush","pushValue","className","path","itemPath","text","children","restProps","_objectWithoutProperties","_excluded","buttonProps","absolutePath","arrayValue","getValueByPath","hasReachedLimit","setShowStatus","undefined","Array","isArray","Error","setLastItemContainerMode","handleClick","newValue","setTimeout","content","str","includes","nextItemNo","length","replace","String","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateItemContext from '../IterateItemContext'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport { omitDataValueReadWriteProps, Path } from '../../types'\nimport { add } from '../../../../icons'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\nexport type Props = ButtonProps & {\n  path?: Path\n  itemPath?: Path\n  pushValue: unknown | ((value: unknown) => void)\n\n  /**\n   * Used internally\n   */\n  value?: unknown\n}\n\nfunction PushButton(props: Props) {\n  const { handlePathChange } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n  const { handlePush } = iterateItemContext ?? {}\n\n  const {\n    pushValue,\n    className,\n    path,\n    itemPath,\n    text,\n    children,\n    ...restProps\n  } = props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n\n  const { absolutePath } = useItemPath(itemPath)\n\n  const arrayValue = useDataValue().getValueByPath(path || absolutePath)\n\n  const { hasReachedLimit, setShowStatus } = useArrayLimit(path)\n\n  if (arrayValue !== undefined && !Array.isArray(arrayValue)) {\n    throw new Error('PushButton received a non-array value')\n  }\n\n  const { setLastItemContainerMode } = useSwitchContainerMode(path)\n\n  const handleClick = useCallback(async () => {\n    if (hasReachedLimit) {\n      setShowStatus(true)\n      return // stop here\n    }\n\n    const newValue =\n      typeof pushValue === 'function' ? pushValue(arrayValue) : pushValue\n\n    if (handlePush && !absolutePath) {\n      // Inside an Iterate element - make the change through the Iterate component\n      handlePush(newValue)\n    } else {\n      // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n      await handlePathChange?.(path || absolutePath, [\n        ...(arrayValue ?? []),\n        newValue,\n      ])\n    }\n\n    if (!absolutePath) {\n      setTimeout(() => {\n        setLastItemContainerMode('view')\n      }, 100) // UX improvement because of the \"openDelay\"\n    }\n  }, [\n    arrayValue,\n    absolutePath,\n    handlePathChange,\n    handlePush,\n    hasReachedLimit,\n    path,\n    pushValue,\n    setLastItemContainerMode,\n    setShowStatus,\n  ])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (arrayValue?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [arrayValue?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate-push-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PushButton.js","names":["React","useCallback","useContext","useMemo","classnames","Button","IterateItemContext","useArrayLimit","useItemPath","useSwitchContainerMode","omitDataValueReadWriteProps","add","DataContext","useDataValue","usePath","convertJsxToString","PushButton","props","handlePathChange","iterateItemContext","handlePush","pushValue","className","path","itemPath","text","children","restProps","_objectWithoutProperties","_excluded","buttonProps","absolutePath","relativePath","arrayValue","getValueByPath","hasReachedLimit","setShowStatus","undefined","Array","isArray","Error","setLastItemContainerMode","handleClick","newValue","setTimeout","content","str","includes","nextItemNo","length","replace","String","createElement","_extends","variant","icon","icon_position","on_click","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushButton/PushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateItemContext from '../IterateItemContext'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport { omitDataValueReadWriteProps, Path } from '../../types'\nimport { add } from '../../../../icons'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport { usePath } from '../../hooks'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\nexport type Props = ButtonProps & {\n  path?: Path\n  itemPath?: Path\n  pushValue: unknown | ((value: unknown) => void)\n\n  /**\n   * Used internally\n   */\n  value?: unknown\n}\n\nfunction PushButton(props: Props) {\n  const { handlePathChange } = useContext(DataContext) || {}\n  const iterateItemContext = useContext(IterateItemContext)\n  const { handlePush } = iterateItemContext ?? {}\n\n  const {\n    pushValue,\n    className,\n    path,\n    itemPath,\n    text,\n    children,\n    ...restProps\n  } = props\n  const buttonProps = omitDataValueReadWriteProps(restProps)\n\n  const { absolutePath } = useItemPath(itemPath)\n  const { path: relativePath } = usePath({ path, itemPath })\n\n  const arrayValue = useDataValue().getValueByPath(path || absolutePath)\n\n  const { hasReachedLimit, setShowStatus } = useArrayLimit(path)\n\n  if (arrayValue !== undefined && !Array.isArray(arrayValue)) {\n    throw new Error('PushButton received a non-array value')\n  }\n\n  const { setLastItemContainerMode } = useSwitchContainerMode(path)\n\n  const handleClick = useCallback(async () => {\n    if (hasReachedLimit) {\n      setShowStatus(true)\n      return // stop here\n    }\n\n    // console.log('handlePush')\n    const newValue =\n      typeof pushValue === 'function' ? pushValue(arrayValue) : pushValue\n\n    if (handlePush && !absolutePath) {\n      // Inside an Iterate element - make the change through the Iterate component\n      handlePush(newValue)\n    } else {\n      // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n      await handlePathChange?.(absolutePath || relativePath, [\n        ...(arrayValue ?? []),\n        newValue,\n      ])\n    }\n\n    if (!absolutePath) {\n      setTimeout(() => {\n        setLastItemContainerMode('view')\n      }, 100) // UX improvement because of the \"openDelay\"\n    }\n  }, [\n    arrayValue,\n    absolutePath,\n    handlePathChange,\n    handlePush,\n    hasReachedLimit,\n    relativePath,\n    pushValue,\n    setLastItemContainerMode,\n    setShowStatus,\n  ])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (arrayValue?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [arrayValue?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate-push-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...buttonProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nPushButton._supportsSpacingProps = true\nexport default PushButton\n"],"mappings":"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","ignoreList":[]}

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

@@ -23,7 +23,7 @@ import OpenButton from './OpenButton';
 import { Flex, FormStatus, HeightAnimation } from '../../../../components';
 import { useArrayLimit, useItemPath, useSwitchContainerMode } from '../hooks';
 import Toolbar from '../Toolbar';
-import { useTranslation } from '../../hooks';
+import { usePath, useTranslation } from '../../hooks';
 import { clearedData } from '../../DataContext/Provider';
 import structuredClone from '@ungap/structured-clone';
 function PushContainer(props) {
@@ -55,6 +55,12 @@ function PushContainer(props) {
   const {
     absolutePath
   } = useItemPath(itemPath);
+  const {
+    path: relativePath
+  } = usePath({
+    path,
+    itemPath
+  });
   const commitHandleRef = useRef();
   const switchContainerModeRef = useRef();
   const containerModeRef = useRef();
@@ -125,7 +131,7 @@ function PushContainer(props) {
       let {
         pushContainerItems
       } = _ref2;
-      return moveValueToPath(path || absolutePath, typeof insertAt === 'number' ? [...entries.slice(0, insertAt), ...pushContainerItems, ...entries.slice(insertAt)] : [...entries, ...pushContainerItems], absolutePath ? structuredClone(getValueByPath('/')) : {});
+      return moveValueToPath(absolutePath || relativePath, typeof insertAt === 'number' ? [...entries.slice(0, insertAt), ...pushContainerItems, ...entries.slice(insertAt)] : [...entries, ...pushContainerItems], absolutePath ? structuredClone(getValueByPath('/')) : {});
     },
     onCommit: (data, options) => {
       const {
@@ -148,7 +154,8 @@ function PushContainer(props) {
   }, React.createElement(IterateArray, {
     path: "/pushContainerItems",
     containerMode: showOpenButton ? 'view' : 'edit',
-    withoutFlex: true
+    withoutFlex: true,
+    omitSectionPath: true
   }, React.createElement(NewContainer, _extends({
     title: title,
     openButton: openButton,