@dnb/eufemia 10.24.0 → 10.26.0

package/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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)) {
@@ -58,6 +60,7 @@ function StepsLayout(props) {
     let {
       index,
       skipErrorCheck,
+      skipCallOnChange,
       mode
     } = _ref;
     handleSubmitCall({
@@ -65,7 +68,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]);
@@ -106,74 +113,78 @@ function StepsLayout(props) {
       skipErrorCheck: true
     });
   }, [setActiveIndex]);
+  const setFormError = useCallback(error => {
+    setSubmitState === null || setSubmitState === void 0 ? void 0 : setSubmitState({
+      error
+    });
+  }, [setSubmitState]);
+  const titlesRef = useRef([]);
+  const Contents = useCallback(() => {
+    titlesRef.current = [];
+    return React.Children.map(children, (child, i) => {
+      if (React.isValidElement(child)) {
+        var _child, _child2;
+        let step = child;
+        if (((_child = child) === null || _child === void 0 ? void 0 : _child.type) !== Step && typeof child.type === 'function') {
+          var _step;
+          step = child.type.apply(child.type, [child.props]);
+          if (((_step = step) === null || _step === void 0 ? void 0 : _step.type) === Step) {
+            child = step;
+          }
+        }
+        if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === Step) {
+          var _child$props$title;
+          titlesRef.current.push((_child$props$title = child.props.title) !== null && _child$props$title !== void 0 ? _child$props$title : 'Title missing');
+          return React.cloneElement(child, {
+            index: i
+          });
+        }
+      }
+      return child;
+    });
+  }, [children]);
+  const activeIndex = activeIndexRef.current;
+  const totalSteps = titlesRef.current.length;
   const providerValue = useMemo(() => ({
-    activeIndex: activeIndexRef.current,
+    id,
+    activeIndex,
+    totalSteps,
     setActiveIndex,
     handlePrevious,
-    handleNext
-  }), [activeIndexRef.current, setActiveIndex, handlePrevious, handleNext]);
-  const sharedState = useSharedState(hasContext && id ? id + '-steps' : undefined);
-  const {
-    extend
-  } = sharedState;
+    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
     })));
   }
