@dnb/eufemia 10.5.0 → 10.7.0

package/es/extensions/forms/Layout/style/dnb-flex-container.scss

@@ -0,0 +1,84 @@
+.dnb-forms-flex-container {
+  display: flex;
+
+  &--direction {
+    &-row {
+      flex-direction: row;
+    }
+
+    &-column {
+      flex-direction: column;
+    }
+  }
+
+  &--justify {
+    &-flex-start {
+      justify-content: flex-start;
+    }
+
+    &-flex-end {
+      justify-content: flex-end;
+    }
+
+    &-center {
+      justify-content: center;
+    }
+
+    &-space-between {
+      justify-content: space-between;
+    }
+
+    &-space-around {
+      justify-content: space-around;
+    }
+
+    &-space-evenly {
+      justify-content: space-evenly;
+    }
+  }
+
+  &--align {
+    &-flex-start {
+      align-items: flex-start;
+    }
+
+    &-flex-end {
+      align-items: flex-end;
+    }
+
+    &-center {
+      align-items: center;
+    }
+
+    &-stretch {
+      align-items: stretch;
+    }
+
+    &-baseline {
+      align-items: baseline;
+    }
+  }
+
+  &--wrap {
+    flex-wrap: wrap;
+  }
+
+  &__hr {
+    border: none;
+    border-top: 1px solid var(--color-black-8);
+    height: 0;
+    margin: 0;
+    padding: 0;
+    width: 100%;
+  }
+
+  // Row
+
+  &--direction-row.dnb-forms-flex-container--spacing-small {
+    column-gap: var(--spacing-small);
+  }
+
+  &--direction-row.dnb-forms-flex-container--spacing-medium {
+    column-gap: var(--spacing-medium);
+  }
+}

package/es/extensions/forms/Layout/style/dnb-flex-item.css

@@ -0,0 +1,6 @@
+.dnb-forms-flex-item--grow {
+  flex-grow: 1;
+}
+.dnb-forms-flex-item--shrink {
+  flex-shrink: 1;
+}

package/es/extensions/forms/Layout/style/dnb-flex-item.min.css

@@ -0,0 +1 @@
+.dnb-forms-flex-item--grow{flex-grow:1}.dnb-forms-flex-item--shrink{flex-shrink:1}

package/es/extensions/forms/Layout/style/dnb-flex-item.scss

@@ -0,0 +1,9 @@
+.dnb-forms-flex-item {
+  &--grow {
+    flex-grow: 1;
+  }
+
+  &--shrink {
+    flex-shrink: 1;
+  }
+}

package/es/extensions/forms/Layout/style/dnb-section.css

@@ -0,0 +1,3 @@
+.dnb-forms-section + .dnb-forms-section {
+  margin-top: var(--spacing-large);
+}

package/es/extensions/forms/Layout/style/dnb-section.min.css

@@ -0,0 +1 @@
+.dnb-forms-section+.dnb-forms-section{margin-top:var(--spacing-large)}

package/es/extensions/forms/Layout/style/dnb-section.scss

@@ -0,0 +1,3 @@
+.dnb-forms-section + .dnb-forms-section {
+  margin-top: var(--spacing-large);
+}

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

@@ -0,0 +1,9 @@
+/**
+ * Web Style Import
+ *
+ */
+import './dnb-button-row.scss';
+import './dnb-card.scss';
+import './dnb-flex-container.scss';
+import './dnb-flex-item.scss';
+import './dnb-section.scss';

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

@@ -0,0 +1,6 @@
+import "./dnb-button-row.min.css";
+import "./dnb-card.min.css";
+import "./dnb-flex-container.min.css";
+import "./dnb-flex-item.min.css";
+import "./dnb-section.min.css";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../src/extensions/forms/Layout/style/index.ts"],"sourcesContent":["/**\n * Web Style Import\n *\n */\n\nimport './dnb-button-row.scss'\nimport './dnb-card.scss'\nimport './dnb-flex-container.scss'\nimport './dnb-flex-item.scss'\nimport './dnb-section.scss'\n"],"mappings":"AAKA,OAAO,0BAAuB;AAC9B,OAAO,oBAAiB;AACxB,OAAO,8BAA2B;AAClC,OAAO,yBAAsB;AAC7B,OAAO,uBAAoB"}

