@dnb/eufemia 10.4.2 → 10.6.0

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/extensions/forms/Layout/style/dnb-section.css

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+"use strict";
+
+require("./dnb-button-row.min.css");
+require("./dnb-card.min.css");
+require("./dnb-flex-container.min.css");
+require("./dnb-flex-item.min.css");
+require("./dnb-section.min.css");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["require"],"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":";;AAKAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA;AACAA,OAAA"}

package/cjs/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/cjs/extensions/forms/Layout/style.d.ts

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

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

@@ -0,0 +1,4 @@
+"use strict";
+
+require("./style");
+//# sourceMappingURL=style.js.map

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

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

package/cjs/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/cjs/extensions/forms/StepsLayout/Buttons.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _ButtonRow = _interopRequireDefault(require("../Layout/ButtonRow"));
+var _NextButton2 = _interopRequireDefault(require("./NextButton"));
+var _PreviousButton2 = _interopRequireDefault(require("./PreviousButton"));
+var _utils = require("../utils");
+var _PreviousButton, _NextButton;
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Buttons(props) {
+  const {
+    className
+  } = props;
+  return _react.default.createElement(_ButtonRow.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-buttons', className)
+  }, (0, _utils.forwardSpaceProps)(props)), _PreviousButton || (_PreviousButton = _react.default.createElement(_PreviousButton2.default, null)), _NextButton || (_NextButton = _react.default.createElement(_NextButton2.default, null)));
+}
+Buttons._supportsEufemiaSpacingProps = true;
+var _default = Buttons;
+exports.default = _default;
+//# sourceMappingURL=Buttons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Buttons.js","names":["_react","_interopRequireDefault","require","_classnames","_ButtonRow","_NextButton2","_PreviousButton2","_utils","_PreviousButton","_NextButton","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","Buttons","props","className","createElement","classnames","forwardSpaceProps","_supportsEufemiaSpacingProps","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,gBAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4C,IAAAM,eAAA,EAAAC,WAAA;AAAA,SAAAR,uBAAAS,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAM5C,SAASQ,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,OACE5B,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAAC1B,UAAA,CAAAQ,OAAS,EAAAC,QAAA;IACRgB,SAAS,EAAE,IAAAE,mBAAU,EAAC,mBAAmB,EAAEF,SAAS;EAAE,GAClD,IAAAG,wBAAiB,EAACJ,KAAK,CAAC,GAAApB,eAAA,KAAAA,eAAA,GAE5BR,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAACxB,gBAAA,CAAAM,OAAc,MAAE,CAAC,GAAAH,WAAA,KAAAA,WAAA,GAClBT,MAAA,CAAAY,OAAA,CAAAkB,aAAA,CAACzB,YAAA,CAAAO,OAAU,MAAE,CAAC,CACL,CAAC;AAEhB;AAEAe,OAAO,CAACM,4BAA4B,GAAG,IAAI;AAAA,IAAAC,QAAA,GAC5BP,OAAO;AAAAQ,OAAA,CAAAvB,OAAA,GAAAsB,QAAA"}

