npm - @dnb/eufemia - Versions diffs - 10.22.0 → 10.24.0 - Mend

@dnb/eufemia 10.22.0 → 10.24.0

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

Files changed (1233) hide show

package/cjs/extensions/forms/Form/SubmitIndicator/style/dnb-form-submit-indicator.scss ADDED Viewed

@@ -0,0 +1,117 @@
+@import '../../../../../style/core/utilities.scss';
+.dnb-form-submit-indicator {
+  display: inline;
+  --padding-left: 0.5em;
+  &__content {
+    font-size: 0;
+    line-height: 1em;
+    will-change: font-size;
+    transition: font-size 800ms var(--easing-default);
+    b {
+      padding-left: 0.125em;
+      color: var(--dots-color, currentColor);
+      &:nth-of-type(1) {
+        padding-left: var(--padding-left);
+        animation-delay: 50ms;
+      }
+      &:nth-of-type(2) {
+        animation-delay: 200ms;
+      }
+      &:nth-of-type(3) {
+        animation-delay: 400ms;
+      }
+      opacity: 0.2;
+      animation-name: submit-indicator-dot;
+      animation-iteration-count: infinite;
+      animation-duration: 1.3s;
+      animation-delay: 200ms; // to get a nicer fade in
+      html[data-visual-test] & {
+        animation: none;
+      }
+    }
+  }
+  &--state-pending &__content {
+    font-size: 1em;
+    font-weight: var(--font-weight-bold);
+  }
+  &--state-success &__content {
+    font-size: 1em;
+    // opacity: 0;
+    // font-size: 0;
+    // white-space: nowrap;
+    // animation-name: submit-indicator-success;
+    // animation-duration: 5s;
+    .dnb-icon {
+      padding-left: var(--padding-left);
+      color: var(--color-success-green);
+    }
+    .dnb-icon--default {
+      font-size: 1em;
+    }
+    &__label {
+      font-size: var(--font-size-small);
+      padding-left: calc(var(--padding-left) * 2);
+    }
+  }
+  &--inline-wrap &__content {
+    display: flex;
+    --padding-left: 0.25em;
+  }
+}
+@keyframes submit-indicator-dot {
+  0% {
+    opacity: 0.2;
+  }
+  15% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  60% {
+    opacity: 0.3;
+  }
+  100% {
+    opacity: 0.2;
+  }
+}
+@keyframes submit-indicator-success {
+  0% {
+    opacity: 0.2;
+    font-size: 1em;
+  }
+  20% {
+    opacity: 1;
+    font-size: 1em;
+  }
+  80% {
+    opacity: 1;
+  }
+  85% {
+    opacity: 0.3;
+    font-size: 1em;
+  }
+  90% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 0;
+    font-size: 0;
+  }
+}

package/cjs/extensions/forms/Form/SubmitIndicator/style/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-steps-layout.scss';

package/cjs/extensions/forms/Form/SubmitIndicator/style/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+"use strict";
+require("./dnb-steps-layout.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Form/SubmitIndicator/style/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","names":["require"],"sources":["../../../../../../../src/extensions/forms/Form/SubmitIndicator/style/index.ts"],"sourcesContent":["/*\n Web Style Import\n \n /\n\nimport './dnb-steps-layout.scss'\n"],"mappings":";;AAKAA,OAAA"}

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

@@ -1,5 +1,5 @@
 import { SharedStateId } from '../../../../shared/helpers/useSharedState';
