@dnb/eufemia 10.22.0 → 10.23.0

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

@@ -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"}
+{"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

@@ -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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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

@@ -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"}
+{"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

@@ -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

@@ -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":"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"}
+{"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

@@ -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

@@ -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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"}
+{"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

@@ -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

@@ -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":"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"}
+{"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

@@ -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

@@ -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

@@ -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":"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"}
+{"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

@@ -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;

package/cjs/extensions/forms/StepsLayout/PreviousButton/PreviousButton.js

@@ -25,13 +25,17 @@ function PreviousButton(props) {
     children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepPrevious
   } = props;
   const stepsContext = (0, _react.useContext)(_StepsContext.default);
-  return _react.default.createElement(_ButtonRow.default, null, _react.default.createElement(_components.Button, _extends({}, props, {
+  const params = {};
+  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) === 0) {
+    params.disabled = true;
+  }
+  return _react.default.createElement(_ButtonRow.default, null, _react.default.createElement(_components.Button, _extends({
     className: (0, _classnames.default)('dnb-forms-previous-button', className),
     onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handlePrevious,
     variant: variant,
     icon_position: icon_position,
     icon: icon
-  }), children));
+  }, params, props), children));
 }
 PreviousButton._supportsSpacingProps = true;
 var _default = PreviousButton;

package/cjs/extensions/forms/StepsLayout/PreviousButton/PreviousButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviousButton.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","PreviousButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","StepsContext","createElement","Button","classnames","onClick","handlePrevious","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/StepsLayout/PreviousButton/PreviousButton.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 PreviousButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon = 'chevron_left',\n    children = sharedContext?.translation.Forms.stepPrevious,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  return (\n    <ButtonRow>\n      <Button\n        {...props}\n        className={classnames('dnb-forms-previous-button', className)}\n        onClick={stepsContext?.handlePrevious}\n        variant={variant}\n        icon_position={icon_position}\n        icon={icon}\n      >\n        {children}\n      </Button>\n    </ButtonRow>\n  )\n}\n\nPreviousButton._supportsSpacingProps = true\nexport default PreviousButton\n"],"mappings":"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"}
+{"version":3,"file":"PreviousButton.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","PreviousButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","StepsContext","params","activeIndex","disabled","createElement","Button","classnames","onClick","handlePrevious","_supportsSpacingProps","_default","exports"],"sources":["../../../../../../src/extensions/forms/StepsLayout/PreviousButton/PreviousButton.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 & ButtonProps\n\nfunction PreviousButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon = 'chevron_left',\n    children = sharedContext?.translation.Forms.stepPrevious,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  const params: Props = {}\n  if (stepsContext?.activeIndex === 0) {\n    params.disabled = true\n  }\n\n  return (\n    <ButtonRow>\n      <Button\n        className={classnames('dnb-forms-previous-button', className)}\n        onClick={stepsContext?.handlePrevious}\n        variant={variant}\n        icon_position={icon_position}\n        icon={icon}\n        {...params}\n        {...props}\n      >\n        {children}\n      </Button>\n    </ButtonRow>\n  )\n}\n\nPreviousButton._supportsSpacingProps = true\nexport default PreviousButton\n"],"mappings":"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"}

package/cjs/extensions/forms/StepsLayout/StepsLayout.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { ComponentProps } from '../types';
+import { ComponentProps, EventReturnWithStateObject } from '../types';
 export type Props = ComponentProps & {
     id?: string;
     mode?: 'static' | 'strict' | 'loose';
     scrollTopOnStepChange?: boolean;
     initialActiveIndex?: number;
-    onStepChange?: (index: number) => void;
+    onStepChange?: (index: number, mode: 'previous' | 'next') => EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
     children: React.ReactNode;
     variant?: 'sidebar' | 'drawer';
     noAnimation?: boolean;

package/cjs/extensions/forms/StepsLayout/StepsLayout.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("../../../components");
 var _componentHelper = require("../../../shared/component-helper");
+var _isAsync = require("../../../shared/helpers/isAsync");
+var _useId = _interopRequireDefault(require("../../../shared/helpers/useId"));
 var _Context = _interopRequireDefault(require("../DataContext/Context"));
 var _Step = _interopRequireDefault(require("./Step"));
 var _StepsContext = _interopRequireDefault(require("./StepsContext"));
@@ -16,7 +18,6 @@ var _NextButton = _interopRequireDefault(require("./NextButton"));
 var _PreviousButton = _interopRequireDefault(require("./PreviousButton"));
 var _Buttons = _interopRequireDefault(require("./Buttons"));
 var _Provider = _interopRequireDefault(require("../DataContext/Provider"));
-var _useId = _interopRequireDefault(require("../hooks/useId"));
 const _excluded = ["className", "id", "mode", "scrollTopOnStepChange", "initialActiveIndex", "onStepChange", "children", "noAnimation", "variant", "sidebarId"];
 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); }
