@dnb/eufemia 10.25.0 → 10.26.0

package/{extensions/forms/StepsLayout/StepsLayoutDocs.js → es/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 `asyncSubmitTimeout`.',
     type: 'function',
     status: 'optional'
   }
 };
-//# sourceMappingURL=StepsLayoutDocs.js.map
+//# sourceMappingURL=WizardContainerDocs.js.map

package/es/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/es/extensions/forms/Wizard/Container/index.d.ts

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

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

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

package/es/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"}

package/es/extensions/forms/Wizard/Context/WizardContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { EventReturnWithStateObject } from '../../types';
+export type OnStepChange = (index: StepIndex, mode: 'previous' | 'next') => EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
+export type StepIndex = number;
+export interface WizardContextState {
+    id?: string;
+    totalSteps?: number;
+    activeIndex: StepIndex;
+    handlePrevious: () => void;
+    handleNext: () => void;
+    setActiveIndex: (index: StepIndex, { skipCallOnChange }?: {
+        skipCallOnChange?: boolean;
+    }) => void;
+    setFormError: (error: Error) => void;
+}
+declare const WizardContext: React.Context<WizardContextState>;
+export default WizardContext;

package/es/extensions/forms/Wizard/Context/WizardContext.js

@@ -0,0 +1,12 @@
+import React from 'react';
+const WizardContext = React.createContext({
+  id: null,
+  totalSteps: null,
+  activeIndex: 0,
+  setActiveIndex: () => null,
+  handlePrevious: () => null,
+  handleNext: () => null,
+  setFormError: () => null
+});
+export default WizardContext;
+//# sourceMappingURL=WizardContext.js.map

package/es/extensions/forms/Wizard/Context/WizardContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContext.js","names":["React","WizardContext","createContext","id","totalSteps","activeIndex","setActiveIndex","handlePrevious","handleNext","setFormError"],"sources":["../../../../../../src/extensions/forms/Wizard/Context/WizardContext.ts"],"sourcesContent":["import React from 'react'\nimport { EventReturnWithStateObject } from '../../types'\n\nexport type OnStepChange = (\n  index: StepIndex,\n  mode: 'previous' | 'next'\n) =>\n  | EventReturnWithStateObject\n  | void\n  | Promise<EventReturnWithStateObject | void>\n\nexport type StepIndex = number\nexport interface WizardContextState {\n  id?: string\n  totalSteps?: number\n  activeIndex: StepIndex\n  handlePrevious: () => void\n  handleNext: () => void\n  setActiveIndex: (\n    index: StepIndex,\n    { skipCallOnChange }?: { skipCallOnChange?: boolean }\n  ) => void\n  setFormError: (error: Error) => void\n}\n\nconst WizardContext = React.createContext<WizardContextState | undefined>({\n  id: null,\n  totalSteps: null,\n  activeIndex: 0,\n  setActiveIndex: () => null,\n  handlePrevious: () => null,\n  handleNext: () => null,\n  setFormError: () => null,\n})\n\nexport default WizardContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAyBzB,MAAMC,aAAa,GAAGD,KAAK,CAACE,aAAa,CAAiC;EACxEC,EAAE,EAAE,IAAI;EACRC,UAAU,EAAE,IAAI;EAChBC,WAAW,EAAE,CAAC;EACdC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,UAAU,EAAEA,CAAA,KAAM,IAAI;EACtBC,YAAY,EAAEA,CAAA,KAAM;AACtB,CAAC,CAAC;AAEF,eAAeR,aAAa"}

package/es/extensions/forms/Wizard/Context/index.d.ts

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

package/es/extensions/forms/Wizard/Context/index.js

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

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

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

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

@@ -3,24 +3,24 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import classnames from 'classnames';
-import SharedContext from '../../../../shared/Context';
-import StepsContext from '../StepsContext';
+import WizardContext from '../Context/WizardContext';
 import ButtonRow from '../../Form/ButtonRow';
 import SubmitButton from '../../Form/SubmitButton';