package/es/extensions/forms/Layout/style/index.scss

@@ -0,0 +1,5 @@
+@import './dnb-button-row.scss';
+@import './dnb-card.scss';
+@import './dnb-flex-container.scss';
+@import './dnb-flex-item.scss';
+@import './dnb-section.scss';

package/es/extensions/forms/Layout/style.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './style';

package/es/extensions/forms/Layout/style.js

@@ -0,0 +1 @@
+import './style';

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

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

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

@@ -0,0 +1,9 @@
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    children?: string;
+};
+declare function Buttons(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Buttons {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Buttons;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","names":["React","classnames","ButtonRow","NextButton","PreviousButton","forwardSpaceProps","Buttons","props","className","createElement","_extends","_PreviousButton","_NextButton","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/Buttons.tsx"],"sourcesContent":["import React from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport ButtonRow from '../Layout/ButtonRow'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\nimport { forwardSpaceProps } from '../utils'\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      {...forwardSpaceProps(props)}\n    >\n      <PreviousButton />\n      <NextButton />\n    </ButtonRow>\n  )\n}\n\nButtons._supportsEufemiaSpacingProps = true\nexport default Buttons\n"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,qBAAqB;AAC3C,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,SAASC,iBAAiB,QAAQ,UAAU;AAM5C,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACEP,KAAA,CAAAS,aAAA,CAACP,SAAS,EAAAQ,QAAA;IACRF,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDH,iBAAiB,CAACE,KAAK,CAAC,GAAAI,eAAA,KAAAA,eAAA,GAE5BX,KAAA,CAAAS,aAAA,CAACL,cAAc,MAAE,CAAC,GAAAQ,WAAA,KAAAA,WAAA,GAClBZ,KAAA,CAAAS,aAAA,CAACN,UAAU,MAAE,CAAC,CACL,CAAC;AAEhB;AAEAG,OAAO,CAACO,4BAA4B,GAAG,IAAI;AAC3C,eAAeP,OAAO"}

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

