npm - @dnb/eufemia - Versions diffs - 10.73.2 → 10.75.0 - Mend

@dnb/eufemia 10.73.2 → 10.75.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1269) hide show

package/es/extensions/forms/{Iterate/EditContainer → Form/Isolation}/useHasContentChanged.js RENAMED Viewed

@@ -1,31 +1,33 @@
 "use client";
-import { useContext, useEffect, useMemo, useRef } from 'react';
-import DataContext from '../../DataContext/Context';
+import { useContext, useMemo } from 'react';
 import pointer from '../../utils/json-pointer';
-import structuredClone from '@ungap/structured-clone';
+import DataContext from '../../DataContext/Context';
+import useDataContextSnapshot from './useDataContextSnapshot';
 export default function useHasContentChanged() {
   const {
     internalDataRef
   } = useContext(DataContext);
-  const snapshotRef = useRef();
-  useEffect(() => {
-    snapshotRef.current = structuredClone(internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current);
-  }, [internalDataRef]);
+  const {
+    snapshotRef
+  } = useDataContextSnapshot({
+    enabled: true
+  });
   const data = internalDataRef === null || internalDataRef === void 0 ? void 0 : internalDataRef.current;
+  const snapshot = snapshotRef === null || snapshotRef === void 0 ? void 0 : snapshotRef.current;
   const hasContentChanged = useMemo(() => {
-    if (data === undefined) {
+    if (!data || !snapshot) {
       return undefined;
     }
     let hasChanged = false;
     pointer.walk(data, (value, path) => {
-      if (pointer.has(snapshotRef.current, path) && pointer.get(snapshotRef.current, path) !== value) {
+      if (pointer.has(snapshot, path) && pointer.get(snapshot, path) !== value) {
         hasChanged = true;
         return false;
       }
     });
     return hasChanged;
-  }, [data]);
+  }, [data, snapshot]);
   return {
     hasContentChanged
   };

package/es/extensions/forms/Form/Isolation/useHasContentChanged.js.map ADDED Viewed

@@ -0,0 +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":[]}

package/es/extensions/forms/Form/Snapshot/Snapshot.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import React from 'react';
-export type SnapshotId = string | number;
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+export type SnapshotId = SharedStateId | number;
 export type SnapshotName = string;
 export type SnapshotProps = {
     name: SnapshotName;

package/es/extensions/forms/Form/Snapshot/Snapshot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Snapshot.js","names":["React","useCallback","useContext","useEffect","useRef","SnapshotContext","DataContext","SnapshotProvider","props","name","children","snapshotsRef","mountedFieldsRef","current","Map","setMountedField","path","state","set","contextValue","createElement","Provider","value","_supportsSpacingProps","undefined"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/Snapshot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport SnapshotContext, {\n SnapshotContextState,\n SnapshotMap,\n} from './SnapshotContext'\nimport DataContext from '../../DataContext/Context'\n\nexport type SnapshotId = ~~string~~ \| number\nexport type SnapshotName = string\n\nexport type SnapshotProps = {\n name: SnapshotName\n children: React.ReactNode\n}\n\nfunction SnapshotProvider(props: SnapshotProps) {\n const { name, children } = props\n\n const { snapshotsRef } = useContext(DataContext) \|\| {}\n const mountedFieldsRef: SnapshotMap = useRef()\n if (!mountedFieldsRef.current) {\n mountedFieldsRef.current = new Map()\n }\n\n const setMountedField: SnapshotContextState['setMountedField'] =\n useCallback((path, state) => {\n mountedFieldsRef.current.set(path, state)\n }, [])\n\n useEffect(() => {\n if (snapshotsRef) {\n snapshotsRef.current.set(name, mountedFieldsRef.current)\n }\n }, [snapshotsRef, name])\n\n const contextValue = { name, setMountedField }\n\n return (\n <SnapshotContext.Provider value={contextValue}>\n {children}\n </SnapshotContext.Provider>\n )\n}\n\nSnapshotProvider._supportsSpacingProps = undefined\n\nexport default SnapshotProvider\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzE,OAAOC,eAAe,MAGf,mBAAmB;AAC1B,OAAOC,WAAW,MAAM,2BAA2B;~~AAUnD~~,SAASC,gBAAgBA,CAACC,KAAoB,EAAE;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEhC,MAAM;IAAEG;EAAa,CAAC,GAAGT,UAAU,CAACI,WAAW,CAAC,IAAI,CAAC,CAAC;EACtD,MAAMM,gBAA6B,GAAGR,MAAM,CAAC,CAAC;EAC9C,IAAI,CAACQ,gBAAgB,CAACC,OAAO,EAAE;IAC7BD,gBAAgB,CAACC,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;EACtC;EAEA,MAAMC,eAAwD,GAC5Dd,WAAW,CAAC,CAACe,IAAI,EAAEC,KAAK,KAAK;IAC3BL,gBAAgB,CAACC,OAAO,CAACK,GAAG,CAACF,IAAI,EAAEC,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAERd,SAAS,CAAC,MAAM;IACd,IAAIQ,YAAY,EAAE;MAChBA,YAAY,CAACE,OAAO,CAACK,GAAG,CAACT,IAAI,EAAEG,gBAAgB,CAACC,OAAO,CAAC;IAC1D;EACF,CAAC,EAAE,CAACF,YAAY,EAAEF,IAAI,CAAC,CAAC;EAExB,MAAMU,YAAY,GAAG;IAAEV,IAAI;IAAEM;EAAgB,CAAC;EAE9C,OACEf,KAAA,CAAAoB,aAAA,CAACf,eAAe,CAACgB,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC3CT,QACuB,CAAC;AAE/B;AAEAH,gBAAgB,CAACgB,qBAAqB,GAAGC,SAAS;AAElD,eAAejB,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"Snapshot.js","names":["React","useCallback","useContext","useEffect","useRef","SnapshotContext","DataContext","SnapshotProvider","props","name","children","snapshotsRef","mountedFieldsRef","current","Map","setMountedField","path","state","set","contextValue","createElement","Provider","value","_supportsSpacingProps","undefined"],"sources":["../../../../../../src/extensions/forms/Form/Snapshot/Snapshot.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport SnapshotContext, {\n SnapshotContextState,\n SnapshotMap,\n} from './SnapshotContext'\nimport DataContext from '../../DataContext/Context'\nimport { SharedStateId } from '../../../../shared/helpers/useSharedState'\n\nexport type SnapshotId = SharedStateId \| number\nexport type SnapshotName = string\n\nexport type SnapshotProps = {\n name: SnapshotName\n children: React.ReactNode\n}\n\nfunction SnapshotProvider(props: SnapshotProps) {\n const { name, children } = props\n\n const { snapshotsRef } = useContext(DataContext) \|\| {}\n const mountedFieldsRef: SnapshotMap = useRef()\n if (!mountedFieldsRef.current) {\n mountedFieldsRef.current = new Map()\n }\n\n const setMountedField: SnapshotContextState['setMountedField'] =\n useCallback((path, state) => {\n mountedFieldsRef.current.set(path, state)\n }, [])\n\n useEffect(() => {\n if (snapshotsRef) {\n snapshotsRef.current.set(name, mountedFieldsRef.current)\n }\n }, [snapshotsRef, name])\n\n const contextValue = { name, setMountedField }\n\n return (\n <SnapshotContext.Provider value={contextValue}>\n {children}\n </SnapshotContext.Provider>\n )\n}\n\nSnapshotProvider._supportsSpacingProps = undefined\n\nexport default SnapshotProvider\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzE,OAAOC,eAAe,MAGf,mBAAmB;AAC1B,OAAOC,WAAW,MAAM,2BAA2B;AAWnD,SAASC,gBAAgBA,CAACC,KAAoB,EAAE;EAC9C,MAAM;IAAEC,IAAI;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEhC,MAAM;IAAEG;EAAa,CAAC,GAAGT,UAAU,CAACI,WAAW,CAAC,IAAI,CAAC,CAAC;EACtD,MAAMM,gBAA6B,GAAGR,MAAM,CAAC,CAAC;EAC9C,IAAI,CAACQ,gBAAgB,CAACC,OAAO,EAAE;IAC7BD,gBAAgB,CAACC,OAAO,GAAG,IAAIC,GAAG,CAAC,CAAC;EACtC;EAEA,MAAMC,eAAwD,GAC5Dd,WAAW,CAAC,CAACe,IAAI,EAAEC,KAAK,KAAK;IAC3BL,gBAAgB,CAACC,OAAO,CAACK,GAAG,CAACF,IAAI,EAAEC,KAAK,CAAC;EAC3C,CAAC,EAAE,EAAE,CAAC;EAERd,SAAS,CAAC,MAAM;IACd,IAAIQ,YAAY,EAAE;MAChBA,YAAY,CAACE,OAAO,CAACK,GAAG,CAACT,IAAI,EAAEG,gBAAgB,CAACC,OAAO,CAAC;IAC1D;EACF,CAAC,EAAE,CAACF,YAAY,EAAEF,IAAI,CAAC,CAAC;EAExB,MAAMU,YAAY,GAAG;IAAEV,IAAI;IAAEM;EAAgB,CAAC;EAE9C,OACEf,KAAA,CAAAoB,aAAA,CAACf,eAAe,CAACgB,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC3CT,QACuB,CAAC;AAE/B;AAEAH,gBAAgB,CAACgB,qBAAqB,GAAGC,SAAS;AAElD,eAAejB,gBAAgB","ignoreList":[]}

package/es/extensions/forms/Iterate/Array/Array.js CHANGED Viewed

@@ -33,7 +33,8 @@ function ArrayComponent(props) {
     reverse,
     countPath,
     countPathTransform,
-    countPathLimit = Infinity
+    countPathLimit = Infinity,
+    omitSectionPath
   } = props || {};
   const dataContext = useContext(DataContext);
   const summaryListContext = useContext(SummaryListContext);
@@ -71,10 +72,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 = [];
@@ -85,11 +97,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,
@@ -110,7 +122,8 @@ function ArrayComponent(props) {
   } = useFieldProps(preparedProps, {
     updateContextDataInSync: true,
     omitMultiplePathWarning: true,
-    forceUpdateWhenContextDataIsSet: Boolean(countPath)
+    forceUpdateWhenContextDataIsSet: Boolean(countPath),
+    omitSectionPath
   });
   const countValueRef = useRef();
   useUpdateEffect(() => {

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

	@@ -1 +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","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","_ref","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","nestedIteratePath","switchContainerMode","mode","_isNewRef$current","preventUpdate","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","total","last","flexProps","className","innerRef","arrayElements","createElement","size","itemProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","Stack","Fragment","show","state","undefined","shellSpace","top","bottom","no_animation","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n useMemo,\n useRef,\n useEffect,\n useReducer,\n createRef,\n useContext,\n useCallback,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from '../../utils/json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex, FormStatus, HeightAnimation } from '../../../../components'\nimport { Span } from '../../../../elements'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport useUpdateEffect from '../../../../shared/helpers/useUpdateEffect'\nimport {\n BasicProps as FlexContainerProps,\n Props as FlexContainerAllProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateItemContext, {\n IterateItemContextState,\n ModeOptions,\n} from '../IterateItemContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport {\n useArrayLimit,\n useItemPath,\n useSwitchContainerMode,\n} from '../hooks'\nimport { getMessagesFromError } from '../../FieldBlock'\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":[]}
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","omitSectionPath","dataContext","summaryListContext","valueBlockContext","absolutePath","setLimitProps","error","limitWarning","getValueByPath","countValue","parseFloat","data","validateRequired","value","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","_ref","list","limitedList","slice","map","_valueCountRef$curren","_modesRef$current$id","id","hasNewItems","isNew","_getNextContainerMode","itemContext","previousContainerMode","previous","initialContainerMode","modeOptions","options","nestedIteratePath","switchContainerMode","mode","_isNewRef$current","preventUpdate","newArrayValue","set","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","total","last","flexProps","className","innerRef","arrayElements","createElement","size","itemProps","elementRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","key","Item","tabIndex","Stack","Fragment","show","state","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":"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","ignoreList":[]}

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

@@ -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/es/extensions/forms/Iterate/Array/ArrayDocs.js.map CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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/es/extensions/forms/Iterate/Array/types.d.ts CHANGED Viewed

@@ -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/es/extensions/forms/Iterate/Array/types.js.map CHANGED Viewed

	@@ -1 +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":[]}
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 \| '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/es/extensions/forms/Iterate/EditContainer/ResetButton.js CHANGED Viewed

@@ -14,7 +14,7 @@ import IterateItemContext from '../IterateItemContext';
 import ToolbarContext from '../Toolbar/ToolbarContext';
 import FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext';
 import { reset } from '../../../../icons';
-import useHasContentChanged from './useHasContentChanged';
+import useHasContentChanged from '../../Form/Isolation/useHasContentChanged';
 import { omitDataValueReadWriteProps } from '../../types';
 export default function ResetButton(props) {
   const {

package/es/extensions/forms/Iterate/EditContainer/ResetButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","ResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","restProps","_objectWithoutProperties","_excluded","restoreOriginalValue","setShowBoundaryErrors","setShowError","hasContentChanged","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","close","event","_buttonWrapperRef$cur","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/ResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from './useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\n\ntype Props = ButtonProps & {\n showConfirmDialog?: boolean\n}\n\nexport default function ResetButton(props: Props) {\n const {\n text,\n children,\n onClick,\n className,\n hidden,\n showConfirmDialog = true,\n ...restProps\n } = props\n const { restoreOriginalValue } = useContext(IterateItemContext) \|\| {}\n const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) \|\| {}\n const { setShowError } = useContext(ToolbarContext) \|\| {}\n const { hasContentChanged } = useHasContentChanged()\n\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { resetButton } = useTranslation().IterateEditContainer\n const { confirmResetText } = useTranslation().IterateEditContainer\n const textContent = text \|\| children \|\| resetButton\n\n const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n const handleClick = useCallback(\n ({ close, event }) => {\n close?.()\n onClick?.(event)\n restoreOriginalValue?.()\n setShowError(false)\n setShowBoundaryErrors?.(false)\n buttonWrapperRef.current?.focus()\n },\n [onClick, restoreOriginalValue, setShowBoundaryErrors, setShowError]\n )\n\n if (hidden) {\n return null\n }\n\n const triggerAttributes: ButtonProps = {\n className: classnames('dnb-forms-iterate__reset-button', className),\n text: textContent,\n variant: textContent ? 'tertiary' : 'secondary',\n icon: reset,\n icon_position: 'left',\n disabled:\n typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n ...buttonProps,\n }\n\n return (\n <span tabIndex={-1} ref={buttonWrapperRef} className=\"dnb-no-focus\">\n {showConfirmDialog ? (\n <Dialog\n variant=\"confirmation\"\n title={confirmResetText}\n triggerAttributes={triggerAttributes}\n onConfirm={handleClick}\n />\n ) : (\n <Button\n {...triggerAttributes}\n on_click={handleClick}\n {...buttonProps}\n >\n {resetButton}\n </Button>\n )}\n </span>\n )\n}\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,EAAEC,MAAM,QAAQ,wBAAwB;AACvD,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,cAAc,MAAM,2BAA2B;AACtD,OAAOC,oBAAoB,MAAM,sDAAsD;AACvF,SAASC,KAAK,QAAQ,mBAAmB;AAEzC,OAAOC,oBAAoB,MAAM,~~wBAAwB~~;~~AACzD~~,SAASC,2BAA2B,QAAQ,aAAa;AAMzD,eAAe,SAASC,WAAWA,CAACC,KAAY,EAAE;EAChD,MAAM;MACJC,IAAI;MACJC,QAAQ;MACRC,OAAO;MACPC,SAAS;MACTC,MAAM;MACNC,iBAAiB,GAAG;IAEtB,CAAC,GAAGN,KAAK;IADJO,SAAS,GAAAC,wBAAA,CACVR,KAAK,EAAAS,SAAA;EACT,MAAM;IAAEC;EAAqB,CAAC,GAAGtB,UAAU,CAACK,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACrE,MAAM;IAAEkB;EAAsB,CAAC,GAAGvB,UAAU,CAACO,oBAAoB,CAAC,IAAI,CAAC,CAAC;EACxE,MAAM;IAAEiB;EAAa,CAAC,GAAGxB,UAAU,CAACM,cAAc,CAAC,IAAI,CAAC,CAAC;EACzD,MAAM;IAAEmB;EAAkB,CAAC,GAAGhB,oBAAoB,CAAC,CAAC;EAEpD,MAAMiB,WAAW,GAAGhB,2BAA2B,CAACS,SAAS,CAAC;EAC1D,MAAM;IAAEQ;EAAY,CAAC,GAAGvB,cAAc,CAAC,CAAC,CAACwB,oBAAoB;EAC7D,MAAM;IAAEC;EAAiB,CAAC,GAAGzB,cAAc,CAAC,CAAC,CAACwB,oBAAoB;EAClE,MAAME,WAAW,GAAGjB,IAAI,IAAIC,QAAQ,IAAIa,WAAW;EAEnD,MAAMI,gBAAgB,GAAGjC,KAAK,CAACkC,MAAM,CAAoB,IAAI,CAAC;EAC9D,MAAMC,WAAW,GAAGlC,WAAW,CAC7B,CAAC;IAAEmC,KAAK;IAAEC;EAAM,CAAC,KAAK;IAAA,IAAAC,qBAAA;IACpBF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,CAAC;IACTnB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGoB,KAAK,CAAC;IAChBb,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAG,CAAC;IACxBE,YAAY,CAAC,KAAK,CAAC;IACnBD,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAG,KAAK,CAAC;IAC9B,CAAAa,qBAAA,GAAAL,gBAAgB,CAACM,OAAO,cAAAD,qBAAA,uBAAxBA,qBAAA,CAA0BE,KAAK,CAAC,CAAC;EACnC,CAAC,EACD,CAACvB,OAAO,EAAEO,oBAAoB,EAAEC,qBAAqB,EAAEC,YAAY,CACrE,CAAC;EAED,IAAIP,MAAM,EAAE;IACV,OAAO,IAAI;EACb;EAEA,MAAMsB,iBAA8B,GAAAC,aAAA;IAClCxB,SAAS,EAAEf,UAAU,CAAC,iCAAiC,EAAEe,SAAS,CAAC;IACnEH,IAAI,EAAEiB,WAAW;IACjBW,OAAO,EAAEX,WAAW,GAAG,UAAU,GAAG,WAAW;IAC/CY,IAAI,EAAElC,KAAK;IACXmC,aAAa,EAAE,MAAM;IACrBC,QAAQ,EACN,OAAOnB,iBAAiB,KAAK,SAAS,GAAG,CAACA,iBAAiB,GAAG;EAAK,GAClEC,WAAW,CACf;EAED,OACE5B,KAAA,CAAA+C,aAAA;IAAMC,QAAQ,EAAE,CAAC,CAAE;IAACC,GAAG,EAAEhB,gBAAiB;IAACf,SAAS,EAAC;EAAc,GAChEE,iBAAiB,GAChBpB,KAAA,CAAA+C,aAAA,CAAC1C,MAAM;IACLsC,OAAO,EAAC,cAAc;IACtBO,KAAK,EAAEnB,gBAAiB;IACxBU,iBAAiB,EAAEA,iBAAkB;IACrCU,SAAS,EAAEhB;EAAY,CACxB,CAAC,GAEFnC,KAAA,CAAA+C,aAAA,CAAC3C,MAAM,EAAAgD,QAAA,KACDX,iBAAiB;IACrBY,QAAQ,EAAElB;EAAY,GAClBP,WAAW,GAEdC,WACK,CAEN,CAAC;AAEX","ignoreList":[]}
1	+ {"version":3,"file":"ResetButton.js","names":["React","useCallback","useContext","classnames","Button","Dialog","useTranslation","IterateItemContext","ToolbarContext","FieldBoundaryContext","reset","useHasContentChanged","omitDataValueReadWriteProps","ResetButton","props","text","children","onClick","className","hidden","showConfirmDialog","restProps","_objectWithoutProperties","_excluded","restoreOriginalValue","setShowBoundaryErrors","setShowError","hasContentChanged","buttonProps","resetButton","IterateEditContainer","confirmResetText","textContent","buttonWrapperRef","useRef","handleClick","close","event","_buttonWrapperRef$cur","current","focus","triggerAttributes","_objectSpread","variant","icon","icon_position","disabled","createElement","tabIndex","ref","title","onConfirm","_extends","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/ResetButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button, Dialog } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { reset } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport useHasContentChanged from '../../Form/Isolation/useHasContentChanged'\nimport { omitDataValueReadWriteProps } from '../../types'\n\ntype Props = ButtonProps & {\n showConfirmDialog?: boolean\n}\n\nexport default function ResetButton(props: Props) {\n const {\n text,\n children,\n onClick,\n className,\n hidden,\n showConfirmDialog = true,\n ...restProps\n } = props\n const { restoreOriginalValue } = useContext(IterateItemContext) \|\| {}\n const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) \|\| {}\n const { setShowError } = useContext(ToolbarContext) \|\| {}\n const { hasContentChanged } = useHasContentChanged()\n\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { resetButton } = useTranslation().IterateEditContainer\n const { confirmResetText } = useTranslation().IterateEditContainer\n const textContent = text \|\| children \|\| resetButton\n\n const buttonWrapperRef = React.useRef<HTMLButtonElement>(null)\n const handleClick = useCallback(\n ({ close, event }) => {\n close?.()\n onClick?.(event)\n restoreOriginalValue?.()\n setShowError(false)\n setShowBoundaryErrors?.(false)\n buttonWrapperRef.current?.focus()\n },\n [onClick, restoreOriginalValue, setShowBoundaryErrors, setShowError]\n )\n\n if (hidden) {\n return null\n }\n\n const triggerAttributes: ButtonProps = {\n className: classnames('dnb-forms-iterate__reset-button', className),\n text: textContent,\n variant: textContent ? 'tertiary' : 'secondary',\n icon: reset,\n icon_position: 'left',\n disabled:\n typeof hasContentChanged === 'boolean' ? !hasContentChanged : false,\n ...buttonProps,\n }\n\n return (\n <span tabIndex={-1} ref={buttonWrapperRef} className=\"dnb-no-focus\">\n {showConfirmDialog ? (\n <Dialog\n variant=\"confirmation\"\n title={confirmResetText}\n triggerAttributes={triggerAttributes}\n onConfirm={handleClick}\n />\n ) : (\n <Button\n {...triggerAttributes}\n on_click={handleClick}\n {...buttonProps}\n >\n {resetButton}\n </Button>\n )}\n </span>\n )\n}\n"],"mappings":"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","ignoreList":[]}

package/es/extensions/forms/Iterate/EditContainer/index.d.ts CHANGED Viewed

@@ -3,4 +3,4 @@ export * from './EditContainer';
 export { default as DoneButton } from './DoneButton';
 export { default as CancelButton } from './CancelButton';
 export { default as ResetButton } from './ResetButton';
-export { default as useHasContentChanged } from './useHasContentChanged';
+export { default as useHasContentChanged } from '../../Form/Isolation/useHasContentChanged';

package/es/extensions/forms/Iterate/EditContainer/index.js CHANGED Viewed

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

package/es/extensions/forms/Iterate/EditContainer/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["default","DoneButton","CancelButton","ResetButton","useHasContentChanged"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\nexport { default as DoneButton } from './DoneButton'\nexport { default as CancelButton } from './CancelButton'\nexport { default as ResetButton } from './ResetButton'\nexport { default as useHasContentChanged } from './useHasContentChanged'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB;AACxD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,oBAAoB,QAAQ,~~wBAAwB~~","ignoreList":[]}
1	+ {"version":3,"file":"index.js","names":["default","DoneButton","CancelButton","ResetButton","useHasContentChanged"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/index.ts"],"sourcesContent":["export { default } from './EditContainer'\nexport * from './EditContainer'\nexport { default as DoneButton } from './DoneButton'\nexport { default as CancelButton } from './CancelButton'\nexport { default as ResetButton } from './ResetButton'\nexport { default as useHasContentChanged } from '../../Form/Isolation/useHasContentChanged'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AACzC,cAAc,iBAAiB;AAC/B,SAASA,OAAO,IAAIC,UAAU,QAAQ,cAAc;AACpD,SAASD,OAAO,IAAIE,YAAY,QAAQ,gBAAgB;AACxD,SAASF,OAAO,IAAIG,WAAW,QAAQ,eAAe;AACtD,SAASH,OAAO,IAAII,oBAAoB,QAAQ,2CAA2C","ignoreList":[]}

package/es/extensions/forms/Iterate/PushButton/PushButton.js CHANGED Viewed

@@ -12,6 +12,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 {
@@ -34,6 +35,12 @@ function PushButton(props) {
   const {
     absolutePath
   } = useItemPath(itemPath);
+  const {
+    path: relativePath
+  } = usePath({
+    path,
+    itemPath
+  });
   const arrayValue = useDataValue().getValueByPath(path || absolutePath);
   const {
     hasReachedLimit,
@@ -54,14 +61,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/es/extensions/forms/Iterate/PushButton/PushButton.js.map CHANGED Viewed

	@@ -1 +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":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC/D,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SACEC,aAAa,EACbC,WAAW,EACXC,sBAAsB,QACjB,UAAU;AACjB,SAASC,2BAA2B,QAAc,aAAa;AAC/D,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,YAAY,MAAM,0BAA0B;AACnD,SAASC,kBAAkB,QAAQ,qCAAqC;AAaxE,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;IAAEC;EAAiB,CAAC,~~GAAGf~~,UAAU,CAACU,WAAW,CAAC,IAAI,CAAC,CAAC;EAC1D,~~MAAMM~~,kBAAkB,~~GAAGhB~~,UAAU,CAACI,kBAAkB,CAAC;EACzD,MAAM;~~IAAEa~~;EAAW,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EAE/C,MAAM;MACJE,SAAS;MACTC,SAAS;MACTC,IAAI;MACJC,QAAQ;MACRC,IAAI;MACJC;IAEF,CAAC,GAAGT,KAAK;IADJU,SAAS,GAAAC,wBAAA,CACVX,KAAK,EAAAY,SAAA;EACT,MAAMC,WAAW,~~GAAGnB~~,2BAA2B,~~CAACgB~~,SAAS,CAAC;EAE1D,MAAM;IAAEI;EAAa,CAAC,~~GAAGtB~~,WAAW,~~CAACe~~,QAAQ,CAAC;~~EAE9C~~,~~MAAMQ~~,~~UAAU~~,GAAGlB,YAAY,CAAC,CAAC,~~CAACmB~~,cAAc,~~CAACV~~,IAAI,IAAIQ,YAAY,CAAC;EAEtE,MAAM;~~IAAEG~~,eAAe;IAAEC;EAAc,CAAC,~~GAAG3B~~,aAAa,~~CAACe~~,IAAI,CAAC;EAE9D,~~IAAIS~~,UAAU,KAAKI,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACN,UAAU,CAAC,EAAE;IAC1D,MAAM,IAAIO,KAAK,CAAC,uCAAuC,CAAC;EAC1D;EAEA,MAAM;IAAEC;EAAyB,CAAC,~~GAAG9B~~,sBAAsB,~~CAACa~~,IAAI,CAAC;EAEjE,~~MAAMkB~~,WAAW,~~GAAGvC~~,WAAW,CAAC,YAAY;IAC1C,~~IAAIgC~~,eAAe,EAAE;MACnBC,aAAa,CAAC,IAAI,CAAC;MACnB;IACF;~~IAEA~~,MAAMO,QAAQ,GACZ,~~OAAOrB~~,SAAS,KAAK,UAAU,GAAGA,SAAS,~~CAACW~~,UAAU,CAAC,~~GAAGX~~,SAAS;IAErE,IAAID,UAAU,IAAI,CAACW,YAAY,EAAE;MAE/BX,UAAU,~~CAACsB~~,QAAQ,CAAC;IACtB,CAAC,MAAM;MAEL,~~OAAMxB~~,gBAAgB,aAAhBA,gBAAgB,uBAAhBA,gBAAgB,~~CAAGK~~,~~IAAI~~,~~IAAIQ~~,YAAY,EAAE,~~CAC7C~~,IAAIC,UAAU,aAAVA,UAAU,cAAVA,UAAU,GAAI,EAAE,CAAC,EACrBU,QAAQ,CACT,CAAC;IACJ;IAEA,IAAI,~~CAACX~~,YAAY,EAAE;~~MACjBY~~,UAAU,CAAC,MAAM;QACfH,wBAAwB,CAAC,MAAM,CAAC;MAClC,CAAC,EAAE,GAAG,CAAC;IACT;EACF,CAAC,EAAE,CACDR,UAAU,~~EACVD~~,YAAY,EACZb,gBAAgB,EAChBE,UAAU,~~EACVc~~,eAAe,~~EACfX~~,~~IAAI~~,~~EACJF~~,SAAS,~~EACTmB~~,wBAAwB,EACxBL,aAAa,CACd,CAAC;EAEF,MAAMS,OAAO,~~GAAGxC~~,OAAO,CAAC,MAAM;IAC5B,~~IAAIsB~~,QAAQ,IAAID,IAAI,EAAE;MACpB,~~MAAMoB~~,GAAG,~~GAAG9B~~,kBAAkB,CAACW,QAAQ,IAAID,IAAI,CAAC;MAEhD,~~IAAIoB~~,GAAG,CAACC,QAAQ,CAAC,cAAc,CAAC,EAAE;QAChC,MAAMC,UAAU,GAAG,CAAC,CAAAf,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEgB,MAAM,KAAI,CAAC,IAAI,CAAC;QAChD,OAAOH,GAAG,CAACI,OAAO,CAAC,cAAc,EAAEC,MAAM,CAACH,UAAU,CAAC,CAAC;MACxD;IACF;IAEA,~~OAAOrB~~,QAAQ,IAAID,IAAI;EACzB,CAAC,EAAE,~~CAACO~~,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEgB,MAAM,~~EAAEtB~~,QAAQ,EAAED,IAAI,CAAC,CAAC;EAExC,~~OACExB~~,KAAA,~~CAAAkD~~,aAAA,~~CAAC7C~~,MAAM,~~EAAA8C~~,QAAA;~~IACL9B~~,SAAS,~~EAAEjB~~,UAAU,CAAC,+BAA+B,~~EAAEiB~~,SAAS,CAAE;~~IAClE+B~~,OAAO,EAAC,WAAW;IACnBC,IAAI,~~EAAE1C~~,GAAI;~~IACV2C~~,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEf;EAAY,~~GAClBX~~,WAAW,~~GAEdc~~,OACK,CAAC;AAEb;~~AAEA5B~~,UAAU,~~CAACyC~~,qBAAqB,GAAG,IAAI;AACvC,~~eAAezC~~,UAAU","ignoreList":[]}
1	+ {"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/es/extensions/forms/Iterate/PushContainer/PushContainer.d.ts CHANGED Viewed

@@ -59,7 +59,14 @@ export type Props = (OnlyPathRequired | OnlyItemPathRequired) & {
     /**
      * If the container should be committed before the form is submitted.
      */
+    /**
+     * @deprecated – Replaced with preventUncommittedChanges, requireCommit will be removed in v11.
+     */
     requireCommit?: boolean;
+    /**
+     * Prevents uncommitted changes before the form is submitted. Will display an error message if user tries to submit without committing their changes.
+     */
+    preventUncommittedChanges?: boolean;
     /**
      * Show a button to clear the PushContainer data.
      */