-import type { FilterData } from '../../DataContext/Provider';
+import type { FilterData } from '../../DataContext/Context';
 type SetDataReturn<Data> = {
     data: Data;
     filterData: (filterDataHandler: FilterData) => Partial<Data>;

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

	@@ -1 +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/~~Provider~~'\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"}
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"}

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

@@ -1,9 +1,9 @@
 import { SharedStateId } from '../../../../shared/helpers/useSharedState';
 import type { Path } from '../../types';
-import type { FilterData } from '../../DataContext/Provider';
+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, fn: (value: PathType<Data, P>) => unknown) => void;
+type UseDataReturnUpdate<Data> = <P extends Path>(path: P, value: ((value: PathType<Data, P>) => unknown) | unknown) => void;
 type UseDataReturn<Data> = {
     data: Data;
     update: UseDataReturnUpdate<Data>;
@@ -18,5 +18,5 @@ type UseDataReturn<Data> = {
  * @param {Data} initialData - The initial data value (optional).
  * @returns {UseDataReturn<Data>} An object containing the data and data management functions.
  */
-export default function useData<Data>(id: SharedStateId, initialData?: Data): UseDataReturn<Data>;
+export default function useData<Data>(id?: SharedStateId, initialData?: Data): UseDataReturn<Data>;
 export {};

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

@@ -8,33 +8,53 @@ exports.default = useData;
 var _react = require("react");
 var _jsonPointer = _interopRequireDefault(require("json-pointer"));
 var _useSharedState = require("../../../../shared/helpers/useSharedState");
-var _hooks = require("../../hooks");
+var _useMountEffect = _interopRequireDefault(require("../../../../shared/helpers/useMountEffect"));
+var _Context = _interopRequireDefault(require("../../DataContext/Context"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function useData(id) {
+function useData() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
   let initialData = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
   const sharedDataRef = (0, _react.useRef)(null);
   const sharedAttachmentsRef = (0, _react.useRef)(null);
   const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   sharedDataRef.current = (0, _useSharedState.useSharedState)(id, initialData, forceUpdate);
+  const context = (0, _react.useContext)(_Context.default);
+  if (!id && context !== null && context !== void 0 && context.data) {
+    sharedDataRef.current.data = context.data;
+  }
+  const updateDataValue = context === null || context === void 0 ? void 0 : context.updateDataValue;
+  const setData = context === null || context === void 0 ? void 0 : context.setData;
   sharedAttachmentsRef.current = (0, _useSharedState.useSharedState)(id + '-attachments', {
     rerenderUseDataHook: forceUpdate
   });
   const setHandler = (0, _react.useCallback)(newData => {
-    sharedDataRef.current.update(newData);
-  }, []);
-  const updateHandler = (0, _react.useCallback)((path, fn) => {
+    if (id) {
+      sharedDataRef.current.update(newData);
+    } else {
+      setData === null || setData === void 0 ? void 0 : setData(newData);
+    }
+  }, [id, setData]);
+  const updateHandler = (0, _react.useCallback)(function (path) {
+    let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
     const existingData = sharedDataRef.current.data || {};
     const existingValue = _jsonPointer.default.has(existingData, path) ? _jsonPointer.default.get(existingData, path) : undefined;
-    const newValue = fn(existingValue);
+    const newValue = typeof value === 'function' ? value(existingValue) : value;
     _jsonPointer.default.set(existingData, path, newValue);
-    sharedDataRef.current.update(existingData);
-  }, []);
+    if (id) {
+      sharedDataRef.current.extend(existingData);
+    } else {
+      updateDataValue(path, newValue);
+    }
+  }, [id, updateDataValue]);
   const filterData = (0, _react.useCallback)(filter => {
-    var _sharedAttachmentsRef, _sharedAttachmentsRef2;
     const data = sharedDataRef.current.data;
-    return (_sharedAttachmentsRef = sharedAttachmentsRef.current.data) === null || _sharedAttachmentsRef === void 0 ? void 0 : (_sharedAttachmentsRef2 = _sharedAttachmentsRef.filterDataHandler) === null || _sharedAttachmentsRef2 === void 0 ? void 0 : _sharedAttachmentsRef2.call(_sharedAttachmentsRef, data, filter);
-  }, []);
-  (0, _hooks.useMountEffect)(() => {
+    if (id) {
+      var _sharedAttachmentsRef, _sharedAttachmentsRef2;
+      return (_sharedAttachmentsRef = sharedAttachmentsRef.current.data) === null || _sharedAttachmentsRef === void 0 ? void 0 : (_sharedAttachmentsRef2 = _sharedAttachmentsRef.filterDataHandler) === null || _sharedAttachmentsRef2 === void 0 ? void 0 : _sharedAttachmentsRef2.call(_sharedAttachmentsRef, data, filter);
+    }
+    return context === null || context === void 0 ? void 0 : context.filterDataHandler(data, filter);
+  }, [context, id]);
+  (0, _useMountEffect.default)(() => {
     if (id && !sharedDataRef.current.hadInitialData && initialData) {
       sharedDataRef.current.extend(initialData);
     }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"useData.js","names":["_react","require","_jsonPointer","_interopRequireDefault","_useSharedState","~~_hooks~~","obj","__esModule","default","useData","id","~~initialData","~~arguments","length","undefined","sharedDataRef","useRef","sharedAttachmentsRef","forceUpdate","useReducer","current","useSharedState","rerenderUseDataHook","setHandler","useCallback","newData","update","updateHandler","path","fn","existingData","~~data","~~existingValue","pointer","has","get","newValue","set","filterData","filter","_sharedAttachmentsRef","_sharedAttachmentsRef2","filterDataHandler","call","useMountEffect","hadInitialData"~~,"extend"~~],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import { useCallback, useReducer, useRef } from 'react'\nimport pointer from 'json-pointer'\nimport {\n SharedStateId,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport type { Path } from '../../types'\nimport ~~type~~ {\n FilterData,\n FilterDataHandler,\n} from '../../DataContext/~~Provider~~'\~~nimport { useMountEffect } from '../../hooks'\~~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 fn: (value: PathType<Data, P>) => 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,\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 sharedAttachmentsRef.current = useSharedState<SharedAttachment<Data>>(\n id + '-attachments',\n { rerenderUseDataHook: forceUpdate }\n )\n\n const setHandler = useCallback((newData: Data) => {\n sharedDataRef.current.update(newData)\n }, [])\n\n const updateHandler = useCallback<UseDataReturnUpdate<Data>>(\n (path, fn) => {\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 = fn(existingValue)\n\n // update existing data\n pointer.set(existingData, path, newValue)\n\n // update provider\n sharedDataRef.current.~~update~~(existingData)\n },\n []\n )\n\n const filterData = useCallback<UseDataReturn<Data>['filterData']>(\n (filter) => {\n const data = sharedDataRef.current.data\n return sharedAttachmentsRef.current.data?.filterDataHandler?.(\n data,\n filter\n )\n },\n []\n )\n\n useMountEffect(() => {\n if (id && !sharedDataRef.current.hadInitialData && initialData) {\n sharedDataRef.current.extend(initialData)\n }\n })\n\n return {\n data: sharedDataRef.current.data,\n update: updateHandler,\n set: setHandler,\n filterData,\n }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;~~AASA~~,IAAAI,~~MAAA~~,~~GAAAJ~~,OAAA;~~AAA4C~~,SAAAE,~~uBAAAG~~,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;~~AAuC7B~~,SAASG,OAAOA,~~CAC7BC~~,EAAiB,~~EAEI~~;EAAA,~~IADrBC~~,WAAiB,~~GAAAC~~,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAE7B,~~MAAMC~~,aAAa,GACjB,IAAAC,aAAM,EAA0C,IAAI,CAAC;EACvD,MAAMC,oBAAoB,GACxB,IAAAD,aAAM,EAA4D,IAAI,CAAC;EACzE,MAAM,GAAGE,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAElDJ,aAAa,CAACK,OAAO,GAAG,IAAAC,8BAAc,EACpCX,EAAE,~~EACFC~~,WAAW,~~EACXO~~,WACF,CAAC;~~EAEDD~~,oBAAoB,CAACG,OAAO,GAAG,IAAAC,8BAAc,EAC3CX,EAAE,GAAG,cAAc,EACnB;~~IAAEY~~,mBAAmB,~~EAAEJ~~;EAAY,CACrC,CAAC;EAED,~~MAAMK~~,UAAU,GAAG,IAAAC,kBAAW,~~EAAEC~~,OAAa,IAAK;~~IAChDV~~,aAAa,CAACK,OAAO,~~CAACM~~,MAAM,CAACD,OAAO,CAAC;~~EACvC~~,CAAC,~~EAAE~~,EAAE,CAAC;~~EAEN~~,~~MAAME~~,aAAa,GAAG,IAAAH,kBAAW,EAC/B,~~CAACI~~,IAAI,~~EAAEC~~,~~EAAE~~,KAAK;~~IACZ~~,~~MAAMC~~,YAAY,~~GAAGf~~,aAAa,CAACK,OAAO,~~CAACW~~,IAAI,IAAK,CAAC,CAAU;IAC/D,~~MAAMC~~,aAAa,GAAGC,oBAAO,CAACC,GAAG,~~CAACJ~~,YAAY,EAAEF,IAAI,CAAC,~~GACjDK~~,oBAAO,CAACE,GAAG,~~CAACL~~,YAAY,EAAEF,IAAI,CAAC,GAC/Bd,SAAS;IAGb,~~MAAMsB~~,QAAQ,~~GAAGP~~,~~EAAE~~,~~CAACG~~,aAAa,CAAC;~~IAGlCC~~,oBAAO,CAACI,GAAG,~~CAACP~~,YAAY,EAAEF,IAAI,~~EAAEQ~~,QAAQ,CAAC;~~IAGzCrB~~,aAAa,CAACK,OAAO,~~CAACM~~,MAAM,~~CAACI~~,YAAY,CAAC;~~EAC5C~~,CAAC,~~EACD~~,EACF,CAAC;EAED,~~MAAMQ~~,UAAU,GAAG,IAAAd,kBAAW,EAC3Be,MAAM,IAAK;~~IAAA,IAAAC,qBAAA,EAAAC,sBAAA;~~IACV,~~MAAMV~~,IAAI,~~GAAGhB~~,aAAa,CAACK,OAAO,~~CAACW~~,IAAI;~~IACvC~~,~~QAAAS~~,qBAAA,~~GAAOvB~~,oBAAoB,CAACG,OAAO,~~CAACW~~,IAAI,~~cAAAS~~,qBAAA,wBAAAC,sBAAA,GAAjCD,qBAAA,CAAmCE,iBAAiB,cAAAD,sBAAA,uBAApDA,sBAAA,CAAAE,IAAA,CAAAH,qBAAA,~~EACLT~~,IAAI,~~EACJQ~~,MACF,CAAC;~~EACH~~,CAAC,EACD,~~EACF~~,CAAC;EAED,~~IAAAK~~,~~qBAAc~~,EAAC,MAAM;IACnB,~~IAAIlC~~,EAAE,IAAI,CAACK,aAAa,CAACK,OAAO,~~CAACyB~~,cAAc,~~IAAIlC~~,WAAW,EAAE;~~MAC9DI~~,aAAa,CAACK,OAAO,~~CAAC0B~~,MAAM,~~CAACnC~~,WAAW,CAAC;IAC3C;EACF,CAAC,CAAC;EAEF,OAAO;~~IACLoB~~,IAAI,~~EAAEhB~~,aAAa,CAACK,OAAO,~~CAACW~~,IAAI;~~IAChCL~~,MAAM,EAAEC,aAAa;~~IACrBU~~,GAAG,~~EAAEd~~,UAAU;IACfe;EACF,CAAC;AACH"}
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"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useData.tsx"],"sourcesContent":["import { useCallback, useContext, useReducer, useRef } 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 return {\n data: sharedDataRef.current.data,\n update: updateHandler,\n set: setHandler,\n filterData,\n }\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Form/data-context/useError.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-import type { ContextState } from '../../DataContext/Context';
+import { SharedStateId } from '../../../../shared/helpers/useSharedState';
+import { ContextState } from '../../DataContext/Context';
 type UseDataReturn = {
     hasErrors: ContextState['hasErrors'];
 };
-export default function useError(id: string): UseDataReturn;
+export default function useError(id?: SharedStateId): UseDataReturn;
 export {};

package/cjs/extensions/forms/Form/data-context/useError.js CHANGED Viewed

@@ -7,14 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = useError;
 var _react = require("react");
 var _useSharedState = require("../../../../shared/helpers/useSharedState");
-function useError(id) {
+var _Context = _interopRequireDefault(require("../../DataContext/Context"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useError() {
+  var _sharedAttachmentsRef, _sharedAttachmentsRef2;
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
   const sharedAttachmentsRef = (0, _react.useRef)(null);
   sharedAttachmentsRef.current = (0, _useSharedState.useSharedState)(id + '-attachments');
-  const {
-    data
-  } = sharedAttachmentsRef.current;
+  const context = (0, _react.useContext)(_Context.default);
+  const hasErrors = ((_sharedAttachmentsRef = sharedAttachmentsRef.current) === null || _sharedAttachmentsRef === void 0 ? void 0 : (_sharedAttachmentsRef2 = _sharedAttachmentsRef.data) === null || _sharedAttachmentsRef2 === void 0 ? void 0 : _sharedAttachmentsRef2.hasErrors) || !id && (context === null || context === void 0 ? void 0 : context.hasErrors) || (() => false);
   return {
-    hasErrors: (data === null || data === void 0 ? void 0 : data.hasErrors) || (() => false)
+    hasErrors
   };
 }
 //# sourceMappingURL=useError.js.map

package/cjs/extensions/forms/Form/data-context/useError.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useError.js","names":["_react","require","_useSharedState","useError","id","sharedAttachmentsRef","useRef","current","useSharedState","~~data~~","hasErrors"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useError.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\nimport ~~type~~ { ContextState } from '../../DataContext/Context'\n\ntype UseDataReturn = {\n hasErrors: ContextState['hasErrors']\n}\n\nexport default function useError(id: ~~string~~): UseDataReturn {\n const sharedAttachmentsRef = useRef(null)\n sharedAttachmentsRef.current = useSharedState<UseDataReturn>(\n id + '-attachments'\n )\n\n ~~const~~ { ~~data~~ } = ~~sharedAttachmentsRef.current~~\n\n ~~return~~ {\n hasErrors: ~~data~~?.hasErrors \|\| (() => false),\n }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;~~AAOe~~,~~SAASE~~,QAAQA,~~CAACC~~,~~EAAU~~,EAAiB;~~EAC1D~~,MAAMC,oBAAoB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACzCD,oBAAoB,CAACE,OAAO,GAAG,IAAAC,8BAAc,~~EAC3CJ~~,EAAE,GAAG,cACP,CAAC;~~EAED~~,~~MAAM;IAAEK;EAAK~~,CAAC,~~GAAGJ~~,oBAAoB,CAACE,OAAO~~;EAE7C~~,~~OAAO;IACLG~~,SAAS,EAAE,~~CAAAD~~,~~IAAI~~,~~aAAJA~~,~~IAAI~~,~~uBAAJA~~,~~IAAI~~,~~CAAEC~~,SAAS,~~MAAK~~,MAAM,KAAK;~~EAC5C~~,CAAC;~~AACH~~"}
1	+ {"version":3,"file":"useError.js","names":["_react","require","_useSharedState","_Context","_interopRequireDefault","obj","__esModule","default","useError","_sharedAttachmentsRef","_sharedAttachmentsRef2","id","arguments","length","undefined","sharedAttachmentsRef","useRef","current","useSharedState","context","useContext","DataContext","hasErrors","data"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useError.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport {\n SharedStateId,\n useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport DataContext, { ContextState } from '../../DataContext/Context'\n\ntype UseDataReturn = {\n hasErrors: ContextState['hasErrors']\n}\n\nexport default function useError(\n id: SharedStateId = undefined\n): UseDataReturn {\n const sharedAttachmentsRef = useRef(null)\n sharedAttachmentsRef.current = useSharedState<UseDataReturn>(\n id + '-attachments'\n )\n\n // If no id is provided, use the context version\n const context = useContext(DataContext)\n const hasErrors =\n sharedAttachmentsRef.current?.data?.hasErrors \|\|\n (!id && context?.hasErrors) \|\|\n (() => false)\n\n return { hasErrors }\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAIA,IAAAE,QAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAqE,SAAAG,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAMtD,SAASG,QAAQA,CAAA,EAEf;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EAAA,IADfC,EAAiB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGE,SAAS;EAE7B,MAAMC,oBAAoB,GAAG,IAAAC,aAAM,EAAC,IAAI,CAAC;EACzCD,oBAAoB,CAACE,OAAO,GAAG,IAAAC,8BAAc,EAC3CP,EAAE,GAAG,cACP,CAAC;EAGD,MAAMQ,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAW,CAAC;EACvC,MAAMC,SAAS,GACb,EAAAb,qBAAA,GAAAM,oBAAoB,CAACE,OAAO,cAAAR,qBAAA,wBAAAC,sBAAA,GAA5BD,qBAAA,CAA8Bc,IAAI,cAAAb,sBAAA,uBAAlCA,sBAAA,CAAoCY,SAAS,KAC5C,CAACX,EAAE,KAAIQ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,SAAS,CAAC,KAC1B,MAAM,KAAK,CAAC;EAEf,OAAO;IAAEA;EAAU,CAAC;AACtB"}

package/cjs/extensions/forms/Form/index.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ export { default as Handler } from './Handler';
 export { default as Element } from './Element';
 export { default as Appearance } from './Appearance';
 export { default as SubmitButton } from './SubmitButton';
+export { default as SubmitIndicator } from './SubmitIndicator';
 export { default as ButtonRow } from './ButtonRow';
 export { default as MainHeading } from './MainHeading';
 export { default as SubHeading } from './SubHeading';

package/cjs/extensions/forms/Form/index.js CHANGED Viewed

@@ -45,6 +45,12 @@ Object.defineProperty(exports, "SubmitButton", {
     return _SubmitButton.default;
   }
 });
+Object.defineProperty(exports, "SubmitIndicator", {
+  enumerable: true,
+  get: function () {
+    return _SubmitIndicator.default;
+  }
+});
 Object.defineProperty(exports, "Visibility", {
   enumerable: true,
   get: function () {
@@ -79,6 +85,7 @@ var _Handler = _interopRequireDefault(require("./Handler"));
 var _Element = _interopRequireDefault(require("./Element"));
 var _Appearance = _interopRequireDefault(require("./Appearance"));
 var _SubmitButton = _interopRequireDefault(require("./SubmitButton"));
+var _SubmitIndicator = _interopRequireDefault(require("./SubmitIndicator"));
 var _ButtonRow = _interopRequireDefault(require("./ButtonRow"));
 var _MainHeading = _interopRequireDefault(require("./MainHeading"));
 var _SubHeading = _interopRequireDefault(require("./SubHeading"));

package/cjs/extensions/forms/Form/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["_Handler","_interopRequireDefault","require","_Element","_Appearance","_SubmitButton","_ButtonRow","_MainHeading","_SubHeading","_Visibility","_useData","_setData","_getData","_useError","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,~~UAAA~~,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,~~YAAA~~,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,~~WAAA~~,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,~~QAAA~~,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,QAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,QAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,~~SAAA~~,GAAAZ,sBAAA,CAAAC,OAAA;AAA6D,SAAAD,~~uBAAAa~~,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}
1	+ {"version":3,"file":"index.js","names":["_Handler","_interopRequireDefault","require","_Element","_Appearance","_SubmitButton","_SubmitIndicator","_ButtonRow","_MainHeading","_SubHeading","_Visibility","_useData","_setData","_getData","_useError","obj","__esModule","default"],"sources":["../../../../../src/extensions/forms/Form/index.ts"],"sourcesContent":["export { default as Handler } from './Handler'\nexport { default as Element } from './Element'\nexport { default as Appearance } from './Appearance'\nexport { default as SubmitButton } from './SubmitButton'\nexport { default as SubmitIndicator } from './SubmitIndicator'\nexport { default as ButtonRow } from './ButtonRow'\nexport { default as MainHeading } from './MainHeading'\nexport { default as SubHeading } from './SubHeading'\nexport { default as Visibility } from './Visibility'\nexport { default as useData } from './data-context/useData'\nexport { default as setData } from './data-context/setData'\nexport { default as getData } from './data-context/getData'\nexport { default as useError } from './data-context/useError'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,aAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,UAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,WAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,WAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,QAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,QAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,QAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,SAAA,GAAAb,sBAAA,CAAAC,OAAA;AAA6D,SAAAD,uBAAAc,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

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

@@ -33,7 +33,7 @@ function ArrayComponent(props) {
     width,
     handleChange,
     children
-  } = (0, _hooks.useDataValue)(props);
+  } = (0, _hooks.useFieldProps)(props);
   const elementData = (0, _react.useMemo)(() => {
     return (arrayValue !== null && arrayValue !== void 0 ? arrayValue : []).map((elementValue, elementIndex) => ({
       elementValue,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_IterateElementContext","_FieldBlock","_hooks","_utils","_Container","_Flex","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","ArrayComponent","props","className","layout","placeholder","label","labelDescription","path","value","arrayValue","info","warning","error","emptyValue","width","handleChange","children","~~useDataValue~~","elementData","useMemo","map","elementValue","elementIndex","handleElementChange","newArrayValue","structuredClone","pointer","handleRemoveElement","splice","handlePush","useCallback","element","createElement","classnames","contentWidth","undefined","pickSpacingProps","Container","pickFlexContainerProps","spacing","_ref","Provider","index","handleRemove","Array","isArray","childElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport IterateElementContext from '../IterateElementContext'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { ~~useDataValue~~ } from '../../hooks'\nimport {\n FieldProps,\n FieldHelpProps,\n CustomErrorMessages,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n BasicProps as FlexContainerProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport Flex from '../../../../components/flex/Flex'\n\ninterface ErrorMessages extends CustomErrorMessages {\n required?: string\n schema?: string\n}\n\nexport type Props = FieldHelpProps &\n FieldProps<unknown[], undefined, ErrorMessages> &\n Omit<FieldBlockProps, 'children'> &\n Omit<FlexContainerProps, 'children' \| 'width'> & {\n children:\n \| React.ReactNode\n \| ((value: any, index: number) => React.ReactNode)\n \| Array<\n \| React.ReactNode\n \| ((value: any, index: number) => React.ReactNode)\n >\n }\n\nfunction ArrayComponent(props: Props) {\n const {\n className,\n layout = 'vertical',\n placeholder,\n label,\n labelDescription,\n path,\n value: arrayValue,\n info,\n warning,\n error,\n emptyValue,\n width,\n handleChange,\n children,\n } = ~~useDataValue~~(props)\n\n const elementData: {\n elementValue: unknown\n handleElementChange: (path: string, value: unknown) => void\n handleRemoveElement: () => void\n }[] = useMemo(() => {\n return (arrayValue ?? []).map((elementValue, elementIndex) => ({\n elementValue,\n handleElementChange: (path, value) => {\n const newArrayValue = structuredClone(arrayValue)\n pointer.set(newArrayValue, path, value)\n handleChange?.(newArrayValue)\n },\n handleRemoveElement: () => {\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue.splice(elementIndex, 1)\n handleChange?.(newArrayValue)\n },\n }))\n }, [arrayValue, handleChange])\n\n const handlePush = useCallback(\n (element: unknown) => {\n handleChange([...(arrayValue ?? []), element])\n },\n [arrayValue, handleChange]\n )\n\n return (\n <FieldBlock\n className={classnames('dnb-forms-field-number', className)}\n layout={layout}\n label={label}\n labelDescription={labelDescription}\n info={info}\n warning={warning}\n error={error}\n width={width}\n contentWidth={width !== false ? width : undefined}\n {...pickSpacingProps(props)}\n >\n <Flex.Container\n {...pickFlexContainerProps(props as FlexContainerProps, {\n spacing: 'small',\n })}\n >\n {arrayValue === emptyValue ? (\n <em>{placeholder}</em>\n ) : (\n elementData.map(\n (\n { elementValue, handleElementChange, handleRemoveElement },\n elementIndex\n ) => {\n return (\n <IterateElementContext.Provider\n key={`element-${elementIndex}`}\n value={{\n index: elementIndex,\n value: elementValue,\n path,\n handleChange: handleElementChange,\n handleRemove: handleRemoveElement,\n handlePush,\n }}\n >\n {Array.isArray(children)\n ? children.map((childElement) =>\n typeof childElement === 'function'\n ? childElement(elementValue, elementIndex)\n : childElement\n )\n : typeof children === 'function'\n ? children(elementValue, elementIndex)\n : children}\n </IterateElementContext.Provider>\n )\n }\n )\n )}\n </Flex.Container>\n </FieldBlock>\n )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAMA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAR,OAAA;AAIA,IAAAS,KAAA,GAAAP,sBAAA,CAAAF,OAAA;AAAmD,SAAAE,uBAAAQ,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,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAoBnD,SAASI,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAM;IACJC,SAAS;IACTC,MAAM,GAAG,UAAU;IACnBC,WAAW;IACXC,KAAK;IACLC,gBAAgB;IAChBC,IAAI;IACJC,KAAK,EAAEC,UAAU;IACjBC,IAAI;IACJC,OAAO;IACPC,KAAK;IACLC,UAAU;IACVC,KAAK;IACLC,YAAY;IACZC;EACF,CAAC,GAAG,IAAAC,~~mBAAY~~,EAAChB,KAAK,CAAC;~~EAEvB~~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"}
1	+ {"version":3,"file":"Array.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_jsonPointer","_IterateElementContext","_FieldBlock","_hooks","_utils","_Container","_Flex","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","ArrayComponent","props","className","layout","placeholder","label","labelDescription","path","value","arrayValue","info","warning","error","emptyValue","width","handleChange","children","useFieldProps","elementData","useMemo","map","elementValue","elementIndex","handleElementChange","newArrayValue","structuredClone","pointer","handleRemoveElement","splice","handlePush","useCallback","element","createElement","classnames","contentWidth","undefined","pickSpacingProps","Container","pickFlexContainerProps","spacing","_ref","Provider","index","handleRemove","Array","isArray","childElement","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/Array/Array.tsx"],"sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport classnames from 'classnames'\nimport pointer from 'json-pointer'\nimport IterateElementContext from '../IterateElementContext'\nimport FieldBlock, { Props as FieldBlockProps } from '../../FieldBlock'\nimport { useFieldProps } from '../../hooks'\nimport {\n FieldProps,\n FieldHelpProps,\n CustomErrorMessages,\n} from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport {\n BasicProps as FlexContainerProps,\n pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport Flex from '../../../../components/flex/Flex'\n\ninterface ErrorMessages extends CustomErrorMessages {\n required?: string\n schema?: string\n}\n\nexport type Props = FieldHelpProps &\n FieldProps<unknown[], undefined, ErrorMessages> &\n Omit<FieldBlockProps, 'children'> &\n Omit<FlexContainerProps, 'children' \| 'width'> & {\n children:\n \| React.ReactNode\n \| ((value: any, index: number) => React.ReactNode)\n \| Array<\n \| React.ReactNode\n \| ((value: any, index: number) => React.ReactNode)\n >\n }\n\nfunction ArrayComponent(props: Props) {\n const {\n className,\n layout = 'vertical',\n placeholder,\n label,\n labelDescription,\n path,\n value: arrayValue,\n info,\n warning,\n error,\n emptyValue,\n width,\n handleChange,\n children,\n } = useFieldProps(props)\n\n const elementData: {\n elementValue: unknown\n handleElementChange: (path: string, value: unknown) => void\n handleRemoveElement: () => void\n }[] = useMemo(() => {\n return (arrayValue ?? []).map((elementValue, elementIndex) => ({\n elementValue,\n handleElementChange: (path, value) => {\n const newArrayValue = structuredClone(arrayValue)\n pointer.set(newArrayValue, path, value)\n handleChange?.(newArrayValue)\n },\n handleRemoveElement: () => {\n const newArrayValue = structuredClone(arrayValue)\n newArrayValue.splice(elementIndex, 1)\n handleChange?.(newArrayValue)\n },\n }))\n }, [arrayValue, handleChange])\n\n const handlePush = useCallback(\n (element: unknown) => {\n handleChange([...(arrayValue ?? []), element])\n },\n [arrayValue, handleChange]\n )\n\n return (\n <FieldBlock\n className={classnames('dnb-forms-field-number', className)}\n layout={layout}\n label={label}\n labelDescription={labelDescription}\n info={info}\n warning={warning}\n error={error}\n width={width}\n contentWidth={width !== false ? width : undefined}\n {...pickSpacingProps(props)}\n >\n <Flex.Container\n {...pickFlexContainerProps(props as FlexContainerProps, {\n spacing: 'small',\n })}\n >\n {arrayValue === emptyValue ? (\n <em>{placeholder}</em>\n ) : (\n elementData.map(\n (\n { elementValue, handleElementChange, handleRemoveElement },\n elementIndex\n ) => {\n return (\n <IterateElementContext.Provider\n key={`element-${elementIndex}`}\n value={{\n index: elementIndex,\n value: elementValue,\n path,\n handleChange: handleElementChange,\n handleRemove: handleRemoveElement,\n handlePush,\n }}\n >\n {Array.isArray(children)\n ? children.map((childElement) =>\n typeof childElement === 'function'\n ? childElement(elementValue, elementIndex)\n : childElement\n )\n : typeof children === 'function'\n ? children(elementValue, elementIndex)\n : children}\n </IterateElementContext.Provider>\n )\n }\n )\n )}\n </Flex.Container>\n </FieldBlock>\n )\n}\n\nArrayComponent._supportsSpacingProps = true\nexport default ArrayComponent\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/ArrayPushButton/ArrayPushButton.js CHANGED Viewed

@@ -32,7 +32,7 @@ function ArrayPushButton(props) {
     value,
     handleChange,
     children
-  } = (0, _hooks.useDataValue)(restProps);
+  } = (0, _hooks.useFieldProps)(restProps);
   if (value !== undefined && !Array.isArray(value)) {
     throw new Error('ArrayPushButton received a non-array value.');
   }

package/cjs/extensions/forms/Iterate/ArrayPushButton/ArrayPushButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrayPushButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_types","_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","ArrayPushButton","props","iterateElementContext","useContext","IterateElementContext","handlePush","pushValue","restProps","buttonProps","omitDataValueReadWriteProps","value","handleChange","children","~~useDataValue~~","undefined","Array","isArray","Error","handleClick","useCallback","createElement","Button","className","classnames","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/ArrayPushButton/ArrayPushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { ~~useDataValue~~ } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]> & {\n pushValue: unknown\n }\n\nfunction ArrayPushButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handlePush } = iterateElementContext ?? {}\n\n const { pushValue, ...restProps } = props\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { value, handleChange, children } = ~~useDataValue~~(restProps)\n\n if (value !== undefined && !Array.isArray(value)) {\n throw new Error('ArrayPushButton received a non-array value.')\n }\n\n const handleClick = useCallback(() => {\n if (handlePush) {\n // Inside an Iterate element - make the change through the Iterate component\n handlePush(pushValue)\n return\n }\n\n // If not inside an iterate, it could still manipulate a source data set through ~~useDataValue~~\n handleChange([...(value ?? []), pushValue])\n }, [value, pushValue, handlePush, handleChange])\n\n return (\n <Button\n className={classnames(\n 'dnb-forms-array-push-button',\n props.className\n )}\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nArrayPushButton._supportsSpacingProps = true\nexport default ArrayPushButton\n"],"mappings":"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~~mBAAY~~,EAACN,SAAS,CAAC;~~EAEjE~~,IAAIG,KAAK,KAAKI,SAAS,IAAI,CAACC,KAAK,CAACC,OAAO,CAACN,KAAK,CAAC,EAAE;IAChD,MAAM,IAAIO,KAAK,CAAC,6CAA6C,CAAC;EAChE;EAEA,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC,IAAId,UAAU,EAAE;MAEdA,UAAU,CAACC,SAAS,CAAC;MACrB;IACF;IAGAK,YAAY,CAAC,CAAC,IAAID,KAAK,aAALA,KAAK,cAALA,KAAK,GAAI,EAAE,CAAC,EAAEJ,SAAS,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACI,KAAK,EAAEJ,SAAS,EAAED,UAAU,EAAEM,YAAY,CAAC,CAAC;EAEhD,OACE7D,MAAA,CAAAY,OAAA,CAAA0D,aAAA,CAACjE,WAAA,CAAAkE,MAAM,EAAAvC,QAAA;IACLwC,SAAS,EAAE,IAAAC,mBAAU,EACnB,6BAA6B,EAC7BtB,KAAK,CAACqB,SACR,CAAE;IACFE,QAAQ,EAAEN;EAAY,GAClBV,WAAW,GAEdI,QACK,CAAC;AAEb;AAEAZ,eAAe,CAACyB,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC7B1B,eAAe;AAAA2B,OAAA,CAAAjE,OAAA,GAAAgE,QAAA"}
1	+ {"version":3,"file":"ArrayPushButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_types","_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","ArrayPushButton","props","iterateElementContext","useContext","IterateElementContext","handlePush","pushValue","restProps","buttonProps","omitDataValueReadWriteProps","value","handleChange","children","useFieldProps","undefined","Array","isArray","Error","handleClick","useCallback","createElement","Button","className","classnames","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/ArrayPushButton/ArrayPushButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]> & {\n pushValue: unknown\n }\n\nfunction ArrayPushButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handlePush } = iterateElementContext ?? {}\n\n const { pushValue, ...restProps } = props\n const buttonProps = omitDataValueReadWriteProps(restProps)\n const { value, handleChange, children } = useFieldProps(restProps)\n\n if (value !== undefined && !Array.isArray(value)) {\n throw new Error('ArrayPushButton received a non-array value.')\n }\n\n const handleClick = useCallback(() => {\n if (handlePush) {\n // Inside an Iterate element - make the change through the Iterate component\n handlePush(pushValue)\n return\n }\n\n // If not inside an iterate, it could still manipulate a source data set through useFieldProps\n handleChange([...(value ?? []), pushValue])\n }, [value, pushValue, handlePush, handleChange])\n\n return (\n <Button\n className={classnames(\n 'dnb-forms-array-push-button',\n props.className\n )}\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nArrayPushButton._supportsSpacingProps = true\nexport default ArrayPushButton\n"],"mappings":"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"}

package/cjs/extensions/forms/Iterate/ArrayRemoveElementButton/ArrayRemoveElementButton.js CHANGED Viewed

@@ -26,7 +26,7 @@ function ArrayRemoveElementButton(props) {
   const buttonProps = (0, _types.omitDataValueReadWriteProps)(props);
   const {
     children
-  } = (0, _hooks.useDataValue)(props);
+  } = (0, _hooks.useFieldProps)(props);
   const handleClick = (0, _react.useCallback)(() => {
     handleRemove();
   }, [handleRemove]);

package/cjs/extensions/forms/Iterate/ArrayRemoveElementButton/ArrayRemoveElementButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrayRemoveElementButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_types","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","ArrayRemoveElementButton","props","iterateElementContext","useContext","IterateElementContext","handleRemove","Error","buttonProps","omitDataValueReadWriteProps","children","~~useDataValue~~","handleClick","useCallback","createElement","Button","className","classnames","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/ArrayRemoveElementButton/ArrayRemoveElementButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { ~~useDataValue~~ } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]>\n\nfunction ArrayRemoveElementButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handleRemove } = iterateElementContext ?? {}\n\n if (!iterateElementContext) {\n throw new Error(\n 'ArrayRemoveElementButton must be inside an Iterate.Array component.'\n )\n }\n\n const buttonProps = omitDataValueReadWriteProps(props)\n\n const { children } = ~~useDataValue~~(props)\n\n const handleClick = useCallback(() => {\n handleRemove()\n }, [handleRemove])\n\n return (\n <Button\n className={classnames(\n 'dnb-forms-array-remove-element-button',\n props.className\n )}\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nArrayRemoveElementButton._supportsSpacingProps = true\nexport default ArrayRemoveElementButton\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAGoB,SAAAE,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAKpB,SAASI,wBAAwBA,CAACC,KAAY,EAAE;EAC9C,MAAMC,qBAAqB,GAAG,IAAAC,iBAAU,EAACC,8BAAqB,CAAC;EAC/D,MAAM;IAAEC;EAAa,CAAC,GAAGH,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAI,CAAC,CAAC;EAEpD,IAAI,CAACA,qBAAqB,EAAE;IAC1B,MAAM,IAAII,KAAK,CACb,qEACF,CAAC;EACH;EAEA,MAAMC,WAAW,GAAG,IAAAC,kCAA2B,EAACP,KAAK,CAAC;EAEtD,MAAM;IAAEQ;EAAS,CAAC,GAAG,IAAAC,~~mBAAY~~,EAACT,KAAK,CAAC;~~EAExC~~,MAAMU,WAAW,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpCP,YAAY,CAAC,CAAC;EAChB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OACE7C,MAAA,CAAAW,OAAA,CAAA0C,aAAA,CAAChD,WAAA,CAAAiD,MAAM,EAAAvB,QAAA;IACLwB,SAAS,EAAE,IAAAC,mBAAU,EACnB,uCAAuC,EACvCf,KAAK,CAACc,SACR,CAAE;IACFE,QAAQ,EAAEN;EAAY,GAClBJ,WAAW,GAEdE,QACK,CAAC;AAEb;AAEAT,wBAAwB,CAACkB,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACtCnB,wBAAwB;AAAAoB,OAAA,CAAAjD,OAAA,GAAAgD,QAAA"}
1	+ {"version":3,"file":"ArrayRemoveElementButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_IterateElementContext","_hooks","_types","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","ArrayRemoveElementButton","props","iterateElementContext","useContext","IterateElementContext","handleRemove","Error","buttonProps","omitDataValueReadWriteProps","children","useFieldProps","handleClick","useCallback","createElement","Button","className","classnames","on_click","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/Iterate/ArrayRemoveElementButton/ArrayRemoveElementButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/Button'\nimport IterateElementContext from '../IterateElementContext'\nimport { useFieldProps } from '../../hooks'\nimport {\n DataValueReadWriteComponentProps,\n omitDataValueReadWriteProps,\n} from '../../types'\n\nexport type Props = ButtonProps &\n DataValueReadWriteComponentProps<unknown[]>\n\nfunction ArrayRemoveElementButton(props: Props) {\n const iterateElementContext = useContext(IterateElementContext)\n const { handleRemove } = iterateElementContext ?? {}\n\n if (!iterateElementContext) {\n throw new Error(\n 'ArrayRemoveElementButton must be inside an Iterate.Array component.'\n )\n }\n\n const buttonProps = omitDataValueReadWriteProps(props)\n\n const { children } = useFieldProps(props)\n\n const handleClick = useCallback(() => {\n handleRemove()\n }, [handleRemove])\n\n return (\n <Button\n className={classnames(\n 'dnb-forms-array-remove-element-button',\n props.className\n )}\n on_click={handleClick}\n {...buttonProps}\n >\n {children}\n </Button>\n )\n}\n\nArrayRemoveElementButton._supportsSpacingProps = true\nexport default ArrayRemoveElementButton\n"],"mappings":"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"}

package/cjs/extensions/forms/StepsLayout/NextButton/NextButton.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
 import type { ComponentProps } from '../../types';
 import { ButtonProps } from '../../../../components/button/Button';
-export type Props = ComponentProps & ButtonProps & {
-    children?: string;
-};
+export type Props = ComponentProps & ButtonProps;
 declare function NextButton(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace NextButton {
     var _supportsSpacingProps: boolean;

package/cjs/extensions/forms/StepsLayout/NextButton/NextButton.js CHANGED Viewed

@@ -7,10 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _components = require("../../../../components");
 var _Context = _interopRequireDefault(require("../../../../shared/Context"));
 var _StepsContext = _interopRequireDefault(require("../StepsContext"));
 var _ButtonRow = _interopRequireDefault(require("../../Form/ButtonRow"));
+var _SubmitButton = _interopRequireDefault(require("../../Form/SubmitButton"));
 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; }
@@ -25,13 +25,14 @@ function NextButton(props) {
     children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepNext
   } = props;
   const stepsContext = (0, _react.useContext)(_StepsContext.default);
-  return _react.default.createElement(_ButtonRow.default, null, _react.default.createElement(_components.Button, _extends({}, props, {
+  return _react.default.createElement(_ButtonRow.default, null, _react.default.createElement(_SubmitButton.default, _extends({
+    type: "button",
     className: (0, _classnames.default)('dnb-forms-next-button', className),
     onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handleNext,
     variant: variant,
     icon_position: icon_position,
     icon: icon
-  }), children));
+  }, props), children));
 }
 NextButton._supportsSpacingProps = true;
 var _default = NextButton;

package/cjs/extensions/forms/StepsLayout/NextButton/NextButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NextButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","~~_components","~~_Context","_StepsContext","_ButtonRow","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","NextButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","StepsContext","createElement","~~Button~~","classnames","onClick","handleNext","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/StepsLayout/NextButton/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { ~~Button } from '../../../../components'\nimport {~~ ButtonProps } from '../../../../components/button/Button'\nimport SharedContext from '../../../../shared/Context'\nimport StepsContext from '../StepsContext'\nimport ButtonRow from '../../Form/ButtonRow'\n\nexport type Props = ComponentProps ~~&\n ButtonProps~~ & {\n ~~children?: string~~\~~n }\n\~~nfunction NextButton(props: Props) {\n const sharedContext = useContext(SharedContext)\n const {\n className,\n variant = 'primary',\n icon_position = 'right',\n icon = 'chevron_right',\n children = sharedContext?.translation.Forms.stepNext,\n } = props\n const stepsContext = useContext(StepsContext)\n\n return (\n <ButtonRow>\n <~~Button~~\n ~~{...props}~~\n className={classnames('dnb-forms-next-button', className)}\n onClick={stepsContext?.handleNext}\n variant={variant}\n icon_position={icon_position}\n icon={icon}\n >\n {children}\n </~~Button~~>\n </ButtonRow>\n )\n}\n\nNextButton._supportsSpacingProps = true\nexport default NextButton\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;~~AAEA~~,IAAAG,~~WAAA~~,~~GAAAH~~,OAAA;~~AAEA~~,IAAAI,~~QAAA~~,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,~~aAAA~~,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,~~UAAA~~,GAAAJ,sBAAA,CAAAF,OAAA;~~AAA4C~~,SAAAE,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,SAAAZ,wBAAAQ,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;~~AAO5C~~,SAASI,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,gBAAa,CAAC;EAC/C,MAAM;IACJC,SAAS;IACTC,OAAO,GAAG,SAAS;IACnBC,aAAa,GAAG,OAAO;IACvBC,IAAI,GAAG,eAAe;IACtBC,QAAQ,GAAGP,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEQ,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGX,KAAK;EACT,MAAMY,YAAY,GAAG,IAAAV,iBAAU,EAACW,qBAAY,CAAC;EAE7C,OACEtD,MAAA,CAAAW,OAAA,CAAA4C,aAAA,~~CAAC/C~~,UAAA,~~CAAAG~~,OAAS,~~QACRX~~,MAAA,CAAAW,OAAA,CAAA4C,aAAA,~~CAAClD~~,~~WAAA~~,~~CAAAmD~~,~~MAAM~~,~~EAAAzB~~,QAAA,~~KACDU~~,~~KAAK~~;~~IACTI~~,SAAS,EAAE,IAAAY,mBAAU,EAAC,uBAAuB,EAAEZ,SAAS,CAAE;IAC1Da,OAAO,EAAEL,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEM,UAAW;IAClCb,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,~~IAEVC~~,~~QACK~~,~~CACC~~,CAAC;AAEhB;AAEAT,UAAU,CAACoB,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACxBrB,UAAU;AAAAsB,OAAA,CAAAnD,OAAA,GAAAkD,QAAA"}
1	+ {"version":3,"file":"NextButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Context","_StepsContext","_ButtonRow","_SubmitButton","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","NextButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","StepsContext","createElement","type","classnames","onClick","handleNext","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/StepsLayout/NextButton/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { ButtonProps } from '../../../../components/button/Button'\nimport SharedContext from '../../../../shared/Context'\nimport StepsContext from '../StepsContext'\nimport ButtonRow from '../../Form/ButtonRow'\nimport SubmitButton from '../../Form/SubmitButton'\n\nexport type Props = ComponentProps & ButtonProps\n\nfunction NextButton(props: Props) {\n const sharedContext = useContext(SharedContext)\n const {\n className,\n variant = 'primary',\n icon_position = 'right',\n icon = 'chevron_right',\n children = sharedContext?.translation.Forms.stepNext,\n } = props\n const stepsContext = useContext(StepsContext)\n\n return (\n <ButtonRow>\n {/* Use SubmitButton to inherit the indicator functionality */}\n <SubmitButton\n type=\"button\"\n className={classnames('dnb-forms-next-button', className)}\n onClick={stepsContext?.handleNext}\n variant={variant}\n icon_position={icon_position}\n icon={icon}\n {...props}\n >\n {children}\n </SubmitButton>\n </ButtonRow>\n )\n}\n\nNextButton._supportsSpacingProps = true\nexport default NextButton\n"],"mappings":"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"}

package/cjs/extensions/forms/StepsLayout/PreviousButton/PreviousButton.d.ts CHANGED Viewed

@@ -1,8 +1,6 @@
 import type { ComponentProps } from '../../types';
 import { ButtonProps } from '../../../../components/button/Button';
-export type Props = ComponentProps & ButtonProps & {
-    children?: string;
-};
+export type Props = ComponentProps & ButtonProps;
 declare function PreviousButton(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace PreviousButton {
     var _supportsSpacingProps: boolean;