-  const titles = [];
-  const contents = React.Children.map(children, (child, i) => {
-    if (React.isValidElement(child)) {
-      var _child, _child2;
-      let step = child;
-      if (((_child = child) === null || _child === void 0 ? void 0 : _child.type) !== Step && typeof child.type === 'function') {
-        var _step;
-        step = child.type.apply(child.type, [child.props]);
-        if (((_step = step) === null || _step === void 0 ? void 0 : _step.type) === Step) {
-          child = step;
-        }
-      }
-      if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === Step) {
-        var _child$props$title;
-        titles.push((_child$props$title = child.props.title) !== null && _child$props$title !== void 0 ? _child$props$title : 'Title missing');
-        return React.cloneElement(child, {
-          index: i
-        });
-      }
-    }
-    return child;
-  });
-  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, {
     bottom: true,
     current_step: activeIndexRef.current,
-    data: titles,
+    data: titlesRef.current,
     mode: mode,
     no_animation: noAnimation,
     on_change: handleChange,
     sidebar_id: variant === 'drawer' && !sidebarId ? '' : sidebarId ? sidebarId : id
   })), React.createElement("div", {
-    className: "dnb-forms-steps-layout__contents"
-  }, 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/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","_ref","skipErrorCheck","skipCallOnChange","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","_ref2","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":"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"}

package/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;

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

@@ -1,11 +1,11 @@
-export const StepsLayoutProperties = {
+export const WizardContainerProperties = {
   initialActiveIndex: {
     doc: 'What step should show initially (defaults to 0 for the first one).',
     type: 'number',
     status: 'optional'
   },
   mode: {
-    doc: 'How to show the steps. Inherited from StepIndicator. Defaults to `strict`.',
+    doc: 'How to show the wizard. Inherited from StepIndicator. Defaults to `strict`.',
     type: 'string',
     status: 'optional'
   },
@@ -25,7 +25,7 @@ export const StepsLayoutProperties = {
     status: 'required'
   },
   scrollTopOnStepChange: {
-    doc: 'True for the UI to scroll to the top of the page when navigating between steps.',
+    doc: 'True for the UI to scroll to the top of the page when navigating between wizard steps.',
     type: 'boolean',
     status: 'optional'
   },
@@ -40,11 +40,11 @@ export const StepsLayoutProperties = {
     status: 'optional'
   }
 };
-export const StepsLayoutEvents = {
+export const WizardContainerEvents = {
   onStepChange: {
-    doc: 'Will be called when the user navigate to a different step, with step `index` as the first argument and `previous` or `next` (string) as the second argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related Form.Handler props: `minimumAsyncBehaviorTime` and `asyncBehaviorTimeout`.',
+    doc: 'Will be called when the user navigate to a different step, with step `index` as the first argument and `previous` or `next` (string) as the second argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related Form.Handler props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`.',
     type: 'function',
     status: 'optional'
   }
 };
-//# sourceMappingURL=StepsLayoutDocs.js.map
+//# sourceMappingURL=WizardContainerDocs.js.map

package/extensions/forms/Wizard/Container/WizardContainerDocs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainerDocs.js","names":["WizardContainerProperties","initialActiveIndex","doc","type","status","mode","variant","noAnimation","sidebarId","scrollTopOnStepChange","children","WizardContainerEvents","onStepChange"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainerDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../../shared/types'\n\nexport const WizardContainerProperties: PropertiesTableProps = {\n  initialActiveIndex: {\n    doc: 'What step should show initially (defaults to 0 for the first one).',\n    type: 'number',\n    status: 'optional',\n  },\n  mode: {\n    doc: 'How to show the wizard. Inherited from StepIndicator. Defaults to `strict`.',\n    type: 'string',\n    status: 'optional',\n  },\n  variant: {\n    doc: 'Sets the StepIndicator to be either `sidebar` or `drawer`. Defaults to `sidebar`.',\n    type: 'string',\n    status: 'optional',\n  },\n  noAnimation: {\n    doc: 'Determines if the height animation for step items and the drawer button will run. Inherited from StepIndicator. Defaults to `true`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  sidebarId: {\n    doc: 'Sets the id for `<StepIndicator.Sidebar />` Inherited from StepIndicator.',\n    type: 'string',\n    status: 'required',\n  },\n  scrollTopOnStepChange: {\n    doc: 'True for the UI to scroll to the top of the page when navigating between wizard steps.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  children: {\n    doc: 'Contents (Step components).',\n    type: 'React.Node',\n    status: 'required',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const WizardContainerEvents: PropertiesTableProps = {\n  onStepChange: {\n    doc: 'Will be called when the user navigate to a different step, with step `index` as the first argument and `previous` or `next` (string) as the second argument. When an async function is provided, it will show an indicator on the submit button during the form submission. All form elements will be disabled during the submit. The indicator will be shown for minimum 1 second. Related Form.Handler props: `minimumAsyncBehaviorTime` and `asyncSubmitTimeout`.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n"],"mappings":"AAEA,OAAO,MAAMA,yBAA+C,GAAG;EAC7DC,kBAAkB,EAAE;IAClBC,GAAG,EAAE,oEAAoE;IACzEC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE;IACJH,GAAG,EAAE,6EAA6E;IAClFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDE,OAAO,EAAE;IACPJ,GAAG,EAAE,mFAAmF;IACxFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,qIAAqI;IAC1IC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,SAAS,EAAE;IACTN,GAAG,EAAE,2EAA2E;IAChFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,qBAAqB,EAAE;IACrBP,GAAG,EAAE,wFAAwF;IAC7FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,QAAQ,EAAE;IACRR,GAAG,EAAE,6BAA6B;IAClCC,IAAI,EAAE,YAAY;IAClBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAED,OAAO,MAAMO,qBAA2C,GAAG;EACzDC,YAAY,EAAE;IACZV,GAAG,EAAE,scAAsc;IAC3cC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV;AACF,CAAC"}

package/extensions/forms/Wizard/Container/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './WizardContainer';
+export * from './WizardContainer';

package/extensions/forms/Wizard/Container/index.js

@@ -0,0 +1,3 @@
+export { default } from './WizardContainer';
+export * from './WizardContainer';
+//# sourceMappingURL=index.js.map

package/extensions/forms/Wizard/Container/index.js.map

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