@dnb/eufemia 10.25.0 → 10.26.0

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

@@ -1,3 +0,0 @@
-import StepsLayout from './StepsLayout';
-export { default as StepsContext } from './StepsContext';
-export default StepsLayout;

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

@@ -1,4 +0,0 @@
-import StepsLayout from './StepsLayout';
-export { default as StepsContext } from './StepsContext';
-export default StepsLayout;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["StepsLayout","default","StepsContext"],"sources":["../../../../../src/extensions/forms/StepsLayout/index.ts"],"sourcesContent":["import StepsLayout from './StepsLayout'\nexport { default as StepsContext } from './StepsContext'\n\nexport default StepsLayout\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AACvC,SAASC,OAAO,IAAIC,YAAY,QAAQ,gBAAgB;AAExD,eAAeF,WAAW"}

package/es/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css

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

package/es/extensions/forms/StepsLayout/style/index.d.ts

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

package/es/extensions/forms/StepsLayout/style/index.js

@@ -1 +0,0 @@
-import "./dnb-steps-layout.min.css";

package/es/extensions/forms/StepsLayout/style/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/StepsLayout/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-steps-layout.scss'\n"],"mappings":"AAKA,OAAO,4BAAyB"}

package/es/extensions/forms/StepsLayout/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../../../src/extensions/forms/StepsLayout/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":"AAKA,OAAO,SAAS"}

package/es/extensions/forms/StepsLayout/useStep.d.ts

@@ -1,3 +0,0 @@
-import { StepsContextState } from './StepsContext';
-import { Identifier } from '../types';
-export declare function useStep(id?: Identifier): StepsContextState;

package/es/extensions/forms/StepsLayout/useStep.js

@@ -1,12 +0,0 @@
-"use client";
-
-import { useContext, useRef } from 'react';
-import StepsContext from './StepsContext';
-import { useSharedState } from '../../../shared/helpers/useSharedState';
-export function useStep(id = null) {
-  const sharedDataRef = useRef(null);
-  sharedDataRef.current = useSharedState(id ? id + '-steps' : undefined);
-  const context = useContext(StepsContext);
-  return sharedDataRef.current.data || context;
-}
-//# sourceMappingURL=useStep.js.map

