@dnb/eufemia 10.25.0 → 10.26.0

package/es/extensions/forms/Form/data-context/useError.d.ts

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

package/es/extensions/forms/Form/data-context/useError.js

@@ -1,16 +1,24 @@
 "use client";
 
-import { useContext, useRef } from 'react';
+import { useCallback, useContext, useMemo, useRef } from 'react';
 import { useSharedState } from '../../../../shared/helpers/useSharedState';
 import DataContext from '../../DataContext/Context';
 export default function useError(id = undefined) {
-  var _sharedAttachmentsRef, _sharedAttachmentsRef2;
+  var _sharedAttachmentsRef, _sharedAttachmentsRef2, _sharedAttachmentsRef3, _sharedAttachmentsRef4;
   const sharedAttachmentsRef = useRef(null);
   sharedAttachmentsRef.current = useSharedState(id + '-attachments');
+  const fallback = useCallback(() => false, []);
   const context = useContext(DataContext);
-  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
-  };
+  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) || fallback;
+  const setSubmitState = ((_sharedAttachmentsRef3 = sharedAttachmentsRef.current) === null || _sharedAttachmentsRef3 === void 0 ? void 0 : (_sharedAttachmentsRef4 = _sharedAttachmentsRef3.data) === null || _sharedAttachmentsRef4 === void 0 ? void 0 : _sharedAttachmentsRef4.setSubmitState) || !id && (context === null || context === void 0 ? void 0 : context.setSubmitState) || fallback;
+  const setFormError = useCallback(error => {
+    setSubmitState === null || setSubmitState === void 0 ? void 0 : setSubmitState({
+      error
+    });
+  }, [setSubmitState]);
+  return useMemo(() => ({
+    hasErrors,
+    setFormError
+  }), [hasErrors, setFormError]);
 }
 //# sourceMappingURL=useError.js.map

package/es/extensions/forms/Form/data-context/useError.js.map

