@dnb/eufemia 10.25.0 → 10.26.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_PreviousButton","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../../src/extensions/forms/Wizard/PreviousButton/index.ts"],"sourcesContent":["export { default } from './PreviousButton'\nexport * from './PreviousButton'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,eAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,eAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,eAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAgC,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

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

@@ -8,7 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Container = require("../../../../components/flex/Container");
-var _StepsContext = _interopRequireDefault(require("../StepsContext"));
+var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"));
 var _Flex = _interopRequireDefault(require("../../../../components/flex/Flex"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -20,8 +20,8 @@ function Step(props) {
     index,
     children
   } = props;
-  const stepsContext = (0, _react.useContext)(_StepsContext.default);
-  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) !== index) {
+  const wizardContext = (0, _react.useContext)(_WizardContext.default);
+  if ((wizardContext === null || wizardContext === void 0 ? void 0 : wizardContext.activeIndex) !== index) {
     return null;
   }
   return _react.default.createElement(_Flex.default.Stack, _extends({

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

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Container","_WizardContext","_Flex","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","Step","props","className","index","children","wizardContext","useContext","WizardContext","activeIndex","createElement","Stack","classnames","pickFlexContainerProps","_supportsSpacingProps","_default","exports"],"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":"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"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Step","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["../../../../../../src/extensions/forms/Wizard/Step/index.ts"],"sourcesContent":["export { default } from './Step'\nexport * from './Step'\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,KAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,KAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAd,KAAA,CAAAM,GAAA;IAAA;EAAA;AAAA;AAAsB,SAAAS,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAmB,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAT,GAAA,CAAAM,GAAA,SAAAK,MAAA,WAAAC,qBAAA,GAAAvB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAwB,wBAAA,WAAArB,GAAA,IAAAc,GAAA,QAAAd,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAW,GAAA,EAAAd,GAAA,SAAAsB,IAAA,GAAAF,qBAAA,GAAAvB,MAAA,CAAAwB,wBAAA,CAAAP,GAAA,EAAAd,GAAA,cAAAsB,IAAA,KAAAA,IAAA,CAAAd,GAAA,IAAAc,IAAA,CAAAC,GAAA,KAAA1B,MAAA,CAAAS,cAAA,CAAAa,MAAA,EAAAnB,GAAA,EAAAsB,IAAA,YAAAH,MAAA,CAAAnB,GAAA,IAAAc,GAAA,CAAAd,GAAA,SAAAmB,MAAA,CAAAH,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAM,GAAA,CAAAT,GAAA,EAAAK,MAAA,YAAAA,MAAA"}

package/cjs/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/cjs/extensions/forms/Wizard/hooks/useNextRouter.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useNextRouter;
+var _react = _interopRequireWildcard(require("react"));
+var _useStep = _interopRequireDefault(require("./useStep"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
+function useNextRouter(id, _ref) {
+  let {
+    useRouter,
+    usePathname,
+    useSearchParams
+  } = _ref;
+  const {
+    setFormError
+  } = (0, _useStep.default)(id);
+  const router = useRouter();
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+  const onStepChange = (0, _react.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
+  } = (0, _useStep.default)(id, {
+    onStepChange
+  });
+  const getIndex = (0, _react.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/cjs/extensions/forms/Wizard/hooks/useNextRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNextRouter.js","names":["_react","_interopRequireWildcard","require","_useStep","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useLayoutEffect","window","React","useEffect","useNextRouter","id","_ref","useRouter","usePathname","useSearchParams","setFormError","useStep","router","pathname","searchParams","onStepChange","useCallback","index","params","URLSearchParams","toString","String","push","error","setActiveIndex","getIndex","parseFloat","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":"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"}

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

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

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

@@ -0,0 +1,60 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useQueryLocator;
+var _react = _interopRequireWildcard(require("react"));
+var _useStep = _interopRequireDefault(require("./useStep"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
+function useQueryLocator(id) {
+  const {
+    setFormError
+  } = (0, _useStep.default)(id);
+  const onStepChange = (0, _react.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
+  } = (0, _useStep.default)(id, {
+    onStepChange
+  });
+  const getIndex = (0, _react.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/cjs/extensions/forms/Wizard/hooks/useQueryLocator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useQueryLocator.js","names":["_react","_interopRequireWildcard","require","_useStep","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useLayoutEffect","window","React","useEffect","useQueryLocator","id","setFormError","useStep","onStepChange","useCallback","index","url","URL","location","href","searchParams","String","history","pushState","toString","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAA+B,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAI,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAG/B,MAAMW,eAAe,GACnB,OAAOC,MAAM,KAAK,WAAW,GAAGC,cAAK,CAACC,SAAS,GAAGD,cAAK,CAACF,eAAe;AAE1D,SAASI,eAAeA,CAACC,EAAU,EAAE;EAClD,MAAM;IAAEC;EAAa,CAAC,GAAG,IAAAC,gBAAO,EAACF,EAAE,CAAC;EAEpC,MAAMG,YAAY,GAAG,IAAAC,kBAAW,EAC9B,MAAOC,KAAa,IAAK;IACvB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACX,MAAM,CAACY,QAAQ,CAACC,IAAI,CAAC;MACzCH,GAAG,CAACI,YAAY,CAAChB,GAAG,CAAE,GAAEM,EAAG,OAAM,EAAEW,MAAM,CAACN,KAAK,CAAC,CAAC;MACjDT,MAAM,CAACgB,OAAO,CAACC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,EAAEP,GAAG,CAACQ,QAAQ,CAAC,CAAC,CAAC;IAClD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdd,YAAY,CAACc,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACf,EAAE,EAAEC,YAAY,CACnB,CAAC;EAED,MAAM;IAAEe;EAAe,CAAC,GAAG,IAAAd,gBAAO,EAACF,EAAE,EAAE;IAAEG;EAAa,CAAC,CAAC;EAExD,MAAMc,QAAQ,GAAG,IAAAb,kBAAW,EAAC,MAAM;IACjC,IAAI;MACF,MAAMM,YAAY,GAAG,IAAIQ,eAAe,CAACtB,MAAM,CAACY,QAAQ,CAACW,MAAM,CAAC;MAChE,OAAOC,UAAU,CAACV,YAAY,CAAC3B,GAAG,CAAE,GAAEiB,EAAG,OAAM,CAAC,CAAC;IACnD,CAAC,CAAC,OAAOe,KAAK,EAAE;MACdd,YAAY,CAACc,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACf,EAAE,EAAEC,YAAY,CAAC,CAAC;EAEtBN,eAAe,CAAC,MAAM;IACpB,IAAI;MACF,MAAM0B,gBAAgB,GAAGA,CAAA,KAAM;QAC7B,MAAMC,WAAW,GAAGL,QAAQ,CAAC,CAAC;QAC9B,IAAI,CAACM,KAAK,CAACD,WAAW,CAAC,EAAE;UACvBN,cAAc,CAACM,WAAW,EAAE;YAAEE,gBAAgB,EAAE;UAAK,CAAC,CAAC;QACzD;MACF,CAAC;MAGDH,gBAAgB,CAAC,CAAC;MAElBzB,MAAM,CAAC6B,gBAAgB,CAAC,UAAU,EAAEJ,gBAAgB,CAAC;MACrD,OAAO,MAAMzB,MAAM,CAAC8B,mBAAmB,CAAC,UAAU,EAAEL,gBAAgB,CAAC;IACvE,CAAC,CAAC,OAAON,KAAK,EAAE;MACdd,YAAY,CAACc,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACE,QAAQ,EAAEjB,EAAE,EAAEgB,cAAc,EAAEf,YAAY,CAAC,CAAC;EAEhD,OAAO;IAAEgB;EAAS,CAAC;AACrB"}

package/cjs/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/cjs/extensions/forms/Wizard/hooks/useReachRouter.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useReachRouter;
+var _react = _interopRequireWildcard(require("react"));
+var _useStep = _interopRequireDefault(require("./useStep"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
+function useReachRouter(id, _ref) {
+  let {
+    useLocation,
+    navigate
+  } = _ref;
+  const {
+    setFormError
+  } = (0, _useStep.default)(id);
+  const location = useLocation();
+  const onStepChange = (0, _react.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
+  } = (0, _useStep.default)(id, {
+    onStepChange
+  });
+  const getIndex = (0, _react.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/cjs/extensions/forms/Wizard/hooks/useReachRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReachRouter.js","names":["_react","_interopRequireWildcard","require","_useStep","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useLayoutEffect","window","React","useEffect","useReachRouter","id","_ref","useLocation","navigate","setFormError","useStep","location","onStepChange","useCallback","index","url","URL","href","searchParams","String","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","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":"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"}

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

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

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

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useReactRouter;
+var _react = _interopRequireWildcard(require("react"));
+var _useStep = _interopRequireDefault(require("./useStep"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const useLayoutEffect = typeof window === 'undefined' ? _react.default.useEffect : _react.default.useLayoutEffect;
+function useReactRouter(id, _ref) {
+  let {
+    useSearchParams
+  } = _ref;
+  const {
+    setFormError
+  } = (0, _useStep.default)(id);
+  const [searchParams, setSearchParams] = useSearchParams();
+  const onStepChange = (0, _react.useCallback)(async index => {
+    try {
+      searchParams.set(`${id}-step`, index);
+      setSearchParams(searchParams);
+    } catch (error) {
+      setFormError(error);
+    }
+  }, [id, searchParams, setFormError, setSearchParams]);
+  const {
+    setActiveIndex
+  } = (0, _useStep.default)(id, {
+    onStepChange
+  });
+  const getIndex = (0, _react.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/cjs/extensions/forms/Wizard/hooks/useReactRouter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactRouter.js","names":["_react","_interopRequireWildcard","require","_useStep","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","useLayoutEffect","window","React","useEffect","useReactRouter","id","_ref","useSearchParams","setFormError","useStep","searchParams","setSearchParams","onStepChange","useCallback","index","error","setActiveIndex","getIndex","parseFloat","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":"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"}

package/cjs/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/cjs/extensions/forms/Wizard/hooks/useStep.js

@@ -0,0 +1,30 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useStep;
+var _react = require("react");
+var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"));
+var _useSharedState = require("../../../../shared/helpers/useSharedState");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useStep() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
+  let {
+    onStepChange
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const context = (0, _react.useContext)(_WizardContext.default);
+  if (onStepChange && !id && context.id) {
+    id = context.id;
+  }
+  const sharedDataRef = (0, _react.useRef)(null);
+  sharedDataRef.current = (0, _useSharedState.useSharedState)(id ? id + '-wizard' : undefined);
+  (0, _react.useEffect)(() => {
+    sharedDataRef.current.extend({
+      onStepChange
+    });
+  }, [onStepChange]);
+  return sharedDataRef.current.data || context;
+}
+//# sourceMappingURL=useStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useStep.js","names":["_react","require","_WizardContext","_interopRequireDefault","_useSharedState","obj","__esModule","default","useStep","id","arguments","length","undefined","onStepChange","context","useContext","WizardContext","sharedDataRef","useRef","current","useSharedState","useEffect","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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AAKA,IAAAG,eAAA,GAAAH,OAAA;AAA0E,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE3D,SAASG,OAAOA,CAAA,EAG7B;EAAA,IAFAC,EAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IACrB;IAAEG;EAA8C,CAAC,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC,CAAC;EAEtD,MAAMI,OAAO,GAAG,IAAAC,iBAAU,EAACC,sBAAa,CAAC;EAIzC,IAAIH,YAAY,IAAI,CAACJ,EAAE,IAAIK,OAAO,CAACL,EAAE,EAAE;IACrCA,EAAE,GAAGK,OAAO,CAACL,EAAE;EACjB;EAEA,MAAMQ,aAAa,GACjB,IAAAC,aAAM,EAAwD,IAAI,CAAC;EACrED,aAAa,CAACE,OAAO,GAAG,IAAAC,8BAAc,EACpCX,EAAE,GAAGA,EAAE,GAAG,SAAS,GAAGG,SACxB,CAAC;EAED,IAAAS,gBAAS,EAAC,MAAM;IACdJ,aAAa,CAACE,OAAO,CAACG,MAAM,CAAC;MAC3BT;IACF,CAAkC,CAAC;EACrC,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAOI,aAAa,CAACE,OAAO,CAACI,IAAI,IAAIT,OAAO;AAC9C"}

package/cjs/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/cjs/extensions/forms/Wizard/index.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Buttons", {
+  enumerable: true,
+  get: function () {
+    return _Buttons.default;
+  }
+});
+Object.defineProperty(exports, "Container", {
+  enumerable: true,
+  get: function () {
+    return _Container.default;
+  }
+});
+Object.defineProperty(exports, "Context", {
+  enumerable: true,
+  get: function () {
+    return _Context.default;
+  }
+});
+Object.defineProperty(exports, "NextButton", {
+  enumerable: true,
+  get: function () {
+    return _NextButton.default;
+  }
+});
+Object.defineProperty(exports, "PreviousButton", {
+  enumerable: true,
+  get: function () {
+    return _PreviousButton.default;
+  }
+});
+exports.Provider = void 0;
+Object.defineProperty(exports, "Step", {
+  enumerable: true,
+  get: function () {
+    return _Step.default;
+  }
+});
+Object.defineProperty(exports, "useNextRouter", {
+  enumerable: true,
+  get: function () {
+    return _useNextRouter.default;
+  }
+});
+Object.defineProperty(exports, "useQueryLocator", {
+  enumerable: true,
+  get: function () {
+    return _useQueryLocator.default;
+  }
+});
+Object.defineProperty(exports, "useReachRouter", {
+  enumerable: true,
+  get: function () {
+    return _useReachRouter.default;
+  }
+});
+Object.defineProperty(exports, "useReactRouter", {
+  enumerable: true,
+  get: function () {
+    return _useReactRouter.default;
+  }
+});
+Object.defineProperty(exports, "useStep", {
+  enumerable: true,
+  get: function () {
+    return _useStep.default;
+  }
+});
+var _Context = _interopRequireDefault(require("./Context"));
+var _Container = _interopRequireDefault(require("./Container"));
+var _Step = _interopRequireDefault(require("./Step"));
+var _PreviousButton = _interopRequireDefault(require("./PreviousButton"));
+var _NextButton = _interopRequireDefault(require("./NextButton"));
+var _Buttons = _interopRequireDefault(require("./Buttons"));
+var _useStep = _interopRequireDefault(require("./hooks/useStep"));
+var _useQueryLocator = _interopRequireDefault(require("./hooks/useQueryLocator"));
+var _useReachRouter = _interopRequireDefault(require("./hooks/useReachRouter"));
+var _useReactRouter = _interopRequireDefault(require("./hooks/useReactRouter"));
+var _useNextRouter = _interopRequireDefault(require("./hooks/useNextRouter"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Provider = _Context.default.Provider;
+exports.Provider = Provider;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Context","_interopRequireDefault","require","_Container","_Step","_PreviousButton","_NextButton","_Buttons","_useStep","_useQueryLocator","_useReachRouter","_useReactRouter","_useNextRouter","obj","__esModule","default","Provider","WizardContext","exports"],"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,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,QAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,gBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,eAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,eAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,cAAA,GAAAX,sBAAA,CAAAC,OAAA;AAAgE,SAAAD,uBAAAY,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AACzD,MAAMG,QAAQ,GAAGC,gBAAa,CAACD,QAAQ;AAAAE,OAAA,CAAAF,QAAA,GAAAA,QAAA"}

package/{extensions/forms/StepsLayout/style/dnb-steps-layout.css → cjs/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/cjs/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}

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

@@ -1,6 +1,6 @@
 @import '../../../../style/core/utilities.scss';
 
-.dnb-forms-steps-layout {
+.dnb-forms-wizard-layout {
   display: flex;
   flex-flow: row wrap;
   column-gap: var(--spacing-medium);
@@ -18,10 +18,11 @@
 
   &__contents {
     flex: 1;
-  }
 
-  &__contents .dnb-card {
-    --border-color: var(--color-pistachio);
+    .dnb-card {
+      --border-color: var(--color-pistachio);
+      max-width: var(--forms-card-max-width);
+    }
   }
 
   // FormStatus as part of the Form.Handler

package/cjs/extensions/forms/Wizard/style/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-wizard-layout.scss';

package/cjs/extensions/forms/Wizard/style/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./dnb-wizard-layout.min.css");
+//# sourceMappingURL=index.js.map

package/cjs/extensions/forms/Wizard/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"sources":["../../../../../../src/extensions/forms/Wizard/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-wizard-layout.scss'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/extensions/forms/Wizard/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":["require"],"sources":["../../../../../src/extensions/forms/Wizard/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":";;AAKAA,OAAA"}

package/cjs/extensions/forms/constants/countries.d.ts

@@ -13,6 +13,7 @@ export type CountryType = {
     continent: 'Asia' | 'Europe' | 'Africa' | 'Oceania' | 'Antarctica' | 'North America' | 'South America';
     regions?: Array<'Scandinavia' | 'Nordic'>;
 };
+export type CountryLang = keyof CountryType['i18n'];
 export declare const prioritizedCountries: string[];
 declare const countries: Array<CountryType>;
 export default countries;