@@ -0,0 +1,10 @@
+import type { ComponentProps } from '../component-types';
+import { ButtonProps } from '../../../components/button/Button';
+export type Props = ComponentProps & ButtonProps & {
+    children?: string;
+};
+declare function NextButton(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace NextButton {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default NextButton;

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

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import SharedContext from '../../../shared/Context';
+import StepsContext from './StepsContext';
+function NextButton(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    className,
+    variant = 'primary',
+    icon_position = 'right',
+    icon = 'chevron_right',
+    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepNext
+  } = props;
+  const stepsContext = useContext(StepsContext);
+  return React.createElement(Button, _extends({}, props, {
+    className: classnames('dnb-forms-next-button', className),
+    onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handleNext,
+    variant: variant,
+    icon_position: icon_position,
+    icon: icon
+  }), children);
+}
+NextButton._supportsEufemiaSpacingProps = true;
+export default NextButton;
+//# sourceMappingURL=NextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextButton.js","names":["React","useContext","classnames","Button","SharedContext","StepsContext","NextButton","props","sharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","createElement","_extends","onClick","handleNext","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/NextButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n  ButtonProps & {\n    children?: string\n  }\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    <Button\n      {...props}\n      className={classnames('dnb-forms-next-button', className)}\n      onClick={stepsContext?.handleNext}\n      variant={variant}\n      icon_position={icon_position}\n      icon={icon}\n    >\n      {children}\n    </Button>\n  )\n}\n\nNextButton._supportsEufemiaSpacingProps = true\nexport default NextButton\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AAOzC,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAMC,aAAa,GAAGP,UAAU,CAACG,aAAa,CAAC;EAC/C,MAAM;IACJK,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,GAAGhB,UAAU,CAACI,YAAY,CAAC;EAE7C,OACEL,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAgB,QAAA,KACDZ,KAAK;IACTE,SAAS,EAAEP,UAAU,CAAC,uBAAuB,EAAEO,SAAS,CAAE;IAC1DW,OAAO,EAAEH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,UAAW;IAClCX,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,IAEVC,QACK,CAAC;AAEb;AAEAP,UAAU,CAACgB,4BAA4B,GAAG,IAAI;AAC9C,eAAehB,UAAU"}

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

@@ -0,0 +1,10 @@
+import type { ComponentProps } from '../component-types';
+import { ButtonProps } from '../../../components/button/Button';
+export type Props = ComponentProps & ButtonProps & {
+    children?: string;
+};
+declare function PreviousButton(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace PreviousButton {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default PreviousButton;

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

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../components';
+import SharedContext from '../../../shared/Context';
+import StepsContext from './StepsContext';
+function PreviousButton(props) {
+  const sharedContext = useContext(SharedContext);
+  const {
+    className,
+    variant = 'tertiary',
+    icon_position = 'left',
+    icon = 'chevron_left',
+    children = sharedContext === null || sharedContext === void 0 ? void 0 : sharedContext.translation.Forms.stepPrevious
+  } = props;
+  const stepsContext = useContext(StepsContext);
+  return React.createElement(Button, _extends({}, props, {
+    className: classnames('dnb-forms-previous-button', className),
+    onClick: stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.handlePrevious,
+    variant: variant,
+    icon_position: icon_position,
+    icon: icon
+  }), children);
+}
+PreviousButton._supportsEufemiaSpacingProps = true;
+export default PreviousButton;
+//# sourceMappingURL=PreviousButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousButton.js","names":["React","useContext","classnames","Button","SharedContext","StepsContext","PreviousButton","props","sharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","createElement","_extends","onClick","handlePrevious","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/PreviousButton.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport type { ComponentProps } from '../component-types'\nimport { Button } from '../../../components'\nimport { ButtonProps } from '../../../components/button/Button'\nimport SharedContext from '../../../shared/Context'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps &\n  ButtonProps & {\n    children?: string\n  }\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  return (\n    <Button\n      {...props}\n      className={classnames('dnb-forms-previous-button', className)}\n      onClick={stepsContext?.handlePrevious}\n      variant={variant}\n      icon_position={icon_position}\n      icon={icon}\n    >\n      {children}\n    </Button>\n  )\n}\n\nPreviousButton._supportsEufemiaSpacingProps = true\nexport default PreviousButton\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,MAAM,QAAQ,qBAAqB;AAE5C,OAAOC,aAAa,MAAM,yBAAyB;AACnD,OAAOC,YAAY,MAAM,gBAAgB;AAOzC,SAASC,cAAcA,CAACC,KAAY,EAAE;EACpC,MAAMC,aAAa,GAAGP,UAAU,CAACG,aAAa,CAAC;EAC/C,MAAM;IACJK,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,GAAGhB,UAAU,CAACI,YAAY,CAAC;EAE7C,OACEL,KAAA,CAAAkB,aAAA,CAACf,MAAM,EAAAgB,QAAA,KACDZ,KAAK;IACTE,SAAS,EAAEP,UAAU,CAAC,2BAA2B,EAAEO,SAAS,CAAE;IAC9DW,OAAO,EAAEH,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEI,cAAe;IACtCX,OAAO,EAAEA,OAAQ;IACjBC,aAAa,EAAEA,aAAc;IAC7BC,IAAI,EAAEA;EAAK,IAEVC,QACK,CAAC;AAEb;AAEAP,cAAc,CAACgB,4BAA4B,GAAG,IAAI;AAClD,eAAehB,cAAc"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+import { Props as FlexContainerProps } from '../Layout/FlexContainer';
+export type Props = ComponentProps & {
+    index?: number;
+    title?: string;
+    direction?: FlexContainerProps['direction'];
+    spacing?: FlexContainerProps['spacing'];
+    children: React.ReactNode;
+};
+declare function Step(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace Step {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default Step;

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

@@ -0,0 +1,27 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from 'react';
+import classnames from 'classnames';
+import { forwardSpaceProps } from '../utils';
+import FlexContainer from '../Layout/FlexContainer';
+import StepsContext from './StepsContext';
+function Step(props) {
+  const {
+    className,
+    index,
+    direction = 'column',
+    spacing = 'medium',
+    children
+  } = props;
+  const stepsContext = useContext(StepsContext);
+  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) !== index) {
+    return null;
+  }
+  return React.createElement(FlexContainer, _extends({
+    className: classnames('dnb-forms-step', className),
+    direction: direction,
+    spacing: spacing
+  }, forwardSpaceProps(props)), children);
+}
+Step._supportsEufemiaSpacingProps = true;
+export default Step;
+//# sourceMappingURL=Step.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Step.js","names":["React","useContext","classnames","forwardSpaceProps","FlexContainer","StepsContext","Step","props","className","index","direction","spacing","children","stepsContext","activeIndex","createElement","_extends","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/Step.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport FlexContainer, {\n  Props as FlexContainerProps,\n} from '../Layout/FlexContainer'\nimport StepsContext from './StepsContext'\n\nexport type Props = ComponentProps & {\n  index?: number\n  title?: string\n  direction?: FlexContainerProps['direction']\n  spacing?: FlexContainerProps['spacing']\n  children: React.ReactNode\n}\n\nfunction Step(props: Props) {\n  const {\n    className,\n    index,\n    direction = 'column',\n    spacing = 'medium',\n    children,\n  } = 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    <FlexContainer\n      className={classnames('dnb-forms-step', className)}\n      direction={direction}\n      spacing={spacing}\n      {...forwardSpaceProps(props)}\n    >\n      {children}\n    </FlexContainer>\n  )\n}\n\nStep._supportsEufemiaSpacingProps = true\nexport default Step\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,OAAOC,aAAa,MAEb,yBAAyB;AAChC,OAAOC,YAAY,MAAM,gBAAgB;AAUzC,SAASC,IAAIA,CAACC,KAAY,EAAE;EAC1B,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,SAAS,GAAG,QAAQ;IACpBC,OAAO,GAAG,QAAQ;IAClBC;EACF,CAAC,GAAGL,KAAK;EACT,MAAMM,YAAY,GAAGZ,UAAU,CAACI,YAAY,CAAC;EAE7C,IAAI,CAAAQ,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEC,WAAW,MAAKL,KAAK,EAAE;IAEvC,OAAO,IAAI;EACb;EAEA,OACET,KAAA,CAAAe,aAAA,CAACX,aAAa,EAAAY,QAAA;IACZR,SAAS,EAAEN,UAAU,CAAC,gBAAgB,EAAEM,SAAS,CAAE;IACnDE,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA;EAAQ,GACbR,iBAAiB,CAACI,KAAK,CAAC,GAE3BK,QACY,CAAC;AAEpB;AAEAN,IAAI,CAACW,4BAA4B,GAAG,IAAI;AACxC,eAAeX,IAAI"}

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+const StepsContext = React.createContext(undefined);
+export default StepsContext;
+//# sourceMappingURL=StepsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsContext.js","names":["React","StepsContext","createContext","undefined"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsContext.ts"],"sourcesContent":["import React from 'react'\n\ninterface StepsContextState {\n  activeIndex: number\n  handlePrevious: () => void\n  handleNext: () => void\n}\n\nconst StepsContext = React.createContext<StepsContextState | undefined>(\n  undefined\n)\n\nexport default StepsContext\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAQzB,MAAMC,YAAY,GAAGD,KAAK,CAACE,aAAa,CACtCC,SACF,CAAC;AAED,eAAeF,YAAY"}

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ComponentProps } from '../component-types';
+export type Props = ComponentProps & {
+    id?: string;
+    mode?: 'static' | 'strict' | 'loose';
+    scrollTopOnStepChange?: boolean;
+    initialActiveIndex?: number;
+    onStepChange?: (index: number) => void;
+    children: React.ReactNode;
+};
+declare function StepsLayout(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace StepsLayout {
+    var _supportsEufemiaSpacingProps: boolean;
+    var Step: typeof import("./Step").default;
+    var NextButton: typeof import("./NextButton").default;
+    var PreviousButton: typeof import("./PreviousButton").default;
+    var Buttons: typeof import("./Buttons").default;
+}
+export default StepsLayout;

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

@@ -0,0 +1,105 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext, useState, useCallback } from 'react';
+import classnames from 'classnames';
+import { Div } from '../../../elements';
+import { StepIndicator } from '../../../components';
+import { makeUniqueId } from '../../../shared/component-helper';
+import { forwardSpaceProps } from '../utils';
+import DataContext from '../DataContext/Context';
+import Step from './Step';
+import StepsContext from './StepsContext';
+import NextButton from './NextButton';
+import PreviousButton from './PreviousButton';
+import Buttons from './Buttons';
+function StepsLayout(props) {
+  const {
+    className,
+    id = makeUniqueId(),
+    mode = 'loose',
+    scrollTopOnStepChange,
+    initialActiveIndex = 0,
+    onStepChange,
+    children
+  } = props;
+  const dataContext = useContext(DataContext);
+  const [activeIndex, setActiveIndex] = useState(initialActiveIndex);
+  const handlePrevious = useCallback(() => {
+    setActiveIndex(activeIndex => {
+      onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(activeIndex - 1);
+      return activeIndex - 1;
+    });
+    if (scrollTopOnStepChange) {
+      var _window;
+      (_window = window) === null || _window === void 0 ? void 0 : _window.scrollTo({
+        top: 0,
+        behavior: 'smooth'
+      });
+    }
+  }, [scrollTopOnStepChange, onStepChange]);
+  const handleNext = useCallback(() => {
+    if (!dataContext.hasErrors()) {
+      setActiveIndex(activeIndex => {
+        onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(activeIndex + 1);
+        return activeIndex + 1;
+      });
+      if (scrollTopOnStepChange) {
+        var _window2;
+        (_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.scrollTo({
+          top: 0,
+          behavior: 'smooth'
+        });
+      }
+    } else {
+      dataContext.setShowAllErrors(true);
+    }
+  }, [dataContext, scrollTopOnStepChange, onStepChange]);
+  const stepIndicatorData = React.Children.map(children, child => {
+    if (!React.isValidElement(child) || child.type !== Step) {
+      throw new Error('Only Step can be children of Steps');
+    }
+    return child.props.title ?? 'Title missing';
+  });
+  const handleChange = useCallback(({
+    current_step
+  }) => {
+    setActiveIndex(current_step);
+  }, []);
+  return React.createElement(StepsContext.Provider, {
+    value: {
+      activeIndex,
+      handlePrevious,
+      handleNext
+    }
+  }, React.createElement(Div, _extends({
+    className: classnames('dnb-forms-steps-layout', className)
+  }, forwardSpaceProps(props)), React.createElement("aside", {
+    className: "dnb-forms-steps-layout__sidebar"
+  }, React.createElement(StepIndicator.Sidebar, {
+    sidebar_id: id
+  }), React.createElement(StepIndicator, {
+    bottom: true,
+    current_step: activeIndex,
+    data: stepIndicatorData,
+    mode: mode,
+    no_animation: true,
+    on_change: handleChange,
+    sidebar_id: id,
+    title: ""
+  })), React.createElement("div", {
+    className: "dnb-forms-steps-layout__contents"
+  }, React.Children.map(children, (child, i) => {
+    if (React.isValidElement(child) && child.type === Step) {
+      return React.cloneElement(child, {
+        index: i
+      });
+    }
+    return child;
+  }))));
+}
+StepsLayout._supportsEufemiaSpacingProps = true;
+StepsLayout.Step = Step;
+StepsLayout.NextButton = NextButton;
+StepsLayout.PreviousButton = PreviousButton;
+StepsLayout.Buttons = Buttons;
+export default StepsLayout;
+//# sourceMappingURL=StepsLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsLayout.js","names":["React","useContext","useState","useCallback","classnames","Div","StepIndicator","makeUniqueId","forwardSpaceProps","DataContext","Step","StepsContext","NextButton","PreviousButton","Buttons","StepsLayout","props","className","id","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","dataContext","activeIndex","setActiveIndex","handlePrevious","_window","window","scrollTo","top","behavior","handleNext","hasErrors","_window2","setShowAllErrors","stepIndicatorData","Children","map","child","isValidElement","type","Error","title","handleChange","current_step","createElement","Provider","value","_extends","Sidebar","sidebar_id","bottom","data","no_animation","on_change","i","cloneElement","index","_supportsEufemiaSpacingProps"],"sources":["../../../../../src/extensions/forms/StepsLayout/StepsLayout.tsx"],"sourcesContent":["import React, { useContext, useState, useCallback } from 'react'\nimport classnames from 'classnames'\nimport { Div } from '../../../elements'\nimport { StepIndicator } from '../../../components'\nimport { makeUniqueId } from '../../../shared/component-helper'\nimport { forwardSpaceProps } from '../utils'\nimport type { ComponentProps } from '../component-types'\nimport DataContext from '../DataContext/Context'\nimport Step, { Props as StepProps } from './Step'\nimport StepsContext from './StepsContext'\nimport NextButton from './NextButton'\nimport PreviousButton from './PreviousButton'\nimport Buttons from './Buttons'\n\nexport type Props = ComponentProps & {\n  id?: string\n  mode?: 'static' | 'strict' | 'loose'\n  scrollTopOnStepChange?: boolean\n  initialActiveIndex?: number\n  onStepChange?: (index: number) => void\n  children: React.ReactNode\n}\n\nfunction StepsLayout(props: Props) {\n  const {\n    className,\n    id = makeUniqueId(),\n    mode = 'loose',\n    scrollTopOnStepChange,\n    initialActiveIndex = 0,\n    onStepChange,\n    children,\n  } = props\n  const dataContext = useContext(DataContext)\n  const [activeIndex, setActiveIndex] =\n    useState<number>(initialActiveIndex)\n\n  const handlePrevious = useCallback(() => {\n    setActiveIndex((activeIndex) => {\n      onStepChange?.(activeIndex - 1)\n      return activeIndex - 1\n    })\n    if (scrollTopOnStepChange) {\n      window?.scrollTo({ top: 0, behavior: 'smooth' })\n    }\n  }, [scrollTopOnStepChange, onStepChange])\n\n  const handleNext = useCallback(() => {\n    if (!dataContext.hasErrors()) {\n      setActiveIndex((activeIndex) => {\n        onStepChange?.(activeIndex + 1)\n        return activeIndex + 1\n      })\n      if (scrollTopOnStepChange) {\n        window?.scrollTo({ top: 0, behavior: 'smooth' })\n      }\n    } else {\n      dataContext.setShowAllErrors(true)\n    }\n  }, [dataContext, scrollTopOnStepChange, onStepChange])\n\n  const stepIndicatorData = React.Children.map(children, (child) => {\n    if (!React.isValidElement(child) || child.type !== Step) {\n      throw new Error('Only Step can be children of Steps')\n    }\n    return child.props.title ?? 'Title missing'\n  }) as string[]\n\n  const handleChange = useCallback(({ current_step }) => {\n    setActiveIndex(current_step)\n  }, [])\n\n  return (\n    <StepsContext.Provider\n      value={{\n        activeIndex,\n        handlePrevious,\n        handleNext,\n      }}\n    >\n      <Div\n        className={classnames('dnb-forms-steps-layout', className)}\n        {...forwardSpaceProps(props)}\n      >\n        <aside className=\"dnb-forms-steps-layout__sidebar\">\n          <StepIndicator.Sidebar sidebar_id={id} />\n          <StepIndicator\n            bottom\n            current_step={activeIndex}\n            data={stepIndicatorData}\n            mode={mode}\n            no_animation\n            on_change={handleChange}\n            sidebar_id={id}\n            title=\"\"\n          />\n        </aside>\n        <div className=\"dnb-forms-steps-layout__contents\">\n          {React.Children.map(children, (child, i) => {\n            if (React.isValidElement(child) && child.type === Step) {\n              return React.cloneElement(\n                child as React.ReactElement<StepProps>,\n                {\n                  index: i,\n                }\n              )\n            }\n            return child\n          })}\n        </div>\n      </Div>\n    </StepsContext.Provider>\n  )\n}\n\nStepsLayout._supportsEufemiaSpacingProps = true\n\nStepsLayout.Step = Step\nStepsLayout.NextButton = NextButton\nStepsLayout.PreviousButton = PreviousButton\nStepsLayout.Buttons = Buttons\n\nexport default StepsLayout\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1 @@
+{"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.css

@@ -0,0 +1,25 @@
+/*
+ * Utilities
+ */
+.dnb-forms-steps-layout {
+  display: flex;
+  flex-flow: row wrap;
+  grid-column-gap: 3rem;
+  -moz-column-gap: 3rem;
+       column-gap: 3rem;
+}
+@media (max-width: 60em) {
+  .dnb-forms-steps-layout {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+}
+.dnb-forms-steps-layout__sidebar {
+  flex: 0;
+  min-width: 320px;
+}
+.dnb-forms-steps-layout__contents {
+  flex: 1;
+  min-width: 400px;
+}

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

@@ -0,0 +1 @@
+.dnb-forms-steps-layout{grid-column-gap:3rem;-moz-column-gap:3rem;column-gap:3rem;display:flex;flex-flow:row wrap}@media (max-width:60em){.dnb-forms-steps-layout{align-items:stretch;flex-direction:column;justify-content:stretch}}.dnb-forms-steps-layout__sidebar{flex:0;min-width:320px}.dnb-forms-steps-layout__contents{flex:1;min-width:400px}

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

@@ -0,0 +1,23 @@
+@import '../../../../style/core/utilities.scss';
+
+.dnb-forms-steps-layout {
+  display: flex;
+  flex-flow: row wrap;
+  column-gap: 3rem;
+
+  @media (max-width: map-get($breakpoints, 'medium')) {
+    flex-direction: column;
+    justify-content: stretch;
+    align-items: stretch;
+  }
+
+  &__sidebar {
+    flex: 0;
+    min-width: 320px;
+  }
+
+  &__contents {
+    flex: 1;
+    min-width: 400px;
+  }
+}

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

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

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

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

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

@@ -0,0 +1 @@
+{"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/index.scss

@@ -0,0 +1 @@
+@import './dnb-steps-layout.scss';

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

@@ -0,0 +1,5 @@
+/**
+ * Web Style Import
+ *
+ */
+import './style';

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

@@ -0,0 +1 @@
+import './style';

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

@@ -0,0 +1 @@
+{"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/Value/BankAccountNumber.d.ts

@@ -0,0 +1,7 @@
+import { Props as StringComponentProps } from './String';
+export type Props = StringComponentProps;
+declare function BankAccountNumber(props: Props): import("react/jsx-runtime").JSX.Element;
+declare namespace BankAccountNumber {
+    var _supportsEufemiaSpacingProps: boolean;
+}
+export default BankAccountNumber;