@@ -1 +1 @@
-{"version":3,"file":"useError.js","names":["useContext","useRef","useSharedState","DataContext","useError","id","undefined","_sharedAttachmentsRef","_sharedAttachmentsRef2","sharedAttachmentsRef","current","context","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,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,SAEEC,cAAc,QACT,2CAA2C;AAClD,OAAOC,WAAW,MAAwB,2BAA2B;AAMrE,eAAe,SAASC,QAAQA,CAC9BC,EAAiB,GAAGC,SAAS,EACd;EAAA,IAAAC,qBAAA,EAAAC,sBAAA;EACf,MAAMC,oBAAoB,GAAGR,MAAM,CAAC,IAAI,CAAC;EACzCQ,oBAAoB,CAACC,OAAO,GAAGR,cAAc,CAC3CG,EAAE,GAAG,cACP,CAAC;EAGD,MAAMM,OAAO,GAAGX,UAAU,CAACG,WAAW,CAAC;EACvC,MAAMS,SAAS,GACb,EAAAL,qBAAA,GAAAE,oBAAoB,CAACC,OAAO,cAAAH,qBAAA,wBAAAC,sBAAA,GAA5BD,qBAAA,CAA8BM,IAAI,cAAAL,sBAAA,uBAAlCA,sBAAA,CAAoCI,SAAS,KAC5C,CAACP,EAAE,KAAIM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,SAAS,CAAC,KAC1B,MAAM,KAAK,CAAC;EAEf,OAAO;IAAEA;EAAU,CAAC;AACtB"}
+{"version":3,"file":"useError.js","names":["useCallback","useContext","useMemo","useRef","useSharedState","DataContext","useError","id","undefined","_sharedAttachmentsRef","_sharedAttachmentsRef2","_sharedAttachmentsRef3","_sharedAttachmentsRef4","sharedAttachmentsRef","current","fallback","context","hasErrors","data","setSubmitState","setFormError","error"],"sources":["../../../../../../src/extensions/forms/Form/data-context/useError.tsx"],"sourcesContent":["import { useCallback, useContext, useMemo, 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  setFormError: (error: Error) => void\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  const fallback = useCallback(() => false, [])\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    fallback\n\n  // Error handling\n  const setSubmitState =\n    sharedAttachmentsRef.current?.data?.setSubmitState ||\n    (!id && context?.setSubmitState) ||\n    fallback\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n      // console.error(error)\n    },\n    [setSubmitState]\n  )\n\n  return useMemo(\n    () => ({ hasErrors, setFormError }),\n    [hasErrors, setFormError]\n  )\n}\n"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,UAAU,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAChE,SAEEC,cAAc,QACT,2CAA2C;AAClD,OAAOC,WAAW,MAAwB,2BAA2B;AAOrE,eAAe,SAASC,QAAQA,CAC9BC,EAAiB,GAAGC,SAAS,EACd;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA,EAAAC,sBAAA;EACf,MAAMC,oBAAoB,GAAGV,MAAM,CAAC,IAAI,CAAC;EACzCU,oBAAoB,CAACC,OAAO,GAAGV,cAAc,CAC3CG,EAAE,GAAG,cACP,CAAC;EAED,MAAMQ,QAAQ,GAAGf,WAAW,CAAC,MAAM,KAAK,EAAE,EAAE,CAAC;EAG7C,MAAMgB,OAAO,GAAGf,UAAU,CAACI,WAAW,CAAC;EACvC,MAAMY,SAAS,GACb,EAAAR,qBAAA,GAAAI,oBAAoB,CAACC,OAAO,cAAAL,qBAAA,wBAAAC,sBAAA,GAA5BD,qBAAA,CAA8BS,IAAI,cAAAR,sBAAA,uBAAlCA,sBAAA,CAAoCO,SAAS,KAC5C,CAACV,EAAE,KAAIS,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,SAAS,CAAC,IAC3BF,QAAQ;EAGV,MAAMI,cAAc,GAClB,EAAAR,sBAAA,GAAAE,oBAAoB,CAACC,OAAO,cAAAH,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8BO,IAAI,cAAAN,sBAAA,uBAAlCA,sBAAA,CAAoCO,cAAc,KACjD,CAACZ,EAAE,KAAIS,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEG,cAAc,CAAC,IAChCJ,QAAQ;EACV,MAAMK,YAAY,GAAGpB,WAAW,CAC7BqB,KAAY,IAAK;IAChBF,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAEE;IAAM,CAAC,CAAC;EAE7B,CAAC,EACD,CAACF,cAAc,CACjB,CAAC;EAED,OAAOjB,OAAO,CACZ,OAAO;IAAEe,SAAS;IAAEG;EAAa,CAAC,CAAC,EACnC,CAACH,SAAS,EAAEG,YAAY,CAC1B,CAAC;AACH"}

package/es/extensions/forms/Form/index.d.ts

@@ -11,3 +11,4 @@ export { default as useData } from './data-context/useData';
 export { default as setData } from './data-context/setData';
 export { default as getData } from './data-context/getData';
 export { default as useError } from './data-context/useError';
+export { default as useLocale } from '../hooks/useLocale';

package/es/extensions/forms/Form/index.js

@@ -11,4 +11,5 @@ export { default as useData } from './data-context/useData';
 export { default as setData } from './data-context/setData';
 export { default as getData } from './data-context/getData';
 export { default as useError } from './data-context/useError';
+export { default as useLocale } from '../hooks/useLocale';
 //# sourceMappingURL=index.js.map

package/es/extensions/forms/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Handler","Element","Appearance","SubmitButton","SubmitIndicator","ButtonRow","MainHeading","SubHeading","Visibility","useData","setData","getData","useError"],"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,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,SAASH,OAAO,IAAII,YAAY,QAAQ,gBAAgB;AACxD,SAASJ,OAAO,IAAIK,eAAe,QAAQ,mBAAmB;AAC9D,SAASL,OAAO,IAAIM,SAAS,QAAQ,aAAa;AAClD,SAASN,OAAO,IAAIO,WAAW,QAAQ,eAAe;AACtD,SAASP,OAAO,IAAIQ,UAAU,QAAQ,cAAc;AACpD,SAASR,OAAO,IAAIS,UAAU,QAAQ,cAAc;AACpD,SAAST,OAAO,IAAIU,OAAO,QAAQ,wBAAwB;AAC3D,SAASV,OAAO,IAAIW,OAAO,QAAQ,wBAAwB;AAC3D,SAASX,OAAO,IAAIY,OAAO,QAAQ,wBAAwB;AAC3D,SAASZ,OAAO,IAAIa,QAAQ,QAAQ,yBAAyB"}
+{"version":3,"file":"index.js","names":["default","Handler","Element","Appearance","SubmitButton","SubmitIndicator","ButtonRow","MainHeading","SubHeading","Visibility","useData","setData","getData","useError","useLocale"],"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'\nexport { default as useLocale } from '../hooks/useLocale'\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,WAAW;AAC9C,SAASD,OAAO,IAAIE,OAAO,QAAQ,WAAW;AAC9C,SAASF,OAAO,IAAIG,UAAU,QAAQ,cAAc;AACpD,SAASH,OAAO,IAAII,YAAY,QAAQ,gBAAgB;AACxD,SAASJ,OAAO,IAAIK,eAAe,QAAQ,mBAAmB;AAC9D,SAASL,OAAO,IAAIM,SAAS,QAAQ,aAAa;AAClD,SAASN,OAAO,IAAIO,WAAW,QAAQ,eAAe;AACtD,SAASP,OAAO,IAAIQ,UAAU,QAAQ,cAAc;AACpD,SAASR,OAAO,IAAIS,UAAU,QAAQ,cAAc;AACpD,SAAST,OAAO,IAAIU,OAAO,QAAQ,wBAAwB;AAC3D,SAASV,OAAO,IAAIW,OAAO,QAAQ,wBAAwB;AAC3D,SAASX,OAAO,IAAIY,OAAO,QAAQ,wBAAwB;AAC3D,SAASZ,OAAO,IAAIa,QAAQ,QAAQ,yBAAyB;AAC7D,SAASb,OAAO,IAAIc,SAAS,QAAQ,oBAAoB"}

package/es/extensions/forms/Value/BankAccountNumber/BankAccountNumber.js

@@ -1,17 +1,15 @@
-"use client";
-
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useContext } from 'react';
+import React from 'react';
 import StringValue from '../String';
 import { format, cleanNumber } from '../../../../components/number-format/NumberUtils';
-import SharedContext from '../../../../shared/Context';
+import useLocale from '../../hooks/useLocale';
 function BankAccountNumber(props) {
   var _props$label;
-  const sharedContext = useContext(SharedContext);
+  const translations = useLocale().BankAccountNumber;
   const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.bankAccountNumberLabel,
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : translations.label,
     prepare: value => format(cleanNumber(value), {
       ban: true
     }).toString()

package/es/extensions/forms/Value/BankAccountNumber/BankAccountNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"BankAccountNumber.js","names":["React","useContext","StringValue","format","cleanNumber","SharedContext","BankAccountNumber","props","_props$label","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","bankAccountNumberLabel","prepare","value","ban","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/BankAccountNumber/BankAccountNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringValueProps\n\nfunction BankAccountNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.bankAccountNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        ban: true,\n      }).toString(),\n  }\n  return <StringValue {...stringValueProps} />\n}\n\nBankAccountNumber._supportsSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAqC,WAAW;AAClE,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AACzD,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACvC,MAAMC,aAAa,GAAGR,UAAU,CAACI,aAAa,CAAC;EAE/C,MAAMK,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GACHD,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GACVD,KAAK,CAACM,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,sBAAuB;IAC9DC,OAAO,EAAGC,KAAK,IACbhB,MAAM,CAACC,WAAW,CAACe,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOrB,KAAA,CAAAsB,aAAA,CAACpB,WAAW,EAAKQ,gBAAmB,CAAC;AAC9C;AAEAJ,iBAAiB,CAACiB,qBAAqB,GAAG,IAAI;AAC9C,eAAejB,iBAAiB"}
+{"version":3,"file":"BankAccountNumber.js","names":["React","StringValue","format","cleanNumber","useLocale","BankAccountNumber","props","_props$label","translations","stringValueProps","_objectSpread","label","inline","undefined","prepare","value","ban","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/BankAccountNumber/BankAccountNumber.tsx"],"sourcesContent":["import React from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = StringValueProps\n\nfunction BankAccountNumber(props: Props) {\n  const translations = useLocale().BankAccountNumber\n\n  const stringValueProps: Props = {\n    ...props,\n    label: props.label ?? (props.inline ? undefined : translations.label),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        ban: true,\n      }).toString(),\n  }\n  return <StringValue {...stringValueProps} />\n}\n\nBankAccountNumber._supportsSpacingProps = true\nexport default BankAccountNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AACzD,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,iBAAiBA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACvC,MAAMC,YAAY,GAAGJ,SAAS,CAAC,CAAC,CAACC,iBAAiB;EAElD,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GAAED,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GAAKD,KAAK,CAACM,MAAM,GAAGC,SAAS,GAAGL,YAAY,CAACG,KAAM;IACrEG,OAAO,EAAGC,KAAK,IACbb,MAAM,CAACC,WAAW,CAACY,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOjB,KAAA,CAAAkB,aAAA,CAACjB,WAAW,EAAKQ,gBAAmB,CAAC;AAC9C;AAEAJ,iBAAiB,CAACc,qBAAqB,GAAG,IAAI;AAC9C,eAAed,iBAAiB"}

package/es/extensions/forms/Value/Boolean/Boolean.js

@@ -1,13 +1,11 @@
-"use client";
-
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useContext } from 'react';
+import React from 'react';
 import ValueBlock from '../../ValueBlock';
 import { useFieldProps } from '../../hooks';
 import { pickSpacingProps } from '../../../../components/flex/utils';
-import SharedContext from '../../../../shared/Context';
+import useLocale from '../../hooks/useLocale';
 function BooleanComponent(props) {
-  const sharedContext = useContext(SharedContext);
+  const translations = useLocale().BooleanField;
   const {
     className,
     label,
@@ -22,7 +20,7 @@ function BooleanComponent(props) {
     showEmpty: showEmpty,
     placeholder: placeholder,
     inline: inline
-  }, pickSpacingProps(props)), value === true || value === false ? value === true ? sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanYes : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.booleanNo : null);
+  }, pickSpacingProps(props)), value === true || value === false ? value === true ? translations.yes : translations.no : null);
 }
 BooleanComponent._supportsSpacingProps = true;
 export default BooleanComponent;

package/es/extensions/forms/Value/Boolean/Boolean.js.map

