npm - @dnb/eufemia - Versions diffs - 10.30.0 → 10.30.2 - Mend

@dnb/eufemia 10.30.0 → 10.30.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (174) hide show

package/cjs/extensions/forms/ValueBlock/ValueBlock.js CHANGED Viewed

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
+var _helpers = require("../../../shared/helpers");
 var _elements = require("../../../elements");
 var _components = require("../../../components");
 var _SummaryListContext = _interopRequireDefault(require("../Value/SummaryList/SummaryListContext"));
@@ -36,11 +37,13 @@ function ValueBlock(props) {
     gap = 'xx-small'
   } = props;
   const label = inline ? null : labelProp;
+  const ref = (0, _react.useRef)(null);
+  useNotInSummaryList(valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition ? null : ref, label);
   if ((children === undefined || children === null || children === false) && !showEmpty && !placeholder) {
     return null;
   }
   let content = null;
-  const compositionClass = composition ? `dnb-forms-value-block__composition--${composition === true ? 'horizontal' : composition}` : "";
+  const compositionClass = composition && `dnb-forms-value-block__composition--${composition === true ? 'horizontal' : composition}`;
   if (summaryListContext) {
     const Element = summaryListContext.isNested ? _elements.Dl : summaryListContext.layout === 'horizontal' ? _elements.Dl.Item : _react.Fragment;
     if (!label && valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition) {
@@ -67,6 +70,7 @@ function ValueBlock(props) {
     }
   } else {
     content = _react.default.createElement(_elements.Span, _extends({
+      ref: ref,
       className: (0, _classnames.default)('dnb-forms-value-block', compositionClass, className, inline && 'dnb-forms-value-block--inline', maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
     }, (0, _utils.pickSpacingProps)(props)), label && _react.default.createElement(_components.FormLabel, {
       element: "strong",
@@ -82,6 +86,18 @@ function ValueBlock(props) {
     value: props
   }, content);
 }
+function useNotInSummaryList(ref, label) {
+  (0, _react.useEffect)(() => {
+    if (ref !== null && ref !== void 0 && ref.current) {
+      try {
+        const sibling = ref.current.previousElementSibling;
+        if (sibling !== null && sibling !== void 0 && sibling.classList.contains('dnb-forms-value-block') && !ref.current.closest('.dnb-forms-summary-list')) {
+          _helpers.warn.apply(_helpers.warn, ['Value components as siblings should be wrapped inside a Value.SummaryList!', label].filter(Boolean));
+        }
+      } catch (error) {}
+    }
+  }, [label, ref]);
+}
 ValueBlock._supportsSpacingProps = true;
 var _default = ValueBlock;
 exports.default = _default;

package/cjs/extensions/forms/ValueBlock/ValueBlock.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_elements","_components","_SummaryListContext","_utils","_ValueBlockContext","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","content","compositionClass","Element","isNested","Dl","layout","Item","Fragment","_span","createElement","Provider","Dt","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, { Fragment, useContext } from 'react'\nimport classnames from 'classnames'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport ValueBlockContext from './ValueBlockContext'\n\n/*\n Props are documented in ValueDocs.ts\n /\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n children?: React.ReactNode\n\n /\n Used internally by the Composition component\n /\n composition?: boolean\n\n /\n Used internally by the Composition component\n */\n gap?: 'xx-small' \| 'x-small' \| 'small' \| 'medium' \| 'large' \| false\n}\n\nfunction ValueBlock(props: Props) {\n const summaryListContext = useContext(SummaryListContext)\n const valueBlockContext = useContext(ValueBlockContext)\n\n const {\n className,\n label: labelProp,\n inline,\n maxWidth = props.composition ? props.maxWidth : 'large',\n placeholder,\n showEmpty,\n children,\n composition,\n gap = 'xx-small',\n } = props\n\n const label = inline ? null : labelProp\n\n if (\n (children === undefined \|\| children === null \|\| children === false) &&\n !showEmpty &&\n !placeholder\n ) {\n return null\n }\n\n let content = null\n\n const compositionClass = classnames(\n composition &&\n `dnb-forms-value-block__composition--${\n composition === true ? 'horizontal' : composition\n }`\n )\n\n if (summaryListContext) {\n const Element = summaryListContext.isNested\n ? Dl\n : summaryListContext.layout === 'horizontal'\n ? Dl.Item\n : Fragment\n\n if (!label && valueBlockContext?.composition) {\n content = (\n <span\n className={classnames(\n 'dnb-forms-value-block__content',\n gap && `dnb-forms-value-block__content--gap-${gap}`\n )}\n >\n {children}\n </span>\n ) ?? (\n <span className=\"dnb-forms-value-block__placeholder\">\n {placeholder}\n </span>\n )\n } else {\n content = (\n <Element>\n <SummaryListContext.Provider\n value={{ ...summaryListContext, isNested: true }}\n >\n {label && (\n <Dt className=\"dnb-forms-value-block__label\">\n <strong>{label}</strong>\n </Dt>\n )}\n <Dd\n className={classnames(\n summaryListContext.layout !== 'grid' &&\n !summaryListContext.isNested &&\n maxWidth &&\n `dnb-forms-value-block--max-width-${maxWidth}`,\n compositionClass\n )}\n >\n {children ? (\n <span\n className={classnames(\n 'dnb-forms-value-block__content',\n gap && `dnb-forms-value-block__content--gap-${gap}`\n )}\n >\n {children}\n </span>\n ) : (\n <span className=\"dnb-forms-value-block__placeholder\">\n {placeholder}\n </span>\n )}\n </Dd>\n </SummaryListContext.Provider>\n </Element>\n )\n }\n } else {\n content = (\n <Span\n className={classnames(\n 'dnb-forms-value-block',\n inline && 'dnb-forms-value-block--inline',\n maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n compositionClass,\n className\n )}\n {...pickSpacingProps(props)}\n >\n {label && (\n <FormLabel\n element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n className=\"dnb-forms-value-block__label\"\n labelDirection={inline ? 'horizontal' : 'vertical'}\n >\n {label}\n </FormLabel>\n )}\n {children ? (\n <span\n className={classnames(\n 'dnb-forms-value-block__content',\n gap && `dnb-forms-value-block__content--gap-${gap}`\n )}\n >\n {children}\n </span>\n ) : (\n <span className=\"dnb-forms-value-block__placeholder\">\n {placeholder}\n </span>\n )}\n </Span>\n )\n }\n\n return (\n <ValueBlockContext.Provider value={props}>\n {content}\n </ValueBlockContext.Provider>\n )\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":"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"}
1	+ {"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_helpers","_elements","_components","_SummaryListContext","_utils","_ValueBlockContext","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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","className","label","labelProp","inline","maxWidth","composition","placeholder","showEmpty","children","gap","ref","useRef","useNotInSummaryList","content","compositionClass","Element","isNested","Dl","layout","Item","Fragment","_span","createElement","Provider","Dt","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","useEffect","current","sibling","previousElementSibling","classList","contains","closest","warn","Boolean","error","_supportsSpacingProps","_default","exports"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, { Fragment, useContext, useEffect, useRef } from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport { ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport ValueBlockContext from './ValueBlockContext'\n\n/*\n Props are documented in ValueDocs.ts\n /\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n children?: React.ReactNode\n\n /\n Used internally by the Composition component\n /\n composition?: boolean\n\n /\n Used internally by the Composition component\n */\n gap?: 'xx-small' \| 'x-small' \| 'small' \| 'medium' \| 'large' \| false\n}\n\nfunction ValueBlock(props: Props) {\n const summaryListContext = useContext(SummaryListContext)\n const valueBlockContext = useContext(ValueBlockContext)\n\n const {\n className,\n label: labelProp,\n inline,\n maxWidth = props.composition ? props.maxWidth : 'large',\n placeholder,\n showEmpty,\n children,\n composition,\n gap = 'xx-small',\n } = props\n\n const label = inline ? null : labelProp\n\n const ref = useRef<HTMLElement>(null)\n useNotInSummaryList(valueBlockContext?.composition ? null : ref, label)\n\n if (\n (children === undefined \|\| children === null \|\| children === false) &&\n !showEmpty &&\n !placeholder\n ) {\n return null\n }\n\n let content = null\n\n const compositionClass =\n composition &&\n classnames(\n `dnb-forms-value-block__composition--${\n composition === true ? 'horizontal' : composition\n }`\n )\n\n if (summaryListContext) {\n const Element = summaryListContext.isNested\n ? Dl\n : summaryListContext.layout === 'horizontal'\n ? Dl.Item\n : Fragment\n\n if (!label && valueBlockContext?.composition) {\n content = (\n <span\n className={classnames(\n 'dnb-forms-value-block__content',\n gap && `dnb-forms-value-block__content--gap-${gap}`\n )}\n >\n {children}\n </span>\n ) ?? (\n <span className=\"dnb-forms-value-block__placeholder\">\n {placeholder}\n </span>\n )\n } else {\n content = (\n <Element>\n <SummaryListContext.Provider\n value={{ ...summaryListContext, isNested: true }}\n >\n {label && (\n <Dt className=\"dnb-forms-value-block__label\">\n <strong>{label}</strong>\n </Dt>\n )}\n <Dd\n className={classnames(\n summaryListContext.layout !== 'grid' &&\n !summaryListContext.isNested &&\n maxWidth &&\n `dnb-forms-value-block--max-width-${maxWidth}`,\n compositionClass\n )}\n >\n {children ? (\n <span\n className={classnames(\n 'dnb-forms-value-block__content',\n gap && `dnb-forms-value-block__content--gap-${gap}`\n )}\n >\n {children}\n </span>\n ) : (\n <span className=\"dnb-forms-value-block__placeholder\">\n {placeholder}\n </span>\n )}\n </Dd>\n </SummaryListContext.Provider>\n </Element>\n )\n }\n } else {\n content = (\n <Span\n ref={ref}\n className={classnames(\n 'dnb-forms-value-block',\n inline && 'dnb-forms-value-block--inline',\n maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n compositionClass,\n className\n )}\n {...pickSpacingProps(props)}\n >\n {label && (\n <FormLabel\n element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n className=\"dnb-forms-value-block__label\"\n labelDirection={inline ? 'horizontal' : 'vertical'}\n >\n {label}\n </FormLabel>\n )}\n {children ? (\n <span\n className={classnames(\n 'dnb-forms-value-block__content',\n gap && `dnb-forms-value-block__content--gap-${gap}`\n )}\n >\n {children}\n </span>\n ) : (\n <span className=\"dnb-forms-value-block__placeholder\">\n {placeholder}\n </span>\n )}\n </Span>\n )\n }\n\n return (\n <ValueBlockContext.Provider value={props}>\n {content}\n </ValueBlockContext.Provider>\n )\n}\n\nfunction useNotInSummaryList(\n ref: React.RefObject<HTMLElement>,\n label?: React.ReactNode\n) {\n useEffect(() => {\n if (ref?.current) {\n try {\n const sibling = ref.current.previousElementSibling\n\n if (\n sibling?.classList.contains('dnb-forms-value-block') &&\n !ref.current.closest('.dnb-forms-summary-list')\n ) {\n warn.apply(\n warn,\n [\n 'Value components as siblings should be wrapped inside a Value.SummaryList!',\n label,\n ].filter(Boolean)\n )\n }\n } catch (error) {\n //\n }\n }\n }, [label, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAmD,SAAAE,uBAAAO,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,SAAAd,wBAAAU,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;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAmBnD,SAASS,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,kBAAkB,GAAG,IAAAC,iBAAU,EAACC,2BAAkB,CAAC;EACzD,MAAMC,iBAAiB,GAAG,IAAAF,iBAAU,EAACG,0BAAiB,CAAC;EAEvD,MAAM;IACJC,SAAS;IACTC,KAAK,EAAEC,SAAS;IAChBC,MAAM;IACNC,QAAQ,GAAGV,KAAK,CAACW,WAAW,GAAGX,KAAK,CAACU,QAAQ,GAAG,OAAO;IACvDE,WAAW;IACXC,SAAS;IACTC,QAAQ;IACRH,WAAW;IACXI,GAAG,GAAG;EACR,CAAC,GAAGf,KAAK;EAET,MAAMO,KAAK,GAAGE,MAAM,GAAG,IAAI,GAAGD,SAAS;EAEvC,MAAMQ,GAAG,GAAG,IAAAC,aAAM,EAAc,IAAI,CAAC;EACrCC,mBAAmB,CAACd,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEO,WAAW,GAAG,IAAI,GAAGK,GAAG,EAAET,KAAK,CAAC;EAEvE,IACE,CAACO,QAAQ,KAAKnB,SAAS,IAAImB,QAAQ,KAAK,IAAI,IAAIA,QAAQ,KAAK,KAAK,KAClE,CAACD,SAAS,IACV,CAACD,WAAW,EACZ;IACA,OAAO,IAAI;EACb;EAEA,IAAIO,OAAO,GAAG,IAAI;EAElB,MAAMC,gBAAgB,GACpBT,WAAW,IAER,uCACCA,WAAW,KAAK,IAAI,GAAG,YAAY,GAAGA,WACvC,EACF;EAEH,IAAIV,kBAAkB,EAAE;IACtB,MAAMoB,OAAO,GAAGpB,kBAAkB,CAACqB,QAAQ,GACvCC,YAAE,GACFtB,kBAAkB,CAACuB,MAAM,KAAK,YAAY,GAC1CD,YAAE,CAACE,IAAI,GACPC,eAAQ;IAEZ,IAAI,CAACnB,KAAK,IAAIH,iBAAiB,aAAjBA,iBAAiB,eAAjBA,iBAAiB,CAAEO,WAAW,EAAE;MAAA,IAAAgB,KAAA;MAC5CR,OAAO,IAAAQ,KAAA,GACLrG,MAAA,CAAAa,OAAA,CAAAyF,aAAA;QACEtB,SAAS,EACP,gCAAgC,IAChCS,GAAG,2CAA2CA,GAAI;MAClD,GAEDD,QACG,CAAC,cAAAa,KAAA,cAAAA,KAAA,GAEPrG,MAAA,CAAAa,OAAA,CAAAyF,aAAA;QAAMtB,SAAS,EAAC;MAAoC,GACjDM,WACG,CACP;IACH,CAAC,MAAM;MACLO,OAAO,GACL7F,MAAA,CAAAa,OAAA,CAAAyF,aAAA,CAACP,OAAO,QACN/F,MAAA,CAAAa,OAAA,CAAAyF,aAAA,CAAC9F,mBAAA,CAAAK,OAAkB,CAAC0F,QAAQ;QAC1B9C,KAAK,EAAAL,aAAA,CAAAA,aAAA,KAAOuB,kBAAkB;UAAEqB,QAAQ,EAAE;QAAI;MAAG,GAEhDf,KAAK,IACJjF,MAAA,CAAAa,OAAA,CAAAyF,aAAA,CAAChG,SAAA,CAAAkG,EAAE;QAACxB,SAAS,EAAC;MAA8B,GAC1ChF,MAAA,CAAAa,OAAA,CAAAyF,aAAA,iBAASrB,KAAc,CACrB,CACL,EACDjF,MAAA,CAAAa,OAAA,CAAAyF,aAAA,CAAChG,SAAA,CAAAmG,EAAE;QACDzB,SAAS,EAAE,IAAA0B,mBAAU,EAKnBZ,gBAAgB,EAJhBnB,kBAAkB,CAACuB,MAAM,KAAK,MAAM,IAClC,CAACvB,kBAAkB,CAACqB,QAAQ,IAC5BZ,QAAQ,IACP,oCAAmCA,QAAS,EAEjD;MAAE,GAEDI,QAAQ,GACPxF,MAAA,CAAAa,OAAA,CAAAyF,aAAA;QACEtB,SAAS,EACP,gCAAgC,IAChCS,GAAG,2CAA2CA,GAAI;MAClD,GAEDD,QACG,CAAC,GAEPxF,MAAA,CAAAa,OAAA,CAAAyF,aAAA;QAAMtB,SAAS,EAAC;MAAoC,GACjDM,WACG,CAEN,CACuB,CACtB,CACV;IACH;EACF,CAAC,MAAM;IACLO,OAAO,GACL7F,MAAA,CAAAa,OAAA,CAAAyF,aAAA,CAAChG,SAAA,CAAAqG,IAAI,EAAA1E,QAAA;MACHyD,GAAG,EAAEA,GAAI;MACTV,SAAS,EAAE,IAAA0B,mBAAU,EACnB,uBAAuB,EAGvBZ,gBAAgB,EAChBd,SAAS,EAHTG,MAAM,IAAI,+BAA+B,EACzCC,QAAQ,IAAK,oCAAmCA,QAAS,EAG3D;IAAE,GACE,IAAAwB,uBAAgB,EAAClC,KAAK,CAAC,GAE1BO,KAAK,IACJjF,MAAA,CAAAa,OAAA,CAAAyF,aAAA,CAAC/F,WAAA,CAAAsG,SAAS;MACRC,OAAO,EAAC,QAAQ;MAChB9B,SAAS,EAAC,8BAA8B;MACxC+B,cAAc,EAAE5B,MAAM,GAAG,YAAY,GAAG;IAAW,GAElDF,KACQ,CACZ,EACAO,QAAQ,GACPxF,MAAA,CAAAa,OAAA,CAAAyF,aAAA;MACEtB,SAAS,EACP,gCAAgC,IAChCS,GAAG,2CAA2CA,GAAI;IAClD,GAEDD,QACG,CAAC,GAEPxF,MAAA,CAAAa,OAAA,CAAAyF,aAAA;MAAMtB,SAAS,EAAC;IAAoC,GACjDM,WACG,CAEJ,CACP;EACH;EAEA,OACEtF,MAAA,CAAAa,OAAA,CAAAyF,aAAA,CAAC5F,kBAAA,CAAAG,OAAiB,CAAC0F,QAAQ;IAAC9C,KAAK,EAAEiB;EAAM,GACtCmB,OACyB,CAAC;AAEjC;AAEA,SAASD,mBAAmBA,CAC1BF,GAAiC,EACjCT,KAAuB,EACvB;EACA,IAAA+B,gBAAS,EAAC,MAAM;IACd,IAAItB,GAAG,aAAHA,GAAG,eAAHA,GAAG,CAAEuB,OAAO,EAAE;MAChB,IAAI;QACF,MAAMC,OAAO,GAAGxB,GAAG,CAACuB,OAAO,CAACE,sBAAsB;QAElD,IACED,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAEE,SAAS,CAACC,QAAQ,CAAC,uBAAuB,CAAC,IACpD,CAAC3B,GAAG,CAACuB,OAAO,CAACK,OAAO,CAAC,yBAAyB,CAAC,EAC/C;UACAC,aAAI,CAAC9E,KAAK,CACR8E,aAAI,EACJ,CACE,4EAA4E,EAC5EtC,KAAK,CACN,CAACjC,MAAM,CAACwE,OAAO,CAClB,CAAC;QACH;MACF,CAAC,CAAC,OAAOC,KAAK,EAAE,CAEhB;IACF;EACF,CAAC,EAAE,CAACxC,KAAK,EAAES,GAAG,CAAC,CAAC;AAClB;AAEAjB,UAAU,CAACiD,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GACxBlD,UAAU;AAAAmD,OAAA,CAAA/G,OAAA,GAAA8G,QAAA"}

package/cjs/extensions/forms/Wizard/hooks/useNextRouter.js CHANGED Viewed

@@ -10,12 +10,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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) {
+function useNextRouter() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   let {
     useRouter,
     usePathname,
     useSearchParams
-  } = _ref;
+  } = arguments.length > 1 ? arguments[1] : undefined;
+  const name = id ? `${id}-step` : 'step';
   const {
     setFormError
   } = (0, _useStep.default)(id);
@@ -25,18 +27,18 @@ function useNextRouter(id, _ref) {
   const onStepChange = (0, _react.useCallback)(index => {
     try {
       const params = new URLSearchParams(searchParams.toString());
-      params.set(`${id}-step`, String(index));
+      params.set(name, String(index));
       router.push(`${pathname}?${params.toString()}`);
     } catch (error) {
       setFormError(error);
     }
-  }, [id, pathname, router, searchParams, setFormError]);
+  }, [name, pathname, router, searchParams, setFormError]);
   const {
     setActiveIndex
   } = (0, _useStep.default)(id, {
     onStepChange
   });
-  const getIndex = (0, _react.useCallback)(() => parseFloat(searchParams.get(`${id}-step`)), [id, searchParams]);
+  const getIndex = (0, _react.useCallback)(() => parseFloat(searchParams.get(name)), [name, searchParams]);
   useLayoutEffect(() => {
     const routerIndex = getIndex();
     if (!isNaN(routerIndex)) {

package/cjs/extensions/forms/Wizard/hooks/useNextRouter.js.map CHANGED Viewed

	@@ -1 +1 @@
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","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted"],"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 (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, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\n }\n }, [getIndex, id, searchParams, 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,aAAaA,~~CACnCC~~,EAAU,~~EAAAC~~,~~IAAA~~,~~EAEV~~;EAAA,~~IADA~~;~~IAAEC~~,SAAS;IAAEC,WAAW;IAAEC;EAAgB,CAAC,~~GAAAH~~,~~IAAA~~;EAE3C,MAAM;~~IAAEI~~;EAAa,CAAC,GAAG,IAAAC,gBAAO,~~EAACN~~,EAAE,CAAC;EACpC,~~MAAMO~~,MAAM,~~GAAGL~~,SAAS,CAAC,CAAC;EAC1B,~~MAAMM~~,QAAQ,~~GAAGL~~,WAAW,CAAC,CAAC;EAC9B,~~MAAMM~~,YAAY,~~GAAGL~~,eAAe,CAAC,CAAC;EAEtC,~~MAAMM~~,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAa,IAAK;IACjB,IAAI;MACF,MAAMC,MAAM,GAAG,IAAIC,eAAe,CAACL,YAAY,CAACM,QAAQ,CAAC,CAAC,CAAC;MAC3DF,MAAM,~~CAACnB~~,GAAG,~~CAAE~~,~~GAAEM~~,~~EAAG~~,~~OAAM,EAAEgB,~~MAAM,CAACJ,KAAK,CAAC,CAAC;~~MACvCL~~,MAAM,CAACU,IAAI,CAAE,GAAET,QAAS,IAAGK,MAAM,CAACE,QAAQ,CAAC,CAAE,EAAC,CAAC;IACjD,CAAC,CAAC,OAAOG,KAAK,EAAE;MACdb,YAAY,CAACa,KAAK,CAAC;IACrB;EACF,CAAC,EACD,~~CAAClB~~,~~EAAE~~,~~EAAEQ~~,QAAQ,EAAED,MAAM,EAAEE,YAAY,EAAEJ,YAAY,~~CACnD~~,CAAC;EAED,MAAM;IAAEc;EAAe,CAAC,GAAG,IAAAb,gBAAO,~~EAACN~~,EAAE,EAAE;~~IAAEU~~;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAG,IAAAT,kBAAW,EAC1B,MAAMU,UAAU,CAACZ,YAAY,~~CAAC1B~~,GAAG,~~CAAE~~,~~GAAEiB~~,~~EAAG,OAAM,~~CAAC,CAAC,~~EAChD~~,CAACA,~~EAAE~~,~~EAAES~~,YAAY,~~CACnB~~,CAAC;~~EAEDd~~,eAAe,CAAC,MAAM;IACpB,~~MAAM2B~~,WAAW,GAAGF,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACG,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBH,cAAc,CAACG,WAAW,EAAE;QAC1BE,0BAA0B,EAAE,IAAI;QAChCC,+BAA+B,EAAE;MACnC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACL,QAAQ,~~EAAEpB~~,EAAE,~~EAAES~~,YAAY,EAAEU,cAAc,EAAEd,YAAY,CAAC,CAAC;EAE9D,OAAO;IAAEe;EAAS,CAAC;AACrB"}
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","arguments","length","undefined","useRouter","usePathname","useSearchParams","name","setFormError","useStep","router","pathname","searchParams","onStepChange","useCallback","index","params","URLSearchParams","toString","String","push","error","setActiveIndex","getIndex","parseFloat","routerIndex","isNaN","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted"],"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 = null,\n { useRouter, usePathname, useSearchParams }\n) {\n const name = id ? `${id}-step` : 'step'\n const { setFormError } = useStep(id)\n const router = useRouter()\n const pathname = usePathname()\n const searchParams = useSearchParams()\n\n const onStepChange = useCallback(\n (index: number) => {\n try {\n const params = new URLSearchParams(searchParams.toString())\n params.set(name, String(index))\n router.push(`${pathname}?${params.toString()}`)\n } catch (error) {\n setFormError(error)\n }\n },\n [name, pathname, router, searchParams, setFormError]\n )\n\n const { setActiveIndex } = useStep(id, { onStepChange })\n\n const getIndex = useCallback(\n () => parseFloat(searchParams.get(name)),\n [name, searchParams]\n )\n\n useLayoutEffect(() => {\n const routerIndex = getIndex()\n if (!isNaN(routerIndex)) {\n setActiveIndex(routerIndex, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\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 CHANGED Viewed

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

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

@@ -10,19 +10,21 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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) {
+function useQueryLocator() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : undefined;
   const {
     setFormError
   } = (0, _useStep.default)(id);
+  const name = id ? `${id}-step` : 'step';
   const onStepChange = (0, _react.useCallback)(index => {
     try {
       const url = new URL(window.location.href);
-      url.searchParams.set(`${id}-step`, String(index));
+      url.searchParams.set(name, String(index));
       window.history.pushState({}, '', url.toString());
     } catch (error) {
       setFormError(error);
     }
-  }, [id, setFormError]);
+  }, [name, setFormError]);
   const {
     setActiveIndex
   } = (0, _useStep.default)(id, {
@@ -31,11 +33,11 @@ function useQueryLocator(id) {
   const getIndex = (0, _react.useCallback)(() => {
     try {
       const searchParams = new URLSearchParams(window.location.search);
-      return parseFloat(searchParams.get(`${id}-step`));
+      return parseFloat(searchParams.get(name));
     } catch (error) {
       setFormError(error);
     }
-  }, [id, setFormError]);
+  }, [name, setFormError]);
   useLayoutEffect(() => {
     try {
       const popstateListener = () => {

package/cjs/extensions/forms/Wizard/hooks/useQueryLocator.js.map CHANGED Viewed

	@@ -1 +1 @@
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","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted","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 (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, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\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,EAC7BC,KAAa,IAAK;IACjB,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;YAC1BE,0BAA0B,EAAE,IAAI;YAChCC,+BAA+B,EAAE;UACnC,CAAC,CAAC;QACJ;MACF,CAAC;MAGDJ,gBAAgB,CAAC,CAAC;~~MAElBzB~~,MAAM,~~CAAC8B~~,gBAAgB,CAAC,UAAU,EAAEL,gBAAgB,CAAC;MACrD,OAAO,~~MAAMzB~~,MAAM,~~CAAC+B~~,mBAAmB,CAAC,UAAU,EAAEN,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"}
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","arguments","length","undefined","setFormError","useStep","name","onStepChange","useCallback","index","url","URL","location","href","searchParams","String","history","pushState","toString","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","popstateListener","routerIndex","isNaN","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted","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 = undefined) {\n const { setFormError } = useStep(id)\n const name = id ? `${id}-step` : 'step'\n\n const onStepChange = useCallback(\n (index: number) => {\n try {\n const url = new URL(window.location.href)\n url.searchParams.set(name, String(index))\n window.history.pushState({}, '', url.toString())\n } catch (error) {\n setFormError(error)\n }\n },\n [name, 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(name))\n } catch (error) {\n setFormError(error)\n }\n }, [name, setFormError])\n\n useLayoutEffect(() => {\n try {\n const popstateListener = () => {\n const routerIndex = getIndex()\n if (!isNaN(routerIndex)) {\n setActiveIndex(routerIndex, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\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":"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"}

package/cjs/extensions/forms/Wizard/hooks/useReachRouter.js CHANGED Viewed

@@ -10,11 +10,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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) {
+function useReachRouter() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   let {
     useLocation,
     navigate
-  } = _ref;
+  } = arguments.length > 1 ? arguments[1] : undefined;
+  const name = id ? `${id}-step` : 'step';
   const {
     setFormError
   } = (0, _useStep.default)(id);
@@ -22,12 +24,12 @@ function useReachRouter(id, _ref) {
   const onStepChange = (0, _react.useCallback)(index => {
     try {
       const url = new URL(location.href);
-      url.searchParams.set(`${id}-step`, String(index));
+      url.searchParams.set(name, String(index));
       navigate(url.href);
     } catch (error) {
       setFormError(error);
     }
-  }, [id, location.href, navigate, setFormError]);
+  }, [location.href, name, navigate, setFormError]);
   const {
     setActiveIndex
   } = (0, _useStep.default)(id, {
@@ -36,11 +38,11 @@ function useReachRouter(id, _ref) {
   const getIndex = (0, _react.useCallback)(() => {
     try {
       const searchParams = new URLSearchParams(location.search);
-      return parseFloat(searchParams.get(`${id}-step`));
+      return parseFloat(searchParams.get(name));
     } catch (error) {
       setFormError(error);
     }
-  }, [id, location.search, setFormError]);
+  }, [location.search, name, setFormError]);
   useLayoutEffect(() => {
     const routerIndex = getIndex();
     if (!isNaN(routerIndex)) {

package/cjs/extensions/forms/Wizard/hooks/useReachRouter.js.map CHANGED Viewed

	@@ -1 +1 @@
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","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted"],"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 (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, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\n }\n }, [getIndex, setActiveIndex])\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,cAAcA,~~CACpCC~~,EAAU,~~EAAAC~~,~~IAAA~~,~~EAEV~~;EAAA,~~IADA~~;~~IAAEC~~,WAAW;IAAEC;EAAS,CAAC,~~GAAAF~~,~~IAAA~~;EAEzB,MAAM;~~IAAEG~~;EAAa,CAAC,GAAG,IAAAC,gBAAO,~~EAACL~~,EAAE,CAAC;EACpC,~~MAAMM~~,QAAQ,~~GAAGJ~~,WAAW,CAAC,CAAC;EAE9B,~~MAAMK~~,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAa,IAAK;IACjB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACL,QAAQ,CAACM,IAAI,CAAC;MAClCF,GAAG,CAACG,YAAY,~~CAACnB~~,GAAG,~~CAAE~~,~~GAAEM~~,~~EAAG~~,~~OAAM,EAAEc,~~MAAM,CAACL,KAAK,CAAC,CAAC;~~MACjDN~~,QAAQ,~~CAACO~~,GAAG,CAACE,IAAI,CAAC;IACpB,CAAC,CAAC,OAAOG,KAAK,EAAE;MACdX,YAAY,CAACW,KAAK,CAAC;IACrB;EACF,CAAC,EACD,~~CAACf~~,~~EAAE,EAAEM,~~QAAQ,CAACM,IAAI,EAAET,QAAQ,~~EAAEC~~,YAAY,~~CAC5C~~,CAAC;EAED,MAAM;IAAEY;EAAe,CAAC,GAAG,IAAAX,gBAAO,~~EAACL~~,EAAE,EAAE;~~IAAEO~~;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAG,IAAAT,kBAAW,EAAC,MAAM;IACjC,IAAI;MACF,MAAMK,YAAY,GAAG,IAAIK,eAAe,CAACZ,QAAQ,CAACa,MAAM,CAAC;MACzD,OAAOC,UAAU,CAACP,YAAY,~~CAAC9B~~,GAAG,~~CAAE~~,~~GAAEiB~~,~~EAAG,OAAM,~~CAAC,CAAC;~~IACnD~~,CAAC,CAAC,~~OAAOe~~,KAAK,EAAE;MACdX,YAAY,CAACW,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,~~CAACf~~,~~EAAE,EAAEM,~~QAAQ,CAACa,MAAM,~~EAAEf~~,YAAY,CAAC,CAAC;~~EAEvCT~~,eAAe,CAAC,MAAM;IACpB,~~MAAM0B~~,WAAW,GAAGJ,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACK,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBL,cAAc,CAACK,WAAW,EAAE;QAC1BE,0BAA0B,EAAE,IAAI;QAChCC,+BAA+B,EAAE;MACnC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACP,QAAQ,EAAED,cAAc,CAAC,CAAC;EAE9B,OAAO;IAAEC;EAAS,CAAC;AACrB"}
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","arguments","length","undefined","useLocation","navigate","name","setFormError","useStep","location","onStepChange","useCallback","index","url","URL","href","searchParams","String","error","setActiveIndex","getIndex","URLSearchParams","search","parseFloat","routerIndex","isNaN","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted"],"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 = null,\n { useLocation, navigate }\n) {\n const name = id ? `${id}-step` : 'step'\n const { setFormError } = useStep(id)\n const location = useLocation()\n\n const onStepChange = useCallback(\n (index: number) => {\n try {\n const url = new URL(location.href)\n url.searchParams.set(name, String(index))\n navigate(url.href)\n } catch (error) {\n setFormError(error)\n }\n },\n [location.href, name, 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(name))\n } catch (error) {\n setFormError(error)\n }\n }, [location.search, name, setFormError])\n\n useLayoutEffect(() => {\n const routerIndex = getIndex()\n if (!isNaN(routerIndex)) {\n setActiveIndex(routerIndex, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\n }\n }, [getIndex, setActiveIndex])\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,cAAcA,CAAA,EAGpC;EAAA,IAFAC,EAAU,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAAA,IACjB;IAAEG,WAAW;IAAEC;EAAS,CAAC,GAAAJ,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAEzB,MAAMG,IAAI,GAAGN,EAAE,GAAI,GAAEA,EAAG,OAAM,GAAG,MAAM;EACvC,MAAM;IAAEO;EAAa,CAAC,GAAG,IAAAC,gBAAO,EAACR,EAAE,CAAC;EACpC,MAAMS,QAAQ,GAAGL,WAAW,CAAC,CAAC;EAE9B,MAAMM,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAa,IAAK;IACjB,IAAI;MACF,MAAMC,GAAG,GAAG,IAAIC,GAAG,CAACL,QAAQ,CAACM,IAAI,CAAC;MAClCF,GAAG,CAACG,YAAY,CAACtB,GAAG,CAACY,IAAI,EAAEW,MAAM,CAACL,KAAK,CAAC,CAAC;MACzCP,QAAQ,CAACQ,GAAG,CAACE,IAAI,CAAC;IACpB,CAAC,CAAC,OAAOG,KAAK,EAAE;MACdX,YAAY,CAACW,KAAK,CAAC;IACrB;EACF,CAAC,EACD,CAACT,QAAQ,CAACM,IAAI,EAAET,IAAI,EAAED,QAAQ,EAAEE,YAAY,CAC9C,CAAC;EAED,MAAM;IAAEY;EAAe,CAAC,GAAG,IAAAX,gBAAO,EAACR,EAAE,EAAE;IAAEU;EAAa,CAAC,CAAC;EAExD,MAAMU,QAAQ,GAAG,IAAAT,kBAAW,EAAC,MAAM;IACjC,IAAI;MACF,MAAMK,YAAY,GAAG,IAAIK,eAAe,CAACZ,QAAQ,CAACa,MAAM,CAAC;MACzD,OAAOC,UAAU,CAACP,YAAY,CAACjC,GAAG,CAACuB,IAAI,CAAC,CAAC;IAC3C,CAAC,CAAC,OAAOY,KAAK,EAAE;MACdX,YAAY,CAACW,KAAK,CAAC;IACrB;EACF,CAAC,EAAE,CAACT,QAAQ,CAACa,MAAM,EAAEhB,IAAI,EAAEC,YAAY,CAAC,CAAC;EAEzCZ,eAAe,CAAC,MAAM;IACpB,MAAM6B,WAAW,GAAGJ,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACK,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBL,cAAc,CAACK,WAAW,EAAE;QAC1BE,0BAA0B,EAAE,IAAI;QAChCC,+BAA+B,EAAE;MACnC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACP,QAAQ,EAAED,cAAc,CAAC,CAAC;EAE9B,OAAO;IAAEC;EAAS,CAAC;AACrB"}

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

@@ -10,28 +10,30 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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) {
+function useReactRouter() {
+  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   let {
     useSearchParams
-  } = _ref;
+  } = arguments.length > 1 ? arguments[1] : undefined;
+  const name = id ? `${id}-step` : 'step';
   const {
     setFormError
   } = (0, _useStep.default)(id);
   const [searchParams, setSearchParams] = useSearchParams();
   const onStepChange = (0, _react.useCallback)(index => {
     try {
-      searchParams.set(`${id}-step`, index);
+      searchParams.set(name, index);
       setSearchParams(searchParams);
     } catch (error) {
       setFormError(error);
     }
-  }, [id, searchParams, setFormError, setSearchParams]);
+  }, [name, searchParams, setFormError, setSearchParams]);
   const {
     setActiveIndex
   } = (0, _useStep.default)(id, {
     onStepChange
   });
-  const getIndex = (0, _react.useCallback)(() => parseFloat(searchParams.get(`${id}-step`)), [id, searchParams]);
+  const getIndex = (0, _react.useCallback)(() => parseFloat(searchParams.get(name)), [name, searchParams]);
   useLayoutEffect(() => {
     const routerIndex = getIndex();
     if (!isNaN(routerIndex)) {

package/cjs/extensions/forms/Wizard/hooks/useReactRouter.js.map CHANGED Viewed

	@@ -1 +1 @@
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","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted"],"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 (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, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\n }\n }, [getIndex, id, searchParams, 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,cAAcA,~~CAACC~~,EAAU,~~EAAAC~~,~~IAAA~~,~~EAAuB~~;EAAA,~~IAArB~~;~~IAAEC~~;EAAgB,CAAC,~~GAAAD~~,~~IAAA~~;~~EACpE~~,MAAM;~~IAAEE~~;EAAa,CAAC,GAAG,IAAAC,gBAAO,~~EAACJ~~,EAAE,CAAC;EACpC,MAAM,~~CAACK~~,YAAY,EAAEC,eAAe,CAAC,~~GAAGJ~~,eAAe,CAAC,CAAC;EAEzD,~~MAAMK~~,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,KAAa,IAAK;IACjB,IAAI;MACFJ,YAAY,~~CAACX~~,GAAG,~~CAAE~~,~~GAAEM~~,~~EAAG~~,~~OAAM,EAAES,~~KAAK,CAAC;~~MACrCH~~,eAAe,CAACD,YAAY,CAAC;IAC/B,CAAC,CAAC,OAAOK,KAAK,EAAE;MACdP,YAAY,CAACO,KAAK,CAAC;IACrB;EACF,CAAC,EACD,~~CAACV~~,~~EAAE~~,~~EAAEK~~,YAAY,EAAEF,YAAY,EAAEG,eAAe,~~CAClD~~,CAAC;EAED,MAAM;IAAEK;EAAe,CAAC,GAAG,IAAAP,gBAAO,~~EAACJ~~,EAAE,EAAE;~~IAAEO~~;EAAa,CAAC,CAAC;EAExD,MAAMK,QAAQ,GAAG,IAAAJ,kBAAW,EAC1B,MAAMK,UAAU,CAACR,YAAY,~~CAACtB~~,GAAG,~~CAAE~~,~~GAAEiB~~,~~EAAG,OAAM,~~CAAC,CAAC,~~EAChD~~,CAACA,~~EAAE~~,~~EAAEK~~,YAAY,~~CACnB~~,CAAC;~~EAEDV~~,eAAe,CAAC,MAAM;IACpB,~~MAAMmB~~,WAAW,GAAGF,QAAQ,CAAC,CAAC;IAC9B,IAAI,CAACG,KAAK,CAACD,WAAW,CAAC,EAAE;MACvBH,cAAc,CAACG,WAAW,EAAE;QAC1BE,0BAA0B,EAAE,IAAI;QAChCC,+BAA+B,EAAE;MACnC,CAAC,CAAC;IACJ;EACF,CAAC,EAAE,CAACL,QAAQ,~~EAAEZ~~,EAAE,~~EAAEK~~,YAAY,EAAEM,cAAc,EAAER,YAAY,CAAC,CAAC;EAE9D,OAAO;IAAES;EAAS,CAAC;AACrB"}
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","arguments","length","undefined","useSearchParams","name","setFormError","useStep","searchParams","setSearchParams","onStepChange","useCallback","index","error","setActiveIndex","getIndex","parseFloat","routerIndex","isNaN","skipStepChangeCallFromHook","skipStepChangeCallBeforeMounted"],"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(\n id: string = null,\n { useSearchParams }\n) {\n const name = id ? `${id}-step` : 'step'\n const { setFormError } = useStep(id)\n const [searchParams, setSearchParams] = useSearchParams()\n\n const onStepChange = useCallback(\n (index: number) => {\n try {\n searchParams.set(name, index)\n setSearchParams(searchParams)\n } catch (error) {\n setFormError(error)\n }\n },\n [name, searchParams, setFormError, setSearchParams]\n )\n\n const { setActiveIndex } = useStep(id, { onStepChange })\n\n const getIndex = useCallback(\n () => parseFloat(searchParams.get(name)),\n [name, searchParams]\n )\n\n useLayoutEffect(() => {\n const routerIndex = getIndex()\n if (!isNaN(routerIndex)) {\n setActiveIndex(routerIndex, {\n skipStepChangeCallFromHook: true,\n skipStepChangeCallBeforeMounted: true,\n })\n }\n }, [getIndex, id, searchParams, setActiveIndex, setFormError])\n\n return { getIndex }\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/hooks/useFieldProps.d.ts CHANGED Viewed

@@ -2,9 +2,9 @@ import { AriaAttributes } from 'react';
 import { FieldProps, AdditionalEventArgs, SubmitState, Path } from '../types';
 import { ContextState } from '../DataContext';
 export type DataAttributes = {
-    [property: `data-${string}`]: string;
+    [property: `data-${string}`]: string | boolean | number;
 };
-export default function useFieldProps<Value = unknown, Props extends FieldProps<Value> = FieldProps<Value>>(props: Props): Props & FieldProps<Value> & ReturnAdditional<Value>;
+export default function useFieldProps<Value = unknown, Props extends FieldProps<Value> = FieldProps<Value>>(localeProps: Props): Props & FieldProps<Value> & ReturnAdditional<Value>;
 export interface ReturnAdditional<Value> {
     /** Documented APIs */
     value: Value;

package/cjs/extensions/forms/hooks/useFieldProps.js CHANGED Viewed

@@ -31,7 +31,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function useFieldProps(props) {
+function useFieldProps(localeProps) {
   var _dataContext$props,
     _dataContext$ajvInsta,
     _localErrorRef$curren,
@@ -42,6 +42,7 @@ function useFieldProps(props) {
   const {
     extend
   } = (0, _react.useContext)(_FieldPropsContext.default);
+  const props = extend(localeProps);
   const {
     path,
     itemPath,
@@ -77,7 +78,7 @@ function useFieldProps(props) {
       const res = required && (value === emptyValue || typeof emptyValue === 'undefined' && value === '') ? error : undefined;
       return res;
     }
-  } = extend(props);
+  } = props;
   const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
   const {
     startProcess
@@ -223,7 +224,6 @@ function useFieldProps(props) {
     }
     cb === null || cb === void 0 ? void 0 : cb();
   }, []);
-  setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
   const fieldStateRef = (0, _react.useRef)();
   const setFieldState = (0, _react.useCallback)(state => {
     fieldStateRef.current = state;
@@ -601,8 +601,10 @@ function useFieldProps(props) {
   }, [addToPool, asyncBehaviorIsEnabled, handleChangeIterateContext, hasError, hideError, itemPath, iterateElementIndex, onChange, runPool, defineAsyncProcess, setEventResult, updateValue, yieldAsyncProcess]);
   const handleFocus = (0, _react.useCallback)(() => setHasFocus(true), [setHasFocus]);
   const handleBlur = (0, _react.useCallback)(() => setHasFocus(false), [setHasFocus]);
+  setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
   (0, _useMountEffect.default)(() => {
     dataContext === null || dataContext === void 0 ? void 0 : dataContext.handleMountField(identifier);
+    setPropsDataContext === null || setPropsDataContext === void 0 ? void 0 : setPropsDataContext(identifier, props);
     validateValue();
   });
   (0, _useUnmountEffect.default)(() => {