@dnb/eufemia 10.24.0 → 10.26.0

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

@@ -8,20 +8,16 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React, { useContext, useCallback, useRef, useReducer, useMemo, useEffect } from 'react';
 import classnames from 'classnames';
-import { Space, StepIndicator } from '../../../components';
-import { warn } from '../../../shared/component-helper';
-import { isAsync } from '../../../shared/helpers/isAsync';
-import useId from '../../../shared/helpers/useId';
-import DataContext from '../DataContext/Context';
-import Step from './Step';
-import StepsContext from './StepsContext';
-import NextButton from './NextButton';
-import PreviousButton from './PreviousButton';
-import Buttons from './Buttons';
-import Provider from '../DataContext/Provider';
-import { useSharedState } from '../../../shared/helpers/useSharedState';
-import { useStep } from './useStep';
-function StepsLayout(props) {
+import { Space, StepIndicator } from '../../../../components';
+import { warn } from '../../../../shared/component-helper';
+import { isAsync } from '../../../../shared/helpers/isAsync';
+import useId from '../../../../shared/helpers/useId';
+import DataContext from '../../DataContext/Context';
+import Step from '../Step';
+import WizardContext from '../Context/WizardContext';
+import Provider from '../../DataContext/Provider';
+import { useSharedState } from '../../../../shared/helpers/useSharedState';
+function WizardContainer(props) {
   const {
       className,
       id: _id,
@@ -41,12 +37,18 @@ function StepsLayout(props) {
     handleSubmitCall,
     setShowAllErrors,
     showAllErrors,
-    scrollToTop
+    scrollToTop,
+    setSubmitState
   } = useContext(DataContext);
   const id = useId(_id);
   const [, forceUpdate] = useReducer(() => ({}), {});
   const activeIndexRef = useRef(initialActiveIndex);
   const errorOnStepRef = useRef({});
+  const sharedStateRef = useRef();
+  sharedStateRef.current = useSharedState(hasContext && id ? id + '-wizard' : undefined);
+  const {
+    extend
+  } = sharedStateRef.current;
   errorOnStepRef.current[activeIndexRef.current] = showAllErrors;
   const callOnStepChange = useCallback(async (index, mode) => {
     if (isAsync(onStepChange)) {
@@ -57,6 +59,7 @@ function StepsLayout(props) {
   const handleStepChange = useCallback(({
     index,
     skipErrorCheck,
+    skipCallOnChange,
     mode
   }) => {
     handleSubmitCall({
@@ -64,7 +67,11 @@ function StepsLayout(props) {
       skipFieldValidation: skipErrorCheck,
       enableAsyncBehaviour: isAsync(onStepChange),
       onSubmit: async () => {
-        const result = await callOnStepChange(index, mode);
+        if (!skipCallOnChange) {
+          var _sharedStateRef$curre, _sharedStateRef$curre2, _sharedStateRef$curre3;
+          (_sharedStateRef$curre = sharedStateRef.current) === null || _sharedStateRef$curre === void 0 ? void 0 : (_sharedStateRef$curre2 = _sharedStateRef$curre.data) === null || _sharedStateRef$curre2 === void 0 ? void 0 : (_sharedStateRef$curre3 = _sharedStateRef$curre2.onStepChange) === null || _sharedStateRef$curre3 === void 0 ? void 0 : _sharedStateRef$curre3.call(_sharedStateRef$curre2, index, mode);
+        }
+        const result = skipCallOnChange ? undefined : await callOnStepChange(index, mode);
         setFormState('abort');
         if (!skipErrorCheck) {
           setShowAllErrors(errorOnStepRef.current[index]);
@@ -104,74 +111,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/es/extensions/forms/Wizard/Container/WizardContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WizardContainer.js","names":["React","useContext","useCallback","useRef","useReducer","useMemo","useEffect","classnames","Space","StepIndicator","warn","isAsync","useId","DataContext","Step","WizardContext","Provider","useSharedState","WizardContainer","props","className","id","_id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","noAnimation","variant","sidebarId","rest","_objectWithoutProperties","_excluded","hasContext","setFormState","handleSubmitCall","setShowAllErrors","showAllErrors","scrollToTop","setSubmitState","forceUpdate","activeIndexRef","errorOnStepRef","sharedStateRef","current","undefined","extend","callOnStepChange","index","handleStepChange","skipErrorCheck","skipCallOnChange","skipFieldValidation","enableAsyncBehaviour","onSubmit","_sharedStateRef$curre","_sharedStateRef$curre2","_sharedStateRef$curre3","data","call","result","Error","setActiveIndex","options","_objectSpread","handlePrevious","handleNext","handleChange","current_step","setFormError","error","titlesRef","Contents","Children","map","child","i","isValidElement","_child","_child2","step","type","_step","apply","_child$props$title","push","title","cloneElement","activeIndex","totalSteps","length","providerValue","createElement","_extends","value","Sidebar","sidebar_id","bottom","no_animation","on_change","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/WizardContainer.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useCallback,\n  useRef,\n  useReducer,\n  useMemo,\n  useEffect,\n} from 'react'\nimport classnames from 'classnames'\nimport { Space, StepIndicator } from '../../../../components'\nimport { warn } from '../../../../shared/component-helper'\nimport { isAsync } from '../../../../shared/helpers/isAsync'\nimport useId from '../../../../shared/helpers/useId'\nimport DataContext from '../../DataContext/Context'\nimport Step, { Props as StepProps } from '../Step'\nimport WizardContext, {\n  OnStepChange,\n  StepIndex,\n  WizardContextState,\n} from '../Context/WizardContext'\nimport Provider from '../../DataContext/Provider'\nimport {\n  SharedStateReturn,\n  useSharedState,\n} from '../../../../shared/helpers/useSharedState'\nimport { ComponentProps } from '../../types'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  scrollTopOnStepChange?: boolean\n  initialActiveIndex?: StepIndex\n  onStepChange?: OnStepChange\n  children: React.ReactNode\n  variant?: 'sidebar' | 'drawer'\n  noAnimation?: boolean\n  sidebarId?: string\n}\n\nfunction WizardContainer(props: Props) {\n  const {\n    className,\n    id: _id,\n    mode = 'strict',\n    scrollTopOnStepChange,\n    initialActiveIndex = 0,\n    onStepChange,\n    children,\n    noAnimation = true,\n    variant = 'sidebar',\n    sidebarId,\n    ...rest\n  } = props\n\n  const {\n    hasContext,\n    setFormState,\n    handleSubmitCall,\n    setShowAllErrors,\n    showAllErrors,\n    scrollToTop,\n    setSubmitState,\n  } = useContext(DataContext)\n\n  const id = useId(_id)\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const activeIndexRef = useRef<StepIndex>(initialActiveIndex)\n  const errorOnStepRef = useRef<Record<StepIndex, boolean>>({})\n\n  // - Handle shared state\n  const sharedStateRef =\n    useRef<\n      SharedStateReturn<\n        WizardContextState & { onStepChange?: OnStepChange }\n      >\n    >()\n  sharedStateRef.current = useSharedState<WizardContextState>(\n    hasContext && id ? id + '-wizard' : undefined\n  )\n  const { extend } = sharedStateRef.current\n\n  // Store the current state of showAllErrors\n  errorOnStepRef.current[activeIndexRef.current] = showAllErrors\n\n  const callOnStepChange = useCallback(\n    async (index: StepIndex, mode: 'previous' | 'next') => {\n      if (isAsync(onStepChange)) {\n        return await onStepChange(index, mode)\n      }\n\n      return onStepChange?.(index, mode)\n    },\n    [onStepChange]\n  )\n\n  const handleStepChange = useCallback(\n    ({\n      index,\n      skipErrorCheck,\n      skipCallOnChange,\n      mode,\n    }: {\n      index: StepIndex\n      skipErrorCheck?: boolean\n      skipCallOnChange?: boolean\n      mode: 'previous' | 'next'\n    }) => {\n      handleSubmitCall({\n        skipErrorCheck,\n        skipFieldValidation: skipErrorCheck,\n        enableAsyncBehaviour: isAsync(onStepChange),\n        onSubmit: async () => {\n          if (!skipCallOnChange) {\n            sharedStateRef.current?.data?.onStepChange?.(index, mode)\n          }\n\n          const result = skipCallOnChange\n            ? undefined\n            : await callOnStepChange(index, mode)\n\n          // Hide async indicator\n          setFormState('abort')\n\n          if (!skipErrorCheck) {\n            // Set the showAllErrors to the step we got to\n            setShowAllErrors(errorOnStepRef.current[index])\n          }\n\n          if (!(result instanceof Error)) {\n            activeIndexRef.current = index\n            forceUpdate()\n          }\n\n          if (scrollTopOnStepChange) {\n            scrollToTop()\n          }\n\n          return result\n        },\n      })\n    },\n    [\n      callOnStepChange,\n      handleSubmitCall,\n      onStepChange,\n      scrollToTop,\n      scrollTopOnStepChange,\n      setFormState,\n      setShowAllErrors,\n    ]\n  )\n\n  const setActiveIndex = useCallback(\n    (\n      index: StepIndex,\n      options?: { skipErrorCheck?: boolean; skipCallOnChange?: boolean }\n    ) => {\n      if (index === activeIndexRef.current) {\n        return\n      }\n\n      const mode = index > activeIndexRef.current ? 'next' : 'previous'\n\n      handleStepChange({\n        index,\n        skipErrorCheck: mode === 'previous',\n        mode,\n        ...options,\n      })\n    },\n    [handleStepChange]\n  )\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex(activeIndexRef.current - 1)\n  }, [setActiveIndex])\n\n  const handleNext = useCallback(() => {\n    setActiveIndex(activeIndexRef.current + 1)\n  }, [setActiveIndex])\n\n  const handleChange = useCallback(\n    ({ current_step }) => {\n      setActiveIndex(current_step, { skipErrorCheck: true })\n    },\n    [setActiveIndex]\n  )\n\n  const setFormError = useCallback(\n    (error: Error) => {\n      setSubmitState?.({ error })\n    },\n    [setSubmitState]\n  )\n\n  const titlesRef = useRef([])\n  const Contents = useCallback(() => {\n    titlesRef.current = []\n    return React.Children.map(children, (child, i) => {\n      if (React.isValidElement(child)) {\n        let step = child\n\n        if (child?.type !== Step && typeof child.type === 'function') {\n          step = child.type.apply(child.type, [\n            child.props,\n          ]) as React.ReactElement\n\n          if (step?.type === Step) {\n            child = step\n          }\n        }\n\n        if (child?.type === Step) {\n          titlesRef.current.push(child.props.title ?? 'Title missing')\n          return React.cloneElement(\n            child as React.ReactElement<StepProps>,\n            {\n              index: i,\n            }\n          )\n        }\n      }\n\n      return child\n    })\n  }, [children])\n\n  const activeIndex = activeIndexRef.current\n  const totalSteps = titlesRef.current.length\n  const providerValue = useMemo(\n    () => ({\n      id,\n      activeIndex,\n      totalSteps,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    }),\n    [\n      id,\n      activeIndex,\n      totalSteps,\n      setActiveIndex,\n      handlePrevious,\n      handleNext,\n      setFormError,\n    ]\n  )\n\n  // - Handle shared state\n  useEffect(() => {\n    if (hasContext && id) {\n      extend(providerValue)\n    }\n  }, [id, extend, providerValue]) // eslint-disable-line react-hooks/exhaustive-deps\n\n  if (!hasContext) {\n    warn('You may wrap Wizard.Container in Form.Handler')\n    return (\n      <Provider>\n        <WizardContainer {...props} id={id} />\n      </Provider>\n    )\n  }\n\n  return (\n    <WizardContext.Provider value={providerValue}>\n      <Space\n        className={classnames(\n          'dnb-forms-wizard-layout',\n          variant === 'drawer' && 'dnb-forms-wizard-layout--drawer',\n          className\n        )}\n        {...rest}\n      >\n        <aside className=\"dnb-forms-wizard-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndexRef.current}\n            data={titlesRef.current}\n            mode={mode}\n            no_animation={noAnimation}\n            on_change={handleChange}\n            sidebar_id={\n              variant === 'drawer' && !sidebarId\n                ? ''\n                : sidebarId\n                ? sidebarId\n                : id\n            }\n          />\n        </aside>\n\n        <div className=\"dnb-forms-wizard-layout__contents\">\n          <Contents />\n        </div>\n      </Space>\n    </WizardContext.Provider>\n  )\n}\n\nWizardContainer._supportsSpacingProps = true\n\nexport default WizardContainer\n"],"mappings":"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"}

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

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

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 `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/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;
+};