@dnb/eufemia 10.27.0 → 10.28.0

package/cjs/components/tabs/style/themes/dnb-tabs-theme-sbanken.css

@@ -4,6 +4,7 @@
 */
 .dnb-tabs {
   --tablist-border-color--default: var(--sb-color-gray-light-2);
+  --tab-focus-background-color: var(--sb-color-blue-light-3);
   --tab-title-font-color: var(--sb-color-gray-dark-3);
   --tab-title-font-weight: var(--font-weight-regular);
   --tab-title-font-size: var(--font-size-basis);

package/cjs/components/tabs/style/themes/dnb-tabs-theme-sbanken.min.css

@@ -1 +1 @@
-.dnb-tabs{--tablist-border-color--default:var(--sb-color-gray-light-2);--tab-title-font-color:var(--sb-color-gray-dark-3);--tab-title-font-weight:var(--font-weight-regular);--tab-title-font-size:var(--font-size-basis);--tab-title-background--hover:var(--sb-color-violet-light-4);--tab-title-color--hover:var(--sb-color-violet);--tab-title-border--hover:var(--sb-color-violet-light-4);--tab-title-background--disabled:var(--sb-color-gray-light-2);--tab-title-color--disabled:var(--sb-color-gray-dark-2);--tab-title-border--active-selected:var(--sb-color-violet);--tab-title-color--active-selected:var(--sb-color-violet)}.dnb-core-style .dnb-tabs .dnb-tabs__button,.dnb-tabs__button{padding:0 .5rem}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,.dnb-tabs__button:focus:before{z-index:-1}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected:focus .dnb-tabs__button__title,.dnb-tabs__button:focus .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected:focus .dnb-tabs__button__title{color:var(--sb-color-blue-dark)}
+.dnb-tabs{--tablist-border-color--default:var(--sb-color-gray-light-2);--tab-focus-background-color:var(--sb-color-blue-light-3);--tab-title-font-color:var(--sb-color-gray-dark-3);--tab-title-font-weight:var(--font-weight-regular);--tab-title-font-size:var(--font-size-basis);--tab-title-background--hover:var(--sb-color-violet-light-4);--tab-title-color--hover:var(--sb-color-violet);--tab-title-border--hover:var(--sb-color-violet-light-4);--tab-title-background--disabled:var(--sb-color-gray-light-2);--tab-title-color--disabled:var(--sb-color-gray-dark-2);--tab-title-border--active-selected:var(--sb-color-violet);--tab-title-color--active-selected:var(--sb-color-violet)}.dnb-core-style .dnb-tabs .dnb-tabs__button,.dnb-tabs__button{padding:0 .5rem}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus:before,.dnb-tabs__button:focus:before{z-index:-1}.dnb-core-style .dnb-tabs .dnb-tabs__button:focus .dnb-tabs__button__title,.dnb-core-style .dnb-tabs .dnb-tabs__button:not([disabled]).selected:focus .dnb-tabs__button__title,.dnb-tabs__button:focus .dnb-tabs__button__title,.dnb-tabs__button:not([disabled]).selected:focus .dnb-tabs__button__title{color:var(--sb-color-blue-dark)}

package/cjs/components/tabs/style/themes/dnb-tabs-theme-sbanken.scss

@@ -5,6 +5,7 @@
 
 .dnb-tabs {
   --tablist-border-color--default: var(--sb-color-gray-light-2);
+  --tab-focus-background-color: var(--sb-color-blue-light-3);
   --tab-title-font-color: var(--sb-color-gray-dark-3);
   --tab-title-font-weight: var(--font-weight-regular);
   --tab-title-font-size: var(--font-size-basis);

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

@@ -60,8 +60,8 @@ const VisibilityProperties = {
     type: 'boolean',
     status: 'optional'
   },
-  KeepInDOM: {
-    doc: "Keep the content in the DOM, even if it's not visible",
+  keepInDOM: {
+    doc: "Keep the content in the DOM, even if it's not visible. Can be used to let fields run validation.",
     type: 'boolean',
     status: 'optional'
   },

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

@@ -1 +1 @@
-{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","visible","animate","KeepInDOM","element","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\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  pathValue: {\n    doc: 'Given data context path must match, as well as the `whenValue` value.',\n    type: 'string',\n    status: 'optional',\n  },\n  whenValue: {\n    doc: 'The value to match. Should be used together with `pathValue`.',\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 by boolean value.',\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\",\n    type: 'boolean',\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"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,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,SAAS,EAAE;IACTR,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,+DAA+D;IACpEC,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,+CAA+C;IACpDC,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,uDAAuD;IAC5DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,OAAO,EAAE;IACPd,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAc,OAAA,CAAAlB,oBAAA,GAAAA,oBAAA"}
+{"version":3,"file":"VisibilityDocs.js","names":["VisibilityProperties","pathDefined","doc","type","status","pathUndefined","pathTruthy","pathFalsy","pathTrue","pathFalse","pathValue","whenValue","inferData","visible","animate","keepInDOM","element","children","exports"],"sources":["../../../../../../src/extensions/forms/Form/Visibility/VisibilityDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const VisibilityProperties: PropertiesTableProps = {\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  pathValue: {\n    doc: 'Given data context path must match, as well as the `whenValue` value.',\n    type: 'string',\n    status: 'optional',\n  },\n  whenValue: {\n    doc: 'The value to match. Should be used together with `pathValue`.',\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 by boolean value.',\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  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"],"mappings":";;;;;;AAEO,MAAMA,oBAA0C,GAAG;EACxDC,WAAW,EAAE;IACXC,GAAG,EAAE,2DAA2D;IAChEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbH,GAAG,EAAE,6DAA6D;IAClEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,UAAU,EAAE;IACVJ,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,SAAS,EAAE;IACTL,GAAG,EAAE,yDAAyD;IAC9DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDI,QAAQ,EAAE;IACRN,GAAG,EAAE,wDAAwD;IAC7DC,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,SAAS,EAAE;IACTR,GAAG,EAAE,uEAAuE;IAC5EC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,+DAA+D;IACpEC,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,+CAA+C;IACpDC,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,OAAO,EAAE;IACPd,GAAG,EAAE,iFAAiF;IACtFC,IAAI,EAAE,yBAAyB;IAC/BC,MAAM,EAAE;EACV,CAAC;EACDa,QAAQ,EAAE;IACRf,GAAG,EAAE,WAAW;IAChBC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV;AACF,CAAC;AAAAc,OAAA,CAAAlB,oBAAA,GAAAA,oBAAA"}

package/cjs/extensions/forms/Form/data-context/getData.d.ts

@@ -1,8 +1,9 @@
 import { SharedStateId } from '../../../../shared/helpers/useSharedState';
-import type { FilterData } from '../../DataContext/Context';
+import type { UseDataReturnGetValue, UseDataReturnFilterData } from './useData';
 type SetDataReturn<Data> = {
     data: Data;
-    filterData: (filterDataHandler: FilterData) => Partial<Data>;
+    getValue: UseDataReturnGetValue<Data>;
+    filterData: UseDataReturnFilterData<Data>;
 };
 export default function getData<Data>(id: SharedStateId): SetDataReturn<Data>;
 export {};

package/cjs/extensions/forms/Form/data-context/getData.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = getData;
+var _jsonPointer = _interopRequireDefault(require("json-pointer"));
 var _useSharedState = require("../../../../shared/helpers/useSharedState");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function getData(id) {
   const sharedState = (0, _useSharedState.createSharedState)(id);
   const sharedAttachments = (0, _useSharedState.createSharedState)(id + '-attachments');
@@ -13,8 +15,15 @@ function getData(id) {
     var _sharedAttachments$da, _sharedAttachments$da2;
     return (_sharedAttachments$da = sharedAttachments.data) === null || _sharedAttachments$da === void 0 ? void 0 : (_sharedAttachments$da2 = _sharedAttachments$da.filterDataHandler) === null || _sharedAttachments$da2 === void 0 ? void 0 : _sharedAttachments$da2.call(_sharedAttachments$da, data, filter);
   };
+  const getValue = path => {
+    if (_jsonPointer.default.has(data, path)) {
+      return _jsonPointer.default.get(data, path);
+    }
+    return undefined;
+  };
   return {
     data,
+    getValue,
     filterData
   };
 }

package/cjs/extensions/forms/Form/data-context/getData.js.map

@@ -1 +1 @@
-{"version":3,"file":"getData.js","names":["_useSharedState","require","getData","id","sharedState","createSharedState","sharedAttachments","data","get","filterData","filter","_sharedAttachments$da","_sharedAttachments$da2","filterDataHandler","call"],"sources":["../../../../../../src/extensions/forms/Form/data-context/getData.tsx"],"sourcesContent":["import {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Context'\n\ntype SharedAttachment<Data> = {\n  filterDataHandler: FilterDataHandler<Data>\n}\n\ntype SetDataReturn<Data> = {\n  data: Data\n  filterData: (filterDataHandler: FilterData) => Partial<Data>\n}\n\nexport default function getData<Data>(\n  id: SharedStateId\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n  const sharedAttachments = createSharedState<SharedAttachment<Data>>(\n    id + '-attachments'\n  )\n\n  const data = sharedState.get() as Data\n  const filterData: SetDataReturn<Data>['filterData'] = (filter) =>\n    sharedAttachments.data?.filterDataHandler?.(data, filter)\n\n  return {\n    data,\n    filterData,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAkBe,SAASC,OAAOA,CAC7BC,EAAiB,EACI;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACF,EAAE,CAAC;EACzC,MAAMG,iBAAiB,GAAG,IAAAD,iCAAiB,EACzCF,EAAE,GAAG,cACP,CAAC;EAED,MAAMI,IAAI,GAAGH,WAAW,CAACI,GAAG,CAAC,CAAS;EACtC,MAAMC,UAA6C,GAAIC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,QAAAD,qBAAA,GAC3DL,iBAAiB,CAACC,IAAI,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,iBAAiB,cAAAD,sBAAA,uBAAzCA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAA4CJ,IAAI,EAAEG,MAAM,CAAC;EAAA;EAE3D,OAAO;IACLH,IAAI;IACJE;EACF,CAAC;AACH"}
+{"version":3,"file":"getData.js","names":["_jsonPointer","_interopRequireDefault","require","_useSharedState","obj","__esModule","default","getData","id","sharedState","createSharedState","sharedAttachments","data","get","filterData","filter","_sharedAttachments$da","_sharedAttachments$da2","filterDataHandler","call","getValue","path","pointer","has","undefined"],"sources":["../../../../../../src/extensions/forms/Form/data-context/getData.tsx"],"sourcesContent":["import pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  createSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type { FilterDataHandler } from '../../DataContext/Context'\nimport type { Path } from '../../types'\nimport type {\n  UseDataReturnGetValue,\n  UseDataReturnFilterData,\n} from './useData'\n\ntype SharedAttachment<Data> = {\n  filterDataHandler: FilterDataHandler<Data>\n}\n\ntype SetDataReturn<Data> = {\n  data: Data\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n}\n\nexport default function getData<Data>(\n  id: SharedStateId\n): SetDataReturn<Data> {\n  const sharedState = createSharedState(id)\n  const sharedAttachments = createSharedState<SharedAttachment<Data>>(\n    id + '-attachments'\n  )\n\n  const data = sharedState.get() as Data\n\n  const filterData: SetDataReturn<Data>['filterData'] = (filter) =>\n    sharedAttachments.data?.filterDataHandler?.(data, filter)\n\n  const getValue = (path: Path) => {\n    if (pointer.has(data, path)) {\n      return pointer.get(data, path)\n    }\n\n    return undefined\n  }\n\n  return {\n    data,\n    getValue,\n    filterData,\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGkD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAkBnC,SAASG,OAAOA,CAC7BC,EAAiB,EACI;EACrB,MAAMC,WAAW,GAAG,IAAAC,iCAAiB,EAACF,EAAE,CAAC;EACzC,MAAMG,iBAAiB,GAAG,IAAAD,iCAAiB,EACzCF,EAAE,GAAG,cACP,CAAC;EAED,MAAMI,IAAI,GAAGH,WAAW,CAACI,GAAG,CAAC,CAAS;EAEtC,MAAMC,UAA6C,GAAIC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA;IAAA,QAAAD,qBAAA,GAC3DL,iBAAiB,CAACC,IAAI,cAAAI,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBE,iBAAiB,cAAAD,sBAAA,uBAAzCA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,EAA4CJ,IAAI,EAAEG,MAAM,CAAC;EAAA;EAE3D,MAAMK,QAAQ,GAAIC,IAAU,IAAK;IAC/B,IAAIC,oBAAO,CAACC,GAAG,CAACX,IAAI,EAAES,IAAI,CAAC,EAAE;MAC3B,OAAOC,oBAAO,CAACT,GAAG,CAACD,IAAI,EAAES,IAAI,CAAC;IAChC;IAEA,OAAOG,SAAS;EAClB,CAAC;EAED,OAAO;IACLZ,IAAI;IACJQ,QAAQ;IACRN;EACF,CAAC;AACH"}

package/cjs/extensions/forms/Form/data-context/useData.d.ts

@@ -4,11 +4,14 @@ import { FilterData } from '../../DataContext/Context';
 type PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}` ? Key extends keyof T ? Rest extends '' ? T[Key] : PathImpl<T[Key], Rest> : never : T[P & keyof T];
 type PathType<T, P extends string> = P extends `/${infer Rest}` ? PathImpl<T, Rest> : never;
 type UseDataReturnUpdate<Data> = <P extends Path>(path: P, value: ((value: PathType<Data, P>) => unknown) | unknown) => void;
+export type UseDataReturnGetValue<Data> = <P extends Path>(path: P) => PathType<Data, P>;
+export type UseDataReturnFilterData<Data> = (filterDataHandler: FilterData) => Partial<Data>;
 type UseDataReturn<Data> = {
     data: Data;
-    update: UseDataReturnUpdate<Data>;
     set: (newData: Data) => void;
-    filterData: (filterDataHandler: FilterData) => Partial<Data>;
+    update: UseDataReturnUpdate<Data>;
+    getValue: UseDataReturnGetValue<Data>;
+    filterData: UseDataReturnFilterData<Data>;
 };
 /**
  * Custom hook that provides form data management functionality.

package/cjs/extensions/forms/Form/data-context/useData.js

@@ -39,11 +39,13 @@ function useData() {
     const existingData = sharedDataRef.current.data || {};
     const existingValue = _jsonPointer.default.has(existingData, path) ? _jsonPointer.default.get(existingData, path) : undefined;
     const newValue = typeof value === 'function' ? value(existingValue) : value;
-    _jsonPointer.default.set(existingData, path, newValue);
-    if (id) {
-      sharedDataRef.current.extend(existingData);
-    } else {
-      updateDataValue(path, newValue);
+    if (newValue !== existingValue) {
+      _jsonPointer.default.set(existingData, path, newValue);
+      if (id) {
+        sharedDataRef.current.extend(existingData);
+      } else {
+        updateDataValue(path, newValue);
+      }
     }
   }, [id, updateDataValue]);
   const filterData = (0, _react.useCallback)(filter => {
@@ -54,6 +56,12 @@ function useData() {
     }
     return context === null || context === void 0 ? void 0 : context.filterDataHandler(data, filter);
   }, [context, id]);
+  const getValue = (0, _react.useCallback)(path => {
+    if (_jsonPointer.default.has(sharedDataRef.current.data, path)) {
+      return _jsonPointer.default.get(sharedDataRef.current.data, path);
+    }
+    return undefined;
+  }, []);
   (0, _useMountEffect.default)(() => {
     if (id && !sharedDataRef.current.hadInitialData && initialData) {
       sharedDataRef.current.extend(initialData);
@@ -66,7 +74,8 @@ function useData() {
     data,
     update: updateHandler,
     set: setHandler,
+    getValue,
     filterData
-  }), [data, filterData, setHandler, updateHandler]);
+  }), [data, filterData, getValue, setHandler, updateHandler]);
 }
 //# sourceMappingURL=useData.js.map

package/cjs/extensions/forms/Form/data-context/useData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_useMountEffect","_Context","obj","__esModule","default","useData","id","arguments","length","undefined","initialData","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","context","useContext","DataContext","data","updateDataValue","setData","rerenderUseDataHook","setHandler","useCallback","newData","update","updateHandler","path","value","existingData","existingValue","pointer","has","get","newValue","set","extend","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","useMountEffect","hadInitialData","useMemo"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\ntype UseDataReturn<Data> = {\n  data: Data\n  update: UseDataReturnUpdate<Data>\n  set: (newData: Data) => void\n  filterData: (filterDataHandler: FilterData) => Partial<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  // If no id is provided, use the context data\n  const context = useContext(DataContext)\n  if (!id && context?.data) {\n    sharedDataRef.current.data = context.data\n  }\n  const updateDataValue = context?.updateDataValue\n  const setData = context?.setData\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  const setHandler = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      // update existing data\n      pointer.set(existingData, path, newValue)\n\n      // update provider\n      if (id) {\n        sharedDataRef.current.extend(existingData)\n      } else {\n        updateDataValue(path, newValue)\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter) => {\n      const data = sharedDataRef.current.data\n\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return context?.filterDataHandler(data, filter)\n    },\n    [context, id]\n  )\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      update: updateHandler,\n      set: setHandler,\n      filterData,\n    }),\n    [data, filterData, setHandler, updateHandler]\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","_useMountEffect","_Context","obj","__esModule","default","useData","id","arguments","length","undefined","initialData","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","context","useContext","DataContext","data","updateDataValue","setData","rerenderUseDataHook","setHandler","useCallback","newData","update","updateHandler","path","value","existingData","existingValue","pointer","has","get","newValue","set","extend","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","getValue","useMountEffect","hadInitialData","useMemo"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import {\n  useCallback,\n  useContext,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport pointer from 'json-pointer'\nimport {\n  SharedStateId,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport useMountEffect from '../../../../shared/helpers/useMountEffect'\nimport type { Path } from '../../types'\nimport DataContext, {\n  FilterData,\n  FilterDataHandler,\n} from '../../DataContext/Context'\n\ntype PathImpl<T, P extends string> = P extends `${infer Key}/${infer Rest}`\n  ? Key extends keyof T\n    ? Rest extends ''\n      ? T[Key]\n      : PathImpl<T[Key], Rest>\n    : never\n  : T[P & keyof T]\n\ntype PathType<T, P extends string> = P extends `/${infer Rest}`\n  ? PathImpl<T, Rest>\n  : never\n\ntype UseDataReturnUpdate<Data> = <P extends Path>(\n  path: P,\n  value: ((value: PathType<Data, P>) => unknown) | unknown\n) => void\n\nexport type UseDataReturnGetValue<Data> = <P extends Path>(\n  path: P\n) => PathType<Data, P>\n\nexport type UseDataReturnFilterData<Data> = (\n  filterDataHandler: FilterData\n) => Partial<Data>\n\ntype UseDataReturn<Data> = {\n  data: Data\n  set: (newData: Data) => void\n  update: UseDataReturnUpdate<Data>\n  getValue: UseDataReturnGetValue<Data>\n  filterData: UseDataReturnFilterData<Data>\n}\n\ntype SharedAttachment<Data> = {\n  rerenderUseDataHook: () => void\n  filterDataHandler?: FilterDataHandler<Data>\n}\n\n/**\n * Custom hook that provides form data management functionality.\n *\n * @template Data - The type of data being managed.\n * @param {SharedStateId} id - The identifier for the data.\n * @param {Data} initialData - The initial data value (optional).\n * @returns {UseDataReturn<Data>} An object containing the data and data management functions.\n */\nexport default function useData<Data>(\n  id: SharedStateId = undefined,\n  initialData: Data = undefined\n): UseDataReturn<Data> {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<Data>>>(null)\n  const sharedAttachmentsRef =\n    useRef<ReturnType<typeof useSharedState<SharedAttachment<Data>>>>(null)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  sharedDataRef.current = useSharedState<Data>(\n    id,\n    initialData,\n    forceUpdate\n  )\n\n  // If no id is provided, use the context data\n  const context = useContext(DataContext)\n  if (!id && context?.data) {\n    sharedDataRef.current.data = context.data\n  }\n  const updateDataValue = context?.updateDataValue\n  const setData = context?.setData\n\n  sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n    id + '-attachments',\n    { rerenderUseDataHook: forceUpdate }\n  )\n\n  const setHandler = useCallback(\n    (newData: Data) => {\n      if (id) {\n        sharedDataRef.current.update(newData)\n      } else {\n        setData?.(newData)\n      }\n    },\n    [id, setData]\n  )\n\n  const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n    (path, value = undefined) => {\n      const existingData = sharedDataRef.current.data || ({} as Data)\n      const existingValue = pointer.has(existingData, path)\n        ? pointer.get(existingData, path)\n        : undefined\n\n      // get new value\n      const newValue =\n        typeof value === 'function' ? value(existingValue) : value\n\n      if (newValue !== existingValue) {\n        // update existing data\n        pointer.set(existingData, path, newValue)\n\n        // update provider\n        if (id) {\n          sharedDataRef.current.extend(existingData)\n        } else {\n          updateDataValue(path, newValue)\n        }\n      }\n    },\n    [id, updateDataValue]\n  )\n\n  const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n    (filter) => {\n      const data = sharedDataRef.current.data\n\n      if (id) {\n        return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n          data,\n          filter\n        )\n      }\n\n      return context?.filterDataHandler(data, filter)\n    },\n    [context, id]\n  )\n\n  const getValue = useCallback<UseDataReturn<Data>['getValue']>((path) => {\n    if (pointer.has(sharedDataRef.current.data, path)) {\n      return pointer.get(sharedDataRef.current.data, path)\n    }\n\n    return undefined\n  }, [])\n\n  useMountEffect(() => {\n    if (id && !sharedDataRef.current.hadInitialData && initialData) {\n      sharedDataRef.current.extend(initialData)\n    }\n  })\n\n  const { data } = sharedDataRef.current\n\n  return useMemo(\n    () => ({\n      data,\n      update: updateHandler,\n      set: setHandler,\n      getValue,\n      filterData,\n    }),\n    [data, filterData, getValue, setHandler, updateHandler]\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js

@@ -74,7 +74,7 @@ function ElementBlock(props) {
     if (contextRef.current.hasErrorAndShowIt) {
       switchContainerMode('edit');
     }
-    const preventFocusOnErrorOpening = !contextRef.current.hasError;
+    const preventFocusOnErrorOpening = !contextRef.current.hasErrorAndShowIt;
     if (preventFocusOnErrorOpening) {
       if (state === 'opened') {
         var _contextRef$current, _contextRef$current$e, _contextRef$current$e2, _contextRef$current$e3;
@@ -111,7 +111,7 @@ function ElementBlock(props) {
       handleRemoveBlock
     }
   }, _react.default.createElement(_components.HeightAnimation, {
-    className: (0, _classnames.default)('dnb-form-iterate-block', className, isNew && 'dnb-form-iterate-block--new', contextRef.current.hasError && 'dnb-form-iterate-block--error'),
+    className: (0, _classnames.default)('dnb-form-iterate-block', className, isNew && 'dnb-form-iterate-block--new', contextRef.current.hasErrorAndShowIt && 'dnb-form-iterate-block--error'),
     open: openRef.current,
     onAnimationEnd: handleAnimationEnd,
     duration: 450,

package/cjs/extensions/forms/Iterate/AnimatedContainer/ElementBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_ElementBlockContext","_FieldBoundaryContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ElementBlock","props","forceUpdate","useReducer","contextRef","useRef","current","useContext","IterateElementContext","hasError","hasErrorAndShowIt","FieldBoundaryContext","containerMode","handleRemove","switchContainerMode","isNew","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","restProps","openRef","isRemoving","setOpenState","useCallback","useEffect","setTimeout","handleAnimationEnd","state","preventFocusOnErrorOpening","_contextRef$current","_contextRef$current$e","_contextRef$current$e2","_contextRef$current$e3","elementRef","focus","window","requestAnimationFrame","_document$activeEleme","document","activeElement","closest","_contextRef$current2","elements","containerRef","querySelectorAll","e","_contextRef$current3","_contextRef$current3$","fulfillRemove","handleRemoveBlock","keepItems","createElement","Provider","value","HeightAnimation","classnames","duration","keepInDOM","Flex","Stack","element","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport ElementBlockContext from './ElementBlockContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from '../Array/types'\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n}\n\nfunction ElementBlock(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const contextRef = useRef<\n    IterateElementContextState & {\n      hasError?: boolean\n      hasErrorAndShowIt?: boolean\n    }\n  >()\n  contextRef.current = useContext(IterateElementContext) || {}\n\n  const { hasError, hasErrorAndShowIt } =\n    useContext(FieldBoundaryContext) || {}\n  contextRef.current.hasError = hasError\n  contextRef.current.hasErrorAndShowIt = hasErrorAndShowIt\n  if (hasErrorAndShowIt) {\n    contextRef.current.containerMode = 'edit'\n  }\n\n  const { handleRemove, switchContainerMode, containerMode, isNew } =\n    contextRef.current\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    ...restProps\n  } = props\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      if (contextRef.current.hasErrorAndShowIt) {\n        switchContainerMode('edit')\n      }\n\n      const preventFocusOnErrorOpening = !contextRef.current.hasError\n      if (preventFocusOnErrorOpening) {\n        if (state === 'opened') {\n          contextRef.current?.elementRef?.current?.focus?.()\n        } else {\n          // Wait until the element is removed, then check if we can set focus\n          window.requestAnimationFrame(() => {\n            // try to focus on the second last element\n            try {\n              if (\n                // But not when we focus is already inside our element\n                !document.activeElement?.closest(\n                  '.dnb-form-iterate__element'\n                )\n              ) {\n                const elements =\n                  contextRef.current?.containerRef.current.querySelectorAll<HTMLDivElement>(\n                    '.dnb-form-iterate__element'\n                  )\n                elements[elements.length - 1].focus()\n              }\n            } catch (e) {\n              /**/\n            }\n          })\n        }\n      }\n\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        contextRef.current?.fulfillRemove?.()\n      }\n\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, switchContainerMode]\n  )\n  const handleRemoveBlock = useCallback(() => {\n    isRemoving.current = true\n    handleRemove?.({ keepItems: true })\n    setOpenState(false)\n  }, [handleRemove, setOpenState])\n\n  return (\n    <ElementBlockContext.Provider value={{ handleRemoveBlock }}>\n      <HeightAnimation\n        className={classnames(\n          'dnb-form-iterate-block',\n          isNew && 'dnb-form-iterate-block--new',\n          contextRef.current.hasError && 'dnb-form-iterate-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Flex.Stack\n          className=\"dnb-form-iterate-block__inner\"\n          {...restProps}\n          element=\"section\"\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Flex.Stack>\n      </HeightAnimation>\n    </ElementBlockContext.Provider>\n  )\n}\n\nElementBlock._supportsSpacingProps = true\nexport default ElementBlock\n"],"mappings":"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"}
+{"version":3,"file":"ElementBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_ElementBlockContext","_FieldBoundaryContext","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","ElementBlock","props","forceUpdate","useReducer","contextRef","useRef","current","useContext","IterateElementContext","hasError","hasErrorAndShowIt","FieldBoundaryContext","containerMode","handleRemove","switchContainerMode","isNew","mode","open","ariaLabel","onAnimationEnd","className","children","openDelay","restProps","openRef","isRemoving","setOpenState","useCallback","useEffect","setTimeout","handleAnimationEnd","state","preventFocusOnErrorOpening","_contextRef$current","_contextRef$current$e","_contextRef$current$e2","_contextRef$current$e3","elementRef","focus","window","requestAnimationFrame","_document$activeEleme","document","activeElement","closest","_contextRef$current2","elements","containerRef","querySelectorAll","e","_contextRef$current3","_contextRef$current3$","fulfillRemove","handleRemoveBlock","keepItems","createElement","Provider","value","HeightAnimation","classnames","duration","keepInDOM","Flex","Stack","element","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/AnimatedContainer/ElementBlock.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useReducer,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport ElementBlockContext from './ElementBlockContext'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { ContainerMode } from '../Array/types'\n\nexport type Props = {\n  mode: ContainerMode\n  open?: boolean | undefined\n  ariaLabel?: string\n  openDelay?: number\n}\n\nfunction ElementBlock(props: Props & FlexContainerProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n\n  const contextRef = useRef<\n    IterateElementContextState & {\n      hasError?: boolean\n      hasErrorAndShowIt?: boolean\n    }\n  >()\n  contextRef.current = useContext(IterateElementContext) || {}\n\n  const { hasError, hasErrorAndShowIt } =\n    useContext(FieldBoundaryContext) || {}\n  contextRef.current.hasError = hasError\n  contextRef.current.hasErrorAndShowIt = hasErrorAndShowIt\n\n  // - Set the container mode to \"edit\" if we have an error\n  if (hasErrorAndShowIt) {\n    contextRef.current.containerMode = 'edit'\n  }\n\n  const { handleRemove, switchContainerMode, containerMode, isNew } =\n    contextRef.current\n\n  const {\n    mode,\n    open,\n    ariaLabel,\n    onAnimationEnd,\n    className,\n    children,\n    openDelay = 100,\n    ...restProps\n  } = props\n\n  const openRef = useRef(open ?? (containerMode === mode && !isNew))\n  const isRemoving = useRef(false)\n\n  const setOpenState = useCallback((open: boolean) => {\n    openRef.current = open\n    forceUpdate()\n  }, [])\n\n  useEffect(() => {\n    if (!isRemoving.current) {\n      // - Set the open state, if it's controlled\n      if (typeof open !== 'undefined') {\n        setOpenState(open)\n      } else {\n        // - Open the block with animation, if it's in the right mode\n        if (openRef.current !== (containerMode === mode)) {\n          if (isNew) {\n            setTimeout(() => {\n              setOpenState(containerMode === mode)\n            }, openDelay) // in order to apply the animation\n          } else {\n            setOpenState(containerMode === mode)\n          }\n        }\n      }\n    }\n  }, [containerMode, isNew, mode, open, openDelay, setOpenState])\n\n  // - Remove the block with animation, if it's in the right mode\n  const handleAnimationEnd = useCallback(\n    (state) => {\n      // - Keep the block open if we have an error\n      if (contextRef.current.hasErrorAndShowIt) {\n        switchContainerMode('edit')\n      }\n\n      const preventFocusOnErrorOpening =\n        !contextRef.current.hasErrorAndShowIt\n      if (preventFocusOnErrorOpening) {\n        if (state === 'opened') {\n          contextRef.current?.elementRef?.current?.focus?.()\n        } else {\n          // Wait until the element is removed, then check if we can set focus\n          window.requestAnimationFrame(() => {\n            // try to focus on the second last element\n            try {\n              if (\n                // But not when we focus is already inside our element\n                !document.activeElement?.closest(\n                  '.dnb-form-iterate__element'\n                )\n              ) {\n                const elements =\n                  contextRef.current?.containerRef.current.querySelectorAll<HTMLDivElement>(\n                    '.dnb-form-iterate__element'\n                  )\n                elements[elements.length - 1].focus()\n              }\n            } catch (e) {\n              /**/\n            }\n          })\n        }\n      }\n\n      if (!openRef.current && isRemoving.current) {\n        isRemoving.current = false\n        contextRef.current?.fulfillRemove?.()\n      }\n\n      onAnimationEnd?.(state)\n    },\n    [onAnimationEnd, switchContainerMode]\n  )\n  const handleRemoveBlock = useCallback(() => {\n    isRemoving.current = true\n    handleRemove?.({ keepItems: true })\n    setOpenState(false)\n  }, [handleRemove, setOpenState])\n\n  return (\n    <ElementBlockContext.Provider value={{ handleRemoveBlock }}>\n      <HeightAnimation\n        className={classnames(\n          'dnb-form-iterate-block',\n          isNew && 'dnb-form-iterate-block--new',\n          contextRef.current.hasErrorAndShowIt &&\n            'dnb-form-iterate-block--error',\n          className\n        )}\n        open={openRef.current}\n        onAnimationEnd={handleAnimationEnd}\n        duration={450}\n        keepInDOM // Ensure fields get mounted so they will sync with the data context\n      >\n        <Flex.Stack\n          className=\"dnb-form-iterate-block__inner\"\n          {...restProps}\n          element=\"section\"\n          aria-label={ariaLabel}\n        >\n          {children}\n        </Flex.Stack>\n      </HeightAnimation>\n    </ElementBlockContext.Provider>\n  )\n}\n\nElementBlock._supportsSpacingProps = true\nexport default ElementBlock\n"],"mappings":"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"}

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

@@ -77,7 +77,9 @@ function ArrayComponent(props) {
         isNew,
         containerMode: modesRef.current[id],
         switchContainerMode: mode => {
+          var _isNewRef$current;
           modesRef.current[id] = mode;
+          (_isNewRef$current = isNewRef.current) === null || _isNewRef$current === void 0 ? true : delete _isNewRef$current[id];
           forceUpdate();
         },
         handleChange: (path, value) => {
@@ -102,10 +104,10 @@ function ArrayComponent(props) {
           handleChange(newArrayValue);
         },
         fulfillRemove: () => {
-          var _modesRef$current, _isNewRef$current;
+          var _modesRef$current, _isNewRef$current2;
           valueWhileClosingRef.current = null;
           (_modesRef$current = modesRef.current) === null || _modesRef$current === void 0 ? true : delete _modesRef$current[id];
-          (_isNewRef$current = isNewRef.current) === null || _isNewRef$current === void 0 ? true : delete _isNewRef$current[id];
+          (_isNewRef$current2 = isNewRef.current) === null || _isNewRef$current2 === void 0 ? true : delete _isNewRef$current2[id];
           const findIndex = idsRef.current.indexOf(id);
           idsRef.current.splice(findIndex, 1);
           forceUpdate();

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

@@ -1 +1 @@
-{"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_Container","_IterateElementContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_structuredClone","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","path","arrayValue","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","useFieldProps","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","useEffect","current","elementData","useMemo","_ref","map","index","_valueCountRef$curren","id","makeUniqueId","hasNewItems","isNew","containerMode","switchContainerMode","mode","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","WrapperElement","Fragment","Flex","Stack","createElement","elementProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","Item","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const {\n    path,\n    value: arrayValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    handleChange,\n    onChange,\n    children,\n  } = useFieldProps<Value, Props>(props)\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n  const valueWhileClosingRef = useRef<Array<unknown>>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const elementData = useMemo(() => {\n    return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n      (value, index) => {\n        const id = idsRef.current[index] || makeUniqueId()\n\n        const hasNewItems =\n          arrayValue.length > valueCountRef.current?.length\n\n        if (!idsRef.current[index]) {\n          isNewRef.current[id] = hasNewItems\n          idsRef.current.push(id)\n        }\n\n        const isNew = isNewRef.current[id] || false\n        if (!modesRef.current[id]) {\n          modesRef.current[id] = isNew ? 'edit' : 'view'\n        }\n\n        return {\n          id,\n          path,\n          value,\n          index,\n          arrayValue,\n          containerRef,\n          isNew,\n          containerMode: modesRef.current[id],\n          switchContainerMode: (mode: ContainerMode) => {\n            modesRef.current[id] = mode\n            forceUpdate()\n          },\n          handleChange: (path: Path, value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n\n            // Make sure we have a new object reference,\n            // else two new objects will be the same\n            newArrayValue[index] = { ...newArrayValue[index] }\n\n            pointer.set(newArrayValue, path, value)\n            handleChange(newArrayValue)\n          },\n          handlePush: (element: unknown) => {\n            hadPushRef.current = true\n            handleChange([...(arrayValue ?? []), element])\n          },\n          handleRemove: ({ keepItems = false } = {}) => {\n            if (keepItems) {\n              // Add a backup as the array value while animating\n              valueWhileClosingRef.current = arrayValue\n            }\n\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue.splice(index, 1)\n            handleChange(newArrayValue)\n          },\n\n          // - Called after animation end\n          fulfillRemove: () => {\n            valueWhileClosingRef.current = null\n            delete modesRef.current?.[id]\n            delete isNewRef.current?.[id]\n            const findIndex = idsRef.current.indexOf(id)\n            idsRef.current.splice(findIndex, 1)\n            forceUpdate()\n          },\n\n          // - Called when cancel button press\n          restoreOriginalValue: (value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          },\n        } as IterateElementContextState\n      }\n    )\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, path, handleChange])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = elementData?.[elementData.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, elementData, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames('dnb-form-iterate', props?.className),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n  return (\n    <WrapperElement {...(omitFlex ? null : flexProps)}>\n      {arrayValue === emptyValue || props?.value?.length === 0\n        ? placeholder\n        : elementData.map((elementProps) => {\n            const { id, value, index } = elementProps\n            const elementRef = (innerRefs.current[id] =\n              innerRefs.current[id] || createRef<HTMLDivElement>())\n\n            const renderChildren = (elementChild: ElementChild) => {\n              return typeof elementChild === 'function'\n                ? elementChild(value, index)\n                : elementChild\n            }\n\n            const contextValue = {\n              ...elementProps,\n              elementRef,\n            }\n\n            const content = Array.isArray(children)\n              ? children.map((child) => renderChildren(child))\n              : renderChildren(children)\n\n            if (omitFlex) {\n              return (\n                <IterateElementContext.Provider\n                  key={`element-${id}`}\n                  value={contextValue}\n                >\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              )\n            }\n\n            return (\n              <Flex.Item\n                className=\"dnb-form-iterate__element\"\n                tabIndex={-1}\n                innerRef={elementRef}\n                key={`element-${id}`}\n              >\n                <IterateElementContext.Provider value={contextValue}>\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              </Flex.Item>\n            )\n          })}\n    </WrapperElement>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}
+{"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_hooks","_componentHelper","_components","_utils","_Container","_IterateElementContext","_SummaryListContext","_ValueBlockContext","_FieldBoundaryProvider","_structuredClone","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ArrayComponent","props","_props$value","salt","forceUpdate","useReducer","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","path","arrayValue","withoutFlex","emptyValue","placeholder","handleChange","onChange","children","useFieldProps","idsRef","useRef","isNewRef","modesRef","valueWhileClosingRef","valueCountRef","containerRef","hadPushRef","innerRefs","omitFlex","useEffect","current","elementData","useMemo","_ref","map","index","_valueCountRef$curren","id","makeUniqueId","hasNewItems","isNew","containerMode","switchContainerMode","mode","_isNewRef$current","newArrayValue","structuredClone","pointer","handlePush","element","handleRemove","keepItems","splice","fulfillRemove","_modesRef$current","_isNewRef$current2","findIndex","indexOf","restoreOriginalValue","last","flexProps","className","classnames","pickFlexContainerProps","pickSpacingProps","innerRef","WrapperElement","Fragment","Flex","Stack","createElement","elementProps","elementRef","createRef","renderChildren","elementChild","contextValue","content","Array","isArray","child","Provider","Item","tabIndex","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, {\n  useMemo,\n  useRef,\n  useEffect,\n  useReducer,\n  createRef,\n  useContext,\n  Fragment,\n} from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport { useFieldProps } from '../../hooks'\nimport { makeUniqueId } from '../../../../shared/component-helper'\nimport { Flex } from '../../../../components'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n  BasicProps as FlexContainerProps,\n  Props as FlexContainerAllProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport IterateElementContext, {\n  IterateElementContextState,\n} from '../IterateElementContext'\nimport SummaryListContext from '../../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from '../../ValueBlock/ValueBlockContext'\nimport FieldBoundaryProvider from '../../DataContext/FieldBoundary/FieldBoundaryProvider'\n\nimport type { ContainerMode, ElementChild, Props, Value } from './types'\nimport type { Identifier, Path } from '../../types'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So its a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\nexport type * from './types'\n\nfunction ArrayComponent(props: Props) {\n  const [salt, forceUpdate] = useReducer(() => ({}), {})\n\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n\n  const {\n    path,\n    value: arrayValue,\n    withoutFlex,\n    emptyValue,\n    placeholder,\n    handleChange,\n    onChange,\n    children,\n  } = useFieldProps<Value, Props>(props)\n\n  const idsRef = useRef<Array<Identifier>>([])\n  const isNewRef = useRef<Record<string, boolean>>({})\n  const modesRef = useRef<Record<Identifier, ContainerMode>>({})\n  const valueWhileClosingRef = useRef<Array<unknown>>()\n  const valueCountRef = useRef(arrayValue)\n  const containerRef = useRef<HTMLDivElement>()\n  const hadPushRef = useRef<boolean>()\n  const innerRefs = useRef<\n    Record<string, React.RefObject<HTMLDivElement>>\n  >({})\n\n  const omitFlex = withoutFlex ?? (summaryListContext || valueBlockContext)\n\n  useEffect(() => {\n    // Update inside the useEffect, to support React.StrictMode\n    valueCountRef.current = arrayValue || []\n  }, [arrayValue])\n\n  const elementData = useMemo(() => {\n    return ((valueWhileClosingRef.current || arrayValue) ?? []).map(\n      (value, index) => {\n        const id = idsRef.current[index] || makeUniqueId()\n\n        const hasNewItems =\n          arrayValue.length > valueCountRef.current?.length\n\n        if (!idsRef.current[index]) {\n          isNewRef.current[id] = hasNewItems\n          idsRef.current.push(id)\n        }\n\n        const isNew = isNewRef.current[id] || false\n        if (!modesRef.current[id]) {\n          modesRef.current[id] = isNew ? 'edit' : 'view'\n        }\n\n        return {\n          id,\n          path,\n          value,\n          index,\n          arrayValue,\n          containerRef,\n          isNew,\n          containerMode: modesRef.current[id],\n          switchContainerMode: (mode: ContainerMode) => {\n            modesRef.current[id] = mode\n            delete isNewRef.current?.[id]\n            forceUpdate()\n          },\n          handleChange: (path: Path, value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n\n            // Make sure we have a new object reference,\n            // else two new objects will be the same\n            newArrayValue[index] = { ...newArrayValue[index] }\n\n            pointer.set(newArrayValue, path, value)\n            handleChange(newArrayValue)\n          },\n          handlePush: (element: unknown) => {\n            hadPushRef.current = true\n            handleChange([...(arrayValue ?? []), element])\n          },\n          handleRemove: ({ keepItems = false } = {}) => {\n            if (keepItems) {\n              // Add a backup as the array value while animating\n              valueWhileClosingRef.current = arrayValue\n            }\n\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue.splice(index, 1)\n            handleChange(newArrayValue)\n          },\n\n          // - Called after animation end\n          fulfillRemove: () => {\n            valueWhileClosingRef.current = null\n            delete modesRef.current?.[id]\n            delete isNewRef.current?.[id]\n            const findIndex = idsRef.current.indexOf(id)\n            idsRef.current.splice(findIndex, 1)\n            forceUpdate()\n          },\n\n          // - Called when cancel button press\n          restoreOriginalValue: (value: unknown) => {\n            const newArrayValue = structuredClone(arrayValue)\n            newArrayValue[index] = value\n            handleChange(newArrayValue)\n          },\n        } as IterateElementContextState\n      }\n    )\n\n    // In order to update \"valueWhileClosingRef\" we need to have \"salt\" in the deps array\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [salt, arrayValue, path, handleChange])\n\n  // - Call the onChange callback when a new element is added without calling \"handlePush\"\n  useMemo(() => {\n    const last = elementData?.[elementData.length - 1]\n    if (last?.isNew && !hadPushRef.current) {\n      onChange?.(arrayValue)\n    } else {\n      hadPushRef.current = false\n    }\n  }, [arrayValue, elementData, onChange])\n\n  const flexProps: FlexContainerProps & {\n    innerRef: FlexContainerAllProps['innerRef']\n  } = {\n    className: classnames('dnb-form-iterate', props?.className),\n    ...pickFlexContainerProps(props as FlexContainerProps),\n    ...pickSpacingProps(props),\n    innerRef: containerRef,\n  }\n\n  const WrapperElement = omitFlex ? Fragment : Flex.Stack\n\n  return (\n    <WrapperElement {...(omitFlex ? null : flexProps)}>\n      {arrayValue === emptyValue || props?.value?.length === 0\n        ? placeholder\n        : elementData.map((elementProps) => {\n            const { id, value, index } = elementProps\n            const elementRef = (innerRefs.current[id] =\n              innerRefs.current[id] || createRef<HTMLDivElement>())\n\n            const renderChildren = (elementChild: ElementChild) => {\n              return typeof elementChild === 'function'\n                ? elementChild(value, index)\n                : elementChild\n            }\n\n            const contextValue = {\n              ...elementProps,\n              elementRef,\n            }\n\n            const content = Array.isArray(children)\n              ? children.map((child) => renderChildren(child))\n              : renderChildren(children)\n\n            if (omitFlex) {\n              return (\n                <IterateElementContext.Provider\n                  key={`element-${id}`}\n                  value={contextValue}\n                >\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              )\n            }\n\n            return (\n              <Flex.Item\n                className=\"dnb-form-iterate__element\"\n                tabIndex={-1}\n                innerRef={elementRef}\n                key={`element-${id}`}\n              >\n                <IterateElementContext.Provider value={contextValue}>\n                  <FieldBoundaryProvider>{content}</FieldBoundaryProvider>\n                </IterateElementContext.Provider>\n              </Flex.Item>\n            )\n          })}\n    </WrapperElement>\n  )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

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

@@ -12,12 +12,12 @@ var _useTranslation = _interopRequireDefault(require("../../hooks/useTranslation
 var _IterateElementContext = _interopRequireDefault(require("../IterateElementContext"));
 var _icons = require("../../../../icons");
 var _RemoveButton2 = _interopRequireDefault(require("../RemoveButton"));
+var _FieldBoundaryContext = _interopRequireDefault(require("../../DataContext/FieldBoundary/FieldBoundaryContext"));
 var _RemoveButton;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function EditToolbarTools() {
-  const iterateElementContext = (0, _react.useContext)(_IterateElementContext.default);
   const {
     restoreOriginalValue,
     switchContainerMode,
@@ -25,7 +25,10 @@ function EditToolbarTools() {
     arrayValue,
     index,
     isNew
-  } = iterateElementContext !== null && iterateElementContext !== void 0 ? iterateElementContext : {};
+  } = (0, _react.useContext)(_IterateElementContext.default) || {};
+  const {
+    hasErrorAndShowIt
+  } = (0, _react.useContext)(_FieldBoundaryContext.default) || {};
   const translation = (0, _useTranslation.default)().Iterate;
   const valueBackupRef = (0, _react.useRef)();
   const wasNew = useWasNew({
@@ -55,7 +58,8 @@ function EditToolbarTools() {
     variant: "tertiary",
     icon: _icons.check,
     icon_position: "left",
-    on_click: doneHandler
+    on_click: doneHandler,
+    disabled: hasErrorAndShowIt
   }, translation.done), wasNew ? _RemoveButton || (_RemoveButton = _react.default.createElement(_RemoveButton2.default, null)) : _react.default.createElement(_components.Button, {
     variant: "tertiary",
     icon: _icons.close,

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

@@ -1 +1 @@
-{"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateElementContext","_icons","_RemoveButton2","_RemoveButton","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","iterateElementContext","useContext","IterateElementContext","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","translation","useTranslation","Iterate","valueBackupRef","useRef","wasNew","useWasNew","useEffect","current","cancelHandler","useCallback","doneHandler","createElement","Flex","Horizontal","spacing","Button","variant","icon","check","icon_position","on_click","done","close","cancel","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\n\nexport default function EditToolbarTools() {\n  const iterateElementContext = useContext(IterateElementContext)\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    index,\n    isNew,\n  } = iterateElementContext ?? {}\n\n  const translation = useTranslation().Iterate\n  const valueBackupRef = useRef<unknown>()\n  const wasNew = useWasNew({ isNew, containerMode })\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    if (valueBackupRef.current) {\n      restoreOriginalValue?.(valueBackupRef.current)\n    }\n    switchContainerMode?.('view')\n  }, [restoreOriginalValue, switchContainerMode])\n  const doneHandler = useCallback(() => {\n    switchContainerMode?.('view')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal spacing=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={check}\n        icon_position=\"left\"\n        on_click={doneHandler}\n      >\n        {translation.done}\n      </Button>\n\n      {wasNew ? (\n        <RemoveButton />\n      ) : (\n        <Button\n          variant=\"tertiary\"\n          icon={close}\n          icon_position=\"left\"\n          on_click={cancelHandler}\n        >\n          {translation.cancel}\n        </Button>\n      )}\n    </Flex.Horizontal>\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,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAH,sBAAA,CAAAH,OAAA;AAA0C,IAAAO,aAAA;AAAA,SAAAJ,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAb,wBAAAS,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAG3B,SAASW,gBAAgBA,CAAA,EAAG;EACzC,MAAMC,qBAAqB,GAAG,IAAAC,iBAAU,EAACC,8BAAqB,CAAC;EAC/D,MAAM;IACJC,oBAAoB;IACpBC,mBAAmB;IACnBC,aAAa;IACbC,UAAU;IACVC,KAAK;IACLC;EACF,CAAC,GAAGR,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAE/B,MAAMS,WAAW,GAAG,IAAAC,uBAAc,EAAC,CAAC,CAACC,OAAO;EAC5C,MAAMC,cAAc,GAAG,IAAAC,aAAM,EAAU,CAAC;EACxC,MAAMC,MAAM,GAAGC,SAAS,CAAC;IAAEP,KAAK;IAAEH;EAAc,CAAC,CAAC;EAElD,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAIX,aAAa,KAAK,MAAM,IAAI,CAACO,cAAc,CAACK,OAAO,EAAE;MACvDL,cAAc,CAACK,OAAO,GAAGX,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAGC,KAAK,CAAC;IAC9C;IACA,IAAIF,aAAa,KAAK,MAAM,EAAE;MAC5BO,cAAc,CAACK,OAAO,GAAG,IAAI;IAC/B;EACF,CAAC,EAAE,CAACX,UAAU,EAAED,aAAa,EAAEE,KAAK,CAAC,CAAC;EAEtC,MAAMW,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC,IAAIP,cAAc,CAACK,OAAO,EAAE;MAC1Bd,oBAAoB,aAApBA,oBAAoB,uBAApBA,oBAAoB,CAAGS,cAAc,CAACK,OAAO,CAAC;IAChD;IACAb,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACD,oBAAoB,EAAEC,mBAAmB,CAAC,CAAC;EAC/C,MAAMgB,WAAW,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACpCf,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACErC,MAAA,CAAAY,OAAA,CAAA0C,aAAA,CAACnD,WAAA,CAAAoD,IAAI,CAACC,UAAU;IAACC,OAAO,EAAC;EAAO,GAC9BzD,MAAA,CAAAY,OAAA,CAAA0C,aAAA,CAACnD,WAAA,CAAAuD,MAAM;IACLC,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEC,YAAM;IACZC,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEV;EAAY,GAErBX,WAAW,CAACsB,IACP,CAAC,EAERjB,MAAM,GAAAtC,aAAA,KAAAA,aAAA,GACLT,MAAA,CAAAY,OAAA,CAAA0C,aAAA,CAAC9C,cAAA,CAAAI,OAAY,MAAE,CAAC,IAEhBZ,MAAA,CAAAY,OAAA,CAAA0C,aAAA,CAACnD,WAAA,CAAAuD,MAAM;IACLC,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAEK,YAAM;IACZH,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEZ;EAAc,GAEvBT,WAAW,CAACwB,MACP,CAEK,CAAC;AAEtB;AAEO,SAASlB,SAASA,CAAAmB,IAAA,EAMtB;EAAA,IANuB;IACxB1B,KAAK;IACLH;EAIF,CAAC,GAAA6B,IAAA;EACC,MAAMC,SAAS,GAAG,IAAAtB,aAAM,EAAUL,KAAK,CAAC;EAExC,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAIX,aAAa,KAAK,MAAM,EAAE;MAC5B8B,SAAS,CAAClB,OAAO,GAAG,KAAK;IAC3B;EACF,CAAC,EAAE,CAACT,KAAK,EAAEH,aAAa,CAAC,CAAC;EAE1B,OAAO8B,SAAS,CAAClB,OAAO;AAC1B"}
+{"version":3,"file":"EditToolbarTools.js","names":["_react","_interopRequireWildcard","require","_components","_useTranslation","_interopRequireDefault","_IterateElementContext","_icons","_RemoveButton2","_FieldBoundaryContext","_RemoveButton","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","EditToolbarTools","restoreOriginalValue","switchContainerMode","containerMode","arrayValue","index","isNew","useContext","IterateElementContext","hasErrorAndShowIt","FieldBoundaryContext","translation","useTranslation","Iterate","valueBackupRef","useRef","wasNew","useWasNew","useEffect","current","cancelHandler","useCallback","doneHandler","createElement","Flex","Horizontal","spacing","Button","variant","icon","check","icon_position","on_click","disabled","done","close","cancel","_ref","wasNewRef"],"sources":["../../../../../../src/extensions/forms/Iterate/EditContainer/EditToolbarTools.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useRef } from 'react'\nimport { Button, Flex } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateElementContext from '../IterateElementContext'\nimport { check, close } from '../../../../icons'\nimport RemoveButton from '../RemoveButton'\nimport { ContainerMode } from '../Array/types'\nimport FieldBoundaryContext from '../../DataContext/FieldBoundary/FieldBoundaryContext'\n\nexport default function EditToolbarTools() {\n  const {\n    restoreOriginalValue,\n    switchContainerMode,\n    containerMode,\n    arrayValue,\n    index,\n    isNew,\n  } = useContext(IterateElementContext) || {}\n  const { hasErrorAndShowIt } = useContext(FieldBoundaryContext) || {}\n\n  const translation = useTranslation().Iterate\n  const valueBackupRef = useRef<unknown>()\n  const wasNew = useWasNew({ isNew, containerMode })\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    if (valueBackupRef.current) {\n      restoreOriginalValue?.(valueBackupRef.current)\n    }\n    switchContainerMode?.('view')\n  }, [restoreOriginalValue, switchContainerMode])\n  const doneHandler = useCallback(() => {\n    switchContainerMode?.('view')\n  }, [switchContainerMode])\n\n  return (\n    <Flex.Horizontal spacing=\"large\">\n      <Button\n        variant=\"tertiary\"\n        icon={check}\n        icon_position=\"left\"\n        on_click={doneHandler}\n        disabled={hasErrorAndShowIt}\n      >\n        {translation.done}\n      </Button>\n\n      {wasNew ? (\n        <RemoveButton />\n      ) : (\n        <Button\n          variant=\"tertiary\"\n          icon={close}\n          icon_position=\"left\"\n          on_click={cancelHandler}\n        >\n          {translation.cancel}\n        </Button>\n      )}\n    </Flex.Horizontal>\n  )\n}\n\nexport function useWasNew({\n  isNew,\n  containerMode,\n}: {\n  isNew: boolean\n  containerMode: ContainerMode\n}) {\n  const wasNewRef = useRef<unknown>(isNew)\n\n  useEffect(() => {\n    if (containerMode === 'view') {\n      wasNewRef.current = false\n    }\n  }, [isNew, containerMode])\n\n  return wasNewRef.current\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.css

@@ -12,7 +12,7 @@
   flex: 1;
   margin-bottom: var(--space);
   padding: var(--padding, 1rem);
-  transition: transform 400ms var(--easing-default) 50ms;
+  transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
   transform: translateY(-2.5rem);
 }
 .dnb-form-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {

package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.min.css

@@ -1 +1 @@
-.dnb-form-iterate-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-form-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-form-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-form-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms}.dnb-form-iterate-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem;box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-form-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-form-iterate-block.dnb-height-animation--is-visible .dnb-form-iterate-block__inner{transform:translateY(-.5rem)}.dnb-form-iterate-block.dnb-height-animation--parallax .dnb-form-iterate-block__inner{transform:translateY(0)}.dnb-form-iterate__element{outline:none}.dnb-form-iterate>.dnb-form-iterate__element:has(.dnb-form-iterate-block){margin-top:0}
+.dnb-form-iterate-block{--block-outline-color:var(--outline-color,var(--color-lavender))}.dnb-form-iterate-block--error:has(.dnb-form-status--error){--block-outline-color:var(--color-fire-red)}.dnb-form-iterate-block:not(.dnb-height-animation--hidden){display:flex;flex-direction:column}.dnb-form-iterate-block__inner{flex:1;margin-bottom:var(--space);padding:var(--padding,1rem);transform:translateY(-2.5rem);transition:transform .4s var(--easing-default) 50ms,box-shadow .8s var(--easing-default)}.dnb-form-iterate-block__inner:not([class*=dnb-flex-container--spacing]){--padding:0}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing]{border-radius:.375rem;box-shadow:inset 0 0 0 2px var(--block-outline-color)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-small{--space:var(--spacing-small)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-medium{--space:var(--spacing-medium)}.dnb-form-iterate-block__inner[class*=dnb-flex-container--spacing].dnb-flex-container--spacing-large{--space:var(--spacing-large)}.dnb-form-iterate-block__inner .dnb-dl .dnb-dd{margin-bottom:0}.dnb-form-iterate-block.dnb-height-animation--is-visible .dnb-form-iterate-block__inner{transform:translateY(-.5rem)}.dnb-form-iterate-block.dnb-height-animation--parallax .dnb-form-iterate-block__inner{transform:translateY(0)}.dnb-form-iterate__element{outline:none}.dnb-form-iterate>.dnb-form-iterate__element:has(.dnb-form-iterate-block){margin-top:0}

package/cjs/extensions/forms/Iterate/style/dnb-form-iterate.scss

@@ -38,7 +38,9 @@
         box-shadow: inset 0 0 0 2px var(--block-outline-color);
       }
 
-      transition: transform 400ms var(--easing-default) 50ms;
+      transition:
+        transform 400ms var(--easing-default) 50ms,
+        box-shadow 0.8s var(--easing-default);
       transform: translateY(-2.5rem);
 
       .dnb-dl .dnb-dd {

package/cjs/extensions/forms/style/dnb-forms.css

@@ -499,7 +499,7 @@ html[data-visual-test] .dnb-form-submit-indicator__content b {
   flex: 1;
   margin-bottom: var(--space);
   padding: var(--padding, 1rem);
-  transition: transform 400ms var(--easing-default) 50ms;
+  transition: transform 400ms var(--easing-default) 50ms, box-shadow 0.8s var(--easing-default);
   transform: translateY(-2.5rem);
 }
 .dnb-form-iterate-block__inner:not([class*=dnb-flex-container--spacing]) {