package/cjs/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/cjs/extensions/forms/StepsLayout/NextButton.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _Context = _interopRequireDefault(require("../../../shared/Context"));
+var _StepsContext = _interopRequireDefault(require("./StepsContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function NextButton(props) {
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  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 = (0, _react.useContext)(_StepsContext.default);
+  return _react.default.createElement(_components.Button, _extends({}, props, {
+    className: (0, _classnames.default)('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;
+var _default = NextButton;
+exports.default = _default;
+//# sourceMappingURL=NextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NextButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","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","NextButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepNext","stepsContext","StepsContext","createElement","Button","classnames","onClick","handleNext","_supportsEufemiaSpacingProps","_default","exports"],"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":"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"}

package/cjs/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/cjs/extensions/forms/StepsLayout/PreviousButton.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../../components");
+var _Context = _interopRequireDefault(require("../../../shared/Context"));
+var _StepsContext = _interopRequireDefault(require("./StepsContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function PreviousButton(props) {
+  const sharedContext = (0, _react.useContext)(_Context.default);
+  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 = (0, _react.useContext)(_StepsContext.default);
+  return _react.default.createElement(_components.Button, _extends({}, props, {
+    className: (0, _classnames.default)('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;
+var _default = PreviousButton;
+exports.default = _default;
+//# sourceMappingURL=PreviousButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PreviousButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_components","_Context","_StepsContext","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","PreviousButton","props","sharedContext","useContext","SharedContext","className","variant","icon_position","icon","children","translation","Forms","stepPrevious","stepsContext","StepsContext","createElement","Button","classnames","onClick","handlePrevious","_supportsEufemiaSpacingProps","_default","exports"],"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":"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"}

package/cjs/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/cjs/extensions/forms/StepsLayout/Step.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _FlexContainer = _interopRequireDefault(require("../Layout/FlexContainer"));
+var _StepsContext = _interopRequireDefault(require("./StepsContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function Step(props) {
+  const {
+    className,
+    index,
+    direction = 'column',
+    spacing = 'medium',
+    children
+  } = props;
+  const stepsContext = (0, _react.useContext)(_StepsContext.default);
+  if ((stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.activeIndex) !== index) {
+    return null;
+  }
+  return _react.default.createElement(_FlexContainer.default, _extends({
+    className: (0, _classnames.default)('dnb-forms-step', className),
+    direction: direction,
+    spacing: spacing
+  }, (0, _utils.forwardSpaceProps)(props)), children);
+}
+Step._supportsEufemiaSpacingProps = true;
+var _default = Step;
+exports.default = _default;
+//# sourceMappingURL=Step.js.map

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

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

package/cjs/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/cjs/extensions/forms/StepsLayout/StepsContext.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StepsContext = _react.default.createContext(undefined);
+var _default = StepsContext;
+exports.default = _default;
+//# sourceMappingURL=StepsContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsContext.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","StepsContext","React","createContext","undefined","_default","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAyB,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQzB,MAAMG,YAAY,GAAGC,cAAK,CAACC,aAAa,CACtCC,SACF,CAAC;AAAA,IAAAC,QAAA,GAEcJ,YAAY;AAAAK,OAAA,CAAAN,OAAA,GAAAK,QAAA"}

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

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _elements = require("../../../elements");
+var _components = require("../../../components");
+var _componentHelper = require("../../../shared/component-helper");
+var _utils = require("../utils");
+var _Context = _interopRequireDefault(require("../DataContext/Context"));
+var _Step = _interopRequireDefault(require("./Step"));
+var _StepsContext = _interopRequireDefault(require("./StepsContext"));
+var _NextButton = _interopRequireDefault(require("./NextButton"));
+var _PreviousButton = _interopRequireDefault(require("./PreviousButton"));
+var _Buttons = _interopRequireDefault(require("./Buttons"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function StepsLayout(props) {
+  const {
+    className,
+    id = (0, _componentHelper.makeUniqueId)(),
+    mode = 'loose',
+    scrollTopOnStepChange,
+    initialActiveIndex = 0,
+    onStepChange,
+    children
+  } = props;
+  const dataContext = (0, _react.useContext)(_Context.default);
+  const [activeIndex, setActiveIndex] = (0, _react.useState)(initialActiveIndex);
+  const handlePrevious = (0, _react.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 = (0, _react.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.default.Children.map(children, child => {
+    if (!_react.default.isValidElement(child) || child.type !== _Step.default) {
+      throw new Error('Only Step can be children of Steps');
+    }
+    return child.props.title ?? 'Title missing';
+  });
+  const handleChange = (0, _react.useCallback)(_ref => {
+    let {
+      current_step
+    } = _ref;
+    setActiveIndex(current_step);
+  }, []);
+  return _react.default.createElement(_StepsContext.default.Provider, {
+    value: {
+      activeIndex,
+      handlePrevious,
+      handleNext
+    }
+  }, _react.default.createElement(_elements.Div, _extends({
+    className: (0, _classnames.default)('dnb-forms-steps-layout', className)
+  }, (0, _utils.forwardSpaceProps)(props)), _react.default.createElement("aside", {
+    className: "dnb-forms-steps-layout__sidebar"
+  }, _react.default.createElement(_components.StepIndicator.Sidebar, {
+    sidebar_id: id
+  }), _react.default.createElement(_components.StepIndicator, {
+    bottom: true,
+    current_step: activeIndex,
+    data: stepIndicatorData,
+    mode: mode,
+    no_animation: true,
+    on_change: handleChange,
+    sidebar_id: id,
+    title: ""
+  })), _react.default.createElement("div", {
+    className: "dnb-forms-steps-layout__contents"
+  }, _react.default.Children.map(children, (child, i) => {
+    if (_react.default.isValidElement(child) && child.type === _Step.default) {
+      return _react.default.cloneElement(child, {
+        index: i
+      });
+    }
+    return child;
+  }))));
+}
+StepsLayout._supportsEufemiaSpacingProps = true;
+StepsLayout.Step = _Step.default;
+StepsLayout.NextButton = _NextButton.default;
+StepsLayout.PreviousButton = _PreviousButton.default;
+StepsLayout.Buttons = _Buttons.default;
+var _default = StepsLayout;
+exports.default = _default;
+//# sourceMappingURL=StepsLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepsLayout.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_elements","_components","_componentHelper","_utils","_Context","_Step","_StepsContext","_NextButton","_PreviousButton","_Buttons","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","StepsLayout","props","className","id","makeUniqueId","mode","scrollTopOnStepChange","initialActiveIndex","onStepChange","children","dataContext","useContext","DataContext","activeIndex","setActiveIndex","useState","handlePrevious","useCallback","_window","window","scrollTo","top","behavior","handleNext","hasErrors","_window2","setShowAllErrors","stepIndicatorData","React","Children","map","child","isValidElement","type","Step","Error","title","handleChange","_ref","current_step","createElement","Provider","value","Div","classnames","forwardSpaceProps","StepIndicator","Sidebar","sidebar_id","bottom","data","no_animation","on_change","cloneElement","index","_supportsEufemiaSpacingProps","NextButton","PreviousButton","Buttons","_default","exports"],"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/cjs/extensions/forms/StepsLayout/index.d.ts

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

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

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "StepsContext", {
+  enumerable: true,
+  get: function () {
+    return _StepsContext.default;
+  }
+});
+exports.default = void 0;
+var _StepsLayout = _interopRequireDefault(require("./StepsLayout"));
+var _StepsContext = _interopRequireDefault(require("./StepsContext"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _StepsLayout.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map