@@ -1 +1 @@
-{"version":3,"file":"Boolean.js","names":["React","useContext","ValueBlock","useFieldProps","pickSpacingProps","SharedContext","BooleanComponent","props","sharedContext","className","label","placeholder","showEmpty","value","inline","createElement","_extends","translation","Forms","booleanYes","booleanNo","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Boolean/Boolean.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport ValueBlock from '../../ValueBlock'\nimport { useFieldProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = ValueProps<boolean>\n\nfunction BooleanComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const { className, label, placeholder, showEmpty, value, inline } =\n    useFieldProps(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {value === true || value === false\n        ? value === true\n          ? sharedContext?.translation.Forms.booleanYes\n          : sharedContext?.translation.Forms.booleanNo\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,aAAa,QAAQ,aAAa;AAE3C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,aAAa,GAAGP,UAAU,CAACI,aAAa,CAAC;EAC/C,MAAM;IAAEI,SAAS;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAC/DX,aAAa,CAACI,KAAK,CAAC;EAEtB,OACEP,KAAA,CAAAe,aAAA,CAACb,UAAU,EAAAc,QAAA;IACTP,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBD,WAAW,EAAEA,WAAY;IACzBG,MAAM,EAAEA;EAAO,GACXV,gBAAgB,CAACG,KAAK,CAAC,GAE1BM,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,GAC9BA,KAAK,KAAK,IAAI,GACZL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACC,UAAU,GAC3CX,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAES,WAAW,CAACC,KAAK,CAACE,SAAS,GAC5C,IACM,CAAC;AAEjB;AAEAd,gBAAgB,CAACe,qBAAqB,GAAG,IAAI;AAC7C,eAAef,gBAAgB"}
+{"version":3,"file":"Boolean.js","names":["React","ValueBlock","useFieldProps","pickSpacingProps","useLocale","BooleanComponent","props","translations","BooleanField","className","label","placeholder","showEmpty","value","inline","createElement","_extends","yes","no","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Boolean/Boolean.tsx"],"sourcesContent":["import React from 'react'\nimport ValueBlock from '../../ValueBlock'\nimport { useFieldProps } from '../../hooks'\nimport { ValueProps } from '../../types'\nimport { pickSpacingProps } from '../../../../components/flex/utils'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = ValueProps<boolean>\n\nfunction BooleanComponent(props: Props) {\n  const translations = useLocale().BooleanField\n\n  const { className, label, placeholder, showEmpty, value, inline } =\n    useFieldProps(props)\n\n  return (\n    <ValueBlock\n      className={className}\n      label={label}\n      showEmpty={showEmpty}\n      placeholder={placeholder}\n      inline={inline}\n      {...pickSpacingProps(props)}\n    >\n      {value === true || value === false\n        ? value === true\n          ? translations.yes\n          : translations.no\n        : null}\n    </ValueBlock>\n  )\n}\n\nBooleanComponent._supportsSpacingProps = true\nexport default BooleanComponent\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,kBAAkB;AACzC,SAASC,aAAa,QAAQ,aAAa;AAE3C,SAASC,gBAAgB,QAAQ,mCAAmC;AACpE,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,gBAAgBA,CAACC,KAAY,EAAE;EACtC,MAAMC,YAAY,GAAGH,SAAS,CAAC,CAAC,CAACI,YAAY;EAE7C,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC,WAAW;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAC/DZ,aAAa,CAACI,KAAK,CAAC;EAEtB,OACEN,KAAA,CAAAe,aAAA,CAACd,UAAU,EAAAe,QAAA;IACTP,SAAS,EAAEA,SAAU;IACrBC,KAAK,EAAEA,KAAM;IACbE,SAAS,EAAEA,SAAU;IACrBD,WAAW,EAAEA,WAAY;IACzBG,MAAM,EAAEA;EAAO,GACXX,gBAAgB,CAACG,KAAK,CAAC,GAE1BO,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,GAC9BA,KAAK,KAAK,IAAI,GACZN,YAAY,CAACU,GAAG,GAChBV,YAAY,CAACW,EAAE,GACjB,IACM,CAAC;AAEjB;AAEAb,gBAAgB,CAACc,qBAAqB,GAAG,IAAI;AAC7C,eAAed,gBAAgB"}

package/es/extensions/forms/Value/Date/Date.js

@@ -1,16 +1,14 @@
-"use client";
-
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useContext } from 'react';
+import React from 'react';
 import StringValue from '../String';
-import SharedContext from '../../../../shared/Context';
+import useLocale from '../../hooks/useLocale';
 function DateComponent(props) {
   var _props$label;
-  const sharedContext = useContext(SharedContext);
+  const translations = useLocale().Date;
   const stringProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.dateLabel
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : translations.label
   });
   return React.createElement(StringValue, stringProps);
 }

package/es/extensions/forms/Value/Date/Date.js.map

@@ -1 +1 @@
-{"version":3,"file":"Date.js","names":["React","useContext","StringValue","SharedContext","DateComponent","props","_props$label","sharedContext","stringProps","_objectSpread","label","translation","Forms","dateLabel","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringValueProps\n\nfunction DateComponent(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.dateLabel,\n  }\n  return <StringValue {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACnC,MAAMC,aAAa,GAAGN,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMK,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GAAED,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GAAIC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC;EAAS,EACjE;EACD,OAAOb,KAAA,CAAAc,aAAA,CAACZ,WAAW,EAAKM,WAAc,CAAC;AACzC;AAEAJ,aAAa,CAACW,qBAAqB,GAAG,IAAI;AAC1C,eAAeX,aAAa"}
+{"version":3,"file":"Date.js","names":["React","StringValue","useLocale","DateComponent","props","_props$label","translations","Date","stringProps","_objectSpread","label","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = StringValueProps\n\nfunction DateComponent(props: Props) {\n  const translations = useLocale().Date\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n  }\n  return <StringValue {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACnC,MAAMC,YAAY,GAAGJ,SAAS,CAAC,CAAC,CAACK,IAAI;EAErC,MAAMC,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBL,KAAK;IACRM,KAAK,GAAAL,YAAA,GAAED,KAAK,CAACM,KAAK,cAAAL,YAAA,cAAAA,YAAA,GAAIC,YAAY,CAACI;EAAK,EACzC;EACD,OAAOV,KAAA,CAAAW,aAAA,CAACV,WAAW,EAAKO,WAAc,CAAC;AACzC;AAEAL,aAAa,CAACS,qBAAqB,GAAG,IAAI;AAC1C,eAAeT,aAAa"}

package/es/extensions/forms/Value/Email/Email.js

@@ -1,16 +1,14 @@
-"use client";
-
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useContext } from 'react';
+import React from 'react';
 import StringValue from '../String';
-import SharedContext from '../../../../shared/Context';
+import useLocale from '../../hooks/useLocale';
 function Email(props) {
   var _props$label;
-  const sharedContext = useContext(SharedContext);
+  const translations = useLocale().Email;
   const stringProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.emailLabel
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : translations.label
   });
   return React.createElement(StringValue, stringProps);
 }

package/es/extensions/forms/Value/Email/Email.js.map

