@dnb/eufemia 10.69.0 → 10.70.0

package/cjs/extensions/forms/Form/Visibility/VisibilityContext.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
 import { Props } from './Visibility';
 type VisibilityContext = {
+    isVisible: boolean;
+    keepInDOM: boolean;
     inheritVisibility?: boolean;
-    isVisible?: boolean;
     props?: Props;
 };
 declare const VisibilityContext: import("react").Context<VisibilityContext>;

package/cjs/extensions/forms/Form/Visibility/VisibilityContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityContext.js","names":["_react","require","VisibilityContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { Props } from './Visibility'\n\ntype VisibilityContext = {\n  inheritVisibility?: boolean\n  isVisible?: boolean\n  props?: Props\n}\n\nconst VisibilityContext = createContext<VisibilityContext>(null)\n\nexport default VisibilityContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,MAAMC,iBAAiB,GAAG,IAAAC,oBAAa,EAAoB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjDJ,iBAAiB","ignoreList":[]}
+{"version":3,"file":"VisibilityContext.js","names":["_react","require","VisibilityContext","createContext","_default","exports","default"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityContext.ts"],"sourcesContent":["import { createContext } from 'react'\nimport { Props } from './Visibility'\n\ntype VisibilityContext = {\n  isVisible: boolean\n  keepInDOM: boolean\n  inheritVisibility?: boolean\n  props?: Props\n}\n\nconst VisibilityContext = createContext<VisibilityContext>(null)\n\nexport default VisibilityContext\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,MAAMC,iBAAiB,GAAG,IAAAC,oBAAa,EAAoB,IAAI,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEjDJ,iBAAiB","ignoreList":[]}

package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js

@@ -7,7 +7,7 @@ exports.VisibilityProperties = exports.VisibilityEvents = void 0;
 var _HeightAnimationDocs = require("../../../../components/height-animation/HeightAnimationDocs");
 const VisibilityProperties = exports.VisibilityProperties = {
   visibleWhen: {
-    doc: 'Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the expected value in order to show children. The first parameter is the value of the path. You can also use `isValid` instead of `hasValue` to only show the children when the field has no errors and has lost focus (blurred). You can change that behavior by using the `validateContinuously` property.',
+    doc: 'Provide a `path` or `itemPath`, and a `hasValue` function that returns either a boolean or the expected value to determine whether the children should be shown. The first parameter passed to `hasValue` is the value at the given `path`. If the `path` does not exist, the value will be `undefined`. \nAlternatively, you can use `isValid` instead of `hasValue` to show the children only when the field has no validation errors and has been blurred (lost focus). You can change this behavior by setting the `validateContinuously` property.',
     type: 'object',
     status: 'optional'
   },

package/cjs/extensions/forms/Form/Visibility/VisibilityDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisibilityDocs.js","names":["_HeightAnimationDocs","require","VisibilityProperties","exports","visibleWhen","doc","type","status","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","inferData","visible","animate","keepInDOM","compensateForGap","filterData","fieldPropsWhenHidden","element","children","VisibilityEvents","onVisible","HeightAnimationEvents","onOpen","onAnimationEnd"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { HeightAnimationEvents } from '../../../../components/height-animation/HeightAnimationDocs'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  visibleWhen: {\n    doc: 'Provide a `path` or `itemPath` and a `hasValue` method that returns a boolean or the expected value in order to show children. The first parameter is the value of the path. You can also use `isValid` instead of `hasValue` to only show the children when the field has no errors and has lost focus (blurred). You can change that behavior by using the `validateContinuously` property.',\n    type: 'object',\n    status: 'optional',\n  },\n  visibleWhenNot: {\n    doc: 'Same as `visibleWhen`, but with inverted logic.',\n    type: 'object',\n    status: 'optional',\n  },\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly using the `visible` prop. When used alongside other conditions, the `visible` prop takes precedence.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  compensateForGap: {\n    doc: 'To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterData: {\n    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',\n    type: ['object', 'function'],\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n\nexport const VisibilityEvents: PropertiesTableProps = {\n  onVisible: {\n    doc: 'Callback for when the content gets visible. Returns a boolean as the first parameter.',\n    type: HeightAnimationEvents.onOpen.type,\n    status: 'optional',\n  },\n  onAnimationEnd: HeightAnimationEvents.onAnimationEnd,\n}\n"],"mappings":";;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AAEO,MAAMC,oBAA0C,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EACxDE,WAAW,EAAE;IACXC,GAAG,EAAE,+XAA+X;IACpYC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,UAAU,EAAE;IACVN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,gBAAgB,EAAE;IAChBd,GAAG,EAAE,gJAAgJ;IACrJC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDc,oBAAoB,EAAE;IACpBhB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,OAAO,EAAE;IACPjB,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDgB,QAAQ,EAAE;IACRlB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMiB,gBAAsC,GAAArB,OAAA,CAAAqB,gBAAA,GAAG;EACpDC,SAAS,EAAE;IACTpB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAEoB,0CAAqB,CAACC,MAAM,CAACrB,IAAI;IACvCC,MAAM,EAAE;EACV,CAAC;EACDqB,cAAc,EAAEF,0CAAqB,CAACE;AACxC,CAAC","ignoreList":[]}
+{"version":3,"file":"VisibilityDocs.js","names":["_HeightAnimationDocs","require","VisibilityProperties","exports","visibleWhen","doc","type","status","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","inferData","visible","animate","keepInDOM","compensateForGap","filterData","fieldPropsWhenHidden","element","children","VisibilityEvents","onVisible","HeightAnimationEvents","onOpen","onAnimationEnd"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\nimport { HeightAnimationEvents } from '../../../../components/height-animation/HeightAnimationDocs'\n\nexport const VisibilityProperties: PropertiesTableProps = {\n  visibleWhen: {\n    doc: 'Provide a `path` or `itemPath`, and a `hasValue` function that returns either a boolean or the expected value to determine whether the children should be shown. The first parameter passed to `hasValue` is the value at the given `path`. If the `path` does not exist, the value will be `undefined`. \\nAlternatively, you can use `isValid` instead of `hasValue` to show the children only when the field has no validation errors and has been blurred (lost focus). You can change this behavior by setting the `validateContinuously` property.',\n    type: 'object',\n    status: 'optional',\n  },\n  visibleWhenNot: {\n    doc: 'Same as `visibleWhen`, but with inverted logic.',\n    type: 'object',\n    status: 'optional',\n  },\n  pathDefined: {\n    doc: 'Given data context path must be defined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathUndefined: {\n    doc: 'Given data context path must be undefined to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTruthy: {\n    doc: 'Given data context path must be truthy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalsy: {\n    doc: 'Given data context path must be falsy to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathTrue: {\n    doc: 'Given data context path must be true to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  pathFalse: {\n    doc: 'Given data context path must be false to show children.',\n    type: 'string',\n    status: 'optional',\n  },\n  inferData: {\n    doc: 'Will be called to decide by external logic, and show/hide contents based on the return value.',\n    type: 'function',\n    status: 'optional',\n  },\n  visible: {\n    doc: 'Control visibility directly using the `visible` prop. When used alongside other conditions, the `visible` prop takes precedence.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  animate: {\n    doc: 'Define if the content should animate during show/hide.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keepInDOM: {\n    doc: \"Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.\",\n    type: 'boolean',\n    status: 'optional',\n  },\n  compensateForGap: {\n    doc: 'To compensate for CSS gap between the rows, so animation does not jump during the animation. Provide a CSS unit or `auto`. Defaults to `null`.',\n    type: 'string',\n    status: 'optional',\n  },\n  filterData: {\n    doc: 'Filter data based on provided criteria. More info about `filterData` can be found in the [Getting Started](/uilib/extensions/forms/getting-started/#filter-data) documentation.',\n    type: ['object', 'function'],\n    status: 'optional',\n  },\n  fieldPropsWhenHidden: {\n    doc: 'When visibility is hidden, and `keepInDOM` is true, pass these props to the children.',\n    type: 'various',\n    status: 'optional',\n  },\n  element: {\n    doc: 'Define the type of element. Defaults to `div`. Only for when `animate` is true.',\n    type: 'string or React.Element',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents.',\n    type: 'React.Node',\n    status: 'required',\n  },\n}\n\nexport const VisibilityEvents: PropertiesTableProps = {\n  onVisible: {\n    doc: 'Callback for when the content gets visible. Returns a boolean as the first parameter.',\n    type: HeightAnimationEvents.onOpen.type,\n    status: 'optional',\n  },\n  onAnimationEnd: HeightAnimationEvents.onAnimationEnd,\n}\n"],"mappings":";;;;;;AACA,IAAAA,oBAAA,GAAAC,OAAA;AAEO,MAAMC,oBAA0C,GAAAC,OAAA,CAAAD,oBAAA,GAAG;EACxDE,WAAW,EAAE;IACXC,GAAG,EAAE,yhBAAyhB;IAC9hBC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,cAAc,EAAE;IACdH,GAAG,EAAE,iDAAiD;IACtDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,WAAW,EAAE;IACXJ,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,aAAa,EAAE;IACbL,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,UAAU,EAAE;IACVN,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,SAAS,EAAE;IACTP,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,+FAA+F;IACpGC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDS,OAAO,EAAE;IACPX,GAAG,EAAE,kIAAkI;IACvIC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDU,OAAO,EAAE;IACPZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,SAAS,EAAE;IACTb,GAAG,EAAE,kGAAkG;IACvGC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,gBAAgB,EAAE;IAChBd,GAAG,EAAE,gJAAgJ;IACrJC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,UAAU,EAAE;IACVf,GAAG,EAAE,iLAAiL;IACtLC,IAAI,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5BC,MAAM,EAAE;EACV,CAAC;EACDc,oBAAoB,EAAE;IACpBhB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDe,OAAO,EAAE;IACPjB,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDgB,QAAQ,EAAE;IACRlB,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAEM,MAAMiB,gBAAsC,GAAArB,OAAA,CAAAqB,gBAAA,GAAG;EACpDC,SAAS,EAAE;IACTpB,GAAG,EAAE,uFAAuF;IAC5FC,IAAI,EAAEoB,0CAAqB,CAACC,MAAM,CAACrB,IAAI;IACvCC,MAAM,EAAE;EACV,CAAC;EACDqB,cAAc,EAAEF,0CAAqB,CAACE;AACxC,CAAC","ignoreList":[]}

package/cjs/extensions/forms/Form/Visibility/useVisibility.js

@@ -58,7 +58,7 @@ function useVisibility(props) {
       }
       const path = 'itemPath' in visibleWhen ? makeIteratePath(visibleWhen.itemPath) : makePath(visibleWhen.path);
       if ('isValid' in visibleWhen) {
-        const item = mountedFieldsRef.current[path];
+        const item = mountedFieldsRef.current.get(path);
         if (!item || item.isMounted !== true) {
           return visibleWhenNot ? true : false;
         }
@@ -66,23 +66,19 @@ function useVisibility(props) {
         return visibleWhenNot ? !result : result;
       }
       if ('hasValue' in visibleWhen || 'withValue' in visibleWhen) {
+        var _visibleWhen, _visibleWhen$hasValue, _visibleWhen2, _visibleWhen3;
         const hasPath = _jsonPointer.default.has(data, path);
-        if (hasPath) {
-          var _visibleWhen, _visibleWhen$hasValue, _visibleWhen2, _visibleWhen3;
-          const value = _jsonPointer.default.get(data, path);
-          if ((_visibleWhen = visibleWhen) !== null && _visibleWhen !== void 0 && _visibleWhen['withValue']) {
-            console.warn('VisibleWhen: "withValue" is deprecated, use "hasValue" instead');
-          }
-          const hasValue = (_visibleWhen$hasValue = (_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== null && _visibleWhen$hasValue !== void 0 ? _visibleWhen$hasValue : (_visibleWhen3 = visibleWhen) === null || _visibleWhen3 === void 0 ? void 0 : _visibleWhen3['withValue'];
-          const result = typeof hasValue === 'function' ? hasValue(value) === false : hasValue !== value;
-          if (visibleWhenNot) {
-            if (!result) {
-              return false;
-            }
-          } else if (result) {
+        const value = hasPath ? _jsonPointer.default.get(data, path) : undefined;
+        if ((_visibleWhen = visibleWhen) !== null && _visibleWhen !== void 0 && _visibleWhen['withValue']) {
+          console.warn('VisibleWhen: "withValue" is deprecated, use "hasValue" instead');
+        }
+        const hasValue = (_visibleWhen$hasValue = (_visibleWhen2 = visibleWhen) === null || _visibleWhen2 === void 0 ? void 0 : _visibleWhen2['hasValue']) !== null && _visibleWhen$hasValue !== void 0 ? _visibleWhen$hasValue : (_visibleWhen3 = visibleWhen) === null || _visibleWhen3 === void 0 ? void 0 : _visibleWhen3['withValue'];
+        const result = typeof hasValue === 'function' ? hasValue(value) === false : hasValue !== value;
+        if (visibleWhenNot) {
+          if (!result) {
             return false;
           }
-        } else {
+        } else if (result) {
           return false;
         }
       }

package/cjs/extensions/forms/Form/Visibility/useVisibility.js.map

@@ -1 +1 @@
-{"version":3,"file":"useVisibility.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_usePath","e","__esModule","default","useVisibility","props","hasFieldError","filterDataHandler","mountedFieldsRef","data","originalData","useContext","DataContext","makePath","makeIteratePath","usePath","propsRef","useRef","current","withinIterate","makeLocalPath","useCallback","path","check","visible","visibleWhen","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","filterData","arguments","length","undefined","itemPath","item","isMounted","result","continuousValidation","validateContinuously","isFocused","hasPath","pointer","has","_visibleWhen","_visibleWhen$hasValue","_visibleWhen2","_visibleWhen3","value","get","console","warn","hasValue","getValue","Boolean"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/useVisibility.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport usePath from '../../hooks/usePath'\nimport { Path } from '../../types'\nimport { Props } from './Visibility'\n\nexport type { Props }\n\nexport default function useVisibility(props?: Partial<Props>) {\n  const {\n    hasFieldError,\n    filterDataHandler,\n    mountedFieldsRef,\n    data: originalData,\n  } = useContext(DataContext)\n\n  const { makePath, makeIteratePath } = usePath()\n\n  // Forward props to the \"check\" method with ref to avoid infinite loop\n  const propsRef = useRef(props)\n  propsRef.current = props\n\n  const { withinIterate } = props || {}\n  const makeLocalPath = useCallback(\n    (path: Path) => {\n      if (withinIterate) {\n        return makeIteratePath(path)\n      }\n\n      return makePath(path)\n    },\n    [makeIteratePath, makePath, withinIterate]\n  )\n\n  const check = useCallback(\n    (\n      {\n        visible,\n        visibleWhen,\n        visibleWhenNot,\n        pathDefined,\n        pathUndefined,\n        pathTruthy,\n        pathFalsy,\n        pathTrue,\n        pathFalse,\n        pathValue,\n        whenValue,\n        inferData,\n        filterData,\n      }: Partial<Props> = propsRef.current\n    ) => {\n      if (typeof visible === 'boolean') {\n        return visible\n      }\n\n      const data =\n        (filterData && filterDataHandler?.(originalData, filterData)) ||\n        originalData\n\n      if (visibleWhen || visibleWhenNot) {\n        if (visibleWhenNot) {\n          visibleWhen = visibleWhenNot\n        }\n\n        const path =\n          'itemPath' in visibleWhen\n            ? makeIteratePath(visibleWhen.itemPath)\n            : makePath(visibleWhen.path)\n\n        if ('isValid' in visibleWhen) {\n          const item = mountedFieldsRef.current[path]\n          if (!item || item.isMounted !== true) {\n            return visibleWhenNot ? true : false\n          }\n          const result =\n            (visibleWhen.continuousValidation ||\n            visibleWhen.validateContinuously\n              ? true\n              : item.isFocused !== true) && hasFieldError(path) === false\n          return visibleWhenNot ? !result : result\n        }\n\n        if ('hasValue' in visibleWhen || 'withValue' in visibleWhen) {\n          const hasPath = pointer.has(data, path)\n\n          if (hasPath) {\n            const value = pointer.get(data, path)\n\n            if (visibleWhen?.['withValue']) {\n              console.warn(\n                'VisibleWhen: \"withValue\" is deprecated, use \"hasValue\" instead'\n              )\n            }\n\n            const hasValue =\n              visibleWhen?.['hasValue'] ?? visibleWhen?.['withValue']\n            const result =\n              typeof hasValue === 'function'\n                ? hasValue(value) === false\n                : hasValue !== value\n\n            if (visibleWhenNot) {\n              if (!result) {\n                return false\n              }\n            } else if (result) {\n              return false\n            }\n          } else {\n            return false\n          }\n        }\n      }\n\n      const getValue = (path: Path) => {\n        if (pointer.has(data, path)) {\n          return pointer.get(data, path)\n        }\n      }\n\n      if (pathDefined) {\n        return getValue(makeLocalPath(pathDefined)) !== undefined\n      }\n      if (pathUndefined) {\n        return getValue(makeLocalPath(pathUndefined)) === undefined\n      }\n\n      if (pathTrue && getValue(makeLocalPath(pathTrue)) !== true) {\n        return false\n      }\n      if (pathFalse && getValue(makeLocalPath(pathFalse)) !== false) {\n        return false\n      }\n\n      if (\n        pathTruthy &&\n        Boolean(getValue(makeLocalPath(pathTruthy))) === false\n      ) {\n        return false\n      }\n      if (\n        pathFalsy &&\n        Boolean(getValue(makeLocalPath(pathFalsy))) === true\n      ) {\n        return false\n      }\n\n      if (inferData && !inferData(data)) {\n        return false\n      }\n\n      // Deprecated can be removed in v11\n      if (pathValue && getValue(makeLocalPath(pathValue)) !== whenValue) {\n        return false\n      }\n\n      return true\n    },\n    [\n      filterDataHandler,\n      originalData,\n      makeLocalPath,\n      makeIteratePath,\n      makePath,\n      mountedFieldsRef,\n      hasFieldError,\n    ]\n  )\n\n  return { check }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAF,sBAAA,CAAAF,OAAA;AAAyC,SAAAE,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM1B,SAASG,aAAaA,CAACC,KAAsB,EAAE;EAC5D,MAAM;IACJC,aAAa;IACbC,iBAAiB;IACjBC,gBAAgB;IAChBC,IAAI,EAAEC;EACR,CAAC,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EAE3B,MAAM;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GAAG,IAAAC,gBAAO,EAAC,CAAC;EAG/C,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAACZ,KAAK,CAAC;EAC9BW,QAAQ,CAACE,OAAO,GAAGb,KAAK;EAExB,MAAM;IAAEc;EAAc,CAAC,GAAGd,KAAK,IAAI,CAAC,CAAC;EACrC,MAAMe,aAAa,GAAG,IAAAC,kBAAW,EAC9BC,IAAU,IAAK;IACd,IAAIH,aAAa,EAAE;MACjB,OAAOL,eAAe,CAACQ,IAAI,CAAC;IAC9B;IAEA,OAAOT,QAAQ,CAACS,IAAI,CAAC;EACvB,CAAC,EACD,CAACR,eAAe,EAAED,QAAQ,EAAEM,aAAa,CAC3C,CAAC;EAED,MAAMI,KAAK,GAAG,IAAAF,kBAAW,EACvB,YAgBK;IAAA,IAfH;MACEG,OAAO;MACPC,WAAW;MACXC,cAAc;MACdC,WAAW;MACXC,aAAa;MACbC,UAAU;MACVC,SAAS;MACTC,QAAQ;MACRC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC,SAAS;MACTC;IACc,CAAC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGrB,QAAQ,CAACE,OAAO;IAEpC,IAAI,OAAOM,OAAO,KAAK,SAAS,EAAE;MAChC,OAAOA,OAAO;IAChB;IAEA,MAAMf,IAAI,GACP2B,UAAU,KAAI7B,iBAAiB,aAAjBA,iBAAiB,uBAAjBA,iBAAiB,CAAGG,YAAY,EAAE0B,UAAU,CAAC,KAC5D1B,YAAY;IAEd,IAAIe,WAAW,IAAIC,cAAc,EAAE;MACjC,IAAIA,cAAc,EAAE;QAClBD,WAAW,GAAGC,cAAc;MAC9B;MAEA,MAAMJ,IAAI,GACR,UAAU,IAAIG,WAAW,GACrBX,eAAe,CAACW,WAAW,CAACe,QAAQ,CAAC,GACrC3B,QAAQ,CAACY,WAAW,CAACH,IAAI,CAAC;MAEhC,IAAI,SAAS,IAAIG,WAAW,EAAE;QAC5B,MAAMgB,IAAI,GAAGjC,gBAAgB,CAACU,OAAO,CAACI,IAAI,CAAC;QAC3C,IAAI,CAACmB,IAAI,IAAIA,IAAI,CAACC,SAAS,KAAK,IAAI,EAAE;UACpC,OAAOhB,cAAc,GAAG,IAAI,GAAG,KAAK;QACtC;QACA,MAAMiB,MAAM,GACV,CAAClB,WAAW,CAACmB,oBAAoB,IACjCnB,WAAW,CAACoB,oBAAoB,GAC5B,IAAI,GACJJ,IAAI,CAACK,SAAS,KAAK,IAAI,KAAKxC,aAAa,CAACgB,IAAI,CAAC,KAAK,KAAK;QAC/D,OAAOI,cAAc,GAAG,CAACiB,MAAM,GAAGA,MAAM;MAC1C;MAEA,IAAI,UAAU,IAAIlB,WAAW,IAAI,WAAW,IAAIA,WAAW,EAAE;QAC3D,MAAMsB,OAAO,GAAGC,oBAAO,CAACC,GAAG,CAACxC,IAAI,EAAEa,IAAI,CAAC;QAEvC,IAAIyB,OAAO,EAAE;UAAA,IAAAG,YAAA,EAAAC,qBAAA,EAAAC,aAAA,EAAAC,aAAA;UACX,MAAMC,KAAK,GAAGN,oBAAO,CAACO,GAAG,CAAC9C,IAAI,EAAEa,IAAI,CAAC;UAErC,KAAA4B,YAAA,GAAIzB,WAAW,cAAAyB,YAAA,eAAXA,YAAA,CAAc,WAAW,CAAC,EAAE;YAC9BM,OAAO,CAACC,IAAI,CACV,gEACF,CAAC;UACH;UAEA,MAAMC,QAAQ,IAAAP,qBAAA,IAAAC,aAAA,GACZ3B,WAAW,cAAA2B,aAAA,uBAAXA,aAAA,CAAc,UAAU,CAAC,cAAAD,qBAAA,cAAAA,qBAAA,IAAAE,aAAA,GAAI5B,WAAW,cAAA4B,aAAA,uBAAXA,aAAA,CAAc,WAAW,CAAC;UACzD,MAAMV,MAAM,GACV,OAAOe,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,CAACJ,KAAK,CAAC,KAAK,KAAK,GACzBI,QAAQ,KAAKJ,KAAK;UAExB,IAAI5B,cAAc,EAAE;YAClB,IAAI,CAACiB,MAAM,EAAE;cACX,OAAO,KAAK;YACd;UACF,CAAC,MAAM,IAAIA,MAAM,EAAE;YACjB,OAAO,KAAK;UACd;QACF,CAAC,MAAM;UACL,OAAO,KAAK;QACd;MACF;IACF;IAEA,MAAMgB,QAAQ,GAAIrC,IAAU,IAAK;MAC/B,IAAI0B,oBAAO,CAACC,GAAG,CAACxC,IAAI,EAAEa,IAAI,CAAC,EAAE;QAC3B,OAAO0B,oBAAO,CAACO,GAAG,CAAC9C,IAAI,EAAEa,IAAI,CAAC;MAChC;IACF,CAAC;IAED,IAAIK,WAAW,EAAE;MACf,OAAOgC,QAAQ,CAACvC,aAAa,CAACO,WAAW,CAAC,CAAC,KAAKY,SAAS;IAC3D;IACA,IAAIX,aAAa,EAAE;MACjB,OAAO+B,QAAQ,CAACvC,aAAa,CAACQ,aAAa,CAAC,CAAC,KAAKW,SAAS;IAC7D;IAEA,IAAIR,QAAQ,IAAI4B,QAAQ,CAACvC,aAAa,CAACW,QAAQ,CAAC,CAAC,KAAK,IAAI,EAAE;MAC1D,OAAO,KAAK;IACd;IACA,IAAIC,SAAS,IAAI2B,QAAQ,CAACvC,aAAa,CAACY,SAAS,CAAC,CAAC,KAAK,KAAK,EAAE;MAC7D,OAAO,KAAK;IACd;IAEA,IACEH,UAAU,IACV+B,OAAO,CAACD,QAAQ,CAACvC,aAAa,CAACS,UAAU,CAAC,CAAC,CAAC,KAAK,KAAK,EACtD;MACA,OAAO,KAAK;IACd;IACA,IACEC,SAAS,IACT8B,OAAO,CAACD,QAAQ,CAACvC,aAAa,CAACU,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,EACpD;MACA,OAAO,KAAK;IACd;IAEA,IAAIK,SAAS,IAAI,CAACA,SAAS,CAAC1B,IAAI,CAAC,EAAE;MACjC,OAAO,KAAK;IACd;IAGA,IAAIwB,SAAS,IAAI0B,QAAQ,CAACvC,aAAa,CAACa,SAAS,CAAC,CAAC,KAAKC,SAAS,EAAE;MACjE,OAAO,KAAK;IACd;IAEA,OAAO,IAAI;EACb,CAAC,EACD,CACE3B,iBAAiB,EACjBG,YAAY,EACZU,aAAa,EACbN,eAAe,EACfD,QAAQ,EACRL,gBAAgB,EAChBF,aAAa,CAEjB,CAAC;EAED,OAAO;IAAEiB;EAAM,CAAC;AAClB","ignoreList":[]}
+{"version":3,"file":"useVisibility.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_Context","_usePath","e","__esModule","default","useVisibility","props","hasFieldError","filterDataHandler","mountedFieldsRef","data","originalData","useContext","DataContext","makePath","makeIteratePath","usePath","propsRef","useRef","current","withinIterate","makeLocalPath","useCallback","path","check","visible","visibleWhen","visibleWhenNot","pathDefined","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","filterData","arguments","length","undefined","itemPath","item","get","isMounted","result","continuousValidation","validateContinuously","isFocused","_visibleWhen","_visibleWhen$hasValue","_visibleWhen2","_visibleWhen3","hasPath","pointer","has","value","console","warn","hasValue","getValue","Boolean"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/useVisibility.tsx"],"sourcesContent":["import { useCallback, useContext, useRef } from 'react'\nimport pointer from '../../utils/json-pointer'\nimport DataContext from '../../DataContext/Context'\nimport usePath from '../../hooks/usePath'\nimport { Path } from '../../types'\nimport { Props } from './Visibility'\n\nexport type { Props }\n\nexport default function useVisibility(props?: Partial<Props>) {\n  const {\n    hasFieldError,\n    filterDataHandler,\n    mountedFieldsRef,\n    data: originalData,\n  } = useContext(DataContext)\n\n  const { makePath, makeIteratePath } = usePath()\n\n  // Forward props to the \"check\" method with ref to avoid infinite loop\n  const propsRef = useRef(props)\n  propsRef.current = props\n\n  const { withinIterate } = props || {}\n  const makeLocalPath = useCallback(\n    (path: Path) => {\n      if (withinIterate) {\n        return makeIteratePath(path)\n      }\n\n      return makePath(path)\n    },\n    [makeIteratePath, makePath, withinIterate]\n  )\n\n  const check = useCallback(\n    (\n      {\n        visible,\n        visibleWhen,\n        visibleWhenNot,\n        pathDefined,\n        pathUndefined,\n        pathTruthy,\n        pathFalsy,\n        pathTrue,\n        pathFalse,\n        pathValue,\n        whenValue,\n        inferData,\n        filterData,\n      }: Partial<Props> = propsRef.current\n    ) => {\n      if (typeof visible === 'boolean') {\n        return visible\n      }\n\n      const data =\n        (filterData && filterDataHandler?.(originalData, filterData)) ||\n        originalData\n\n      if (visibleWhen || visibleWhenNot) {\n        if (visibleWhenNot) {\n          visibleWhen = visibleWhenNot\n        }\n\n        const path =\n          'itemPath' in visibleWhen\n            ? makeIteratePath(visibleWhen.itemPath)\n            : makePath(visibleWhen.path)\n\n        if ('isValid' in visibleWhen) {\n          const item = mountedFieldsRef.current.get(path)\n          if (!item || item.isMounted !== true) {\n            return visibleWhenNot ? true : false\n          }\n          const result =\n            (visibleWhen.continuousValidation ||\n            visibleWhen.validateContinuously\n              ? true\n              : item.isFocused !== true) && hasFieldError(path) === false\n          return visibleWhenNot ? !result : result\n        }\n\n        if ('hasValue' in visibleWhen || 'withValue' in visibleWhen) {\n          const hasPath = pointer.has(data, path)\n          const value = hasPath ? pointer.get(data, path) : undefined\n\n          if (visibleWhen?.['withValue']) {\n            console.warn(\n              'VisibleWhen: \"withValue\" is deprecated, use \"hasValue\" instead'\n            )\n          }\n\n          const hasValue =\n            visibleWhen?.['hasValue'] ?? visibleWhen?.['withValue']\n          const result =\n            typeof hasValue === 'function'\n              ? hasValue(value) === false\n              : hasValue !== value\n\n          if (visibleWhenNot) {\n            if (!result) {\n              return false\n            }\n          } else if (result) {\n            return false\n          }\n        }\n      }\n\n      const getValue = (path: Path) => {\n        if (pointer.has(data, path)) {\n          return pointer.get(data, path)\n        }\n      }\n\n      if (pathDefined) {\n        return getValue(makeLocalPath(pathDefined)) !== undefined\n      }\n      if (pathUndefined) {\n        return getValue(makeLocalPath(pathUndefined)) === undefined\n      }\n\n      if (pathTrue && getValue(makeLocalPath(pathTrue)) !== true) {\n        return false\n      }\n      if (pathFalse && getValue(makeLocalPath(pathFalse)) !== false) {\n        return false\n      }\n\n      if (\n        pathTruthy &&\n        Boolean(getValue(makeLocalPath(pathTruthy))) === false\n      ) {\n        return false\n      }\n      if (\n        pathFalsy &&\n        Boolean(getValue(makeLocalPath(pathFalsy))) === true\n      ) {\n        return false\n      }\n\n      if (inferData && !inferData(data)) {\n        return false\n      }\n\n      // Deprecated can be removed in v11\n      if (pathValue && getValue(makeLocalPath(pathValue)) !== whenValue) {\n        return false\n      }\n\n      return true\n    },\n    [\n      filterDataHandler,\n      originalData,\n      makeLocalPath,\n      makeIteratePath,\n      makePath,\n      mountedFieldsRef,\n      hasFieldError,\n    ]\n  )\n\n  return { check }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,3 +1,4 @@
+import { HeightAnimationProps } from '../../../../components/HeightAnimation';
 import { Props as FlexContainerProps } from '../../../../components/flex/Container';
 import { ContainerMode } from './types';
 export type ArrayItemAreaProps = {
@@ -13,8 +14,8 @@ export type Props = {
     open?: boolean | undefined;
     ariaLabel?: string;
     openDelay?: number;
-} & ArrayItemAreaProps;
-declare function ArrayItemArea(props: Props & FlexContainerProps): import("react/jsx-runtime").JSX.Element;
+} & ArrayItemAreaProps & Pick<HeightAnimationProps, 'onAnimationEnd'>;
+declare function ArrayItemArea(props: Props & Omit<FlexContainerProps, 'onAnimationEnd'>): import("react/jsx-runtime").JSX.Element;
 declare namespace ArrayItemArea {
     var _supportsSpacingProps: boolean;
 }

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

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

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

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = CancelButton;
 exports.useWasNew = useWasNew;
 var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../../components");
 var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation"));
 var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
@@ -16,7 +17,7 @@ var _FieldBoundaryContext = _interopRequireDefault(require("../../DataContext/Fi
 var _icons = require("../../../../icons");
 var _RemoveButton = _interopRequireDefault(require("../RemoveButton"));
 var _Fragment;
-const _excluded = ["onClick"];
+const _excluded = ["onClick", "className"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -25,7 +26,8 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function CancelButton(props) {
   const {
-      onClick
+      onClick,
+      className
     } = props,
     rest = _objectWithoutProperties(props, _excluded);
   const {
@@ -80,6 +82,7 @@ function CancelButton(props) {
   }
   return _react.default.createElement(_components.Button, _extends({
     variant: "tertiary",
+    className: (0, _classnames.default)('dnb-forms-iterate__cancel-button', className),
     icon: _icons.close,
     icon_position: "left",
     on_click: cancelHandler

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

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_icons","_RemoveButton","_Fragment","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","CancelButton","props","onClick","rest","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","isNew","index","useContext","IterateItemContext","setShowBoundaryErrors","FieldBoundaryContext","setShowError","ToolbarContext","cancelButton","removeButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","cancelHandler","useCallback","_ref","event","wasNew","useWasNew","createElement","Fragment","text","Button","variant","icon","close","icon_position","on_click","_ref2","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/CancelButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { close } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport RemoveButton, { Props as RemoveButtonProps } from '../RemoveButton'\nimport { ContainerMode } from '../Array'\n\ntype Props = ButtonProps\n\nexport default function CancelButton(props: Props) {\n  const { onClick, ...rest } = props\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    isNew,\n    index,\n  } = useContext(IterateItemContext) || {}\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n\n  const { cancelButton, removeButton } =\n    useTranslation().IterateEditContainer\n  const valueBackupRef = useRef<unknown>()\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const cancelHandler = useCallback(\n    ({ event }: { event: React.MouseEvent<HTMLButtonElement> }) => {\n      onClick?.(event)\n      restoreOriginalValue?.(valueBackupRef.current)\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      switchContainerMode?.('view')\n    },\n    [\n      onClick,\n      restoreOriginalValue,\n      setShowBoundaryErrors,\n      setShowError,\n      switchContainerMode,\n    ]\n  )\n\n  const wasNew = useWasNew({ isNew, containerMode })\n\n  if (containerMode === 'edit' && arrayValue?.length === 0) {\n    return <></>\n  }\n\n  if (wasNew) {\n    return (\n      <RemoveButton\n        text={removeButton}\n        onClick={onClick}\n        {...(rest as RemoveButtonProps)}\n      />\n    )\n  }\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      icon={close}\n      icon_position=\"left\"\n      on_click={cancelHandler}\n      {...rest}\n    >\n      {cancelButton}\n    </Button>\n  )\n}\n\nexport function useWasNew({\n  isNew,\n  containerMode,\n}: {\n  isNew: boolean\n  containerMode: ContainerMode\n}) {\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  return wasNewRef.current\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CancelButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_useTranslation","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_icons","_RemoveButton","_Fragment","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","CancelButton","props","onClick","className","rest","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","isNew","index","useContext","IterateItemContext","setShowBoundaryErrors","FieldBoundaryContext","setShowError","ToolbarContext","cancelButton","removeButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","cancelHandler","useCallback","_ref","event","wasNew","useWasNew","createElement","Fragment","text","Button","variant","classnames","icon","close","icon_position","on_click","_ref2","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/CancelButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { close } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\nimport RemoveButton, { Props as RemoveButtonProps } from '../RemoveButton'\nimport { ContainerMode } from '../Array'\n\ntype Props = ButtonProps\n\nexport default function CancelButton(props: Props) {\n  const { onClick, className, ...rest } = props\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    isNew,\n    index,\n  } = useContext(IterateItemContext) || {}\n  const { setShowBoundaryErrors } = useContext(FieldBoundaryContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n\n  const { cancelButton, removeButton } =\n    useTranslation().IterateEditContainer\n  const valueBackupRef = useRef<unknown>()\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const cancelHandler = useCallback(\n    ({ event }: { event: React.MouseEvent<HTMLButtonElement> }) => {\n      onClick?.(event)\n      restoreOriginalValue?.(valueBackupRef.current)\n      setShowError(false)\n      setShowBoundaryErrors?.(false)\n      switchContainerMode?.('view')\n    },\n    [\n      onClick,\n      restoreOriginalValue,\n      setShowBoundaryErrors,\n      setShowError,\n      switchContainerMode,\n    ]\n  )\n\n  const wasNew = useWasNew({ isNew, containerMode })\n\n  if (containerMode === 'edit' && arrayValue?.length === 0) {\n    return <></>\n  }\n\n  if (wasNew) {\n    return (\n      <RemoveButton\n        text={removeButton}\n        onClick={onClick}\n        {...(rest as RemoveButtonProps)}\n      />\n    )\n  }\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      className={classnames('dnb-forms-iterate__cancel-button', className)}\n      icon={close}\n      icon_position=\"left\"\n      on_click={cancelHandler}\n      {...rest}\n    >\n      {cancelButton}\n    </Button>\n  )\n}\n\nexport function useWasNew({\n  isNew,\n  containerMode,\n}: {\n  isNew: boolean\n  containerMode: ContainerMode\n}) {\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  return wasNewRef.current\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,mBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,eAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,qBAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAEA,IAAAS,aAAA,GAAAP,sBAAA,CAAAF,OAAA;AAA0E,IAAAU,SAAA;AAAA,MAAAC,SAAA;AAAA,SAAAT,uBAAAU,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,yBAAA1B,CAAA,EAAAM,CAAA,gBAAAN,CAAA,iBAAA2B,CAAA,EAAAtB,CAAA,EAAAa,CAAA,GAAAU,6BAAA,CAAA5B,CAAA,EAAAM,CAAA,OAAAM,MAAA,CAAAiB,qBAAA,QAAApB,CAAA,GAAAG,MAAA,CAAAiB,qBAAA,CAAA7B,CAAA,QAAAK,CAAA,MAAAA,CAAA,GAAAI,CAAA,CAAAe,MAAA,EAAAnB,CAAA,IAAAsB,CAAA,GAAAlB,CAAA,CAAAJ,CAAA,UAAAC,CAAA,CAAAwB,OAAA,CAAAH,CAAA,QAAAI,oBAAA,CAAAd,IAAA,CAAAjB,CAAA,EAAA2B,CAAA,MAAAT,CAAA,CAAAS,CAAA,IAAA3B,CAAA,CAAA2B,CAAA,aAAAT,CAAA;AAAA,SAAAU,8BAAAvB,CAAA,EAAAL,CAAA,gBAAAK,CAAA,iBAAAC,CAAA,gBAAAG,CAAA,IAAAJ,CAAA,SAAAW,cAAA,CAAAC,IAAA,CAAAZ,CAAA,EAAAI,CAAA,gBAAAT,CAAA,CAAA8B,OAAA,CAAArB,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAJ,CAAA,CAAAI,CAAA,YAAAH,CAAA;AAK3D,SAAS0B,YAAYA,CAACC,KAAY,EAAE;EACjD,MAAM;MAAEC,OAAO;MAAEC;IAAmB,CAAC,GAAGF,KAAK;IAAdG,IAAI,GAAAV,wBAAA,CAAKO,KAAK,EAAAlC,SAAA;EAC7C,MAAM;IACJsC,oBAAoB;IACpBC,mBAAmB;IACnBC,aAAa;IACbC,UAAU;IACVC,KAAK;IACLC;EACF,CAAC,GAAG,IAAAC,iBAAU,EAACC,2BAAkB,CAAC,IAAI,CAAC,CAAC;EACxC,MAAM;IAAEC;EAAsB,CAAC,GAAG,IAAAF,iBAAU,EAACG,6BAAoB,CAAC,IAAI,CAAC,CAAC;EACxE,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAJ,iBAAU,EAACK,uBAAc,CAAC,IAAI,CAAC,CAAC;EAEzD,MAAM;IAAEC,YAAY;IAAEC;EAAa,CAAC,GAClC,IAAAC,uBAAc,EAAC,CAAC,CAACC,oBAAoB;EACvC,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAU,CAAC;EAExC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIhB,aAAa,KAAK,MAAM,IAAI,CAACc,cAAc,CAACG,OAAO,EAAE;MACvDH,cAAc,CAACG,OAAO,GAAGhB,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGE,KAAK,CAAC;IAC9C;IACA,IAAIH,aAAa,KAAK,MAAM,EAAE;MAC5Bc,cAAc,CAACG,OAAO,GAAG,IAAI;IAC/B;EACF,CAAC,EAAE,CAAChB,UAAU,EAAED,aAAa,EAAEG,KAAK,CAAC,CAAC;EAEtC,MAAMe,aAAa,GAAG,IAAAC,kBAAW,EAC/BC,IAAA,IAA+D;IAAA,IAA9D;MAAEC;IAAsD,CAAC,GAAAD,IAAA;IACxDzB,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAG0B,KAAK,CAAC;IAChBvB,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGgB,cAAc,CAACG,OAAO,CAAC;IAC9CT,YAAY,CAAC,KAAK,CAAC;IACnBF,qBAAqB,aAArBA,qBAAqB,uBAArBA,qBAAqB,CAAG,KAAK,CAAC;IAC9BP,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EACD,CACEJ,OAAO,EACPG,oBAAoB,EACpBQ,qBAAqB,EACrBE,YAAY,EACZT,mBAAmB,CAEvB,CAAC;EAED,MAAMuB,MAAM,GAAGC,SAAS,CAAC;IAAErB,KAAK;IAAEF;EAAc,CAAC,CAAC;EAElD,IAAIA,aAAa,KAAK,MAAM,IAAI,CAAAC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEhB,MAAM,MAAK,CAAC,EAAE;IACxD,OAAA1B,SAAA,KAAAA,SAAA,GAAOZ,MAAA,CAAAgB,OAAA,CAAA6D,aAAA,CAAA7E,MAAA,CAAAgB,OAAA,CAAA8D,QAAA,MAAI,CAAC;EACd;EAEA,IAAIH,MAAM,EAAE;IACV,OACE3E,MAAA,CAAAgB,OAAA,CAAA6D,aAAA,CAAClE,aAAA,CAAAK,OAAY,EAAAkB,QAAA;MACX6C,IAAI,EAAEf,YAAa;MACnBhB,OAAO,EAAEA;IAAQ,GACZE,IAAI,CACV,CAAC;EAEN;EAEA,OACElD,MAAA,CAAAgB,OAAA,CAAA6D,aAAA,CAACxE,WAAA,CAAA2E,MAAM,EAAA9C,QAAA;IACL+C,OAAO,EAAC,UAAU;IAClBhC,SAAS,EAAE,IAAAiC,mBAAU,EAAC,kCAAkC,EAAEjC,SAAS,CAAE;IACrEkC,IAAI,EAAEC,YAAM;IACZC,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEf;EAAc,GACpBrB,IAAI,GAEPa,YACK,CAAC;AAEb;AAEO,SAASa,SAASA,CAAAW,KAAA,EAMtB;EAAA,IANuB;IACxBhC,KAAK;IACLF;EAIF,CAAC,GAAAkC,KAAA;EACC,MAAMC,SAAS,GAAG,IAAApB,aAAM,EAAUb,KAAK,CAAC;EAExC,IAAAc,gBAAS,EAAC,MAAM;IACd,IAAIhB,aAAa,KAAK,MAAM,EAAE;MAC5BmC,SAAS,CAAClB,OAAO,GAAG,KAAK;IAC3B;EACF,CAAC,EAAE,CAACf,KAAK,EAAEF,aAAa,CAAC,CAAC;EAE1B,OAAOmC,SAAS,CAAClB,OAAO;AAC1B","ignoreList":[]}

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

@@ -75,7 +75,7 @@ function DoneButton(props) {
   }, [commitHandleRef, hasError, hasVisibleError, setShowBoundaryErrors, setShowError, switchContainerMode]);
   return _react.default.createElement(_components.Button, _extends({
     variant: "tertiary",
-    className: (0, _classnames.default)('dnb-push-container__done-button', className),
+    className: (0, _classnames.default)('dnb-forms-iterate__done-button', className),
     icon: _icons.check,
     icon_position: "left",
     on_click: doneHandler

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

@@ -1 +1 @@
-{"version":3,"file":"DoneButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_useTranslation","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_PushContainerContext","_icons","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","DoneButton","props","className","restProps","switchContainerMode","containerMode","arrayValue","index","useContext","IterateItemContext","hasError","hasVisibleError","setShowBoundaryErrors","FieldBoundaryContext","commitHandleRef","PushContainerContext","setShowError","ToolbarContext","doneButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","doneHandler","useCallback","_commitHandleRef$curr","createElement","Button","variant","classnames","icon","check","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/DoneButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport PushContainerContext from '../PushContainer/PushContainerContext'\nimport { check } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\n\ntype Props = ButtonProps\n\nexport default function DoneButton(props: Props) {\n  const { className, ...restProps } = props\n  const { switchContainerMode, containerMode, arrayValue, index } =\n    useContext(IterateItemContext) || {}\n  const { hasError, hasVisibleError, setShowBoundaryErrors } =\n    useContext(FieldBoundaryContext) || {}\n  const { commitHandleRef } = useContext(PushContainerContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n\n  const { doneButton } = useTranslation().IterateEditContainer\n  const valueBackupRef = useRef<unknown>()\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const doneHandler = useCallback(() => {\n    if (hasError) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowBoundaryErrors?.(false)\n      setShowError(false)\n      if (commitHandleRef) {\n        commitHandleRef.current?.()\n      } else {\n        switchContainerMode?.('view')\n      }\n    }\n  }, [\n    commitHandleRef,\n    hasError,\n    hasVisibleError,\n    setShowBoundaryErrors,\n    setShowError,\n    switchContainerMode,\n  ])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      className={classnames('dnb-push-container__done-button', className)}\n      icon={check}\n      icon_position=\"left\"\n      on_click={doneHandler}\n      {...restProps}\n    >\n      {doneButton}\n    </Button>\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DoneButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_useTranslation","_IterateItemContext","_ToolbarContext","_FieldBoundaryContext","_PushContainerContext","_icons","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","DoneButton","props","className","restProps","switchContainerMode","containerMode","arrayValue","index","useContext","IterateItemContext","hasError","hasVisibleError","setShowBoundaryErrors","FieldBoundaryContext","commitHandleRef","PushContainerContext","setShowError","ToolbarContext","doneButton","useTranslation","IterateEditContainer","valueBackupRef","useRef","useEffect","current","doneHandler","useCallback","_commitHandleRef$curr","createElement","Button","variant","classnames","icon","check","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/DoneButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport ToolbarContext from '../Toolbar/ToolbarContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport PushContainerContext from '../PushContainer/PushContainerContext'\nimport { check } from '../../../../icons'\nimport { ButtonProps } from '../../../../components/Button'\n\ntype Props = ButtonProps\n\nexport default function DoneButton(props: Props) {\n  const { className, ...restProps } = props\n  const { switchContainerMode, containerMode, arrayValue, index } =\n    useContext(IterateItemContext) || {}\n  const { hasError, hasVisibleError, setShowBoundaryErrors } =\n    useContext(FieldBoundaryContext) || {}\n  const { commitHandleRef } = useContext(PushContainerContext) || {}\n  const { setShowError } = useContext(ToolbarContext) || {}\n\n  const { doneButton } = useTranslation().IterateEditContainer\n  const valueBackupRef = useRef<unknown>()\n\n  useEffect(() => {\n    if (containerMode === 'edit' && !valueBackupRef.current) {\n      valueBackupRef.current = arrayValue?.[index]\n    }\n    if (containerMode === 'view') {\n      valueBackupRef.current = null\n    }\n  }, [arrayValue, containerMode, index])\n\n  const doneHandler = useCallback(() => {\n    if (hasError) {\n      setShowBoundaryErrors?.(true)\n      if (hasVisibleError) {\n        setShowError(true)\n      }\n    } else {\n      setShowBoundaryErrors?.(false)\n      setShowError(false)\n      if (commitHandleRef) {\n        commitHandleRef.current?.()\n      } else {\n        switchContainerMode?.('view')\n      }\n    }\n  }, [\n    commitHandleRef,\n    hasError,\n    hasVisibleError,\n    setShowBoundaryErrors,\n    setShowError,\n    switchContainerMode,\n  ])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      className={classnames('dnb-forms-iterate__done-button', className)}\n      icon={check}\n      icon_position=\"left\"\n      on_click={doneHandler}\n      {...restProps}\n    >\n      {doneButton}\n    </Button>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/cjs/extensions/forms/Iterate/EditContainer/EditContainer.d.ts

@@ -23,7 +23,7 @@ export type Props = {
      */
     toolbarVariant?: ArrayItemAreaProps['toolbarVariant'];
 };
-export type AllProps = Props & FlexContainerProps & ArrayItemAreaProps;
+export type AllProps = Props & Omit<FlexContainerProps, 'onAnimationEnd'> & ArrayItemAreaProps;
 declare function EditContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace EditContainer {
     var DoneButton: typeof import("./DoneButton").default;
@@ -31,7 +31,7 @@ declare namespace EditContainer {
     var _supportsSpacingProps: boolean;
 }
 export default EditContainer;
-export declare function EditContainerWithoutToolbar(props: Props & FlexContainerProps & {
+export declare function EditContainerWithoutToolbar(props: Props & Omit<FlexContainerProps, 'onAnimationEnd'> & {
     toolbar?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare namespace EditContainerWithoutToolbar {

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

@@ -1 +1 @@
-{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateItemContext","_ArrayItemArea","_Toolbar2","_hooks","_DoneButton","_CancelButton","_ItemNo","_Fragment","_Toolbar","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","EditContainer","props","toolbar","toolbarVariant","children","rest","arrayValue","useContext","IterateItemContext","toolbarElement","createElement","Fragment","hasToolbar","React","Children","toArray","some","child","Toolbar","EditContainerWithoutToolbar","containerMode","isNew","index","path","_ref","className","title","titleWhenNew","restProps","wasNew","useWasNew","itemTitle","useMemo","replaceItemNo","useSwitchContainerMode","mode","classnames","ariaLabel","convertJsxToString","Lead","size","DoneButton","CancelButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateItemContext from '../IterateItemContext'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport Toolbar from '../Toolbar'\nimport { useSwitchContainerMode } from '../hooks'\nimport DoneButton from './DoneButton'\nimport CancelButton, { useWasNew } from './CancelButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the EditContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The title for a new item show within the EditContainer.\n   */\n  titleWhenNew?: React.ReactNode\n\n  /**\n   * If the EditContainer is open or not.\n   */\n  open?: boolean\n\n  /**\n   * An alternative toolbar to be shown in the EditContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nexport default function EditContainer(props: AllProps) {\n  const { toolbar, toolbarVariant, children, ...rest } = props\n  const { arrayValue } = useContext(IterateItemContext)\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = <></>\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        hasToolbar\n          ? null\n          : toolbarElement ??\n            (toolbarVariant !== 'custom' && (\n              <Toolbar>\n                <DoneButton />\n                <CancelButton />\n              </Toolbar>\n            ))\n      }\n      toolbarVariant={toolbarVariant}\n      {...rest}\n    >\n      {children}\n    </EditContainerWithoutToolbar>\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props & FlexContainerProps & { toolbar?: React.ReactNode }\n) {\n  const { containerMode, isNew, index, path } =\n    useContext(IterateItemContext)\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n\n  const wasNew = useWasNew({ isNew, containerMode })\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(\n      wasNew && titleWhenNew ? titleWhenNew : title,\n      index\n    )\n  }, [index, title, titleWhenNew, wasNew])\n\n  useSwitchContainerMode(path)\n\n  return (\n    <ArrayItemArea\n      mode=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={convertJsxToString(itemTitle)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ArrayItemArea>\n  )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"EditContainer.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_componentHelper","_elements","_IterateItemContext","_ArrayItemArea","_Toolbar2","_hooks","_DoneButton","_CancelButton","_ItemNo","_Fragment","_Toolbar","_excluded","_excluded2","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","EditContainer","props","toolbar","toolbarVariant","children","rest","arrayValue","useContext","IterateItemContext","toolbarElement","createElement","Fragment","hasToolbar","React","Children","toArray","some","child","Toolbar","EditContainerWithoutToolbar","containerMode","isNew","index","path","_ref","className","title","titleWhenNew","restProps","wasNew","useWasNew","itemTitle","useMemo","replaceItemNo","useSwitchContainerMode","mode","classnames","ariaLabel","convertJsxToString","Lead","size","DoneButton","CancelButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Lead } from '../../../../elements'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport IterateItemContext from '../IterateItemContext'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport Toolbar from '../Toolbar'\nimport { useSwitchContainerMode } from '../hooks'\nimport DoneButton from './DoneButton'\nimport CancelButton, { useWasNew } from './CancelButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the EditContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * The title for a new item show within the EditContainer.\n   */\n  titleWhenNew?: React.ReactNode\n\n  /**\n   * If the EditContainer is open or not.\n   */\n  open?: boolean\n\n  /**\n   * An alternative toolbar to be shown in the EditContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props &\n  Omit<FlexContainerProps, 'onAnimationEnd'> &\n  ArrayItemAreaProps\n\nexport default function EditContainer(props: AllProps) {\n  const { toolbar, toolbarVariant, children, ...rest } = props\n  const { arrayValue } = useContext(IterateItemContext)\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = <></>\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <EditContainerWithoutToolbar\n      toolbar={\n        hasToolbar\n          ? null\n          : toolbarElement ??\n            (toolbarVariant !== 'custom' && (\n              <Toolbar>\n                <DoneButton />\n                <CancelButton />\n              </Toolbar>\n            ))\n      }\n      toolbarVariant={toolbarVariant}\n      {...rest}\n    >\n      {children}\n    </EditContainerWithoutToolbar>\n  )\n}\n\nexport function EditContainerWithoutToolbar(\n  props: Props &\n    Omit<FlexContainerProps, 'onAnimationEnd'> & {\n      toolbar?: React.ReactNode\n    }\n) {\n  const { containerMode, isNew, index, path } =\n    useContext(IterateItemContext)\n\n  const {\n    children,\n    className,\n    title,\n    titleWhenNew,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n\n  const wasNew = useWasNew({ isNew, containerMode })\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(\n      wasNew && titleWhenNew ? titleWhenNew : title,\n      index\n    )\n  }, [index, title, titleWhenNew, wasNew])\n\n  useSwitchContainerMode(path)\n\n  return (\n    <ArrayItemArea\n      mode=\"edit\"\n      className={classnames('dnb-forms-section-edit-block', className)}\n      ariaLabel={convertJsxToString(itemTitle)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {toolbar}\n    </ArrayItemArea>\n  )\n}\n\nEditContainer.DoneButton = DoneButton\nEditContainer.CancelButton = CancelButton\n\nEditContainer._supportsSpacingProps = true\nEditContainerWithoutToolbar._supportsSpacingProps = true\n"],"mappings":"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","ignoreList":[]}

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

@@ -48,7 +48,7 @@ function OpenButton(props) {
     return children || text;
   }, [entries === null || entries === void 0 ? void 0 : entries.length, children, text]);
   return _react.default.createElement(_Button.default, _extends({
-    className: (0, _classnames.default)('dnb-forms-iterate-open-button', className),
+    className: (0, _classnames.default)('dnb-forms-iterate__open-button', className),
     variant: "secondary",
     icon: _icons.add,
     icon_position: "left",

package/cjs/extensions/forms/Iterate/PushContainer/OpenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_icons","_IterateItemContext","_PushContainerContext","_componentHelper","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","OpenButton","props","className","text","children","restProps","switchContainerMode","useContext","IterateItemContext","entries","PushContainerContext","handleClick","useCallback","content","useMemo","str","convertJsxToString","includes","nextItemNo","replace","String","createElement","classnames","variant","icon","add","icon_position","on_click","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/OpenButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport Button, { ButtonProps } from '../../../../components/Button'\nimport { add } from '../../../../icons'\nimport IterateItemContext from '../IterateItemContext'\nimport PushContainerContext from './PushContainerContext'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\ntype Props = ButtonProps\n\nfunction OpenButton(props: Props) {\n  const { className, text, children, ...restProps } = props\n  const { switchContainerMode } = useContext(IterateItemContext) || {}\n  const { entries } = useContext(PushContainerContext) || {}\n\n  const handleClick = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (entries?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [entries?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate-open-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...restProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nexport default OpenButton\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"OpenButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Button","_icons","_IterateItemContext","_PushContainerContext","_componentHelper","_excluded","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_objectWithoutProperties","o","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","OpenButton","props","className","text","children","restProps","switchContainerMode","useContext","IterateItemContext","entries","PushContainerContext","handleClick","useCallback","content","useMemo","str","convertJsxToString","includes","nextItemNo","replace","String","createElement","classnames","variant","icon","add","icon_position","on_click","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/OpenButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport Button, { ButtonProps } from '../../../../components/Button'\nimport { add } from '../../../../icons'\nimport IterateItemContext from '../IterateItemContext'\nimport PushContainerContext from './PushContainerContext'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\ntype Props = ButtonProps\n\nfunction OpenButton(props: Props) {\n  const { className, text, children, ...restProps } = props\n  const { switchContainerMode } = useContext(IterateItemContext) || {}\n  const { entries } = useContext(PushContainerContext) || {}\n\n  const handleClick = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (entries?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [entries?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate__open-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...restProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nexport default OpenButton\n"],"mappings":"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","ignoreList":[]}

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

@@ -11,6 +11,7 @@ var _Isolation = _interopRequireDefault(require("../../Form/Isolation"));
 var _PushContainerContext = _interopRequireDefault(require("./PushContainerContext"));
 var _IterateItemContext = _interopRequireDefault(require("../IterateItemContext"));
 var _Context = _interopRequireDefault(require("../../DataContext/Context"));
+var _VisibilityContext = _interopRequireDefault(require("../../Form/Visibility/VisibilityContext"));
 var _useDataValue = _interopRequireDefault(require("../../hooks/useDataValue"));
 var _EditContainer = _interopRequireWildcard(require("../EditContainer"));
 var _Array = _interopRequireDefault(require("../Array"));
@@ -180,6 +181,7 @@ function NewContainer(_ref2) {
     rerenderPushContainer();
   }, [containerMode, rerenderPushContainer]);
   switchContainerModeRef.current = switchContainerMode;
+  const isVisible = Boolean(!showOpenButton || containerMode === 'edit');
   const {
     createButton
   } = (0, _hooks2.useTranslation)().IteratePushContainer;
@@ -203,8 +205,13 @@ function NewContainer(_ref2) {
       onClick: cancelHandler
     })))));
   }));
-  return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_EditContainer.default, _extends({
-    open: !showOpenButton || containerMode === 'edit',
+  return _react.default.createElement(_VisibilityContext.default.Provider, {
+    value: {
+      isVisible,
+      keepInDOM: false
+    }
+  }, _react.default.createElement(_EditContainer.default, _extends({
+    open: isVisible,
     title: title,
     toolbar: toolbar
   }, rest), children), openButton && typeof showOpenButton === 'boolean' && _react.default.createElement(_components.HeightAnimation, {