package/es/extensions/forms/StepsLayout/useStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStep.js","names":["useContext","useRef","StepsContext","useSharedState","useStep","id","sharedDataRef","current","undefined","context","data"],"sources":["../../../../../src/extensions/forms/StepsLayout/useStep.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport StepsContext, { StepsContextState } from './StepsContext'\nimport { Identifier } from '../types'\nimport { useSharedState } from '../../../shared/helpers/useSharedState'\n\nexport function useStep(id: Identifier = null) {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<StepsContextState>>>(null)\n  sharedDataRef.current = useSharedState<StepsContextState>(\n    id ? id + '-steps' : undefined\n  )\n\n  const context = useContext(StepsContext)\n  return sharedDataRef.current.data || context\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,OAAOC,YAAY,MAA6B,gBAAgB;AAEhE,SAASC,cAAc,QAAQ,wCAAwC;AAEvE,OAAO,SAASC,OAAOA,CAACC,EAAc,GAAG,IAAI,EAAE;EAC7C,MAAMC,aAAa,GACjBL,MAAM,CAAuD,IAAI,CAAC;EACpEK,aAAa,CAACC,OAAO,GAAGJ,cAAc,CACpCE,EAAE,GAAGA,EAAE,GAAG,QAAQ,GAAGG,SACvB,CAAC;EAED,MAAMC,OAAO,GAAGT,UAAU,CAACE,YAAY,CAAC;EACxC,OAAOI,aAAa,CAACC,OAAO,CAACG,IAAI,IAAID,OAAO;AAC9C"}

package/es/shared/helpers/useEventEmitter.d.ts

@@ -1,16 +0,0 @@
-import { EventEmitterData, EventEmitterId } from './EventEmitter';
-/**
- * Use this React Hook as an easy way to sync data between components without a Context/Provider
- *
- * @param {string} id unique id, same as used in the "lined place"
- * @returns React Hook { data, update }
- *
- * @deprecated Please use useSharedState instead for new code
- */
-export declare const useEventEmitter: (id?: EventEmitterId) => {
-    data: any;
-    update?: undefined;
-} | {
-    data: EventEmitterData;
-    update: (data: EventEmitterData) => void;
-};

package/es/shared/helpers/useEventEmitter.js

@@ -1,29 +0,0 @@
-import React from 'react';
-import EventEmitter from './EventEmitter';
-export const useEventEmitter = (id = null) => {
-  const [, updateState] = React.useState(null);
-  const forceUpdate = React.useCallback(() => updateState({}), []);
-  React.useEffect(() => () => emitter === null || emitter === void 0 ? void 0 : emitter.unlisten(forceUpdate), []);
-  const [emitter] = React.useState(() => {
-    if (id) {
-      const emitter = EventEmitter.createInstance(id);
-      emitter.listen(forceUpdate);
-      return emitter;
-    }
-  });
-  if (!emitter) {
-    return {
-      data: null
-    };
-  }
-  const {
-    get,
-    update
-  } = emitter;
-  const data = get();
-  return {
-    data,
-    update
-  };
-};
-//# sourceMappingURL=useEventEmitter.js.map

package/es/shared/helpers/useEventEmitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEventEmitter.js","names":["React","EventEmitter","useEventEmitter","id","updateState","useState","forceUpdate","useCallback","useEffect","emitter","unlisten","createInstance","listen","data","get","update"],"sources":["../../../../src/shared/helpers/useEventEmitter.tsx"],"sourcesContent":["import React from 'react'\nimport EventEmitter, {\n  EventEmitterData,\n  EventEmitterId,\n} from './EventEmitter'\n\n/**\n * Use this React Hook as an easy way to sync data between components without a Context/Provider\n *\n * @param {string} id unique id, same as used in the \"lined place\"\n * @returns React Hook { data, update }\n *\n * @deprecated Please use useSharedState instead for new code\n */\nexport const useEventEmitter = (id: EventEmitterId = null) => {\n  const [, updateState] = React.useState(null)\n  const forceUpdate = React.useCallback(() => updateState({}), [])\n\n  React.useEffect(() => () => emitter?.unlisten(forceUpdate), []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const [emitter] = React.useState(() => {\n    if (id) {\n      const emitter = EventEmitter.createInstance(id)\n      emitter.listen(forceUpdate)\n      return emitter\n    }\n  })\n\n  if (!emitter) {\n    return { data: null }\n  }\n\n  const { get, update } = emitter\n  const data: EventEmitterData = get()\n\n  return { data, update }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAGZ,gBAAgB;AAUvB,OAAO,MAAMC,eAAe,GAAGA,CAACC,EAAkB,GAAG,IAAI,KAAK;EAC5D,MAAM,GAAGC,WAAW,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAMC,WAAW,GAAGN,KAAK,CAACO,WAAW,CAAC,MAAMH,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEhEJ,KAAK,CAACQ,SAAS,CAAC,MAAM,MAAMC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,CAACJ,WAAW,CAAC,EAAE,EAAE,CAAC;EAE/D,MAAM,CAACG,OAAO,CAAC,GAAGT,KAAK,CAACK,QAAQ,CAAC,MAAM;IACrC,IAAIF,EAAE,EAAE;MACN,MAAMM,OAAO,GAAGR,YAAY,CAACU,cAAc,CAACR,EAAE,CAAC;MAC/CM,OAAO,CAACG,MAAM,CAACN,WAAW,CAAC;MAC3B,OAAOG,OAAO;IAChB;EACF,CAAC,CAAC;EAEF,IAAI,CAACA,OAAO,EAAE;IACZ,OAAO;MAAEI,IAAI,EAAE;IAAK,CAAC;EACvB;EAEA,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAGN,OAAO;EAC/B,MAAMI,IAAsB,GAAGC,GAAG,CAAC,CAAC;EAEpC,OAAO;IAAED,IAAI;IAAEE;EAAO,CAAC;AACzB,CAAC"}

package/extensions/forms/Field/style/index.d.ts

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

package/extensions/forms/Field/style/index.js

@@ -1 +0,0 @@
-import "./dnb-forms-field.min.css";

package/extensions/forms/Field/style/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/Field/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-forms-field.scss'\n"],"mappings":"AAKA,OAAO,2BAAwB"}

package/extensions/forms/StepsLayout/Buttons/Buttons.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _PreviousButton, _NextButton;
-import React from 'react';
-import classnames from 'classnames';
-import ButtonRow from '../../Form/ButtonRow';
-import NextButton from '../NextButton';
-import PreviousButton from '../PreviousButton';
-function Buttons(props) {
-  const {
-    className
-  } = props;
-  return React.createElement(ButtonRow, _extends({
-    className: classnames('dnb-forms-buttons', className)
-  }, props), _PreviousButton || (_PreviousButton = React.createElement(PreviousButton, null)), _NextButton || (_NextButton = React.createElement(NextButton, null)));
-}
-Buttons._supportsSpacingProps = true;
-export default Buttons;
-//# sourceMappingURL=Buttons.js.map

package/extensions/forms/StepsLayout/Buttons/Buttons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Buttons.js","names":["React","classnames","ButtonRow","NextButton","PreviousButton","Buttons","props","className","createElement","_extends","_PreviousButton","_NextButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/StepsLayout/Buttons/Buttons.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      <PreviousButton />\n      <NextButton />\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,cAAc,MAAM,mBAAmB;AAM9C,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACEN,KAAA,CAAAQ,aAAA,CAACN,SAAS,EAAAO,QAAA;IACRF,SAAS,EAAEN,UAAU,CAAC,mBAAmB,EAAEM,SAAS;EAAE,GAClDD,KAAK,GAAAI,eAAA,KAAAA,eAAA,GAETV,KAAA,CAAAQ,aAAA,CAACJ,cAAc,MAAE,CAAC,GAAAO,WAAA,KAAAA,WAAA,GAClBX,KAAA,CAAAQ,aAAA,CAACL,UAAU,MAAE,CAAC,CACL,CAAC;AAEhB;AAEAE,OAAO,CAACO,qBAAqB,GAAG,IAAI;AACpC,eAAeP,OAAO"}

package/extensions/forms/StepsLayout/Buttons/index.js.map

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

package/extensions/forms/StepsLayout/NextButton/NextButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NextButton.js","names":["React","useContext","classnames","SharedContext","StepsContext","ButtonRow","SubmitButton","NextButton","props","sharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","createElement","_extends","type","onClick","handleNext","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/StepsLayout/NextButton/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { ButtonProps } from '../../../../components/button/Button'\nimport SharedContext from '../../../../shared/Context'\nimport StepsContext from '../StepsContext'\nimport ButtonRow from '../../Form/ButtonRow'\nimport SubmitButton from '../../Form/SubmitButton'\n\nexport type Props = ComponentProps & ButtonProps\n\nfunction NextButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'primary',\n    icon_position = 'right',\n    icon = 'chevron_right',\n    children = sharedContext?.translation.Forms.stepNext,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  return (\n    <ButtonRow>\n      {/* Use SubmitButton to inherit the indicator functionality */}\n      <SubmitButton\n        type=\"button\"\n        className={classnames('dnb-forms-next-button', className)}\n        onClick={stepsContext?.handleNext}\n        variant={variant}\n        icon_position={icon_position}\n        icon={icon}\n        {...props}\n      >\n        {children}\n      </SubmitButton>\n    </ButtonRow>\n  )\n}\n\nNextButton._supportsSpacingProps = true\nexport default NextButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAGnC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,YAAY,MAAM,yBAAyB;AAIlD,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,aAAa,GAAGR,UAAU,CAACE,aAAa,CAAC;EAC/C,MAAM;IACJO,SAAS;IACTC,OAAO,GAAG,SAAS;IACnBC,aAAa,GAAG,OAAO;IACvBC,IAAI,GAAG,eAAe;IACtBC,QAAQ,GAAGL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGT,KAAK;EACT,MAAMU,YAAY,GAAGjB,UAAU,CAACG,YAAY,CAAC;EAE7C,OACEJ,KAAA,CAAAmB,aAAA,CAACd,SAAS,QAERL,KAAA,CAAAmB,aAAA,CAACb,YAAY,EAAAc,QAAA;IACXC,IAAI,EAAC,QAAQ;IACbX,SAAS,EAAER,UAAU,CAAC,uBAAuB,EAAEQ,SAAS,CAAE;IAC1DY,OAAO,EAAEJ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEK,UAAW;IAClCZ,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,GACPL,KAAK,GAERM,QACW,CACL,CAAC;AAEhB;AAEAP,UAAU,CAACiB,qBAAqB,GAAG,IAAI;AACvC,eAAejB,UAAU"}

package/extensions/forms/StepsLayout/NextButton/index.js.map

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

package/extensions/forms/StepsLayout/PreviousButton/PreviousButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PreviousButton.js","names":["React","useContext","classnames","Button","SharedContext","StepsContext","ButtonRow","PreviousButton","props","sharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","params","activeIndex","disabled","createElement","_extends","onClick","handlePrevious","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/StepsLayout/PreviousButton/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../../types'\nimport { Button } from '../../../../components'\nimport { ButtonProps } from '../../../../components/button/Button'\nimport SharedContext from '../../../../shared/Context'\nimport StepsContext from '../StepsContext'\nimport ButtonRow from '../../Form/ButtonRow'\n\nexport type Props = ComponentProps & ButtonProps\n\nfunction PreviousButton(props: Props) {\n  const sharedContext = useContext(SharedContext)\n  const {\n    className,\n    variant = 'tertiary',\n    icon_position = 'left',\n    icon = 'chevron_left',\n    children = sharedContext?.translation.Forms.stepPrevious,\n  } = props\n  const stepsContext = useContext(StepsContext)\n\n  const params: Props = {}\n  if (stepsContext?.activeIndex === 0) {\n    params.disabled = true\n  }\n\n  return (\n    <ButtonRow>\n      <Button\n        className={classnames('dnb-forms-previous-button', className)}\n        onClick={stepsContext?.handlePrevious}\n        variant={variant}\n        icon_position={icon_position}\n        icon={icon}\n        {...params}\n        {...props}\n      >\n        {children}\n      </Button>\n    </ButtonRow>\n  )\n}\n\nPreviousButton._supportsSpacingProps = true\nexport default PreviousButton\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,wBAAwB;AAE/C,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,SAAS,MAAM,sBAAsB;AAI5C,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAMC,aAAa,GAAGR,UAAU,CAACG,aAAa,CAAC;EAC/C,MAAM;IACJM,SAAS;IACTC,OAAO,GAAG,UAAU;IACpBC,aAAa,GAAG,MAAM;IACtBC,IAAI,GAAG,cAAc;IACrBC,QAAQ,GAAGL,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEM,WAAW,CAACC,KAAK,CAACC;EAC9C,CAAC,GAAGT,KAAK;EACT,MAAMU,YAAY,GAAGjB,UAAU,CAACI,YAAY,CAAC;EAE7C,MAAMc,MAAa,GAAG,CAAC,CAAC;EACxB,IAAI,CAAAD,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEE,WAAW,MAAK,CAAC,EAAE;IACnCD,MAAM,CAACE,QAAQ,GAAG,IAAI;EACxB;EAEA,OACErB,KAAA,CAAAsB,aAAA,CAAChB,SAAS,QACRN,KAAA,CAAAsB,aAAA,CAACnB,MAAM,EAAAoB,QAAA;IACLb,SAAS,EAAER,UAAU,CAAC,2BAA2B,EAAEQ,SAAS,CAAE;IAC9Dc,OAAO,EAAEN,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEO,cAAe;IACtCd,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,GACPM,MAAM,EACNX,KAAK,GAERM,QACK,CACC,CAAC;AAEhB;AAEAP,cAAc,CAACmB,qBAAqB,GAAG,IAAI;AAC3C,eAAenB,cAAc"}

package/extensions/forms/StepsLayout/PreviousButton/index.js.map

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

package/extensions/forms/StepsLayout/Step/Step.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.js","names":["React","useContext","classnames","pickFlexContainerProps","StepsContext","Flex","Step","props","className","index","children","stepsContext","activeIndex","createElement","Stack","_extends","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/StepsLayout/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 StepsContext from '../StepsContext'\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 stepsContext = useContext(StepsContext)\n\n  if (stepsContext?.activeIndex !== index) {\n    // Another step is active\n    return null\n  }\n\n  return (\n    <Flex.Stack\n      className={classnames('dnb-forms-step', className)}\n      {...pickFlexContainerProps(props)}\n    >\n      {children}\n    </Flex.Stack>\n  )\n}\n\nStep._supportsSpacingProps = true\nexport default Step\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAEEC,sBAAsB,QACjB,uCAAuC;AAC9C,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,OAAOC,IAAI,MAAM,kCAAkC;AAQnD,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IAAEC,SAAS;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAC5C,MAAMI,YAAY,GAAGV,UAAU,CAACG,YAAY,CAAC;EAE7C,IAAI,CAAAO,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEC,WAAW,MAAKH,KAAK,EAAE;IAEvC,OAAO,IAAI;EACb;EAEA,OACET,KAAA,CAAAa,aAAA,CAACR,IAAI,CAACS,KAAK,EAAAC,QAAA;IACTP,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS;EAAE,GAC/CL,sBAAsB,CAACI,KAAK,CAAC,GAEhCG,QACS,CAAC;AAEjB;AAEAJ,IAAI,CAACU,qBAAqB,GAAG,IAAI;AACjC,eAAeV,IAAI"}

package/extensions/forms/StepsLayout/Step/index.js.map

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

package/extensions/forms/StepsLayout/StepsContext.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-export type StepIndex = number;
-export interface StepsContextState {
-    activeIndex?: StepIndex;
-    handlePrevious?: () => void;
-    handleNext?: () => void;
-    setActiveIndex?: (index: StepIndex) => void;
-}
-declare const StepsContext: React.Context<StepsContextState>;
-export default StepsContext;

package/extensions/forms/StepsLayout/StepsContext.js

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

package/extensions/forms/StepsLayout/StepsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StepsContext.js","names":["React","StepsContext","createContext","activeIndex","setActiveIndex","handlePrevious","handleNext"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsContext.ts"],"sourcesContent":["import React from 'react'\n\nexport type StepIndex = number\nexport interface StepsContextState {\n  activeIndex?: StepIndex\n  handlePrevious?: () => void\n  handleNext?: () => void\n  setActiveIndex?: (index: StepIndex) => void\n}\n\nconst StepsContext = React.createContext<StepsContextState | undefined>({\n  activeIndex: 0,\n  setActiveIndex: () => null,\n  handlePrevious: () => null,\n  handleNext: () => null,\n})\n\nexport default StepsContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAUzB,MAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa,CAAgC;EACtEC,WAAW,EAAE,CAAC;EACdC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,cAAc,EAAEA,CAAA,KAAM,IAAI;EAC1BC,UAAU,EAAEA,CAAA,KAAM;AACpB,CAAC,CAAC;AAEF,eAAeL,YAAY"}

package/extensions/forms/StepsLayout/StepsLayout.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { StepIndex } from './StepsContext';
-import { ComponentProps, EventReturnWithStateObject } from '../types';
-export type Props = ComponentProps & {
-    id?: string;
-    mode?: 'static' | 'strict' | 'loose';
-    scrollTopOnStepChange?: boolean;
-    initialActiveIndex?: StepIndex;
-    onStepChange?: (index: StepIndex, mode: 'previous' | 'next') => EventReturnWithStateObject | void | Promise<EventReturnWithStateObject | void>;
-    children: React.ReactNode;
-    variant?: 'sidebar' | 'drawer';
-    noAnimation?: boolean;
-    sidebarId?: string;
-};
-declare function StepsLayout(props: Props): import("react/jsx-runtime").JSX.Element;
-declare namespace StepsLayout {
-    var _supportsSpacingProps: boolean;
-    var Step: typeof import("./Step/Step").default;
-    var NextButton: typeof import("./NextButton/NextButton").default;
-    var PreviousButton: typeof import("./PreviousButton/PreviousButton").default;
-    var Buttons: typeof import("./Buttons/Buttons").default;
-    var useStep: typeof import("./useStep").useStep;
-}
-export default StepsLayout;

package/extensions/forms/StepsLayout/StepsLayout.js.map

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

package/extensions/forms/StepsLayout/StepsLayoutDocs.d.ts

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

package/extensions/forms/StepsLayout/StepsLayoutDocs.js.map

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

package/extensions/forms/StepsLayout/index.d.ts

@@ -1,3 +0,0 @@
-import StepsLayout from './StepsLayout';
-export { default as StepsContext } from './StepsContext';
-export default StepsLayout;

package/extensions/forms/StepsLayout/index.js

@@ -1,4 +0,0 @@
-import StepsLayout from './StepsLayout';
-export { default as StepsContext } from './StepsContext';
-export default StepsLayout;
-//# sourceMappingURL=index.js.map

package/extensions/forms/StepsLayout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["StepsLayout","default","StepsContext"],"sources":["../../../../../src/extensions/forms/StepsLayout/index.ts"],"sourcesContent":["import StepsLayout from './StepsLayout'\nexport { default as StepsContext } from './StepsContext'\n\nexport default StepsLayout\n"],"mappings":"AAAA,OAAOA,WAAW,MAAM,eAAe;AACvC,SAASC,OAAO,IAAIC,YAAY,QAAQ,gBAAgB;AAExD,eAAeF,WAAW"}

package/extensions/forms/StepsLayout/style/dnb-steps-layout.min.css

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

package/extensions/forms/StepsLayout/style/index.d.ts

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

package/extensions/forms/StepsLayout/style/index.js

@@ -1 +0,0 @@
-import "./dnb-steps-layout.min.css";

package/extensions/forms/StepsLayout/style/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/StepsLayout/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-steps-layout.scss'\n"],"mappings":"AAKA,OAAO,4BAAyB"}

package/extensions/forms/StepsLayout/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../../../src/extensions/forms/StepsLayout/style.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './style'\n"],"mappings":"AAKA,OAAO,SAAS"}

package/extensions/forms/StepsLayout/useStep.d.ts

@@ -1,3 +0,0 @@
-import { StepsContextState } from './StepsContext';
-import { Identifier } from '../types';
-export declare function useStep(id?: Identifier): StepsContextState;

package/extensions/forms/StepsLayout/useStep.js

@@ -1,13 +0,0 @@
-"use client";
-
-import { useContext, useRef } from 'react';
-import StepsContext from './StepsContext';
-import { useSharedState } from '../../../shared/helpers/useSharedState';
-export function useStep() {
-  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  const sharedDataRef = useRef(null);
-  sharedDataRef.current = useSharedState(id ? id + '-steps' : undefined);
-  const context = useContext(StepsContext);
-  return sharedDataRef.current.data || context;
-}
-//# sourceMappingURL=useStep.js.map

package/extensions/forms/StepsLayout/useStep.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useStep.js","names":["useContext","useRef","StepsContext","useSharedState","useStep","id","arguments","length","undefined","sharedDataRef","current","context","data"],"sources":["../../../../../src/extensions/forms/StepsLayout/useStep.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport StepsContext, { StepsContextState } from './StepsContext'\nimport { Identifier } from '../types'\nimport { useSharedState } from '../../../shared/helpers/useSharedState'\n\nexport function useStep(id: Identifier = null) {\n  const sharedDataRef =\n    useRef<ReturnType<typeof useSharedState<StepsContextState>>>(null)\n  sharedDataRef.current = useSharedState<StepsContextState>(\n    id ? id + '-steps' : undefined\n  )\n\n  const context = useContext(StepsContext)\n  return sharedDataRef.current.data || context\n}\n"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,MAAM,QAAQ,OAAO;AAC1C,OAAOC,YAAY,MAA6B,gBAAgB;AAEhE,SAASC,cAAc,QAAQ,wCAAwC;AAEvE,OAAO,SAASC,OAAOA,CAAA,EAAwB;EAAA,IAAvBC,EAAc,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EAC3C,MAAMG,aAAa,GACjBR,MAAM,CAAuD,IAAI,CAAC;EACpEQ,aAAa,CAACC,OAAO,GAAGP,cAAc,CACpCE,EAAE,GAAGA,EAAE,GAAG,QAAQ,GAAGG,SACvB,CAAC;EAED,MAAMG,OAAO,GAAGX,UAAU,CAACE,YAAY,CAAC;EACxC,OAAOO,aAAa,CAACC,OAAO,CAACE,IAAI,IAAID,OAAO;AAC9C"}

package/shared/helpers/useEventEmitter.d.ts

@@ -1,16 +0,0 @@
-import { EventEmitterData, EventEmitterId } from './EventEmitter';
-/**
- * Use this React Hook as an easy way to sync data between components without a Context/Provider
- *
- * @param {string} id unique id, same as used in the "lined place"
- * @returns React Hook { data, update }
- *
- * @deprecated Please use useSharedState instead for new code
- */
-export declare const useEventEmitter: (id?: EventEmitterId) => {
-    data: any;
-    update?: undefined;
-} | {
-    data: EventEmitterData;
-    update: (data: EventEmitterData) => void;
-};

package/shared/helpers/useEventEmitter.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import EventEmitter from './EventEmitter';
-export const useEventEmitter = function () {
-  let id = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-  const [, updateState] = React.useState(null);
-  const forceUpdate = React.useCallback(() => updateState({}), []);
-  React.useEffect(() => () => emitter === null || emitter === void 0 ? void 0 : emitter.unlisten(forceUpdate), []);
-  const [emitter] = React.useState(() => {
-    if (id) {
-      const emitter = EventEmitter.createInstance(id);
-      emitter.listen(forceUpdate);
-      return emitter;
-    }
-  });
-  if (!emitter) {
-    return {
-      data: null
-    };
-  }
-  const {
-    get,
-    update
-  } = emitter;
-  const data = get();
-  return {
-    data,
-    update
-  };
-};
-//# sourceMappingURL=useEventEmitter.js.map

package/shared/helpers/useEventEmitter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEventEmitter.js","names":["React","EventEmitter","useEventEmitter","id","arguments","length","undefined","updateState","useState","forceUpdate","useCallback","useEffect","emitter","unlisten","createInstance","listen","data","get","update"],"sources":["../../../../src/shared/helpers/useEventEmitter.tsx"],"sourcesContent":["import React from 'react'\nimport EventEmitter, {\n  EventEmitterData,\n  EventEmitterId,\n} from './EventEmitter'\n\n/**\n * Use this React Hook as an easy way to sync data between components without a Context/Provider\n *\n * @param {string} id unique id, same as used in the \"lined place\"\n * @returns React Hook { data, update }\n *\n * @deprecated Please use useSharedState instead for new code\n */\nexport const useEventEmitter = (id: EventEmitterId = null) => {\n  const [, updateState] = React.useState(null)\n  const forceUpdate = React.useCallback(() => updateState({}), [])\n\n  React.useEffect(() => () => emitter?.unlisten(forceUpdate), []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  const [emitter] = React.useState(() => {\n    if (id) {\n      const emitter = EventEmitter.createInstance(id)\n      emitter.listen(forceUpdate)\n      return emitter\n    }\n  })\n\n  if (!emitter) {\n    return { data: null }\n  }\n\n  const { get, update } = emitter\n  const data: EventEmitterData = get()\n\n  return { data, update }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,YAAY,MAGZ,gBAAgB;AAUvB,OAAO,MAAMC,eAAe,GAAG,SAAAA,CAAA,EAA+B;EAAA,IAA9BC,EAAkB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,IAAI;EACvD,MAAM,GAAGG,WAAW,CAAC,GAAGP,KAAK,CAACQ,QAAQ,CAAC,IAAI,CAAC;EAC5C,MAAMC,WAAW,GAAGT,KAAK,CAACU,WAAW,CAAC,MAAMH,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;EAEhEP,KAAK,CAACW,SAAS,CAAC,MAAM,MAAMC,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEC,QAAQ,CAACJ,WAAW,CAAC,EAAE,EAAE,CAAC;EAE/D,MAAM,CAACG,OAAO,CAAC,GAAGZ,KAAK,CAACQ,QAAQ,CAAC,MAAM;IACrC,IAAIL,EAAE,EAAE;MACN,MAAMS,OAAO,GAAGX,YAAY,CAACa,cAAc,CAACX,EAAE,CAAC;MAC/CS,OAAO,CAACG,MAAM,CAACN,WAAW,CAAC;MAC3B,OAAOG,OAAO;IAChB;EACF,CAAC,CAAC;EAEF,IAAI,CAACA,OAAO,EAAE;IACZ,OAAO;MAAEI,IAAI,EAAE;IAAK,CAAC;EACvB;EAEA,MAAM;IAAEC,GAAG;IAAEC;EAAO,CAAC,GAAGN,OAAO;EAC/B,MAAMI,IAAsB,GAAGC,GAAG,CAAC,CAAC;EAEpC,OAAO;IAAED,IAAI;IAAEE;EAAO,CAAC;AACzB,CAAC"}