+import useLocale from '../../hooks/useLocale';
 function NextButton(props) {
-  const sharedContext = useContext(SharedContext);
+  const translations = useLocale().Step;
   const {
     className,
     variant = 'primary',
     icon_position = 'right',
     icon = 'chevron_right',
-    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepNext
+    children = translations.next
   } = props;
-  const stepsContext = useContext(StepsContext);
+  const wizardContext = useContext(WizardContext);
   return React.createElement(ButtonRow, null, React.createElement(SubmitButton, _extends({
     type: "button",
     className: classnames('dnb-forms-next-button', className),
-    onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handleNext,
+    onClick: wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.handleNext,
     variant: variant,
     icon_position: icon_position,
     icon: icon

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextButton.js","names":["React","useContext","classnames","WizardContext","ButtonRow","SubmitButton","useLocale","NextButton","props","translations","Step","className","variant","icon_position","icon","children","next","wizardContext","createElement","_extends","type","onClick","handleNext","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/NextButton/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { ButtonProps } from '../../../../components/button/Button'\nimport WizardContext from '../Context/WizardContext'\nimport ButtonRow from '../../Form/ButtonRow'\nimport SubmitButton from '../../Form/SubmitButton'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = ComponentProps & ButtonProps\n\nfunction NextButton(props: Props) {\n  const translations = useLocale().Step\n\n  const {\n    className,\n    variant = 'primary',\n    icon_position = 'right',\n    icon = 'chevron_right',\n    children = translations.next,\n  } = props\n  const wizardContext = useContext(WizardContext)\n\n  return (\n    <ButtonRow>\n      {/* Use SubmitButton to inherit the indicator functionality */}\n      <SubmitButton\n        type=\"button\"\n        className={classnames('dnb-forms-next-button', className)}\n        onClick={wizardContext?.handleNext}\n        variant={variant}\n        icon_position={icon_position}\n        icon={icon}\n        {...props}\n      >\n        {children}\n      </SubmitButton>\n    </ButtonRow>\n  )\n}\n\nNextButton._supportsSpacingProps = true\nexport default NextButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,YAAY,MAAM,yBAAyB;AAClD,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,YAAY,GAAGH,SAAS,CAAC,CAAC,CAACI,IAAI;EAErC,MAAM;IACJC,SAAS;IACTC,OAAO,GAAG,SAAS;IACnBC,aAAa,GAAG,OAAO;IACvBC,IAAI,GAAG,eAAe;IACtBC,QAAQ,GAAGN,YAAY,CAACO;EAC1B,CAAC,GAAGR,KAAK;EACT,MAAMS,aAAa,GAAGhB,UAAU,CAACE,aAAa,CAAC;EAE/C,OACEH,KAAA,CAAAkB,aAAA,CAACd,SAAS,QAERJ,KAAA,CAAAkB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXC,IAAI,EAAC,QAAQ;IACbT,SAAS,EAAET,UAAU,CAAC,uBAAuB,EAAES,SAAS,CAAE;IAC1DU,OAAO,EAAEJ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEK,UAAW;IACnCV,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,GACPN,KAAK,GAERO,QACW,CACL,CAAC;AAEhB;AAEAR,UAAU,CAACgB,qBAAqB,GAAG,IAAI;AACvC,eAAehB,UAAU"}

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

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

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

@@ -4,26 +4,26 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { Button } from '../../../../components';
-import SharedContext from '../../../../shared/Context';
-import StepsContext from '../StepsContext';
+import WizardContext from '../Context/WizardContext';
 import ButtonRow from '../../Form/ButtonRow';
+import useLocale from '../../hooks/useLocale';
 function PreviousButton(props) {
-  const sharedContext = useContext(SharedContext);
+  const translations = useLocale().Step;
   const {
     className,
     variant = 'tertiary',
     icon_position = 'left',
     icon = 'chevron_left',
-    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepPrevious
+    children = translations.previous
   } = props;
-  const stepsContext = useContext(StepsContext);
+  const wizardContext = useContext(WizardContext);
   const params = {};
-  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) === 0) {
+  if ((wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.activeIndex) === 0) {
     params.disabled = true;
   }
   return React.createElement(ButtonRow, null, React.createElement(Button, _extends({
     className: classnames('dnb-forms-previous-button', className),
-    onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handlePrevious,
+    onClick: wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.handlePrevious,
     variant: variant,
     icon_position: icon_position,
     icon: icon

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousButton.js","names":["React","useContext","classnames","Button","WizardContext","ButtonRow","useLocale","PreviousButton","props","translations","Step","className","variant","icon_position","icon","children","previous","wizardContext","params","activeIndex","disabled","createElement","_extends","onClick","handlePrevious","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/PreviousButton/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/button/Button'\nimport WizardContext from '../Context/WizardContext'\nimport ButtonRow from '../../Form/ButtonRow'\nimport useLocale from '../../hooks/useLocale'\n\nexport type Props = ComponentProps & ButtonProps\n\nfunction PreviousButton(props: Props) {\n  const translations = useLocale().Step\n\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon = 'chevron_left',\n    children = translations.previous,\n  } = props\n  const wizardContext = useContext(WizardContext)\n\n  const params: Props = {}\n  if (wizardContext?.activeIndex === 0) {\n    params.disabled = true\n  }\n\n  return (\n    <ButtonRow>\n      <Button\n        className={classnames('dnb-forms-previous-button', className)}\n        onClick={wizardContext?.handlePrevious}\n        variant={variant}\n        icon_position={icon_position}\n        icon={icon}\n        {...params}\n        {...props}\n      >\n        {children}\n      </Button>\n    </ButtonRow>\n  )\n}\n\nPreviousButton._supportsSpacingProps = true\nexport default PreviousButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,SAAS,MAAM,uBAAuB;AAI7C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAMC,YAAY,GAAGH,SAAS,CAAC,CAAC,CAACI,IAAI;EAErC,MAAM;IACJC,SAAS;IACTC,OAAO,GAAG,UAAU;IACpBC,aAAa,GAAG,MAAM;IACtBC,IAAI,GAAG,cAAc;IACrBC,QAAQ,GAAGN,YAAY,CAACO;EAC1B,CAAC,GAAGR,KAAK;EACT,MAAMS,aAAa,GAAGhB,UAAU,CAACG,aAAa,CAAC;EAE/C,MAAMc,MAAa,GAAG,CAAC,CAAC;EACxB,IAAI,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,WAAW,MAAK,CAAC,EAAE;IACpCD,MAAM,CAACE,QAAQ,GAAG,IAAI;EACxB;EAEA,OACEpB,KAAA,CAAAqB,aAAA,CAAChB,SAAS,QACRL,KAAA,CAAAqB,aAAA,CAAClB,MAAM,EAAAmB,QAAA;IACLX,SAAS,EAAET,UAAU,CAAC,2BAA2B,EAAES,SAAS,CAAE;IAC9DY,OAAO,EAAEN,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEO,cAAe;IACvCZ,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,GACPI,MAAM,EACNV,KAAK,GAERO,QACK,CACC,CAAC;AAEhB;AAEAR,cAAc,CAACkB,qBAAqB,GAAG,IAAI;AAC3C,eAAelB,cAAc"}

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

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

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

@@ -4,7 +4,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import classnames from 'classnames';
 import { pickFlexContainerProps } from '../../../../components/flex/Container';
-import StepsContext from '../StepsContext';
+import WizardContext from '../Context/WizardContext';
 import Flex from '../../../../components/flex/Flex';
 function Step(props) {
   const {
@@ -12,8 +12,8 @@ function Step(props) {
     index,
     children
   } = props;
-  const stepsContext = useContext(StepsContext);
-  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) !== index) {
+  const wizardContext = useContext(WizardContext);
+  if ((wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.activeIndex) !== index) {
     return null;
   }
   return React.createElement(Flex.Stack, _extends({

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

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","names":["React","useContext","classnames","pickFlexContainerProps","WizardContext","Flex","Step","props","className","index","children","wizardContext","activeIndex","createElement","Stack","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/Step.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport {\n  Props as FlexContainerProps,\n  pickFlexContainerProps,\n} from '../../../../components/flex/Container'\nimport WizardContext from '../Context/WizardContext'\nimport Flex from '../../../../components/flex/Flex'\n\nexport type Props = ComponentProps &\n  FlexContainerProps & {\n    index?: number\n    title?: string\n  }\n\nfunction Step(props: Props) {\n  const { className, index, children } = props\n  const wizardContext = useContext(WizardContext)\n\n  if (wizardContext?.activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      {...pickFlexContainerProps(props)}\n    >\n      {children}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAEEC,sBAAsB,QACjB,uCAAuC;AAC9C,OAAOC,aAAa,MAAM,0BAA0B;AACpD,OAAOC,IAAI,MAAM,kCAAkC;AAQnD,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC5C,MAAMI,aAAa,GAAGV,UAAU,CAACG,aAAa,CAAC;EAE/C,IAAI,CAAAO,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEC,WAAW,MAAKH,KAAK,EAAE;IAExC,OAAO,IAAI;EACb;EAEA,OACET,KAAA,CAAAa,aAAA,CAACR,IAAI,CAACS,KAAK,EAAAC,QAAA;IACTP,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,GAC/CL,sBAAsB,CAACI,KAAK,CAAC,GAEhCG,QACS,CAAC;AAEjB;AAEAJ,IAAI,CAACU,qBAAqB,GAAG,IAAI;AACjC,eAAeV,IAAI"}

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

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

package/es/extensions/forms/Wizard/hooks/useNextRouter.d.ts

@@ -0,0 +1,7 @@
+export default function useNextRouter(id: string, { useRouter, usePathname, useSearchParams }: {
+    useRouter: any;
+    usePathname: any;
+    useSearchParams: any;
+}): {
+    getIndex: () => number;
+};

package/es/extensions/forms/Wizard/hooks/useNextRouter.js

@@ -0,0 +1,42 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useNextRouter(id, {
+  useRouter,
+  usePathname,
+  useSearchParams
+}) {
+  const {
+    setFormError
+  } = useStep(id);
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const onStepChange = useCallback(async index => {
+    try {
+      const params = new URLSearchParams(searchParams.toString());
+      params.set(`${id}-step`, String(index));
+      router.push(`${pathname}?${params.toString()}`);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, pathname, router, searchParams, setFormError]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => parseFloat(searchParams.get(`${id}-step`)), [id, searchParams]);
+  useLayoutEffect(() => {
+    const routerIndex = getIndex();
+    if (!isNaN(routerIndex)) {
+      setActiveIndex(routerIndex, {
+        skipCallOnChange: true
+      });
+    }
+  }, [getIndex, id, searchParams, setActiveIndex, setFormError]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useNextRouter.js.map

package/es/extensions/forms/Wizard/hooks/useNextRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNextRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useNextRouter","id","useRouter","usePathname","useSearchParams","setFormError","router","pathname","searchParams","onStepChange","index","params","URLSearchParams","toString","set","String","push","error","setActiveIndex","getIndex","parseFloat","get","routerIndex","isNaN","skipCallOnChange"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useNextRouter.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useNextRouter(\n  id: string,\n  { useRouter, usePathname, useSearchParams }\n) {\n  const { setFormError } = useStep(id)\n  const router = useRouter()\n  const pathname = usePathname()\n  const searchParams = useSearchParams()\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        const params = new URLSearchParams(searchParams.toString())\n        params.set(`${id}-step`, String(index))\n        router.push(`${pathname}?${params.toString()}`)\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, pathname, router, searchParams, setFormError]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(\n    () => parseFloat(searchParams.get(`${id}-step`)),\n    [id, searchParams]\n  )\n\n  useLayoutEffect(() => {\n    const routerIndex = getIndex()\n    if (!isNaN(routerIndex)) {\n      setActiveIndex(routerIndex, { skipCallOnChange: true })\n    }\n  }, [getIndex, id, searchParams, setActiveIndex, setFormError])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,aAAaA,CACnCC,EAAU,EACV;EAAEC,SAAS;EAAEC,WAAW;EAAEC;AAAgB,CAAC,EAC3C;EACA,MAAM;IAAEC;EAAa,CAAC,GAAGT,OAAO,CAACK,EAAE,CAAC;EACpC,MAAMK,MAAM,GAAGJ,SAAS,CAAC,CAAC;EAC1B,MAAMK,QAAQ,GAAGJ,WAAW,CAAC,CAAC;EAC9B,MAAMK,YAAY,GAAGJ,eAAe,CAAC,CAAC;EAEtC,MAAMK,YAAY,GAAGd,WAAW,CAC9B,MAAOe,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,MAAM,GAAG,IAAIC,eAAe,CAACJ,YAAY,CAACK,QAAQ,CAAC,CAAC,CAAC;MAC3DF,MAAM,CAACG,GAAG,CAAE,GAAEb,EAAG,OAAM,EAAEc,MAAM,CAACL,KAAK,CAAC,CAAC;MACvCJ,MAAM,CAACU,IAAI,CAAE,GAAET,QAAS,IAAGI,MAAM,CAACE,QAAQ,CAAC,CAAE,EAAC,CAAC;IACjD,CAAC,CAAC,OAAOI,KAAK,EAAE;MACdZ,YAAY,CAACY,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAAChB,EAAE,EAAEM,QAAQ,EAAED,MAAM,EAAEE,YAAY,EAAEH,YAAY,CACnD,CAAC;EAED,MAAM;IAAEa;EAAe,CAAC,GAAGtB,OAAO,CAACK,EAAE,EAAE;IAAEQ;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAGxB,WAAW,CAC1B,MAAMyB,UAAU,CAACZ,YAAY,CAACa,GAAG,CAAE,GAAEpB,EAAG,OAAM,CAAC,CAAC,EAChD,CAACA,EAAE,EAAEO,YAAY,CACnB,CAAC;EAEDX,eAAe,CAAC,MAAM;IACpB,MAAMyB,WAAW,GAAGH,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACI,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBJ,cAAc,CAACI,WAAW,EAAE;QAAEE,gBAAgB,EAAE;MAAK,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,CAACL,QAAQ,EAAElB,EAAE,EAAEO,YAAY,EAAEU,cAAc,EAAEb,YAAY,CAAC,CAAC;EAE9D,OAAO;IAAEc;EAAS,CAAC;AACrB"}

package/es/extensions/forms/Wizard/hooks/useQueryLocator.d.ts

@@ -0,0 +1,3 @@
+export default function useQueryLocator(id: string): {
+    getIndex: () => number;
+};

package/es/extensions/forms/Wizard/hooks/useQueryLocator.js

@@ -0,0 +1,51 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useQueryLocator(id) {
+  const {
+    setFormError
+  } = useStep(id);
+  const onStepChange = useCallback(async index => {
+    try {
+      const url = new URL(window.location.href);
+      url.searchParams.set(`${id}-step`, String(index));
+      window.history.pushState({}, '', url.toString());
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, setFormError]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => {
+    try {
+      const searchParams = new URLSearchParams(window.location.search);
+      return parseFloat(searchParams.get(`${id}-step`));
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, setFormError]);
+  useLayoutEffect(() => {
+    try {
+      const popstateListener = () => {
+        const routerIndex = getIndex();
+        if (!isNaN(routerIndex)) {
+          setActiveIndex(routerIndex, {
+            skipCallOnChange: true
+          });
+        }
+      };
+      popstateListener();
+      window.addEventListener('popstate', popstateListener);
+      return () => window.removeEventListener('popstate', popstateListener);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [getIndex, id, setActiveIndex, setFormError]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useQueryLocator.js.map

package/es/extensions/forms/Wizard/hooks/useQueryLocator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryLocator.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useQueryLocator","id","setFormError","onStepChange","index","url","URL","location","href","searchParams","set","String","history","pushState","toString","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","get","popstateListener","routerIndex","isNaN","skipCallOnChange","addEventListener","removeEventListener"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useQueryLocator.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useQueryLocator(id: string) {\n  const { setFormError } = useStep(id)\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        const url = new URL(window.location.href)\n        url.searchParams.set(`${id}-step`, String(index))\n        window.history.pushState({}, '', url.toString())\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, setFormError]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(() => {\n    try {\n      const searchParams = new URLSearchParams(window.location.search)\n      return parseFloat(searchParams.get(`${id}-step`))\n    } catch (error) {\n      setFormError(error)\n    }\n  }, [id, setFormError])\n\n  useLayoutEffect(() => {\n    try {\n      const popstateListener = () => {\n        const routerIndex = getIndex()\n        if (!isNaN(routerIndex)) {\n          setActiveIndex(routerIndex, { skipCallOnChange: true })\n        }\n      }\n\n      // Initial setup call\n      popstateListener()\n\n      window.addEventListener('popstate', popstateListener)\n      return () => window.removeEventListener('popstate', popstateListener)\n    } catch (error) {\n      setFormError(error)\n    }\n  }, [getIndex, id, setActiveIndex, setFormError])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,eAAeA,CAACC,EAAU,EAAE;EAClD,MAAM;IAAEC;EAAa,CAAC,GAAGN,OAAO,CAACK,EAAE,CAAC;EAEpC,MAAME,YAAY,GAAGR,WAAW,CAC9B,MAAOS,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACR,MAAM,CAACS,QAAQ,CAACC,IAAI,CAAC;MACzCH,GAAG,CAACI,YAAY,CAACC,GAAG,CAAE,GAAET,EAAG,OAAM,EAAEU,MAAM,CAACP,KAAK,CAAC,CAAC;MACjDN,MAAM,CAACc,OAAO,CAACC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAER,GAAG,CAACS,QAAQ,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdb,YAAY,CAACa,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACd,EAAE,EAAEC,YAAY,CACnB,CAAC;EAED,MAAM;IAAEc;EAAe,CAAC,GAAGpB,OAAO,CAACK,EAAE,EAAE;IAAEE;EAAa,CAAC,CAAC;EAExD,MAAMc,QAAQ,GAAGtB,WAAW,CAAC,MAAM;IACjC,IAAI;MACF,MAAMc,YAAY,GAAG,IAAIS,eAAe,CAACpB,MAAM,CAACS,QAAQ,CAACY,MAAM,CAAC;MAChE,OAAOC,UAAU,CAACX,YAAY,CAACY,GAAG,CAAE,GAAEpB,EAAG,OAAM,CAAC,CAAC;IACnD,CAAC,CAAC,OAAOc,KAAK,EAAE;MACdb,YAAY,CAACa,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACd,EAAE,EAAEC,YAAY,CAAC,CAAC;EAEtBL,eAAe,CAAC,MAAM;IACpB,IAAI;MACF,MAAMyB,gBAAgB,GAAGA,CAAA,KAAM;QAC7B,MAAMC,WAAW,GAAGN,QAAQ,CAAC,CAAC;QAC9B,IAAI,CAACO,KAAK,CAACD,WAAW,CAAC,EAAE;UACvBP,cAAc,CAACO,WAAW,EAAE;YAAEE,gBAAgB,EAAE;UAAK,CAAC,CAAC;QACzD;MACF,CAAC;MAGDH,gBAAgB,CAAC,CAAC;MAElBxB,MAAM,CAAC4B,gBAAgB,CAAC,UAAU,EAAEJ,gBAAgB,CAAC;MACrD,OAAO,MAAMxB,MAAM,CAAC6B,mBAAmB,CAAC,UAAU,EAAEL,gBAAgB,CAAC;IACvE,CAAC,CAAC,OAAOP,KAAK,EAAE;MACdb,YAAY,CAACa,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACE,QAAQ,EAAEhB,EAAE,EAAEe,cAAc,EAAEd,YAAY,CAAC,CAAC;EAEhD,OAAO;IAAEe;EAAS,CAAC;AACrB"}

package/es/extensions/forms/Wizard/hooks/useReachRouter.d.ts

@@ -0,0 +1,6 @@
+export default function useReachRouter(id: string, { useLocation, navigate }: {
+    useLocation: any;
+    navigate: any;
+}): {
+    getIndex: () => number;
+};

package/es/extensions/forms/Wizard/hooks/useReachRouter.js

@@ -0,0 +1,46 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useReachRouter(id, {
+  useLocation,
+  navigate
+}) {
+  const {
+    setFormError
+  } = useStep(id);
+  const location = useLocation();
+  const onStepChange = useCallback(async index => {
+    try {
+      const url = new URL(location.href);
+      url.searchParams.set(`${id}-step`, String(index));
+      navigate(url.href);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, location.href, navigate, setFormError]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => {
+    try {
+      const searchParams = new URLSearchParams(location.search);
+      return parseFloat(searchParams.get(`${id}-step`));
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, location.search, setFormError]);
+  useLayoutEffect(() => {
+    const routerIndex = getIndex();
+    if (!isNaN(routerIndex)) {
+      setActiveIndex(routerIndex, {
+        skipCallOnChange: true
+      });
+    }
+  }, [getIndex, setActiveIndex]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useReachRouter.js.map

package/es/extensions/forms/Wizard/hooks/useReachRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReachRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useReachRouter","id","useLocation","navigate","setFormError","location","onStepChange","index","url","URL","href","searchParams","set","String","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","get","routerIndex","isNaN","skipCallOnChange"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useReachRouter.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useReachRouter(\n  id: string,\n  { useLocation, navigate }\n) {\n  const { setFormError } = useStep(id)\n  const location = useLocation()\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        const url = new URL(location.href)\n        url.searchParams.set(`${id}-step`, String(index))\n        navigate(url.href)\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, location.href, navigate, setFormError]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(() => {\n    try {\n      const searchParams = new URLSearchParams(location.search)\n      return parseFloat(searchParams.get(`${id}-step`))\n    } catch (error) {\n      setFormError(error)\n    }\n  }, [id, location.search, setFormError])\n\n  useLayoutEffect(() => {\n    const routerIndex = getIndex()\n    if (!isNaN(routerIndex)) {\n      setActiveIndex(routerIndex, { skipCallOnChange: true })\n    }\n  }, [getIndex, setActiveIndex])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,cAAcA,CACpCC,EAAU,EACV;EAAEC,WAAW;EAAEC;AAAS,CAAC,EACzB;EACA,MAAM;IAAEC;EAAa,CAAC,GAAGR,OAAO,CAACK,EAAE,CAAC;EACpC,MAAMI,QAAQ,GAAGH,WAAW,CAAC,CAAC;EAE9B,MAAMI,YAAY,GAAGX,WAAW,CAC9B,MAAOY,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACJ,QAAQ,CAACK,IAAI,CAAC;MAClCF,GAAG,CAACG,YAAY,CAACC,GAAG,CAAE,GAAEX,EAAG,OAAM,EAAEY,MAAM,CAACN,KAAK,CAAC,CAAC;MACjDJ,QAAQ,CAACK,GAAG,CAACE,IAAI,CAAC;IACpB,CAAC,CAAC,OAAOI,KAAK,EAAE;MACdV,YAAY,CAACU,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACb,EAAE,EAAEI,QAAQ,CAACK,IAAI,EAAEP,QAAQ,EAAEC,YAAY,CAC5C,CAAC;EAED,MAAM;IAAEW;EAAe,CAAC,GAAGnB,OAAO,CAACK,EAAE,EAAE;IAAEK;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAGrB,WAAW,CAAC,MAAM;IACjC,IAAI;MACF,MAAMgB,YAAY,GAAG,IAAIM,eAAe,CAACZ,QAAQ,CAACa,MAAM,CAAC;MACzD,OAAOC,UAAU,CAACR,YAAY,CAACS,GAAG,CAAE,GAAEnB,EAAG,OAAM,CAAC,CAAC;IACnD,CAAC,CAAC,OAAOa,KAAK,EAAE;MACdV,YAAY,CAACU,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACb,EAAE,EAAEI,QAAQ,CAACa,MAAM,EAAEd,YAAY,CAAC,CAAC;EAEvCP,eAAe,CAAC,MAAM;IACpB,MAAMwB,WAAW,GAAGL,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACM,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBN,cAAc,CAACM,WAAW,EAAE;QAAEE,gBAAgB,EAAE;MAAK,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,CAACP,QAAQ,EAAED,cAAc,CAAC,CAAC;EAE9B,OAAO;IAAEC;EAAS,CAAC;AACrB"}

package/es/extensions/forms/Wizard/hooks/useReactRouter.d.ts

@@ -0,0 +1,5 @@
+export default function useReactRouter(id: string, { useSearchParams }: {
+    useSearchParams: any;
+}): {
+    getIndex: () => number;
+};

package/es/extensions/forms/Wizard/hooks/useReactRouter.js

@@ -0,0 +1,37 @@
+import React, { useCallback } from 'react';
+import useStep from './useStep';
+const useLayoutEffect = typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect;
+export default function useReactRouter(id, {
+  useSearchParams
+}) {
+  const {
+    setFormError
+  } = useStep(id);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const onStepChange = useCallback(async index => {
+    try {
+      searchParams.set(`${id}-step`, index);
+      setSearchParams(searchParams);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, searchParams, setFormError, setSearchParams]);
+  const {
+    setActiveIndex
+  } = useStep(id, {
+    onStepChange
+  });
+  const getIndex = useCallback(() => parseFloat(searchParams.get(`${id}-step`)), [id, searchParams]);
+  useLayoutEffect(() => {
+    const routerIndex = getIndex();
+    if (!isNaN(routerIndex)) {
+      setActiveIndex(routerIndex, {
+        skipCallOnChange: true
+      });
+    }
+  }, [getIndex, id, searchParams, setActiveIndex, setFormError]);
+  return {
+    getIndex
+  };
+}
+//# sourceMappingURL=useReactRouter.js.map

package/es/extensions/forms/Wizard/hooks/useReactRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactRouter.js","names":["React","useCallback","useStep","useLayoutEffect","window","useEffect","useReactRouter","id","useSearchParams","setFormError","searchParams","setSearchParams","onStepChange","index","set","error","setActiveIndex","getIndex","parseFloat","get","routerIndex","isNaN","skipCallOnChange"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useReactRouter.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport useStep from './useStep'\n\n// SSR warning fix: https://gist.github.com/gaearon/e7d97cdf38a2907924ea12e4ebdf3c85\nconst useLayoutEffect =\n  typeof window === 'undefined' ? React.useEffect : React.useLayoutEffect\n\nexport default function useReactRouter(id: string, { useSearchParams }) {\n  const { setFormError } = useStep(id)\n  const [searchParams, setSearchParams] = useSearchParams()\n\n  const onStepChange = useCallback(\n    async (index: number) => {\n      try {\n        searchParams.set(`${id}-step`, index)\n        setSearchParams(searchParams)\n      } catch (error) {\n        setFormError(error)\n      }\n    },\n    [id, searchParams, setFormError, setSearchParams]\n  )\n\n  const { setActiveIndex } = useStep(id, { onStepChange })\n\n  const getIndex = useCallback(\n    () => parseFloat(searchParams.get(`${id}-step`)),\n    [id, searchParams]\n  )\n\n  useLayoutEffect(() => {\n    const routerIndex = getIndex()\n    if (!isNaN(routerIndex)) {\n      setActiveIndex(routerIndex, { skipCallOnChange: true })\n    }\n  }, [getIndex, id, searchParams, setActiveIndex, setFormError])\n\n  return { getIndex }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,OAAO,MAAM,WAAW;AAG/B,MAAMC,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGJ,KAAK,CAACK,SAAS,GAAGL,KAAK,CAACG,eAAe;AAEzE,eAAe,SAASG,cAAcA,CAACC,EAAU,EAAE;EAAEC;AAAgB,CAAC,EAAE;EACtE,MAAM;IAAEC;EAAa,CAAC,GAAGP,OAAO,CAACK,EAAE,CAAC;EACpC,MAAM,CAACG,YAAY,EAAEC,eAAe,CAAC,GAAGH,eAAe,CAAC,CAAC;EAEzD,MAAMI,YAAY,GAAGX,WAAW,CAC9B,MAAOY,KAAa,IAAK;IACvB,IAAI;MACFH,YAAY,CAACI,GAAG,CAAE,GAAEP,EAAG,OAAM,EAAEM,KAAK,CAAC;MACrCF,eAAe,CAACD,YAAY,CAAC;IAC/B,CAAC,CAAC,OAAOK,KAAK,EAAE;MACdN,YAAY,CAACM,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACR,EAAE,EAAEG,YAAY,EAAED,YAAY,EAAEE,eAAe,CAClD,CAAC;EAED,MAAM;IAAEK;EAAe,CAAC,GAAGd,OAAO,CAACK,EAAE,EAAE;IAAEK;EAAa,CAAC,CAAC;EAExD,MAAMK,QAAQ,GAAGhB,WAAW,CAC1B,MAAMiB,UAAU,CAACR,YAAY,CAACS,GAAG,CAAE,GAAEZ,EAAG,OAAM,CAAC,CAAC,EAChD,CAACA,EAAE,EAAEG,YAAY,CACnB,CAAC;EAEDP,eAAe,CAAC,MAAM;IACpB,MAAMiB,WAAW,GAAGH,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACI,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBJ,cAAc,CAACI,WAAW,EAAE;QAAEE,gBAAgB,EAAE;MAAK,CAAC,CAAC;IACzD;EACF,CAAC,EAAE,CAACL,QAAQ,EAAEV,EAAE,EAAEG,YAAY,EAAEM,cAAc,EAAEP,YAAY,CAAC,CAAC;EAE9D,OAAO;IAAEQ;EAAS,CAAC;AACrB"}

package/es/extensions/forms/Wizard/hooks/useStep.d.ts

@@ -0,0 +1,5 @@
+import { OnStepChange, WizardContextState } from '../Context/WizardContext';
+import { Identifier } from '../../types';
+export default function useStep(id?: Identifier, { onStepChange }?: {
+    onStepChange?: OnStepChange;
+}): WizardContextState;

package/es/extensions/forms/Wizard/hooks/useStep.js

@@ -0,0 +1,22 @@
+"use client";
+
+import { useContext, useEffect, useRef } from 'react';
+import WizardContext from '../Context/WizardContext';
+import { useSharedState } from '../../../../shared/helpers/useSharedState';
+export default function useStep(id = null, {
+  onStepChange
+} = {}) {
+  const context = useContext(WizardContext);
+  if (onStepChange && !id && context.id) {
+    id = context.id;
+  }
+  const sharedDataRef = useRef(null);
+  sharedDataRef.current = useSharedState(id ? id + '-wizard' : undefined);
+  useEffect(() => {
+    sharedDataRef.current.extend({
+      onStepChange
+    });
+  }, [onStepChange]);
+  return sharedDataRef.current.data || context;
+}
+//# sourceMappingURL=useStep.js.map

package/es/extensions/forms/Wizard/hooks/useStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStep.js","names":["useContext","useEffect","useRef","WizardContext","useSharedState","useStep","id","onStepChange","context","sharedDataRef","current","undefined","extend","data"],"sources":["../../../../../../src/extensions/forms/Wizard/hooks/useStep.tsx"],"sourcesContent":["import { useContext, useEffect, useRef } from 'react'\nimport WizardContext, {\n  OnStepChange,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport { Identifier } from '../../types'\nimport { useSharedState } from '../../../../shared/helpers/useSharedState'\n\nexport default function useStep(\n  id: Identifier = null,\n  { onStepChange }: { onStepChange?: OnStepChange } = {}\n) {\n  const context = useContext(WizardContext)\n\n  // In order to make it possible to add a \"onStepChange\" handler without an id,\n  // we at least check if there is one from the context.\n  if (onStepChange && !id && context.id) {\n    id = context.id\n  }\n\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<WizardContextState>>>(null)\n  sharedDataRef.current = useSharedState<WizardContextState>(\n    id ? id + '-wizard' : undefined\n  )\n\n  useEffect(() => {\n    sharedDataRef.current.extend({\n      onStepChange,\n    } as unknown as WizardContextState) // Internal type\n  }, [onStepChange])\n\n  return sharedDataRef.current.data || context\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACrD,OAAOC,aAAa,MAGb,0BAA0B;AAEjC,SAASC,cAAc,QAAQ,2CAA2C;AAE1E,eAAe,SAASC,OAAOA,CAC7BC,EAAc,GAAG,IAAI,EACrB;EAAEC;AAA8C,CAAC,GAAG,CAAC,CAAC,EACtD;EACA,MAAMC,OAAO,GAAGR,UAAU,CAACG,aAAa,CAAC;EAIzC,IAAII,YAAY,IAAI,CAACD,EAAE,IAAIE,OAAO,CAACF,EAAE,EAAE;IACrCA,EAAE,GAAGE,OAAO,CAACF,EAAE;EACjB;EAEA,MAAMG,aAAa,GACjBP,MAAM,CAAwD,IAAI,CAAC;EACrEO,aAAa,CAACC,OAAO,GAAGN,cAAc,CACpCE,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGK,SACxB,CAAC;EAEDV,SAAS,CAAC,MAAM;IACdQ,aAAa,CAACC,OAAO,CAACE,MAAM,CAAC;MAC3BL;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAOE,aAAa,CAACC,OAAO,CAACG,IAAI,IAAIL,OAAO;AAC9C"}

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export { default as Container } from './Container';
+export { default as Step } from './Step';
+export { default as Context } from './Context';
+export { default as PreviousButton } from './PreviousButton';
+export { default as NextButton } from './NextButton';
+export { default as Buttons } from './Buttons';
+export { default as useStep } from './hooks/useStep';
+export { default as useQueryLocator } from './hooks/useQueryLocator';
+export { default as useReachRouter } from './hooks/useReachRouter';
+export { default as useReactRouter } from './hooks/useReactRouter';
+export { default as useNextRouter } from './hooks/useNextRouter';
+export declare const Provider: import("react").Provider<import("./Context").WizardContextState>;

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

@@ -0,0 +1,14 @@
+import WizardContext from './Context';
+export { default as Container } from './Container';
+export { default as Step } from './Step';
+export { default as Context } from './Context';
+export { default as PreviousButton } from './PreviousButton';
+export { default as NextButton } from './NextButton';
+export { default as Buttons } from './Buttons';
+export { default as useStep } from './hooks/useStep';
+export { default as useQueryLocator } from './hooks/useQueryLocator';
+export { default as useReachRouter } from './hooks/useReachRouter';
+export { default as useReactRouter } from './hooks/useReactRouter';
+export { default as useNextRouter } from './hooks/useNextRouter';
+export const Provider = WizardContext.Provider;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["WizardContext","default","Container","Step","Context","PreviousButton","NextButton","Buttons","useStep","useQueryLocator","useReachRouter","useReactRouter","useNextRouter","Provider"],"sources":["../../../../../src/extensions/forms/Wizard/index.ts"],"sourcesContent":["import WizardContext from './Context'\n\nexport { default as Container } from './Container'\nexport { default as Step } from './Step'\nexport { default as Context } from './Context'\nexport { default as PreviousButton } from './PreviousButton'\nexport { default as NextButton } from './NextButton'\nexport { default as Buttons } from './Buttons'\nexport { default as useStep } from './hooks/useStep'\nexport { default as useQueryLocator } from './hooks/useQueryLocator'\nexport { default as useReachRouter } from './hooks/useReachRouter'\nexport { default as useReactRouter } from './hooks/useReactRouter'\nexport { default as useNextRouter } from './hooks/useNextRouter'\nexport const Provider = WizardContext.Provider\n"],"mappings":"AAAA,OAAOA,aAAa,MAAM,WAAW;AAErC,SAASC,OAAO,IAAIC,SAAS,QAAQ,aAAa;AAClD,SAASD,OAAO,IAAIE,IAAI,QAAQ,QAAQ;AACxC,SAASF,OAAO,IAAIG,OAAO,QAAQ,WAAW;AAC9C,SAASH,OAAO,IAAII,cAAc,QAAQ,kBAAkB;AAC5D,SAASJ,OAAO,IAAIK,UAAU,QAAQ,cAAc;AACpD,SAASL,OAAO,IAAIM,OAAO,QAAQ,WAAW;AAC9C,SAASN,OAAO,IAAIO,OAAO,QAAQ,iBAAiB;AACpD,SAASP,OAAO,IAAIQ,eAAe,QAAQ,yBAAyB;AACpE,SAASR,OAAO,IAAIS,cAAc,QAAQ,wBAAwB;AAClE,SAAST,OAAO,IAAIU,cAAc,QAAQ,wBAAwB;AAClE,SAASV,OAAO,IAAIW,aAAa,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,QAAQ,GAAGb,aAAa,CAACa,QAAQ"}

package/{cjs/extensions/forms/StepsLayout/style/dnb-steps-layout.css → es/extensions/forms/Wizard/style/dnb-wizard-layout.css}

@@ -1,42 +1,43 @@
 /*
  * Utilities
  */
-.dnb-forms-steps-layout {
+.dnb-forms-wizard-layout {
   display: flex;
   flex-flow: row wrap;
   -moz-column-gap: var(--spacing-medium);
        column-gap: var(--spacing-medium);
 }
-.dnb-forms-steps-layout--drawer {
+.dnb-forms-wizard-layout--drawer {
   flex-direction: column;
   justify-content: stretch;
   align-items: stretch;
 }
-.dnb-forms-steps-layout__sidebar {
+.dnb-forms-wizard-layout__sidebar {
   flex: 0;
   margin-bottom: 2rem;
 }
-.dnb-forms-steps-layout__contents {
+.dnb-forms-wizard-layout__contents {
   flex: 1;
 }
-.dnb-forms-steps-layout__contents .dnb-card {
+.dnb-forms-wizard-layout__contents .dnb-card {
   --border-color: var(--color-pistachio);
+  max-width: var(--forms-card-max-width);
 }
 @media screen and (min-width: 40em) {
-  .dnb-forms-steps-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-steps-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
+  .dnb-forms-wizard-layout + .dnb-form-status:not([class*=space__left]), .dnb-forms-wizard-layout + .dnb-form-status + .dnb-form-status:not([class*=space__left]) {
     margin-left: var(--spacing-medium);
   }
 }
 @media screen and (max-width: 60em) {
-  .dnb-forms-steps-layout {
+  .dnb-forms-wizard-layout {
     flex-direction: column;
     justify-content: stretch;
     align-items: stretch;
   }
-  .dnb-forms-steps-layout__contents {
+  .dnb-forms-wizard-layout__contents {
     flex-basis: auto;
   }
 }
-.dnb-forms-steps-layout .dnb-step-indicator__sidebar {
+.dnb-forms-wizard-layout .dnb-step-indicator__sidebar {
   margin-right: 0;
 }

package/es/extensions/forms/Wizard/style/dnb-wizard-layout.min.css

@@ -0,0 +1 @@
+.dnb-forms-wizard-layout{-moz-column-gap:var(--spacing-medium);column-gap:var(--spacing-medium);display:flex;flex-flow:row wrap}.dnb-forms-wizard-layout--drawer{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__sidebar{flex:0;margin-bottom:2rem}.dnb-forms-wizard-layout__contents{flex:1}.dnb-forms-wizard-layout__contents .dnb-card{--border-color:var(--color-pistachio);max-width:var(--forms-card-max-width)}@media screen and (min-width:40em){.dnb-forms-wizard-layout+.dnb-form-status+.dnb-form-status:not([class*=space__left]),.dnb-forms-wizard-layout+.dnb-form-status:not([class*=space__left]){margin-left:var(--spacing-medium)}}@media screen and (max-width:60em){.dnb-forms-wizard-layout{align-items:stretch;flex-direction:column;justify-content:stretch}.dnb-forms-wizard-layout__contents{flex-basis:auto}}.dnb-forms-wizard-layout .dnb-step-indicator__sidebar{margin-right:0}