@@ -41,34 +42,60 @@ function StepsLayout(props) {
   const dataContext = (0, _react.useContext)(_Context.default);
   const {
     hasContext,
-    hasErrors,
+    setFormState,
+    handleSubmitCall,
     setShowAllErrors,
+    showAllErrors,
     scrollToTop
   } = dataContext;
-  const [activeIndex, setActiveIndex] = (0, _react.useState)(initialActiveIndex);
   const id = (0, _useId.default)(_id);
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
+  const activeIndexRef = (0, _react.useRef)(initialActiveIndex);
+  const errorOnStepRef = (0, _react.useRef)({});
+  errorOnStepRef.current[activeIndexRef.current] = showAllErrors;
+  const callOnStepChange = (0, _react.useCallback)(async (index, mode) => {
+    if ((0, _isAsync.isAsync)(onStepChange)) {
+      return await onStepChange(index, mode);
+    }
+    return onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(index, mode);
+  }, [onStepChange]);
   const handlePrevious = (0, _react.useCallback)(() => {
-    setActiveIndex(activeIndex => {
-      onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(activeIndex - 1);
-      return activeIndex - 1;
+    handleSubmitCall({
+      skipFieldValidation: true,
+      skipErrorCheck: true,
+      enableAsyncBehaviour: (0, _isAsync.isAsync)(onStepChange),
+      onSubmit: async () => {
+        const result = await callOnStepChange(activeIndexRef.current - 1, 'previous');
+        setFormState('abort');
+        if (!(result instanceof Error)) {
+          activeIndexRef.current = activeIndexRef.current - 1;
+          forceUpdate();
+        }
+        if (scrollTopOnStepChange) {
+          scrollToTop();
+        }
+        return result;
+      }
     });
-    if (scrollTopOnStepChange) {
-      scrollToTop();
-    }
-  }, [scrollTopOnStepChange, onStepChange, scrollToTop]);
+  }, [callOnStepChange, handleSubmitCall, onStepChange, scrollToTop, scrollTopOnStepChange, setFormState]);
   const handleNext = (0, _react.useCallback)(() => {
-    if (!hasErrors()) {
-      setActiveIndex(activeIndex => {
-        onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(activeIndex + 1);
-        return activeIndex + 1;
-      });
-      if (scrollTopOnStepChange) {
-        scrollToTop();
+    handleSubmitCall({
+      enableAsyncBehaviour: (0, _isAsync.isAsync)(onStepChange),
+      onSubmit: async () => {
+        const result = await callOnStepChange(activeIndexRef.current + 1, 'next');
+        setFormState('abort');
+        setShowAllErrors(errorOnStepRef.current[activeIndexRef.current + 1]);
+        if (!(result instanceof Error)) {
+          activeIndexRef.current = activeIndexRef.current + 1;
+          forceUpdate();
+        }
+        if (scrollTopOnStepChange) {
+          scrollToTop();
+        }
+        return result;
       }
-    } else {
-      setShowAllErrors(true);
-    }
-  }, [hasErrors, scrollTopOnStepChange, onStepChange, scrollToTop, setShowAllErrors]);
+    });
+  }, [callOnStepChange, handleSubmitCall, onStepChange, scrollToTop, scrollTopOnStepChange, setFormState, setShowAllErrors]);
   const stepIndicatorData = _react.default.Children.map(children, child => {
     var _child$props$title;
     if (!_react.default.isValidElement(child) || child.type !== _Step.default) {
@@ -80,8 +107,10 @@ function StepsLayout(props) {
     let {
       current_step
     } = _ref;
-    setActiveIndex(current_step);
-  }, []);
+    activeIndexRef.current = current_step;
+    setShowAllErrors(errorOnStepRef.current[current_step]);
+    forceUpdate();
+  }, [setShowAllErrors]);
   if (!hasContext) {
     (0, _componentHelper.warn)('You may wrap StepsLayout in Form.Handler');
     return _react.default.createElement(_Provider.default, null, _react.default.createElement(StepsLayout, _extends({}, props, {
@@ -90,7 +119,7 @@ function StepsLayout(props) {
   }
   return _react.default.createElement(_StepsContext.default.Provider, {
     value: {
-      activeIndex,
+      activeIndex: activeIndexRef.current,
       handlePrevious,
       handleNext
     }
@@ -102,7 +131,7 @@ function StepsLayout(props) {
     sidebar_id: id
   }), _react.default.createElement(_components.StepIndicator, {
     bottom: true,
-    current_step: activeIndex,
+    current_step: activeIndexRef.current,
     data: stepIndicatorData,
     mode: mode,
     no_animation: noAnimation,