@dnb/eufemia 10.65.1 → 10.66.0

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

@@ -18,6 +18,8 @@ var _IterateItemContext = _interopRequireDefault(require("../Iterate/IterateItem
 var _componentHelper = require("../../../shared/component-helper");
 var _VisibilityContext = _interopRequireDefault(require("../Form/Visibility/VisibilityContext"));
 var _Visibility = _interopRequireDefault(require("../Form/Visibility/Visibility"));
+var _HelpButtonInline = _interopRequireWildcard(require("../../../components/help-button/HelpButtonInline"));
+var _useId = _interopRequireDefault(require("../../../shared/helpers/useId"));
 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; }
@@ -28,6 +30,7 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function ValueBlock(props) {
+  var _props$id;
   const summaryListContext = (0, _react.useContext)(_SummaryListContext.default);
   const valueBlockContext = (0, _react.useContext)(_ValueBlockContext.default);
   const {
@@ -36,6 +39,7 @@ function ValueBlock(props) {
   const {
     index: iterateIndex
   } = (0, _react.useContext)(_IterateItemContext.default) || {};
+  const id = (0, _useId.default)((_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : props.forId);
   const {
     className,
     label: labelProp,
@@ -49,6 +53,8 @@ function ValueBlock(props) {
     showEmpty,
     children,
     composition,
+    help,
+    layout = 'vertical',
     gap = 'xx-small'
   } = props;
   const label = (0, _react.useMemo)(() => {
@@ -69,10 +75,11 @@ function ValueBlock(props) {
   }
   let content = null;
   const compositionClass = composition && `dnb-forms-value-block__composition--${composition === true ? 'horizontal' : composition}`;
-  const defaultClass = `dnb-forms-value-block__content dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`;
+  const defaultClass = `dnb-forms-value-block__content dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}` + (maxWidth ? ` dnb-forms-value-block--max-width-${maxWidth}` : "");
+  const hasHelp = (help === null || help === void 0 ? void 0 : help.title) || (help === null || help === void 0 ? void 0 : help.content);
   if (summaryListContext) {
     const Item = summaryListContext.isNested ? _elements.Dl : summaryListContext.layout === 'horizontal' ? _elements.Dl.Item : _react.Fragment;
-    if (!label && valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition) {
+    if (!label && !hasHelp && valueBlockContext !== null && valueBlockContext !== void 0 && valueBlockContext.composition) {
       var _span;
       content = (_span = _react.default.createElement("span", {
         className: defaultClass
@@ -80,15 +87,27 @@ function ValueBlock(props) {
         className: "dnb-forms-value-block__placeholder"
       }, placeholder);
     } else {
+      const {
+        layout
+      } = summaryListContext;
       content = _react.default.createElement(_SummaryListContext.default.Provider, {
         value: _objectSpread(_objectSpread({}, summaryListContext), {}, {
           isNested: true
         })
       }, _react.default.createElement(Item, null, _react.default.createElement(_elements.Dt, {
-        className: 'dnb-forms-value-block__label' + (!label || labelSrOnly ? " dnb-sr-only" : "")
-      }, _react.default.createElement(VisibilityWrapper, null, label && _react.default.createElement("strong", null, label))), _react.default.createElement(_elements.Dd, {
-        className: (0, _classnames.default)(compositionClass, summaryListContext.layout !== 'grid' && !summaryListContext.isNested && maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
-      }, _react.default.createElement(VisibilityWrapper, null, children ? _react.default.createElement("span", {
+        className: 'dnb-forms-value-block__label' + (!label && !hasHelp || labelSrOnly ? " dnb-sr-only" : "")
+      }, _react.default.createElement(VisibilityWrapper, null, label && _react.default.createElement("strong", null, label), hasHelp && _react.default.createElement(_HelpButtonInline.default, {
+        contentId: `${id}-help`,
+        help: help
+      }))), _react.default.createElement(_elements.Dd, {
+        className: (0, _classnames.default)(compositionClass, layout !== 'grid' && !summaryListContext.isNested && maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
+      }, _react.default.createElement(VisibilityWrapper, null, hasHelp && _react.default.createElement(_HelpButtonInline.HelpButtonInlineContent, {
+        contentId: `${id}-help`,
+        className: "dnb-forms-value-block__help",
+        help: help,
+        breakout: layout === 'vertical',
+        outset: layout === 'vertical'
+      }), children ? _react.default.createElement("span", {
         className: defaultClass
       }, children) : _react.default.createElement("span", {
         className: "dnb-forms-value-block__placeholder"
@@ -97,13 +116,24 @@ function ValueBlock(props) {
   } else {
     content = _react.default.createElement(_elements.Span, _extends({
       ref: ref,
-      className: (0, _classnames.default)('dnb-forms-value-block', compositionClass, className, inline && 'dnb-forms-value-block--inline', maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`)
-    }, (0, _utils.pickSpacingProps)(props)), label && _react.default.createElement(_components.FormLabel, {
+      className: (0, _classnames.default)('dnb-forms-value-block', compositionClass, className, inline && 'dnb-forms-value-block--inline')
+    }, (0, _utils.pickSpacingProps)(props)), (label || hasHelp) && _react.default.createElement(_components.FormLabel, {
       element: "strong",
-      className: "dnb-forms-value-block__label",
+      className: 'dnb-forms-value-block__label' + (maxWidth ? ` dnb-forms-value-block--max-width-${maxWidth}` : ""),
       labelDirection: inline ? 'horizontal' : 'vertical',
       srOnly: labelSrOnly
-    }, label), children ? _react.default.createElement("span", {
+    }, _react.default.createElement("span", null, label && _react.default.createElement("span", {
+      className: "dnb-forms-value-block__label__content"
+    }, label), hasHelp && _react.default.createElement(_HelpButtonInline.default, {
+      contentId: `${id}-help`,
+      help: help
+    }))), hasHelp && _react.default.createElement(_HelpButtonInline.HelpButtonInlineContent, {
+      contentId: `${id}-help`,
+      className: "dnb-forms-value-block__help",
+      help: help,
+      breakout: layout === 'vertical',
+      outset: layout === 'vertical'
+    }), children ? _react.default.createElement("span", {
       className: defaultClass
     }, children) : _react.default.createElement("span", {
       className: "dnb-forms-value-block__placeholder"

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

@@ -1 +1 @@
-{"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_helpers","_elements","_components","_SummaryListContext","_ValueBlockContext","_Context","_utils","_IterateItemContext","_componentHelper","_VisibilityContext","_Visibility","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","prerenderFieldProps","DataContext","index","iterateIndex","IterateItemContext","className","label","labelProp","path","itemPath","labelSrOnly","transformLabel","inline","maxWidth","composition","placeholder","showEmpty","children","gap","useMemo","convertJsxToString","replace","transformLabelParameters","ref","useRef","useNotInSummaryList","hide","createElement","Fragment","content","compositionClass","defaultClass","Item","isNested","Dl","layout","_span","Provider","Dt","VisibilityWrapper","Dd","classnames","Span","pickSpacingProps","FormLabel","element","labelDirection","srOnly","useEffect","current","sibling","previousElementSibling","classList","contains","closest","warn","Boolean","error","_supportsSpacingProps","_default","exports","_ref","visibilityContext","VisibilityContext"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { Path, ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateItemContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\nimport VisibilityContext from '../Form/Visibility/VisibilityContext'\nimport Visibility from '../Form/Visibility/Visibility'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  children?: React.ReactNode\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { prerenderFieldProps } = useContext(DataContext) || {}\n  const { index: iterateIndex } = useContext(IterateItemContext) || {}\n\n  const {\n    className,\n    label: labelProp,\n    path,\n    itemPath,\n    labelSrOnly,\n    transformLabel = (label: Props['label']) => label,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n\n    let label = labelProp\n\n    if (iterateIndex !== undefined) {\n      label = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    return transformLabel(label, transformLabelParameters)\n  }, [inline, iterateIndex, labelProp, transformLabel])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(\n    valueBlockContext?.composition ? null : ref,\n    label,\n    path,\n    itemPath\n  )\n\n  const hide =\n    prerenderFieldProps ||\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder)\n\n  if (hide) {\n    return <></>\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`\n  )\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt\n              className={classnames(\n                'dnb-forms-value-block__label',\n                (!label || labelSrOnly) && 'dnb-sr-only'\n              )}\n            >\n              <VisibilityWrapper>\n                {label && <strong>{label}</strong>}\n              </VisibilityWrapper>\n            </Dt>\n            <Dd\n              className={classnames(\n                summaryListContext.layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              <VisibilityWrapper>\n                {children ? (\n                  <span className={defaultClass}>{children}</span>\n                ) : (\n                  <span className=\"dnb-forms-value-block__placeholder\">\n                    {placeholder}\n                  </span>\n                )}\n              </VisibilityWrapper>\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`,\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {label && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className=\"dnb-forms-value-block__label\"\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n            srOnly={labelSrOnly}\n          >\n            {label}\n          </FormLabel>\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode,\n  path?: Path,\n  itemPath?: Path\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList:',\n              { label, path, itemPath },\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [itemPath, label, path, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props['transformLabel']>[1]\n\nfunction VisibilityWrapper({ children }) {\n  const visibilityContext = useContext(VisibilityContext)\n\n  if (visibilityContext) {\n    return <Visibility {...visibilityContext.props}>{children}</Visibility>\n  }\n\n  return children\n}\n"],"mappings":"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"}
+{"version":3,"file":"ValueBlock.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_helpers","_elements","_components","_SummaryListContext","_ValueBlockContext","_Context","_utils","_IterateItemContext","_componentHelper","_VisibilityContext","_Visibility","_HelpButtonInline","_useId","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","ValueBlock","props","_props$id","summaryListContext","useContext","SummaryListContext","valueBlockContext","ValueBlockContext","prerenderFieldProps","DataContext","index","iterateIndex","IterateItemContext","id","useId","forId","className","label","labelProp","path","itemPath","labelSrOnly","transformLabel","inline","maxWidth","composition","placeholder","showEmpty","children","help","layout","gap","useMemo","convertJsxToString","replace","transformLabelParameters","ref","useRef","useNotInSummaryList","hide","createElement","Fragment","content","compositionClass","defaultClass","hasHelp","title","Item","isNested","Dl","_span","Provider","Dt","VisibilityWrapper","contentId","Dd","classnames","HelpButtonInlineContent","breakout","outset","Span","pickSpacingProps","FormLabel","element","labelDirection","srOnly","useEffect","current","sibling","previousElementSibling","classList","contains","closest","warn","Boolean","error","_supportsSpacingProps","_default","exports","_ref","visibilityContext","VisibilityContext"],"sources":["../../../../../src/extensions/forms/ValueBlock/ValueBlock.tsx"],"sourcesContent":["import React, {\n  Fragment,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react'\nimport classnames from 'classnames'\nimport { warn } from '../../../shared/helpers'\nimport { Dd, Dl, Dt, Span } from '../../../elements'\nimport { FormLabel } from '../../../components'\nimport SummaryListContext from '../Value/SummaryList/SummaryListContext'\nimport ValueBlockContext from './ValueBlockContext'\nimport DataContext from '../DataContext/Context'\nimport { Path, ValueProps } from '../types'\nimport { pickSpacingProps } from '../../../components/flex/utils'\nimport IterateItemContext from '../Iterate/IterateItemContext'\nimport { convertJsxToString } from '../../../shared/component-helper'\nimport VisibilityContext from '../Form/Visibility/VisibilityContext'\nimport Visibility from '../Form/Visibility/Visibility'\nimport HelpButtonInline, {\n  HelpButtonInlineContent,\n  HelpProps,\n} from '../../../components/help-button/HelpButtonInline'\nimport useId from '../../../shared/helpers/useId'\n\n/**\n * Props are documented in ValueDocs.ts\n */\nexport type Props = Omit<ValueProps<unknown>, 'value'> & {\n  id?: string\n\n  /** The id to link a element with */\n  forId?: string\n\n  /**\n   * Provide help content for the value.\n   */\n  help?: HelpProps\n\n  /**\n   * The layout of the value block.\n   * (Undocumented for now, as there is only one layout option, vertical.)\n   */\n  layout?: 'vertical'\n\n  /**\n   * Used internally by the Composition component\n   */\n  composition?: boolean\n\n  /**\n   * Used internally by the Composition component\n   */\n  gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false\n\n  children?: React.ReactNode\n}\n\nfunction ValueBlock(props: Props) {\n  const summaryListContext = useContext(SummaryListContext)\n  const valueBlockContext = useContext(ValueBlockContext)\n  const { prerenderFieldProps } = useContext(DataContext) || {}\n  const { index: iterateIndex } = useContext(IterateItemContext) || {}\n\n  const id = useId(props.id ?? props.forId)\n\n  const {\n    className,\n    label: labelProp,\n    path,\n    itemPath,\n    labelSrOnly,\n    transformLabel = (label: Props['label']) => label,\n    inline,\n    maxWidth = props.composition ? props.maxWidth : 'large',\n    placeholder,\n    showEmpty,\n    children,\n    composition,\n    help,\n    layout = 'vertical',\n    gap = 'xx-small',\n  } = props\n\n  const label = useMemo(() => {\n    if (inline) {\n      return null\n    }\n\n    let label = labelProp\n\n    if (iterateIndex !== undefined) {\n      label = convertJsxToString(labelProp).replace(\n        '{itemNo}',\n        String(iterateIndex + 1)\n      )\n    }\n\n    return transformLabel(label, transformLabelParameters)\n  }, [inline, iterateIndex, labelProp, transformLabel])\n\n  const ref = useRef<HTMLElement>(null)\n  useNotInSummaryList(\n    valueBlockContext?.composition ? null : ref,\n    label,\n    path,\n    itemPath\n  )\n\n  const hide =\n    prerenderFieldProps ||\n    ((children === undefined || children === null || children === false) &&\n      !showEmpty &&\n      !placeholder)\n\n  if (hide) {\n    return <></>\n  }\n\n  let content = null\n\n  const compositionClass =\n    composition &&\n    classnames(\n      `dnb-forms-value-block__composition--${\n        composition === true ? 'horizontal' : composition\n      }`\n    )\n  const defaultClass = classnames(\n    'dnb-forms-value-block__content',\n    `dnb-forms-value-block__content--gap-${gap === false ? 'none' : gap}`,\n    maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`\n  )\n\n  const hasHelp = help?.title || help?.content\n\n  if (summaryListContext) {\n    const Item = summaryListContext.isNested\n      ? Dl\n      : summaryListContext.layout === 'horizontal'\n      ? Dl.Item\n      : Fragment\n\n    if (!label && !hasHelp && valueBlockContext?.composition) {\n      content = <span className={defaultClass}>{children}</span> ?? (\n        <span className=\"dnb-forms-value-block__placeholder\">\n          {placeholder}\n        </span>\n      )\n    } else {\n      const { layout } = summaryListContext\n      content = (\n        <SummaryListContext.Provider\n          value={{ ...summaryListContext, isNested: true }}\n        >\n          <Item>\n            <Dt\n              className={classnames(\n                'dnb-forms-value-block__label',\n                ((!label && !hasHelp) || labelSrOnly) && 'dnb-sr-only'\n              )}\n            >\n              <VisibilityWrapper>\n                {label && <strong>{label}</strong>}\n                {hasHelp && (\n                  <HelpButtonInline contentId={`${id}-help`} help={help} />\n                )}\n              </VisibilityWrapper>\n            </Dt>\n            <Dd\n              className={classnames(\n                layout !== 'grid' &&\n                  !summaryListContext.isNested &&\n                  maxWidth &&\n                  `dnb-forms-value-block--max-width-${maxWidth}`,\n                compositionClass\n              )}\n            >\n              <VisibilityWrapper>\n                {hasHelp && (\n                  <HelpButtonInlineContent\n                    contentId={`${id}-help`}\n                    className=\"dnb-forms-value-block__help\"\n                    help={help}\n                    breakout={layout === 'vertical'}\n                    outset={layout === 'vertical'}\n                  />\n                )}\n                {children ? (\n                  <span className={defaultClass}>{children}</span>\n                ) : (\n                  <span className=\"dnb-forms-value-block__placeholder\">\n                    {placeholder}\n                  </span>\n                )}\n              </VisibilityWrapper>\n            </Dd>\n          </Item>\n        </SummaryListContext.Provider>\n      )\n    }\n  } else {\n    content = (\n      <Span\n        ref={ref}\n        className={classnames(\n          'dnb-forms-value-block',\n          inline && 'dnb-forms-value-block--inline',\n          compositionClass,\n          className\n        )}\n        {...pickSpacingProps(props)}\n      >\n        {(label || hasHelp) && (\n          <FormLabel\n            element=\"strong\" // enhance a11y: https://www.w3.org/WAI/WCAG21/Techniques/html/H49\n            className={classnames(\n              'dnb-forms-value-block__label',\n              maxWidth && `dnb-forms-value-block--max-width-${maxWidth}`\n            )}\n            labelDirection={inline ? 'horizontal' : 'vertical'}\n            srOnly={labelSrOnly}\n          >\n            <span>\n              {label && (\n                <span className=\"dnb-forms-value-block__label__content\">\n                  {label}\n                </span>\n              )}\n              {hasHelp && (\n                <HelpButtonInline contentId={`${id}-help`} help={help} />\n              )}\n            </span>\n          </FormLabel>\n        )}\n        {hasHelp && (\n          <HelpButtonInlineContent\n            contentId={`${id}-help`}\n            className=\"dnb-forms-value-block__help\"\n            help={help}\n            breakout={layout === 'vertical'}\n            outset={layout === 'vertical'}\n          />\n        )}\n        {children ? (\n          <span className={defaultClass}>{children}</span>\n        ) : (\n          <span className=\"dnb-forms-value-block__placeholder\">\n            {placeholder}\n          </span>\n        )}\n      </Span>\n    )\n  }\n\n  return (\n    <ValueBlockContext.Provider value={props}>\n      {content}\n    </ValueBlockContext.Provider>\n  )\n}\n\nfunction useNotInSummaryList(\n  ref: React.RefObject<HTMLElement>,\n  label?: React.ReactNode,\n  path?: Path,\n  itemPath?: Path\n) {\n  useEffect(() => {\n    if (ref?.current) {\n      try {\n        const sibling = ref.current.previousElementSibling\n\n        if (\n          sibling?.classList.contains('dnb-forms-value-block') &&\n          !ref.current.closest('.dnb-forms-summary-list')\n        ) {\n          warn.apply(\n            warn,\n            [\n              'Value components as siblings should be wrapped inside a Value.SummaryList:',\n              { label, path, itemPath },\n            ].filter(Boolean)\n          )\n        }\n      } catch (error) {\n        //\n      }\n    }\n  }, [itemPath, label, path, ref])\n}\n\nValueBlock._supportsSpacingProps = true\nexport default ValueBlock\n\nconst transformLabelParameters = {\n  convertJsxToString,\n} as unknown as Parameters<Props['transformLabel']>[1]\n\nfunction VisibilityWrapper({ children }) {\n  const visibilityContext = useContext(VisibilityContext)\n\n  if (visibilityContext) {\n    return <Visibility {...visibilityContext.props}>{children}</Visibility>\n  }\n\n  return children\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.css

@@ -20,6 +20,9 @@
   display: block;
   font-size: var(--font-size-basis);
 }
+.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content {
+  display: block;
+}
 .dnb-forms-value-block--inline:not([class*=__composition]) {
   display: inline-block;
   font-size: inherit;
@@ -27,6 +30,19 @@
 .dnb-forms-value-block__label, .dnb-forms-value-block__label strong {
   font-weight: var(--font-weight-medium);
 }
+.dnb-forms-value-block__label > strong:has(+ .dnb-help-button), .dnb-forms-value-block__label__content:has(+ .dnb-help-button) {
+  margin-right: 0.5rem;
+}
+.dnb-forms-value-block__help {
+  display: flex;
+  flex-flow: column;
+}
+.dnb-forms-value-block__help .dnb-section {
+  margin-bottom: 0.5rem;
+}
+.dnb-forms-value-block__help .dnb-section > .dnb-p--lead {
+  margin-bottom: 0.5rem;
+}
 .dnb-forms-value-block__placeholder {
   color: var(--color-black-80);
 }
@@ -82,6 +98,7 @@
   }
   .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)) {
     --row-gap: var(--spacing-x-small);
+    flex-flow: row wrap;
   }
 }
 .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dd, .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dt, .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content > .dnb-dl, .dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space]) > .dnb-dl {

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.min.css

@@ -1 +1 @@
-.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}
+.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not([class*=dnb-space])>.dnb-dd>.dnb-dl,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal)>.dnb-dd>.dnb-dl{margin:0}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dd:empty,.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal) .dnb-dt:empty{display:none}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd{margin-bottom:var(--spacing-medium);transition:margin-bottom .3s var(--easing-default)}.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:has(~.dnb-dt:empty~.dnb-dd:empty),.dnb-forms-summary-list.dnb-dl:not(.dnb-dl__layout--horizontal):not(.dnb-dl__layout--grid)>.dnb-dd:last-of-type{margin-bottom:0}.dnb-forms-value-block{display:block;font-size:var(--font-size-basis)}.dnb-forms-value-block:not(.dnb-forms-value-block__composition--horizontal) .dnb-forms-value-block__content{display:block}.dnb-forms-value-block--inline:not([class*=__composition]){display:inline-block;font-size:inherit}.dnb-forms-value-block__label,.dnb-forms-value-block__label strong{font-weight:var(--font-weight-medium)}.dnb-forms-value-block__label>strong:has(+.dnb-help-button),.dnb-forms-value-block__label__content:has(+.dnb-help-button){margin-right:.5rem}.dnb-forms-value-block__help{display:flex;flex-flow:column}.dnb-forms-value-block__help .dnb-section,.dnb-forms-value-block__help .dnb-section>.dnb-p--lead{margin-bottom:.5rem}.dnb-forms-value-block__placeholder{color:var(--color-black-80)}.dnb-forms-value-block--max-width-stretch{width:100%}@media screen and (min-width:25.00625em){.dnb-forms-value-block--max-width-small{max-width:var(--forms-field-width--small)}.dnb-forms-value-block--max-width-medium{max-width:var(--forms-field-width--medium)}.dnb-forms-value-block--max-width-large{max-width:var(--forms-field-width--large)}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:flex;flex-flow:row;row-gap:var(--row-gap,var(--spacing-medium))}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-none{--column-gap:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-xx-small{--column-gap:var(--spacing-xx-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-small{--column-gap:var(--spacing-small)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-medium{--column-gap:var(--spacing-medium)}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content--gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:25.00625em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{align-items:flex-start}}@media screen and (max-width:25em){.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content{flex-flow:column}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not(:has(.dnb-forms-value-block__label)){--row-gap:var(--spacing-x-small);flex-flow:row wrap}}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content:not([class*=dnb-space])>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dd,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl,.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dt{margin:0}.dnb-forms-value-block__composition--horizontal .dnb-forms-value-block__content>.dnb-dl>.dnb-dd{margin-bottom:0}

package/cjs/extensions/forms/ValueBlock/style/dnb-value-block.scss

@@ -31,6 +31,10 @@
   display: block;
   font-size: var(--font-size-basis);
 
+  &:not(#{&}__composition--horizontal) &__content {
+    display: block;
+  }
+
   &--inline:not([class*='__composition']) {
     display: inline-block;
     font-size: inherit;
@@ -40,6 +44,25 @@
   &__label strong {
     font-weight: var(--font-weight-medium);
   }
+  &__label {
+    & > strong:has(+ .dnb-help-button),// To support dt > strong 
+    &__content:has(+ .dnb-help-button) {
+      margin-right: 0.5rem;
+    }
+  }
+
+  &__help {
+    display: flex;
+    flex-flow: column;
+
+    .dnb-section {
+      margin-bottom: 0.5rem;
+
+      & > .dnb-p--lead {
+        margin-bottom: 0.5rem;
+      }
+    }
+  }
 
   &__placeholder {
     color: var(--color-black-80);
@@ -94,6 +117,7 @@
     @include allBelow(x-small) {
       &:not(:has(.dnb-forms-value-block__label)) {
         --row-gap: var(--spacing-x-small);
+        flex-flow: row wrap;
       }
       flex-flow: column;
     }

package/cjs/extensions/forms/Wizard/Container/DisplaySteps.d.ts

@@ -0,0 +1,7 @@
+export declare function DisplaySteps({ mode, variant, noAnimation, handleChange, sidebarId, }: {
+    mode: any;
+    variant: any;
+    noAnimation: any;
+    handleChange: any;
+    sidebarId: any;
+}): import("react/jsx-runtime").JSX.Element;

package/cjs/extensions/forms/Wizard/Container/DisplaySteps.js

@@ -0,0 +1,78 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DisplaySteps = DisplaySteps;
+var _react = _interopRequireWildcard(require("react"));
+var _Context = _interopRequireDefault(require("../Context"));
+var _StepIndicator = _interopRequireDefault(require("../../../../components/StepIndicator"));
+var _hooks = require("../../hooks");
+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 DisplaySteps(_ref) {
+  let {
+    mode,
+    variant,
+    noAnimation,
+    handleChange,
+    sidebarId
+  } = _ref;
+  const [, forceUpdate] = (0, _react.useReducer)(() => ({}), {});
+  const {
+    id,
+    activeIndexRef,
+    stepsRef,
+    updateTitlesRef,
+    hasInvalidStepsState
+  } = (0, _react.useContext)(_Context.default) || {};
+  updateTitlesRef.current = () => {
+    forceUpdate();
+  };
+  const translations = (0, _hooks.useTranslation)();
+  const sidebar_id = variant === 'drawer' && !sidebarId ? undefined : sidebarId !== null && sidebarId !== void 0 ? sidebarId : id;
+  const getTriggerStatus = (0, _react.useCallback)(() => {
+    if (hasInvalidStepsState(['error'])) {
+      return {
+        status: translations.Step.stepHasError,
+        status_state: 'error'
+      };
+    }
+    if (hasInvalidStepsState(['unknown'])) {
+      return {
+        status: 'Unknown state',
+        status_state: 'warn'
+      };
+    }
+  }, [hasInvalidStepsState, translations.Step.stepHasError]);
+  return _react.default.createElement("aside", {
+    className: "dnb-forms-wizard-layout__indicator"
+  }, _react.default.createElement(_StepIndicator.default.Sidebar, {
+    sidebar_id: sidebar_id
+  }), _react.default.createElement(_StepIndicator.default, {
+    bottom: true,
+    current_step: activeIndexRef.current,
+    data: Object.values(stepsRef.current).map(_ref2 => {
+      let {
+        title,
+        inactive,
+        status,
+        statusState
+      } = _ref2;
+      return {
+        title,
+        inactive,
+        status,
+        status_state: statusState
+      };
+    }),
+    mode: mode,
+    no_animation: noAnimation,
+    on_change: handleChange,
+    sidebar_id: sidebar_id,
+    triggerButtonProps: getTriggerStatus()
+  }));
+}
+//# sourceMappingURL=DisplaySteps.js.map

package/cjs/extensions/forms/Wizard/Container/DisplaySteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisplaySteps.js","names":["_react","_interopRequireWildcard","require","_Context","_interopRequireDefault","_StepIndicator","_hooks","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DisplaySteps","_ref","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","useReducer","id","activeIndexRef","stepsRef","updateTitlesRef","hasInvalidStepsState","useContext","WizardContext","current","translations","useTranslation","sidebar_id","undefined","getTriggerStatus","useCallback","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","values","map","_ref2","title","inactive","statusState","no_animation","on_change","triggerButtonProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/DisplaySteps.tsx"],"sourcesContent":["import React, { useCallback, useContext, useReducer } from 'react'\nimport WizardContext from '../Context'\nimport StepIndicator from '../../../../components/StepIndicator'\nimport { StepIndicatorItemProps } from '../../../../components/step-indicator/StepIndicatorItem'\nimport { useTranslation } from '../../hooks'\n\nexport function DisplaySteps({\n  mode,\n  variant,\n  noAnimation,\n  handleChange,\n  sidebarId,\n}) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const {\n    id,\n    activeIndexRef,\n    stepsRef,\n    updateTitlesRef,\n    hasInvalidStepsState,\n  } = useContext(WizardContext) || {}\n  updateTitlesRef.current = () => {\n    forceUpdate()\n  }\n  const translations = useTranslation()\n\n  const sidebar_id =\n    variant === 'drawer' && !sidebarId ? undefined : sidebarId ?? id\n\n  const getTriggerStatus = useCallback(() => {\n    if (hasInvalidStepsState(['error'])) {\n      return {\n        status: translations.Step.stepHasError,\n        status_state: 'error',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n    if (hasInvalidStepsState(['unknown'])) {\n      return {\n        status: 'Unknown state',\n        status_state: 'warn',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n  }, [hasInvalidStepsState, translations.Step.stepHasError])\n\n  return (\n    <aside className=\"dnb-forms-wizard-layout__indicator\">\n      <StepIndicator.Sidebar sidebar_id={sidebar_id} />\n      <StepIndicator\n        bottom\n        current_step={activeIndexRef.current}\n        data={Object.values(stepsRef.current).map(\n          ({ title, inactive, status, statusState }) =>\n            ({\n              title,\n              inactive,\n              status,\n              status_state: statusState,\n            }) satisfies Omit<StepIndicatorItemProps, 'currentItemNum'>\n        )}\n        mode={mode}\n        no_animation={noAnimation}\n        on_change={handleChange}\n        sidebar_id={sidebar_id}\n        triggerButtonProps={getTriggerStatus()}\n      />\n    </aside>\n  )\n}\n"],"mappings":"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"}

package/cjs/extensions/forms/Wizard/Container/IterateOverSteps.d.ts

@@ -0,0 +1,3 @@
+export declare function IterateOverSteps({ children }: {
+    children: any;
+}): any;

package/cjs/extensions/forms/Wizard/Container/IterateOverSteps.js

@@ -0,0 +1,94 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.IterateOverSteps = IterateOverSteps;
+var _react = _interopRequireWildcard(require("react"));
+var _hooks = require("../../hooks");
+var _componentHelper = require("../../../../shared/component-helper");
+var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"));
+var _Step = _interopRequireWildcard(require("../Step/Step"));
+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 IterateOverSteps(_ref) {
+  let {
+    children
+  } = _ref;
+  const {
+    check,
+    stepsRef,
+    activeIndexRef,
+    totalStepsRef,
+    stepStatusRef,
+    prerenderFieldProps,
+    prerenderFieldPropsRef
+  } = (0, _react.useContext)(_WizardContext.default);
+  stepsRef.current = {};
+  let incrementIndex = -1;
+  const translations = (0, _hooks.useTranslation)();
+  const childrenArray = _react.default.Children.map(children, child => {
+    if (_react.default.isValidElement(child)) {
+      var _child, _child2;
+      let step = child;
+      if (((_child = child) === null || _child === void 0 ? void 0 : _child.type) !== _Step.default && typeof child.type === 'function') {
+        var _step;
+        step = child.type.apply(child.type, [child.props]);
+        if (((_step = step) === null || _step === void 0 ? void 0 : _step.type) === _Step.default) {
+          child = step;
+        }
+      }
+      if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === _Step.default) {
+        const {
+          title,
+          inactive,
+          include,
+          includeWhen,
+          id
+        } = (0, _Step.handleDeprecatedProps)(child.props);
+        if (include === false) {
+          return null;
+        }
+        if (includeWhen && !check({
+          visibleWhen: includeWhen
+        })) {
+          return null;
+        }
+        incrementIndex++;
+        const index = incrementIndex;
+        const state = stepStatusRef.current[index];
+        stepsRef.current[index] = {
+          id,
+          title: title !== undefined ? (0, _componentHelper.convertJsxToString)(title) : 'Title missing',
+          inactive,
+          status: state === 'error' ? translations.Step.stepHasError : state === 'unknown' ? 'Unknown state' : undefined,
+          statusState: state === 'error' ? 'error' : undefined
+        };
+        const key = `${index}-${activeIndexRef.current}`;
+        const clone = props => _react.default.cloneElement(child, props);
+        if (prerenderFieldProps && typeof document !== 'undefined' && index !== activeIndexRef.current && typeof prerenderFieldPropsRef.current['step-' + index] === 'undefined') {
+          prerenderFieldPropsRef.current['step-' + index] = () => clone({
+            key,
+            index,
+            prerenderFieldProps: true
+          });
+        }
+        return clone({
+          key,
+          index
+        });
+      }
+    }
+    return child;
+  });
+  if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) === 0) {
+    activeIndexRef.current = 0;
+  } else if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) < activeIndexRef.current + 1) {
+    activeIndexRef.current = childrenArray.length - 1;
+  }
+  totalStepsRef.current = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length;
+  return childrenArray;
+}
+//# sourceMappingURL=IterateOverSteps.js.map

package/cjs/extensions/forms/Wizard/Container/IterateOverSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IterateOverSteps.js","names":["_react","_interopRequireWildcard","require","_hooks","_componentHelper","_WizardContext","_interopRequireDefault","_Step","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","IterateOverSteps","_ref","children","check","stepsRef","activeIndexRef","totalStepsRef","stepStatusRef","prerenderFieldProps","prerenderFieldPropsRef","useContext","WizardContext","current","incrementIndex","translations","useTranslation","childrenArray","React","Children","map","child","isValidElement","_child","_child2","step","type","Step","_step","apply","props","title","inactive","include","includeWhen","id","handleDeprecatedStepProps","visibleWhen","index","state","undefined","convertJsxToString","status","stepHasError","statusState","clone","cloneElement","document","length"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/IterateOverSteps.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport { useTranslation } from '../../hooks'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport WizardContext from '../Context/WizardContext'\nimport Step, {\n  Props as StepProps,\n  handleDeprecatedProps as handleDeprecatedStepProps,\n} from '../Step/Step'\n\nexport function IterateOverSteps({ children }) {\n  const {\n    check,\n    stepsRef,\n    activeIndexRef,\n    totalStepsRef,\n    stepStatusRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n  } = useContext(WizardContext)\n\n  stepsRef.current = {}\n  let incrementIndex = -1\n\n  const translations = useTranslation()\n\n  const childrenArray = React.Children.map(children, (child) => {\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        const { title, inactive, include, includeWhen, id } =\n          handleDeprecatedStepProps(child.props)\n\n        if (include === false) {\n          return null\n        }\n\n        if (\n          includeWhen &&\n          !check({\n            visibleWhen: includeWhen,\n          })\n        ) {\n          return null\n        }\n\n        incrementIndex++\n        const index = incrementIndex\n        const state = stepStatusRef.current[index]\n\n        stepsRef.current[index] = {\n          id,\n          title:\n            title !== undefined\n              ? convertJsxToString(title)\n              : 'Title missing',\n          inactive,\n          status:\n            state === 'error'\n              ? translations.Step.stepHasError\n              : state === 'unknown'\n              ? 'Unknown state'\n              : undefined,\n          statusState: state === 'error' ? 'error' : undefined, // undefined shows 'warn' by default\n        }\n        const key = `${index}-${activeIndexRef.current}`\n        const clone = (props) =>\n          React.cloneElement(child as React.ReactElement<StepProps>, props)\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            clone({\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return clone({\n          key,\n          index,\n        })\n      }\n    }\n\n    return child\n  })\n\n  // Ensure we never have a higher index than the available children\n  // else we get a white screen\n  if (childrenArray?.length === 0) {\n    activeIndexRef.current = 0\n  } else if (childrenArray?.length < activeIndexRef.current + 1) {\n    activeIndexRef.current = childrenArray.length - 1\n  }\n\n  totalStepsRef.current = childrenArray?.length\n\n  return childrenArray\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAN,uBAAA,CAAAC,OAAA;AAGqB,SAAAI,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAEd,SAASW,gBAAgBA,CAAAC,IAAA,EAAe;EAAA,IAAd;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAC3C,MAAM;IACJE,KAAK;IACLC,QAAQ;IACRC,cAAc;IACdC,aAAa;IACbC,aAAa;IACbC,mBAAmB;IACnBC;EACF,CAAC,GAAG,IAAAC,iBAAU,EAACC,sBAAa,CAAC;EAE7BP,QAAQ,CAACQ,OAAO,GAAG,CAAC,CAAC;EACrB,IAAIC,cAAc,GAAG,CAAC,CAAC;EAEvB,MAAMC,YAAY,GAAG,IAAAC,qBAAc,EAAC,CAAC;EAErC,MAAMC,aAAa,GAAGC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACjB,QAAQ,EAAGkB,KAAK,IAAK;IAC5D,IAAIH,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,EAAE;MAAA,IAAAE,MAAA,EAAAC,OAAA;MAC/B,IAAIC,IAAI,GAAGJ,KAAK;MAEhB,IAAI,EAAAE,MAAA,GAAAF,KAAK,cAAAE,MAAA,uBAALA,MAAA,CAAOG,IAAI,MAAKC,aAAI,IAAI,OAAON,KAAK,CAACK,IAAI,KAAK,UAAU,EAAE;QAAA,IAAAE,KAAA;QAC5DH,IAAI,GAAGJ,KAAK,CAACK,IAAI,CAACG,KAAK,CAACR,KAAK,CAACK,IAAI,EAAE,CAClCL,KAAK,CAACS,KAAK,CACZ,CAAuB;QAExB,IAAI,EAAAF,KAAA,GAAAH,IAAI,cAAAG,KAAA,uBAAJA,KAAA,CAAMF,IAAI,MAAKC,aAAI,EAAE;UACvBN,KAAK,GAAGI,IAAI;QACd;MACF;MAEA,IAAI,EAAAD,OAAA,GAAAH,KAAK,cAAAG,OAAA,uBAALA,OAAA,CAAOE,IAAI,MAAKC,aAAI,EAAE;QACxB,MAAM;UAAEI,KAAK;UAAEC,QAAQ;UAAEC,OAAO;UAAEC,WAAW;UAAEC;QAAG,CAAC,GACjD,IAAAC,2BAAyB,EAACf,KAAK,CAACS,KAAK,CAAC;QAExC,IAAIG,OAAO,KAAK,KAAK,EAAE;UACrB,OAAO,IAAI;QACb;QAEA,IACEC,WAAW,IACX,CAAC9B,KAAK,CAAC;UACLiC,WAAW,EAAEH;QACf,CAAC,CAAC,EACF;UACA,OAAO,IAAI;QACb;QAEApB,cAAc,EAAE;QAChB,MAAMwB,KAAK,GAAGxB,cAAc;QAC5B,MAAMyB,KAAK,GAAG/B,aAAa,CAACK,OAAO,CAACyB,KAAK,CAAC;QAE1CjC,QAAQ,CAACQ,OAAO,CAACyB,KAAK,CAAC,GAAG;UACxBH,EAAE;UACFJ,KAAK,EACHA,KAAK,KAAKS,SAAS,GACf,IAAAC,mCAAkB,EAACV,KAAK,CAAC,GACzB,eAAe;UACrBC,QAAQ;UACRU,MAAM,EACJH,KAAK,KAAK,OAAO,GACbxB,YAAY,CAACY,IAAI,CAACgB,YAAY,GAC9BJ,KAAK,KAAK,SAAS,GACnB,eAAe,GACfC,SAAS;UACfI,WAAW,EAAEL,KAAK,KAAK,OAAO,GAAG,OAAO,GAAGC;QAC7C,CAAC;QACD,MAAM7C,GAAG,GAAI,GAAE2C,KAAM,IAAGhC,cAAc,CAACO,OAAQ,EAAC;QAChD,MAAMgC,KAAK,GAAIf,KAAK,IAClBZ,cAAK,CAAC4B,YAAY,CAACzB,KAAK,EAAmCS,KAAK,CAAC;QAEnE,IACErB,mBAAmB,IACnB,OAAOsC,QAAQ,KAAK,WAAW,IAC/BT,KAAK,KAAKhC,cAAc,CAACO,OAAO,IAChC,OAAOH,sBAAsB,CAACG,OAAO,CAAC,OAAO,GAAGyB,KAAK,CAAC,KACpD,WAAW,EACb;UACA5B,sBAAsB,CAACG,OAAO,CAAC,OAAO,GAAGyB,KAAK,CAAC,GAAG,MAChDO,KAAK,CAAC;YACJlD,GAAG;YACH2C,KAAK;YACL7B,mBAAmB,EAAE;UACvB,CAAC,CAAC;QACN;QAEA,OAAOoC,KAAK,CAAC;UACXlD,GAAG;UACH2C;QACF,CAAC,CAAC;MACJ;IACF;IAEA,OAAOjB,KAAK;EACd,CAAC,CAAC;EAIF,IAAI,CAAAJ,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE+B,MAAM,MAAK,CAAC,EAAE;IAC/B1C,cAAc,CAACO,OAAO,GAAG,CAAC;EAC5B,CAAC,MAAM,IAAI,CAAAI,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE+B,MAAM,IAAG1C,cAAc,CAACO,OAAO,GAAG,CAAC,EAAE;IAC7DP,cAAc,CAACO,OAAO,GAAGI,aAAa,CAAC+B,MAAM,GAAG,CAAC;EACnD;EAEAzC,aAAa,CAACM,OAAO,GAAGI,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAE+B,MAAM;EAE7C,OAAO/B,aAAa;AACtB"}

package/cjs/extensions/forms/Wizard/Container/PrerenderFieldPropsOfOtherSteps.d.ts

@@ -0,0 +1,4 @@
+import { WizardContextState } from '../Context/WizardContext';
+export declare function PrerenderFieldPropsOfOtherSteps({ prerenderFieldPropsRef, }: {
+    prerenderFieldPropsRef: WizardContextState['prerenderFieldPropsRef'];
+}): import("react/jsx-runtime").JSX.Element;

package/cjs/extensions/forms/Wizard/Container/PrerenderFieldPropsOfOtherSteps.js

@@ -0,0 +1,67 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PrerenderFieldPropsOfOtherSteps = PrerenderFieldPropsOfOtherSteps;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _Context = _interopRequireWildcard(require("../../DataContext/Context"));
+var _WizardContext = _interopRequireDefault(require("../Context/WizardContext"));
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function PrerenderFieldPropsOfOtherSteps(_ref) {
+  let {
+    prerenderFieldPropsRef
+  } = _ref;
+  const hasRenderedRef = (0, _react.useRef)(true);
+  if (!hasRenderedRef.current) {
+    return null;
+  }
+  hasRenderedRef.current = false;
+  return _react.default.createElement(PrerenderPortal, null, _react.default.createElement(PrerenderFieldPropsProvider, null, _react.default.createElement("iframe", {
+    title: "Wizard Prerender",
+    hidden: true
+  }, Object.values(prerenderFieldPropsRef.current).map((Fn, i) => _react.default.createElement(Fn, {
+    key: i
+  })))));
+}
+function PrerenderPortal(_ref2) {
+  let {
+    children
+  } = _ref2;
+  if (typeof document !== 'undefined') {
+    return _reactDom.default.createPortal(children, document.body);
+  }
+}
+function PrerenderFieldPropsProvider(_ref3) {
+  let {
+    children
+  } = _ref3;
+  const {
+    data,
+    setFieldInternals,
+    updateDataValue
+  } = (0, _react.useContext)(_Context.default);
+  return _react.default.createElement(_Context.default.Provider, {
+    value: _objectSpread(_objectSpread({}, _Context.defaultContextState), {}, {
+      hasContext: true,
+      prerenderFieldProps: true,
+      data,
+      setFieldInternals,
+      updateDataValue
+    })
+  }, _react.default.createElement(_WizardContext.default.Provider, {
+    value: {
+      prerenderFieldProps: true
+    }
+  }, children));
+}
+//# sourceMappingURL=PrerenderFieldPropsOfOtherSteps.js.map