@@ -1 +1 @@
-{"version":3,"file":"Email.js","names":["React","useContext","StringValue","SharedContext","Email","props","_props$label","sharedContext","stringProps","_objectSpread","label","translation","Forms","emailLabel","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Email/Email.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\n\nexport type Props = StringValueProps\n\nfunction Email(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? sharedContext?.translation.Forms.emailLabel,\n  }\n  return <StringValue {...stringProps} />\n}\n\nEmail._supportsSpacingProps = true\nexport default Email\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,aAAa,MAAM,4BAA4B;AAItD,SAASC,KAAKA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EAC3B,MAAMC,aAAa,GAAGN,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMK,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GAAED,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GAAIC,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC;EAAU,EAClE;EACD,OAAOb,KAAA,CAAAc,aAAA,CAACZ,WAAW,EAAKM,WAAc,CAAC;AACzC;AAEAJ,KAAK,CAACW,qBAAqB,GAAG,IAAI;AAClC,eAAeX,KAAK"}
+{"version":3,"file":"Email.js","names":["React","StringValue","useLocale","Email","props","_props$label","translations","stringProps","_objectSpread","label","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Email/Email.tsx"],"sourcesContent":["import React from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = StringValueProps\n\nfunction Email(props: Props) {\n  const translations = useLocale().Email\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n  }\n  return <StringValue {...stringProps} />\n}\n\nEmail._supportsSpacingProps = true\nexport default Email\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,KAAKA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EAC3B,MAAMC,YAAY,GAAGJ,SAAS,CAAC,CAAC,CAACC,KAAK;EAEtC,MAAMI,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GAAED,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GAAIC,YAAY,CAACG;EAAK,EACzC;EACD,OAAOT,KAAA,CAAAU,aAAA,CAACT,WAAW,EAAKM,WAAc,CAAC;AACzC;AAEAJ,KAAK,CAACQ,qBAAqB,GAAG,IAAI;AAClC,eAAeR,KAAK"}

package/es/extensions/forms/Value/NationalIdentityNumber/NationalIdentityNumber.js

@@ -1,17 +1,15 @@
-"use client";
-
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useContext } from 'react';
+import React from 'react';
 import StringValue from '../String';
-import SharedContext from '../../../../shared/Context';
 import { format, cleanNumber } from '../../../../components/number-format/NumberUtils';
+import useLocale from '../../hooks/useLocale';
 function NationalIdentityNumber(props) {
   var _props$label;
-  const sharedContext = useContext(SharedContext);
+  const translations = useLocale().NationalIdentityNumber;
   const stringValueProps = _objectSpread(_objectSpread({}, props), {}, {
-    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.nationalIdentityNumberLabel,
+    label: (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : translations.label,
     prepare: value => format(cleanNumber(value), {
       nin: true
     }).toString()

package/es/extensions/forms/Value/NationalIdentityNumber/NationalIdentityNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"NationalIdentityNumber.js","names":["React","useContext","StringValue","SharedContext","format","cleanNumber","NationalIdentityNumber","props","_props$label","sharedContext","stringValueProps","_objectSpread","label","inline","undefined","translation","Forms","nationalIdentityNumberLabel","prepare","value","nin","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/NationalIdentityNumber/NationalIdentityNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\n\nexport type Props = StringValueProps\n\nfunction NationalIdentityNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const stringValueProps: Props = {\n    ...props,\n    label:\n      props.label ??\n      (props.inline\n        ? undefined\n        : sharedContext?.translation.Forms.nationalIdentityNumberLabel),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        nin: true,\n      }).toString(),\n  }\n  return <StringValue {...stringValueProps} />\n}\n\nNationalIdentityNumber._supportsSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AAIzD,SAASC,sBAAsBA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EAC5C,MAAMC,aAAa,GAAGR,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMO,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GACHD,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GACVD,KAAK,CAACM,MAAM,GACTC,SAAS,GACTL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC,2BAA4B;IACnEC,OAAO,EAAGC,KAAK,IACbf,MAAM,CAACC,WAAW,CAACc,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOrB,KAAA,CAAAsB,aAAA,CAACpB,WAAW,EAAKQ,gBAAmB,CAAC;AAC9C;AAEAJ,sBAAsB,CAACiB,qBAAqB,GAAG,IAAI;AACnD,eAAejB,sBAAsB"}
+{"version":3,"file":"NationalIdentityNumber.js","names":["React","StringValue","format","cleanNumber","useLocale","NationalIdentityNumber","props","_props$label","translations","stringValueProps","_objectSpread","label","inline","undefined","prepare","value","nin","toString","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/NationalIdentityNumber/NationalIdentityNumber.tsx"],"sourcesContent":["import React from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = StringValueProps\n\nfunction NationalIdentityNumber(props: Props) {\n  const translations = useLocale().NationalIdentityNumber\n\n  const stringValueProps: Props = {\n    ...props,\n    label: props.label ?? (props.inline ? undefined : translations.label),\n    prepare: (value) =>\n      format(cleanNumber(value), {\n        nin: true,\n      }).toString(),\n  }\n  return <StringValue {...stringValueProps} />\n}\n\nNationalIdentityNumber._supportsSpacingProps = true\nexport default NationalIdentityNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AACzD,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,sBAAsBA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EAC5C,MAAMC,YAAY,GAAGJ,SAAS,CAAC,CAAC,CAACC,sBAAsB;EAEvD,MAAMI,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBJ,KAAK;IACRK,KAAK,GAAAJ,YAAA,GAAED,KAAK,CAACK,KAAK,cAAAJ,YAAA,cAAAA,YAAA,GAAKD,KAAK,CAACM,MAAM,GAAGC,SAAS,GAAGL,YAAY,CAACG,KAAM;IACrEG,OAAO,EAAGC,KAAK,IACbb,MAAM,CAACC,WAAW,CAACY,KAAK,CAAC,EAAE;MACzBC,GAAG,EAAE;IACP,CAAC,CAAC,CAACC,QAAQ,CAAC;EAAC,EAChB;EACD,OAAOjB,KAAA,CAAAkB,aAAA,CAACjB,WAAW,EAAKQ,gBAAmB,CAAC;AAC9C;AAEAJ,sBAAsB,CAACc,qBAAqB,GAAG,IAAI;AACnD,eAAed,sBAAsB"}

package/es/extensions/forms/Value/PhoneNumber/PhoneNumber.js

@@ -1,16 +1,14 @@
-"use client";
-
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React, { useContext } from 'react';
+import React from 'react';
 import StringValue from '../String';
-import SharedContext from '../../../../shared/Context';
 import { format, cleanNumber } from '../../../../components/number-format/NumberUtils';
+import useLocale from '../../hooks/useLocale';
 function PhoneNumber(props) {
   var _props$label;
-  const sharedContext = useContext(SharedContext);
-  const label = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.phoneNumberLabel;
+  const translations = useLocale().PhoneNumber;
+  const label = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : props.inline ? undefined : translations.label;
   const prepare = value => format(cleanNumber(value), {
     phone: true
   }).toString();

package/es/extensions/forms/Value/PhoneNumber/PhoneNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumber.js","names":["React","useContext","StringValue","SharedContext","format","cleanNumber","PhoneNumber","props","_props$label","sharedContext","label","inline","undefined","translation","Forms","phoneNumberLabel","prepare","value","phone","toString","stringValueProps","_objectSpread","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport SharedContext from '../../../../shared/Context'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\n\nexport type Props = StringValueProps\n\nfunction PhoneNumber(props: Props) {\n  const sharedContext = useContext(SharedContext)\n\n  const label =\n    props.label ??\n    (props.inline\n      ? undefined\n      : sharedContext?.translation.Forms.phoneNumberLabel)\n  const prepare = (value) =>\n    format(cleanNumber(value), {\n      phone: true,\n    }).toString()\n  const stringValueProps: Props = {\n    ...props,\n    label,\n    prepare,\n  }\n\n  return <StringValue {...stringValueProps} />\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,aAAa,MAAM,4BAA4B;AACtD,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AAIzD,SAASC,WAAWA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACjC,MAAMC,aAAa,GAAGR,UAAU,CAACE,aAAa,CAAC;EAE/C,MAAMO,KAAK,IAAAF,YAAA,GACTD,KAAK,CAACG,KAAK,cAAAF,YAAA,cAAAA,YAAA,GACVD,KAAK,CAACI,MAAM,GACTC,SAAS,GACTH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,WAAW,CAACC,KAAK,CAACC,gBAAiB;EACxD,MAAMC,OAAO,GAAIC,KAAK,IACpBb,MAAM,CAACC,WAAW,CAACY,KAAK,CAAC,EAAE;IACzBC,KAAK,EAAE;EACT,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACf,MAAMC,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBd,KAAK;IACRG,KAAK;IACLM;EAAO,EACR;EAED,OAAOhB,KAAA,CAAAsB,aAAA,CAACpB,WAAW,EAAKkB,gBAAmB,CAAC;AAC9C;AAEAd,WAAW,CAACiB,qBAAqB,GAAG,IAAI;AACxC,eAAejB,WAAW"}
+{"version":3,"file":"PhoneNumber.js","names":["React","StringValue","format","cleanNumber","useLocale","PhoneNumber","props","_props$label","translations","label","inline","undefined","prepare","value","phone","toString","stringValueProps","_objectSpread","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/PhoneNumber/PhoneNumber.tsx"],"sourcesContent":["import React from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport {\n  format,\n  cleanNumber,\n} from '../../../../components/number-format/NumberUtils'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = StringValueProps\n\nfunction PhoneNumber(props: Props) {\n  const translations = useLocale().PhoneNumber\n\n  const label =\n    props.label ?? (props.inline ? undefined : translations.label)\n  const prepare = (value) =>\n    format(cleanNumber(value), {\n      phone: true,\n    }).toString()\n  const stringValueProps: Props = {\n    ...props,\n    label,\n    prepare,\n  }\n\n  return <StringValue {...stringValueProps} />\n}\n\nPhoneNumber._supportsSpacingProps = true\nexport default PhoneNumber\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAqC,WAAW;AAClE,SACEC,MAAM,EACNC,WAAW,QACN,kDAAkD;AACzD,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,WAAWA,CAACC,KAAY,EAAE;EAAA,IAAAC,YAAA;EACjC,MAAMC,YAAY,GAAGJ,SAAS,CAAC,CAAC,CAACC,WAAW;EAE5C,MAAMI,KAAK,IAAAF,YAAA,GACTD,KAAK,CAACG,KAAK,cAAAF,YAAA,cAAAA,YAAA,GAAKD,KAAK,CAACI,MAAM,GAAGC,SAAS,GAAGH,YAAY,CAACC,KAAM;EAChE,MAAMG,OAAO,GAAIC,KAAK,IACpBX,MAAM,CAACC,WAAW,CAACU,KAAK,CAAC,EAAE;IACzBC,KAAK,EAAE;EACT,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC;EACf,MAAMC,gBAAuB,GAAAC,aAAA,CAAAA,aAAA,KACxBX,KAAK;IACRG,KAAK;IACLG;EAAO,EACR;EAED,OAAOZ,KAAA,CAAAkB,aAAA,CAACjB,WAAW,EAAKe,gBAAmB,CAAC;AAC9C;AAEAX,WAAW,CAACc,qBAAqB,GAAG,IAAI;AACxC,eAAed,WAAW"}

package/es/extensions/forms/Wizard/Buttons/Buttons.js

@@ -0,0 +1,24 @@
+"use client";
+
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _PreviousButton, _NextButton;
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import ButtonRow from '../../Form/ButtonRow';
+import NextButton from '../NextButton';
+import PreviousButton from '../PreviousButton';
+import WizardContext from '../Context';
+function Buttons(props) {
+  const {
+    className
+  } = props;
+  const wizardContext = useContext(WizardContext);
+  const showPreviousButton = (wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.activeIndex) > 0;
+  const showNextButton = (wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.activeIndex) < (wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.totalSteps) - 1;
+  return React.createElement(ButtonRow, _extends({
+    className: classnames('dnb-forms-buttons', className)
+  }, props), showPreviousButton && (_PreviousButton || (_PreviousButton = React.createElement(PreviousButton, null))), showNextButton && (_NextButton || (_NextButton = React.createElement(NextButton, null))));
+}
+Buttons._supportsSpacingProps = true;
+export default Buttons;
+//# sourceMappingURL=Buttons.js.map

package/es/extensions/forms/Wizard/Buttons/Buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","names":["React","useContext","classnames","ButtonRow","NextButton","PreviousButton","WizardContext","Buttons","props","className","wizardContext","showPreviousButton","activeIndex","showNextButton","totalSteps","createElement","_extends","_PreviousButton","_NextButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const wizardContext = useContext(WizardContext)\n  const showPreviousButton = wizardContext?.activeIndex > 0\n  const showNextButton =\n    wizardContext?.activeIndex < wizardContext?.totalSteps - 1\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,aAAa,MAAM,YAAY;AAMtC,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAME,aAAa,GAAGT,UAAU,CAACK,aAAa,CAAC;EAC/C,MAAMK,kBAAkB,GAAG,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,WAAW,IAAG,CAAC;EACzD,MAAMC,cAAc,GAClB,CAAAH,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,WAAW,IAAG,CAAAF,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEI,UAAU,IAAG,CAAC;EAE5D,OACEd,KAAA,CAAAe,aAAA,CAACZ,SAAS,EAAAa,QAAA;IACRP,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDD,KAAK,GAERG,kBAAkB,KAAAM,eAAA,KAAAA,eAAA,GAAIjB,KAAA,CAAAe,aAAA,CAACV,cAAc,MAAE,CAAC,IACxCQ,cAAc,KAAAK,WAAA,KAAAA,WAAA,GAAIlB,KAAA,CAAAe,aAAA,CAACX,UAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEAG,OAAO,CAACY,qBAAqB,GAAG,IAAI;AACpC,eAAeZ,OAAO"}

package/es/extensions/forms/Wizard/Buttons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/index.ts"],"sourcesContent":["export { default } from './Buttons'\nexport * from './Buttons'\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,WAAW;AACnC,cAAc,WAAW"}

package/es/extensions/forms/Wizard/Container/WizardContainer.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { OnStepChange, StepIndex } from '../Context/WizardContext';
+import { ComponentProps } from '../../types';
+export type Props = ComponentProps & {
+    id?: string;
+    mode?: 'static' | 'strict' | 'loose';
+    scrollTopOnStepChange?: boolean;
+    initialActiveIndex?: StepIndex;
+    onStepChange?: OnStepChange;
+    children: React.ReactNode;
+    variant?: 'sidebar' | 'drawer';
+    noAnimation?: boolean;
+    sidebarId?: string;
+};
+declare function WizardContainer(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace WizardContainer {
+    var _supportsSpacingProps: boolean;
+}
+export default WizardContainer;

package/es/extensions/forms/{StepsLayout/StepsLayout.js → Wizard/Container/WizardContainer.js}

@@ -8,20 +8,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useCallback, useRef, useReducer, useMemo, useEffect } from 'react';
 import classnames from 'classnames';
-import { Space, StepIndicator } from '../../../components';
-import { warn } from '../../../shared/component-helper';
-import { isAsync } from '../../../shared/helpers/isAsync';
-import useId from '../../../shared/helpers/useId';
-import DataContext from '../DataContext/Context';
-import Step from './Step';
-import StepsContext from './StepsContext';
-import NextButton from './NextButton';
-import PreviousButton from './PreviousButton';
-import Buttons from './Buttons';
-import Provider from '../DataContext/Provider';
-import { useSharedState } from '../../../shared/helpers/useSharedState';
-import { useStep } from './useStep';
-function StepsLayout(props) {
+import { Space, StepIndicator } from '../../../../components';
+import { warn } from '../../../../shared/component-helper';
+import { isAsync } from '../../../../shared/helpers/isAsync';
+import useId from '../../../../shared/helpers/useId';
+import DataContext from '../../DataContext/Context';
+import Step from '../Step';
+import WizardContext from '../Context/WizardContext';
+import Provider from '../../DataContext/Provider';
+import { useSharedState } from '../../../../shared/helpers/useSharedState';
+function WizardContainer(props) {
   const {
       className,
       id: _id,
@@ -41,12 +37,18 @@ function StepsLayout(props) {
     handleSubmitCall,
     setShowAllErrors,
     showAllErrors,
-    scrollToTop
+    scrollToTop,
+    setSubmitState
   } = useContext(DataContext);
   const id = useId(_id);
   const [, forceUpdate] = useReducer(() => ({}), {});
   const activeIndexRef = useRef(initialActiveIndex);
   const errorOnStepRef = useRef({});
+  const sharedStateRef = useRef();
+  sharedStateRef.current = useSharedState(hasContext && id ? id + '-wizard' : undefined);
+  const {
+    extend
+  } = sharedStateRef.current;
   errorOnStepRef.current[activeIndexRef.current] = showAllErrors;
   const callOnStepChange = useCallback(async (index, mode) => {
     if (isAsync(onStepChange)) {
@@ -57,6 +59,7 @@ function StepsLayout(props) {
   const handleStepChange = useCallback(({
     index,
     skipErrorCheck,
+    skipCallOnChange,
     mode
   }) => {
     handleSubmitCall({
@@ -64,7 +67,11 @@ function StepsLayout(props) {
       skipFieldValidation: skipErrorCheck,
       enableAsyncBehaviour: isAsync(onStepChange),
       onSubmit: async () => {
-        const result = await callOnStepChange(index, mode);
+        if (!skipCallOnChange) {
+          var _sharedStateRef$curre, _sharedStateRef$curre2, _sharedStateRef$curre3;
+          (_sharedStateRef$curre = sharedStateRef.current) === null || _sharedStateRef$curre === void 0 ? void 0 : (_sharedStateRef$curre2 = _sharedStateRef$curre.data) === null || _sharedStateRef$curre2 === void 0 ? void 0 : (_sharedStateRef$curre3 = _sharedStateRef$curre2.onStepChange) === null || _sharedStateRef$curre3 === void 0 ? void 0 : _sharedStateRef$curre3.call(_sharedStateRef$curre2, index, mode);
+        }
+        const result = skipCallOnChange ? undefined : await callOnStepChange(index, mode);
         setFormState('abort');
         if (!skipErrorCheck) {
           setShowAllErrors(errorOnStepRef.current[index]);
@@ -104,21 +111,11 @@ function StepsLayout(props) {
       skipErrorCheck: true
     });
   }, [setActiveIndex]);
-  const providerValue = useMemo(() => ({
-    activeIndex: activeIndexRef.current,
-    setActiveIndex,
-    handlePrevious,
-    handleNext
-  }), [activeIndexRef.current, setActiveIndex, handlePrevious, handleNext]);
-  const sharedState = useSharedState(hasContext && id ? id + '-steps' : undefined);
-  const {
-    extend
-  } = sharedState;
-  useEffect(() => {
-    if (hasContext && id) {
-      extend(providerValue);
-    }
-  }, [id, extend, providerValue]);
+  const setFormError = useCallback(error => {
+    setSubmitState === null || setSubmitState === void 0 ? void 0 : setSubmitState({
+      error
+    });
+  }, [setSubmitState]);
   const titlesRef = useRef([]);
   const Contents = useCallback(() => {
     titlesRef.current = [];
@@ -144,18 +141,34 @@ function StepsLayout(props) {
       return child;
     });
   }, [children]);
+  const activeIndex = activeIndexRef.current;
+  const totalSteps = titlesRef.current.length;
+  const providerValue = useMemo(() => ({
+    id,
+    activeIndex,
+    totalSteps,
+    setActiveIndex,
+    handlePrevious,
+    handleNext,
+    setFormError
+  }), [id, activeIndex, totalSteps, setActiveIndex, handlePrevious, handleNext, setFormError]);
+  useEffect(() => {
+    if (hasContext && id) {
+      extend(providerValue);
+    }
+  }, [id, extend, providerValue]);
   if (!hasContext) {
-    warn('You may wrap StepsLayout in Form.Handler');
-    return React.createElement(Provider, null, React.createElement(StepsLayout, _extends({}, props, {
+    warn('You may wrap Wizard.Container in Form.Handler');
+    return React.createElement(Provider, null, React.createElement(WizardContainer, _extends({}, props, {
       id: id
     })));
   }
-  return React.createElement(StepsContext.Provider, {
+  return React.createElement(WizardContext.Provider, {
     value: providerValue
   }, React.createElement(Space, _extends({
-    className: classnames('dnb-forms-steps-layout', className, variant === 'drawer' && 'dnb-forms-steps-layout--drawer')
+    className: classnames('dnb-forms-wizard-layout', className, variant === 'drawer' && 'dnb-forms-wizard-layout--drawer')
   }, rest), React.createElement("aside", {
-    className: "dnb-forms-steps-layout__sidebar"
+    className: "dnb-forms-wizard-layout__sidebar"
   }, React.createElement(StepIndicator.Sidebar, {
     sidebar_id: id
   }), React.createElement(StepIndicator, {
@@ -167,14 +180,9 @@ function StepsLayout(props) {
     on_change: handleChange,
     sidebar_id: variant === 'drawer' && !sidebarId ? '' : sidebarId ? sidebarId : id
   })), React.createElement("div", {
-    className: "dnb-forms-steps-layout__contents"
+    className: "dnb-forms-wizard-layout__contents"
   }, React.createElement(Contents, null))));
 }
-StepsLayout._supportsSpacingProps = true;
-StepsLayout.Step = Step;
-StepsLayout.NextButton = NextButton;
-StepsLayout.PreviousButton = PreviousButton;
-StepsLayout.Buttons = Buttons;
-StepsLayout.useStep = useStep;
-export default StepsLayout;
-//# sourceMappingURL=StepsLayout.js.map
+WizardContainer._supportsSpacingProps = true;
+export default WizardContainer;
+//# sourceMappingURL=WizardContainer.js.map

package/es/extensions/forms/Wizard/Container/WizardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","useEffect","classnames","Space","StepIndicator","warn","isAsync","useId","DataContext","Step","WizardContext","Provider","useSharedState","WizardContainer","props","className","id","_id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","noAnimation","variant","sidebarId","rest","_objectWithoutProperties","_excluded","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","scrollToTop","setSubmitState","forceUpdate","activeIndexRef","errorOnStepRef","sharedStateRef","current","undefined","extend","callOnStepChange","index","handleStepChange","skipErrorCheck","skipCallOnChange","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","titlesRef","Contents","Children","map","child","i","isValidElement","_child","_child2","step","type","_step","apply","_child$props$title","push","title","cloneElement","activeIndex","totalSteps","length","providerValue","createElement","_extends","value","Sidebar","sidebar_id","bottom","no_animation","on_change","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n  useEffect,\n} from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport { warn } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport DataContext from '../../DataContext/Context'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport Provider from '../../DataContext/Provider'\nimport {\n  SharedStateReturn,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  scrollTopOnStepChange?: boolean\n  initialActiveIndex?: StepIndex\n  onStepChange?: OnStepChange\n  children: React.ReactNode\n  variant?: 'sidebar' | 'drawer'\n  noAnimation?: boolean\n  sidebarId?: string\n}\n\nfunction WizardContainer(props: Props) {\n  const {\n    className,\n    id: _id,\n    mode = 'strict',\n    scrollTopOnStepChange,\n    initialActiveIndex = 0,\n    onStepChange,\n    children,\n    noAnimation = true,\n    variant = 'sidebar',\n    sidebarId,\n    ...rest\n  } = props\n\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    showAllErrors,\n    scrollToTop,\n    setSubmitState,\n  } = useContext(DataContext)\n\n  const id = useId(_id)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? id + '-wizard' : undefined\n  )\n  const { extend } = sharedStateRef.current\n\n  // Store the current state of showAllErrors\n  errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: 'previous' | 'next') => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode)\n      }\n\n      return onStepChange?.(index, mode)\n    },\n    [onStepChange]\n  )\n\n  const handleStepChange = useCallback(\n    ({\n      index,\n      skipErrorCheck,\n      skipCallOnChange,\n      mode,\n    }: {\n      index: StepIndex\n      skipErrorCheck?: boolean\n      skipCallOnChange?: boolean\n      mode: 'previous' | 'next'\n    }) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehaviour: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipCallOnChange) {\n            sharedStateRef.current?.data?.onStepChange?.(index, mode)\n          }\n\n          const result = skipCallOnChange\n            ? undefined\n            : await callOnStepChange(index, mode)\n\n          // Hide async indicator\n          setFormState('abort')\n\n          if (!skipErrorCheck) {\n            // Set the showAllErrors to the step we got to\n            setShowAllErrors(errorOnStepRef.current[index])\n          }\n\n          if (!(result instanceof Error)) {\n            activeIndexRef.current = index\n            forceUpdate()\n          }\n\n          if (scrollTopOnStepChange) {\n            scrollToTop()\n          }\n\n          return result\n        },\n      })\n    },\n    [\n      callOnStepChange,\n      handleSubmitCall,\n      onStepChange,\n      scrollToTop,\n      scrollTopOnStepChange,\n      setFormState,\n      setShowAllErrors,\n    ]\n  )\n\n  const setActiveIndex = useCallback(\n    (\n      index: StepIndex,\n      options?: { skipErrorCheck?: boolean; skipCallOnChange?: boolean }\n    ) => {\n      if (index === activeIndexRef.current) {\n        return\n      }\n\n      const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n      handleStepChange({\n        index,\n        skipErrorCheck: mode === 'previous',\n        mode,\n        ...options,\n      })\n    },\n    [handleStepChange]\n  )\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex(activeIndexRef.current - 1)\n  }, [setActiveIndex])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(activeIndexRef.current + 1)\n  }, [setActiveIndex])\n\n  const handleChange = useCallback(\n    ({ current_step }) => {\n      setActiveIndex(current_step, { skipErrorCheck: true })\n    },\n    [setActiveIndex]\n  )\n\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n    },\n    [setSubmitState]\n  )\n\n  const titlesRef = useRef([])\n  const Contents = useCallback(() => {\n    titlesRef.current = []\n    return React.Children.map(children, (child, i) => {\n      if (React.isValidElement(child)) {\n        let step = child\n\n        if (child?.type !== Step && typeof child.type === 'function') {\n          step = child.type.apply(child.type, [\n            child.props,\n          ]) as React.ReactElement\n\n          if (step?.type === Step) {\n            child = step\n          }\n        }\n\n        if (child?.type === Step) {\n          titlesRef.current.push(child.props.title ?? 'Title missing')\n          return React.cloneElement(\n            child as React.ReactElement<StepProps>,\n            {\n              index: i,\n            }\n          )\n        }\n      }\n\n      return child\n    })\n  }, [children])\n\n  const activeIndex = activeIndexRef.current\n  const totalSteps = titlesRef.current.length\n  const providerValue = useMemo(\n    () => ({\n      id,\n      activeIndex,\n      totalSteps,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }),\n    [\n      id,\n      activeIndex,\n      totalSteps,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    ]\n  )\n\n  // - Handle shared state\n  useEffect(() => {\n    if (hasContext && id) {\n      extend(providerValue)\n    }\n  }, [id, extend, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Provider>\n        <WizardContainer {...props} id={id} />\n      </Provider>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          variant === 'drawer' && 'dnb-forms-wizard-layout--drawer',\n          className\n        )}\n        {...rest}\n      >\n        <aside className=\"dnb-forms-wizard-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndexRef.current}\n            data={titlesRef.current}\n            mode={mode}\n            no_animation={noAnimation}\n            on_change={handleChange}\n            sidebar_id={\n              variant === 'drawer' && !sidebarId\n                ? ''\n                : sidebarId\n                ? sidebarId\n                : id\n            }\n          />\n        </aside>\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <Contents />\n        </div>\n      </Space>\n    </WizardContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAK,IACVC,UAAU,EACVC,WAAW,EACXC,MAAM,EACNC,UAAU,EACVC,OAAO,EACPC,SAAS,QACJ,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,EAAEC,aAAa,QAAQ,wBAAwB;AAC7D,SAASC,IAAI,QAAQ,qCAAqC;AAC1D,SAASC,OAAO,QAAQ,oCAAoC;AAC5D,OAAOC,KAAK,MAAM,kCAAkC;AACpD,OAAOC,WAAW,MAAM,2BAA2B;AACnD,OAAOC,IAAI,MAA8B,SAAS;AAClD,OAAOC,aAAa,MAIb,0BAA0B;AACjC,OAAOC,QAAQ,MAAM,4BAA4B;AACjD,SAEEC,cAAc,QACT,2CAA2C;AAelD,SAASC,eAAeA,CAACC,KAAY,EAAE;EACrC,MAAM;MACJC,SAAS;MACTC,EAAE,EAAEC,GAAG;MACPC,IAAI,GAAG,QAAQ;MACfC,qBAAqB;MACrBC,kBAAkB,GAAG,CAAC;MACtBC,YAAY;MACZC,QAAQ;MACRC,WAAW,GAAG,IAAI;MAClBC,OAAO,GAAG,SAAS;MACnBC;IAEF,CAAC,GAAGX,KAAK;IADJY,IAAI,GAAAC,wBAAA,CACLb,KAAK,EAAAc,SAAA;EAET,MAAM;IACJC,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,gBAAgB;IAChBC,aAAa;IACbC,WAAW;IACXC;EACF,CAAC,GAAGvC,UAAU,CAACY,WAAW,CAAC;EAE3B,MAAMQ,EAAE,GAAGT,KAAK,CAACU,GAAG,CAAC;EACrB,MAAM,GAAGmB,WAAW,CAAC,GAAGrC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMsC,cAAc,GAAGvC,MAAM,CAAYsB,kBAAkB,CAAC;EAC5D,MAAMkB,cAAc,GAAGxC,MAAM,CAA6B,CAAC,CAAC,CAAC;EAG7D,MAAMyC,cAAc,GAClBzC,MAAM,CAIJ,CAAC;EACLyC,cAAc,CAACC,OAAO,GAAG5B,cAAc,CACrCiB,UAAU,IAAIb,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGyB,SACtC,CAAC;EACD,MAAM;IAAEC;EAAO,CAAC,GAAGH,cAAc,CAACC,OAAO;EAGzCF,cAAc,CAACE,OAAO,CAACH,cAAc,CAACG,OAAO,CAAC,GAAGP,aAAa;EAE9D,MAAMU,gBAAgB,GAAG9C,WAAW,CAClC,OAAO+C,KAAgB,EAAE1B,IAAyB,KAAK;IACrD,IAAIZ,OAAO,CAACe,YAAY,CAAC,EAAE;MACzB,OAAO,MAAMA,YAAY,CAACuB,KAAK,EAAE1B,IAAI,CAAC;IACxC;IAEA,OAAOG,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGuB,KAAK,EAAE1B,IAAI,CAAC;EACpC,CAAC,EACD,CAACG,YAAY,CACf,CAAC;EAED,MAAMwB,gBAAgB,GAAGhD,WAAW,CAClC,CAAC;IACC+C,KAAK;IACLE,cAAc;IACdC,gBAAgB;IAChB7B;EAMF,CAAC,KAAK;IACJa,gBAAgB,CAAC;MACfe,cAAc;MACdE,mBAAmB,EAAEF,cAAc;MACnCG,oBAAoB,EAAE3C,OAAO,CAACe,YAAY,CAAC;MAC3C6B,QAAQ,EAAE,MAAAA,CAAA,KAAY;QACpB,IAAI,CAACH,gBAAgB,EAAE;UAAA,IAAAI,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;UACrB,CAAAF,qBAAA,GAAAZ,cAAc,CAACC,OAAO,cAAAW,qBAAA,wBAAAC,sBAAA,GAAtBD,qBAAA,CAAwBG,IAAI,cAAAF,sBAAA,wBAAAC,sBAAA,GAA5BD,sBAAA,CAA8B/B,YAAY,cAAAgC,sBAAA,uBAA1CA,sBAAA,CAAAE,IAAA,CAAAH,sBAAA,EAA6CR,KAAK,EAAE1B,IAAI,CAAC;QAC3D;QAEA,MAAMsC,MAAM,GAAGT,gBAAgB,GAC3BN,SAAS,GACT,MAAME,gBAAgB,CAACC,KAAK,EAAE1B,IAAI,CAAC;QAGvCY,YAAY,CAAC,OAAO,CAAC;QAErB,IAAI,CAACgB,cAAc,EAAE;UAEnBd,gBAAgB,CAACM,cAAc,CAACE,OAAO,CAACI,KAAK,CAAC,CAAC;QACjD;QAEA,IAAI,EAAEY,MAAM,YAAYC,KAAK,CAAC,EAAE;UAC9BpB,cAAc,CAACG,OAAO,GAAGI,KAAK;UAC9BR,WAAW,CAAC,CAAC;QACf;QAEA,IAAIjB,qBAAqB,EAAE;UACzBe,WAAW,CAAC,CAAC;QACf;QAEA,OAAOsB,MAAM;MACf;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CACEb,gBAAgB,EAChBZ,gBAAgB,EAChBV,YAAY,EACZa,WAAW,EACXf,qBAAqB,EACrBW,YAAY,EACZE,gBAAgB,CAEpB,CAAC;EAED,MAAM0B,cAAc,GAAG7D,WAAW,CAChC,CACE+C,KAAgB,EAChBe,OAAkE,KAC/D;IACH,IAAIf,KAAK,KAAKP,cAAc,CAACG,OAAO,EAAE;MACpC;IACF;IAEA,MAAMtB,IAAI,GAAG0B,KAAK,GAAGP,cAAc,CAACG,OAAO,GAAG,MAAM,GAAG,UAAU;IAEjEK,gBAAgB,CAAAe,aAAA;MACdhB,KAAK;MACLE,cAAc,EAAE5B,IAAI,KAAK,UAAU;MACnCA;IAAI,GACDyC,OAAO,CACX,CAAC;EACJ,CAAC,EACD,CAACd,gBAAgB,CACnB,CAAC;EAED,MAAMgB,cAAc,GAAGhE,WAAW,CAAC,MAAM;IACvC6D,cAAc,CAACrB,cAAc,CAACG,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACkB,cAAc,CAAC,CAAC;EAEpB,MAAMI,UAAU,GAAGjE,WAAW,CAAC,MAAM;IACnC6D,cAAc,CAACrB,cAAc,CAACG,OAAO,GAAG,CAAC,CAAC;EAC5C,CAAC,EAAE,CAACkB,cAAc,CAAC,CAAC;EAEpB,MAAMK,YAAY,GAAGlE,WAAW,CAC9B,CAAC;IAAEmE;EAAa,CAAC,KAAK;IACpBN,cAAc,CAACM,YAAY,EAAE;MAAElB,cAAc,EAAE;IAAK,CAAC,CAAC;EACxD,CAAC,EACD,CAACY,cAAc,CACjB,CAAC;EAED,MAAMO,YAAY,GAAGpE,WAAW,CAC7BqE,KAAY,IAAK;IAChB/B,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG;MAAE+B;IAAM,CAAC,CAAC;EAC7B,CAAC,EACD,CAAC/B,cAAc,CACjB,CAAC;EAED,MAAMgC,SAAS,GAAGrE,MAAM,CAAC,EAAE,CAAC;EAC5B,MAAMsE,QAAQ,GAAGvE,WAAW,CAAC,MAAM;IACjCsE,SAAS,CAAC3B,OAAO,GAAG,EAAE;IACtB,OAAO7C,KAAK,CAAC0E,QAAQ,CAACC,GAAG,CAAChD,QAAQ,EAAE,CAACiD,KAAK,EAAEC,CAAC,KAAK;MAChD,IAAI7E,KAAK,CAAC8E,cAAc,CAACF,KAAK,CAAC,EAAE;QAAA,IAAAG,MAAA,EAAAC,OAAA;QAC/B,IAAIC,IAAI,GAAGL,KAAK;QAEhB,IAAI,EAAAG,MAAA,GAAAH,KAAK,cAAAG,MAAA,uBAALA,MAAA,CAAOG,IAAI,MAAKpE,IAAI,IAAI,OAAO8D,KAAK,CAACM,IAAI,KAAK,UAAU,EAAE;UAAA,IAAAC,KAAA;UAC5DF,IAAI,GAAGL,KAAK,CAACM,IAAI,CAACE,KAAK,CAACR,KAAK,CAACM,IAAI,EAAE,CAClCN,KAAK,CAACzD,KAAK,CACZ,CAAuB;UAExB,IAAI,EAAAgE,KAAA,GAAAF,IAAI,cAAAE,KAAA,uBAAJA,KAAA,CAAMD,IAAI,MAAKpE,IAAI,EAAE;YACvB8D,KAAK,GAAGK,IAAI;UACd;QACF;QAEA,IAAI,EAAAD,OAAA,GAAAJ,KAAK,cAAAI,OAAA,uBAALA,OAAA,CAAOE,IAAI,MAAKpE,IAAI,EAAE;UAAA,IAAAuE,kBAAA;UACxBb,SAAS,CAAC3B,OAAO,CAACyC,IAAI,EAAAD,kBAAA,GAACT,KAAK,CAACzD,KAAK,CAACoE,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,eAAe,CAAC;UAC5D,OAAOrF,KAAK,CAACwF,YAAY,CACvBZ,KAAK,EACL;YACE3B,KAAK,EAAE4B;UACT,CACF,CAAC;QACH;MACF;MAEA,OAAOD,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAACjD,QAAQ,CAAC,CAAC;EAEd,MAAM8D,WAAW,GAAG/C,cAAc,CAACG,OAAO;EAC1C,MAAM6C,UAAU,GAAGlB,SAAS,CAAC3B,OAAO,CAAC8C,MAAM;EAC3C,MAAMC,aAAa,GAAGvF,OAAO,CAC3B,OAAO;IACLgB,EAAE;IACFoE,WAAW;IACXC,UAAU;IACV3B,cAAc;IACdG,cAAc;IACdC,UAAU;IACVG;EACF,CAAC,CAAC,EACF,CACEjD,EAAE,EACFoE,WAAW,EACXC,UAAU,EACV3B,cAAc,EACdG,cAAc,EACdC,UAAU,EACVG,YAAY,CAEhB,CAAC;EAGDhE,SAAS,CAAC,MAAM;IACd,IAAI4B,UAAU,IAAIb,EAAE,EAAE;MACpB0B,MAAM,CAAC6C,aAAa,CAAC;IACvB;EACF,CAAC,EAAE,CAACvE,EAAE,EAAE0B,MAAM,EAAE6C,aAAa,CAAC,CAAC;EAE/B,IAAI,CAAC1D,UAAU,EAAE;IACfxB,IAAI,CAAC,+CAA+C,CAAC;IACrD,OACEV,KAAA,CAAA6F,aAAA,CAAC7E,QAAQ,QACPhB,KAAA,CAAA6F,aAAA,CAAC3E,eAAe,EAAA4E,QAAA,KAAK3E,KAAK;MAAEE,EAAE,EAAEA;IAAG,EAAE,CAC7B,CAAC;EAEf;EAEA,OACErB,KAAA,CAAA6F,aAAA,CAAC9E,aAAa,CAACC,QAAQ;IAAC+E,KAAK,EAAEH;EAAc,GAC3C5F,KAAA,CAAA6F,aAAA,CAACrF,KAAK,EAAAsF,QAAA;IACJ1E,SAAS,EAAEb,UAAU,CACnB,yBAAyB,EAEzBa,SAAS,EADTS,OAAO,KAAK,QAAQ,IAAI,iCAE1B;EAAE,GACEE,IAAI,GAER/B,KAAA,CAAA6F,aAAA;IAAOzE,SAAS,EAAC;EAAkC,GACjDpB,KAAA,CAAA6F,aAAA,CAACpF,aAAa,CAACuF,OAAO;IAACC,UAAU,EAAE5E;EAAG,CAAE,CAAC,EACzCrB,KAAA,CAAA6F,aAAA,CAACpF,aAAa;IACZyF,MAAM;IACN7B,YAAY,EAAE3B,cAAc,CAACG,OAAQ;IACrCc,IAAI,EAAEa,SAAS,CAAC3B,OAAQ;IACxBtB,IAAI,EAAEA,IAAK;IACX4E,YAAY,EAAEvE,WAAY;IAC1BwE,SAAS,EAAEhC,YAAa;IACxB6B,UAAU,EACRpE,OAAO,KAAK,QAAQ,IAAI,CAACC,SAAS,GAC9B,EAAE,GACFA,SAAS,GACTA,SAAS,GACTT;EACL,CACF,CACI,CAAC,EAERrB,KAAA,CAAA6F,aAAA;IAAKzE,SAAS,EAAC;EAAmC,GAChDpB,KAAA,CAAA6F,aAAA,CAACpB,QAAQ,MAAE,CACR,CACA,CACe,CAAC;AAE7B;AAEAvD,eAAe,CAACmF,qBAAqB,GAAG,IAAI;AAE5C,eAAenF,eAAe"}

package/es/extensions/forms/Wizard/Container/WizardContainerDocs.d.ts

@@ -0,0 +1,3 @@
+import { PropertiesTableProps } from '../../../../shared/types';
+export declare const WizardContainerProperties: PropertiesTableProps;
+export declare const WizardContainerEvents: PropertiesTableProps;