@dnb/eufemia 10.69.0 → 10.70.0

package/es/extensions/forms/Iterate/PushContainer/OpenButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenButton.js","names":["React","useCallback","useContext","useMemo","classnames","Button","add","IterateItemContext","PushContainerContext","convertJsxToString","OpenButton","props","className","text","children","restProps","_objectWithoutProperties","_excluded","switchContainerMode","entries","handleClick","content","str","includes","nextItemNo","length","replace","String","createElement","_extends","variant","icon","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/OpenButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport Button, { ButtonProps } from '../../../../components/Button'\nimport { add } from '../../../../icons'\nimport IterateItemContext from '../IterateItemContext'\nimport PushContainerContext from './PushContainerContext'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\ntype Props = ButtonProps\n\nfunction OpenButton(props: Props) {\n  const { className, text, children, ...restProps } = props\n  const { switchContainerMode } = useContext(IterateItemContext) || {}\n  const { entries } = useContext(PushContainerContext) || {}\n\n  const handleClick = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (entries?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [entries?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate-open-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...restProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nexport default OpenButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC/D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAuB,+BAA+B;AACnE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,SAASC,kBAAkB,QAAQ,qCAAqC;AAIxE,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;MAAEC,SAAS;MAAEC,IAAI;MAAEC;IAAuB,CAAC,GAAGH,KAAK;IAAnBI,SAAS,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACzD,MAAM;IAAEC;EAAoB,CAAC,GAAGhB,UAAU,CAACK,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACpE,MAAM;IAAEY;EAAQ,CAAC,GAAGjB,UAAU,CAACM,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAE1D,MAAMY,WAAW,GAAGnB,WAAW,CAAC,MAAM;IACpCiB,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,MAAMG,OAAO,GAAGlB,OAAO,CAAC,MAAM;IAC5B,IAAIW,QAAQ,IAAID,IAAI,EAAE;MACpB,MAAMS,GAAG,GAAGb,kBAAkB,CAACK,QAAQ,IAAID,IAAI,CAAC;MAEhD,IAAIS,GAAG,CAACC,QAAQ,CAAC,cAAc,CAAC,EAAE;QAChC,MAAMC,UAAU,GAAG,CAAC,CAAAL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,MAAM,KAAI,CAAC,IAAI,CAAC;QAC7C,OAAOH,GAAG,CAACI,OAAO,CAAC,cAAc,EAAEC,MAAM,CAACH,UAAU,CAAC,CAAC;MACxD;IACF;IAEA,OAAOV,QAAQ,IAAID,IAAI;EACzB,CAAC,EAAE,CAACM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,MAAM,EAAEX,QAAQ,EAAED,IAAI,CAAC,CAAC;EAErC,OACEb,KAAA,CAAA4B,aAAA,CAACvB,MAAM,EAAAwB,QAAA;IACLjB,SAAS,EAAER,UAAU,CAAC,+BAA+B,EAAEQ,SAAS,CAAE;IAClEkB,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAEzB,GAAI;IACV0B,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEb;EAAY,GAClBL,SAAS,GAEZM,OACK,CAAC;AAEb;AAEA,eAAeX,UAAU","ignoreList":[]}
+{"version":3,"file":"OpenButton.js","names":["React","useCallback","useContext","useMemo","classnames","Button","add","IterateItemContext","PushContainerContext","convertJsxToString","OpenButton","props","className","text","children","restProps","_objectWithoutProperties","_excluded","switchContainerMode","entries","handleClick","content","str","includes","nextItemNo","length","replace","String","createElement","_extends","variant","icon","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/OpenButton.tsx"],"sourcesContent":["import React, { useCallback, useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport Button, { ButtonProps } from '../../../../components/Button'\nimport { add } from '../../../../icons'\nimport IterateItemContext from '../IterateItemContext'\nimport PushContainerContext from './PushContainerContext'\nimport { convertJsxToString } from '../../../../shared/component-helper'\n\ntype Props = ButtonProps\n\nfunction OpenButton(props: Props) {\n  const { className, text, children, ...restProps } = props\n  const { switchContainerMode } = useContext(IterateItemContext) || {}\n  const { entries } = useContext(PushContainerContext) || {}\n\n  const handleClick = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  const content = useMemo(() => {\n    if (children || text) {\n      const str = convertJsxToString(children || text)\n\n      if (str.includes('{nextItemNo}')) {\n        const nextItemNo = (entries?.length || 0) + 1\n        return str.replace('{nextItemNo}', String(nextItemNo))\n      }\n    }\n\n    return children || text\n  }, [entries?.length, children, text])\n\n  return (\n    <Button\n      className={classnames('dnb-forms-iterate__open-button', className)}\n      variant=\"secondary\"\n      icon={add}\n      icon_position=\"left\"\n      on_click={handleClick}\n      {...restProps}\n    >\n      {content}\n    </Button>\n  )\n}\n\nexport default OpenButton\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC/D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,MAAM,MAAuB,+BAA+B;AACnE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,oBAAoB,MAAM,wBAAwB;AACzD,SAASC,kBAAkB,QAAQ,qCAAqC;AAIxE,SAASC,UAAUA,CAACC,KAAY,EAAE;EAChC,MAAM;MAAEC,SAAS;MAAEC,IAAI;MAAEC;IAAuB,CAAC,GAAGH,KAAK;IAAnBI,SAAS,GAAAC,wBAAA,CAAKL,KAAK,EAAAM,SAAA;EACzD,MAAM;IAAEC;EAAoB,CAAC,GAAGhB,UAAU,CAACK,kBAAkB,CAAC,IAAI,CAAC,CAAC;EACpE,MAAM;IAAEY;EAAQ,CAAC,GAAGjB,UAAU,CAACM,oBAAoB,CAAC,IAAI,CAAC,CAAC;EAE1D,MAAMY,WAAW,GAAGnB,WAAW,CAAC,MAAM;IACpCiB,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,MAAMG,OAAO,GAAGlB,OAAO,CAAC,MAAM;IAC5B,IAAIW,QAAQ,IAAID,IAAI,EAAE;MACpB,MAAMS,GAAG,GAAGb,kBAAkB,CAACK,QAAQ,IAAID,IAAI,CAAC;MAEhD,IAAIS,GAAG,CAACC,QAAQ,CAAC,cAAc,CAAC,EAAE;QAChC,MAAMC,UAAU,GAAG,CAAC,CAAAL,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,MAAM,KAAI,CAAC,IAAI,CAAC;QAC7C,OAAOH,GAAG,CAACI,OAAO,CAAC,cAAc,EAAEC,MAAM,CAACH,UAAU,CAAC,CAAC;MACxD;IACF;IAEA,OAAOV,QAAQ,IAAID,IAAI;EACzB,CAAC,EAAE,CAACM,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAEM,MAAM,EAAEX,QAAQ,EAAED,IAAI,CAAC,CAAC;EAErC,OACEb,KAAA,CAAA4B,aAAA,CAACvB,MAAM,EAAAwB,QAAA;IACLjB,SAAS,EAAER,UAAU,CAAC,gCAAgC,EAAEQ,SAAS,CAAE;IACnEkB,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAEzB,GAAI;IACV0B,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEb;EAAY,GAClBL,SAAS,GAEZM,OACK,CAAC;AAEb;AAEA,eAAeX,UAAU","ignoreList":[]}

package/es/extensions/forms/Iterate/PushContainer/PushContainer.js

@@ -12,6 +12,7 @@ import Isolation from '../../Form/Isolation';
 import PushContainerContext from './PushContainerContext';
 import IterateItemContext from '../IterateItemContext';
 import DataContext from '../../DataContext/Context';
+import VisibilityContext from '../../Form/Visibility/VisibilityContext';
 import useDataValue from '../../hooks/useDataValue';
 import EditContainer, { CancelButton, DoneButton } from '../EditContainer';
 import IterateArray from '../Array';
@@ -167,6 +168,7 @@ function NewContainer(_ref) {
     rerenderPushContainer();
   }, [containerMode, rerenderPushContainer]);
   switchContainerModeRef.current = switchContainerMode;
+  const isVisible = Boolean(!showOpenButton || containerMode === 'edit');
   const {
     createButton
   } = useTranslation().IteratePushContainer;
@@ -190,8 +192,13 @@ function NewContainer(_ref) {
       onClick: cancelHandler
     })))));
   }));
-  return React.createElement(React.Fragment, null, React.createElement(EditContainer, _extends({
-    open: !showOpenButton || containerMode === 'edit',
+  return React.createElement(VisibilityContext.Provider, {
+    value: {
+      isVisible,
+      keepInDOM: false
+    }
+  }, React.createElement(EditContainer, _extends({
+    open: isVisible,
     title: title,
     toolbar: toolbar
   }, rest), children), openButton && typeof showOpenButton === 'boolean' && React.createElement(HeightAnimation, {

package/es/extensions/forms/Iterate/PushContainer/PushContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PushContainer.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","Isolation","PushContainerContext","IterateItemContext","DataContext","useDataValue","EditContainer","CancelButton","DoneButton","IterateArray","OpenButton","Flex","HeightAnimation","useArrayLimit","useItemPath","useSwitchContainerMode","Toolbar","useTranslation","clearedData","structuredClone","PushContainer","props","forceUpdate","data","outerData","required","requiredInherited","dataProp","defaultData","defaultDataProp","isolatedData","bubbleValidation","path","itemPath","insertAt","title","children","openButton","showOpenButtonWhen","onCommit","rest","_objectWithoutProperties","_excluded","absolutePath","commitHandleRef","switchContainerModeRef","containerModeRef","value","entries","moveValueToPath","getValueByPath","setNextContainerMode","hasReachedLimit","setShowStatus","cancelHandler","showOpenButton","newItemContextProps","switchContainerMode","current","_objectSpread","pushContainerItems","Object","assign","emptyData","_data$pushContainerIt","firstItem","createElement","transformOnCommit","slice","options","clearData","preventCommit","_switchContainerModeR","call","Provider","containerMode","withoutFlex","NewContainer","_extends","rerenderPushContainer","_ref","_DoneButton","_CancelButton","_excluded2","createButton","IteratePushContainer","restoreOriginalValue","toolbar","Consumer","context","Horizontal","gap","text","onClick","Fragment","open","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainer.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport Isolation from '../../Form/Isolation'\nimport PushContainerContext from './PushContainerContext'\nimport IterateItemContext from '../IterateItemContext'\nimport DataContext from '../../DataContext/Context'\nimport useDataValue from '../../hooks/useDataValue'\nimport EditContainer, { CancelButton, DoneButton } from '../EditContainer'\nimport IterateArray, { ContainerMode } from '../Array'\nimport OpenButton from './OpenButton'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport { OnCommit, Path } from '../../types'\nimport { SpacingProps } from '../../../../shared/types'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport Toolbar from '../Toolbar'\nimport { useTranslation } from '../../hooks'\nimport { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport { clearedData } from '../../DataContext/Provider'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\ntype OnlyPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath?: Path\n}\n\ntype OnlyItemPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path?: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath: Path\n}\n\nexport type Props = (OnlyPathRequired | OnlyItemPathRequired) & {\n  /**\n   * The title of the container.\n   */\n  title?: React.ReactNode\n\n  /**\n   * If the fields inside the container are required.\n   */\n  required?: boolean\n\n  /**\n   * The index to insert the new item at.\n   */\n  insertAt?: number\n\n  /**\n   * The button to open container.\n   */\n  openButton?: React.ReactNode\n\n  /**\n   * Define when the \"open button\" should be shown.\n   * Should be a function that returns a boolean.\n   */\n  showOpenButtonWhen?: (list: unknown[]) => boolean\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  data?: unknown | Record<string, unknown>\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  defaultData?: unknown | Record<string, unknown>\n\n  /**\n   * Provide additional data that will be put into the root of the isolated data context (parallel to \"/pushContainerItems/0\").\n   */\n  isolatedData?: Record<string, unknown>\n\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the PushContainer.\n   */\n  bubbleValidation?: boolean\n\n  /**\n   * A custom toolbar to be shown below the container.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * Will be called when the user clicks on the \"Done\" button.\n   */\n  onCommit?: OnCommit\n\n  /**\n   * The container contents.\n   */\n  children: React.ReactNode\n}\n\nexport type AllProps = Props & SpacingProps & ArrayItemAreaProps\n\nfunction PushContainer(props: AllProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { data: outerData, required: requiredInherited } =\n    useContext(DataContext) || {}\n\n  const {\n    data: dataProp,\n    defaultData: defaultDataProp,\n    isolatedData,\n    bubbleValidation,\n    path,\n    itemPath,\n    insertAt,\n    title,\n    required = requiredInherited,\n    children,\n    openButton,\n    showOpenButtonWhen,\n    onCommit,\n    ...rest\n  } = props\n\n  const { absolutePath } = useItemPath(itemPath)\n  const commitHandleRef = useRef<() => void>()\n  const switchContainerModeRef = useRef<(mode: ContainerMode) => void>()\n  const containerModeRef = useRef<ContainerMode>()\n  const {\n    value: entries = [],\n    moveValueToPath,\n    getValueByPath,\n  } = useDataValue<Array<unknown>>(path || itemPath)\n\n  const { setNextContainerMode } = useSwitchContainerMode(\n    path || absolutePath\n  )\n  const { hasReachedLimit, setShowStatus } = useArrayLimit(\n    path || absolutePath\n  )\n  const cancelHandler = useCallback(() => {\n    if (hasReachedLimit) {\n      setShowStatus(false)\n    }\n  }, [hasReachedLimit, setShowStatus])\n\n  const showOpenButton = showOpenButtonWhen?.(entries)\n  const newItemContextProps: PushContainerContext = {\n    path,\n    itemPath,\n    entries,\n    commitHandleRef,\n    switchContainerMode: switchContainerModeRef.current,\n  }\n\n  const data = useMemo(() => {\n    if (defaultDataProp) {\n      return // don't return a fallback, because we want to use the defaultData\n    }\n    return {\n      ...isolatedData,\n      pushContainerItems: [dataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  if (outerData) {\n    // Use assign to avoid mutating the original data object.\n    // Because changes from outside should only silently be applied to the\n    // data object, without triggering a rerender.\n    // This way \"pushContainerItems\" will not clear/unset changed data.\n    Object.assign(data, outerData)\n  }\n\n  const defaultData = useMemo(() => {\n    return {\n      ...(!dataProp ? isolatedData : null),\n      pushContainerItems: [defaultDataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  const emptyData = useCallback(\n    (data: { pushContainerItems: unknown[] }) => {\n      const firstItem = data.pushContainerItems?.[0]\n      if (firstItem === null || typeof firstItem !== 'object') {\n        return {\n          ...isolatedData,\n          pushContainerItems: [null],\n        }\n      }\n      return defaultData\n    },\n    [defaultData, isolatedData]\n  )\n\n  return (\n    <Isolation\n      data={data}\n      defaultData={defaultData}\n      required={required}\n      emptyData={emptyData}\n      bubbleValidation={\n        containerModeRef.current === 'view' ? false : bubbleValidation\n      }\n      commitHandleRef={commitHandleRef}\n      transformOnCommit={({ pushContainerItems }) => {\n        return moveValueToPath(\n          path || absolutePath,\n          typeof insertAt === 'number'\n            ? [\n                ...entries.slice(0, insertAt),\n                ...pushContainerItems,\n                ...entries.slice(insertAt),\n              ]\n            : [...entries, ...pushContainerItems],\n          absolutePath ? structuredClone(getValueByPath('/')) : {}\n        )\n      }}\n      onCommit={(data, options) => {\n        const { clearData, preventCommit } = options\n        if (hasReachedLimit) {\n          preventCommit()\n          setShowStatus(true)\n        } else {\n          setNextContainerMode('view')\n          switchContainerModeRef.current?.('view')\n          clearData()\n        }\n        onCommit?.(data, options)\n      }}\n    >\n      <PushContainerContext.Provider value={newItemContextProps}>\n        <IterateArray\n          path=\"/pushContainerItems\"\n          containerMode={showOpenButton ? 'view' : 'edit'}\n          withoutFlex\n        >\n          <NewContainer\n            title={title}\n            openButton={openButton}\n            switchContainerModeRef={switchContainerModeRef}\n            showOpenButton={showOpenButton}\n            cancelHandler={cancelHandler}\n            containerModeRef={containerModeRef}\n            rerenderPushContainer={forceUpdate}\n            {...rest}\n          >\n            {children}\n          </NewContainer>\n        </IterateArray>\n      </PushContainerContext.Provider>\n    </Isolation>\n  )\n}\n\nfunction NewContainer({\n  title,\n  openButton,\n  showOpenButton,\n  switchContainerModeRef,\n  cancelHandler,\n  containerModeRef,\n  rerenderPushContainer,\n  children,\n  ...rest\n}) {\n  const { containerMode, switchContainerMode } =\n    useContext(IterateItemContext) || {}\n  containerModeRef.current = containerMode\n\n  useEffect(() => {\n    rerenderPushContainer()\n  }, [containerMode, rerenderPushContainer])\n\n  switchContainerModeRef.current = switchContainerMode\n  const { createButton } = useTranslation().IteratePushContainer\n  const { clearData } = useContext(DataContext) || {}\n  const restoreOriginalValue = useCallback(() => {\n    clearData?.()\n  }, [clearData])\n\n  const toolbar = (\n    <Toolbar>\n      <IterateItemContext.Consumer>\n        {(context) => {\n          const newItemContextProps = {\n            ...context,\n            restoreOriginalValue,\n          }\n          return (\n            <IterateItemContext.Provider value={newItemContextProps}>\n              <Flex.Horizontal gap=\"large\">\n                <DoneButton text={createButton} />\n                {showOpenButton && (\n                  <CancelButton onClick={cancelHandler} />\n                )}\n              </Flex.Horizontal>\n            </IterateItemContext.Provider>\n          )\n        }}\n      </IterateItemContext.Consumer>\n    </Toolbar>\n  )\n\n  return (\n    <>\n      <EditContainer\n        open={!showOpenButton || containerMode === 'edit'}\n        title={title}\n        toolbar={toolbar}\n        {...rest}\n      >\n        {children}\n      </EditContainer>\n\n      {openButton && typeof showOpenButton === 'boolean' && (\n        <HeightAnimation open={showOpenButton && containerMode === 'view'}>\n          {openButton}\n        </HeightAnimation>\n      )}\n    </>\n  )\n}\n\nPushContainer.OpenButton = OpenButton\nPushContainer._supportsSpacingProps = true\n\nexport default PushContainer\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PushContainer.js","names":["React","useCallback","useContext","useEffect","useMemo","useReducer","useRef","Isolation","PushContainerContext","IterateItemContext","DataContext","VisibilityContext","useDataValue","EditContainer","CancelButton","DoneButton","IterateArray","OpenButton","Flex","HeightAnimation","useArrayLimit","useItemPath","useSwitchContainerMode","Toolbar","useTranslation","clearedData","structuredClone","PushContainer","props","forceUpdate","data","outerData","required","requiredInherited","dataProp","defaultData","defaultDataProp","isolatedData","bubbleValidation","path","itemPath","insertAt","title","children","openButton","showOpenButtonWhen","onCommit","rest","_objectWithoutProperties","_excluded","absolutePath","commitHandleRef","switchContainerModeRef","containerModeRef","value","entries","moveValueToPath","getValueByPath","setNextContainerMode","hasReachedLimit","setShowStatus","cancelHandler","showOpenButton","newItemContextProps","switchContainerMode","current","_objectSpread","pushContainerItems","Object","assign","emptyData","_data$pushContainerIt","firstItem","createElement","transformOnCommit","slice","options","clearData","preventCommit","_switchContainerModeR","call","Provider","containerMode","withoutFlex","NewContainer","_extends","rerenderPushContainer","_ref","_DoneButton","_CancelButton","_excluded2","isVisible","Boolean","createButton","IteratePushContainer","restoreOriginalValue","toolbar","Consumer","context","Horizontal","gap","text","onClick","keepInDOM","open","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/PushContainer/PushContainer.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useReducer,\n  useRef,\n} from 'react'\nimport Isolation from '../../Form/Isolation'\nimport PushContainerContext from './PushContainerContext'\nimport IterateItemContext from '../IterateItemContext'\nimport DataContext from '../../DataContext/Context'\nimport VisibilityContext from '../../Form/Visibility/VisibilityContext'\nimport useDataValue from '../../hooks/useDataValue'\nimport EditContainer, { CancelButton, DoneButton } from '../EditContainer'\nimport IterateArray, { ContainerMode } from '../Array'\nimport OpenButton from './OpenButton'\nimport { Flex, HeightAnimation } from '../../../../components'\nimport { OnCommit, Path } from '../../types'\nimport { SpacingProps } from '../../../../shared/types'\nimport {\n  useArrayLimit,\n  useItemPath,\n  useSwitchContainerMode,\n} from '../hooks'\nimport Toolbar from '../Toolbar'\nimport { useTranslation } from '../../hooks'\nimport { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport { clearedData } from '../../DataContext/Provider'\n\n/**\n * Deprecated, as it is supported by all major browsers and Node.js >=v18\n * So it's a question of time, when we will remove this polyfill\n */\nimport structuredClone from '@ungap/structured-clone'\n\ntype OnlyPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath?: Path\n}\n\ntype OnlyItemPathRequired = {\n  /**\n   * The path to the array to add the new item to.\n   */\n  path?: Path\n\n  /** The sub path to the array to add the new item to. */\n  itemPath: Path\n}\n\nexport type Props = (OnlyPathRequired | OnlyItemPathRequired) & {\n  /**\n   * The title of the container.\n   */\n  title?: React.ReactNode\n\n  /**\n   * If the fields inside the container are required.\n   */\n  required?: boolean\n\n  /**\n   * The index to insert the new item at.\n   */\n  insertAt?: number\n\n  /**\n   * The button to open container.\n   */\n  openButton?: React.ReactNode\n\n  /**\n   * Define when the \"open button\" should be shown.\n   * Should be a function that returns a boolean.\n   */\n  showOpenButtonWhen?: (list: unknown[]) => boolean\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  data?: unknown | Record<string, unknown>\n\n  /**\n   * Prefilled data to add to the fields. The data will be put into this path: \"/pushContainerItems/0\".\n   */\n  defaultData?: unknown | Record<string, unknown>\n\n  /**\n   * Provide additional data that will be put into the root of the isolated data context (parallel to \"/pushContainerItems/0\").\n   */\n  isolatedData?: Record<string, unknown>\n\n  /**\n   * Prevent the form from being submitted when there are fields with errors inside the PushContainer.\n   */\n  bubbleValidation?: boolean\n\n  /**\n   * A custom toolbar to be shown below the container.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * Will be called when the user clicks on the \"Done\" button.\n   */\n  onCommit?: OnCommit\n\n  /**\n   * The container contents.\n   */\n  children: React.ReactNode\n}\n\nexport type AllProps = Props & SpacingProps & ArrayItemAreaProps\n\nfunction PushContainer(props: AllProps) {\n  const [, forceUpdate] = useReducer(() => ({}), {})\n  const { data: outerData, required: requiredInherited } =\n    useContext(DataContext) || {}\n\n  const {\n    data: dataProp,\n    defaultData: defaultDataProp,\n    isolatedData,\n    bubbleValidation,\n    path,\n    itemPath,\n    insertAt,\n    title,\n    required = requiredInherited,\n    children,\n    openButton,\n    showOpenButtonWhen,\n    onCommit,\n    ...rest\n  } = props\n\n  const { absolutePath } = useItemPath(itemPath)\n  const commitHandleRef = useRef<() => void>()\n  const switchContainerModeRef = useRef<(mode: ContainerMode) => void>()\n  const containerModeRef = useRef<ContainerMode>()\n  const {\n    value: entries = [],\n    moveValueToPath,\n    getValueByPath,\n  } = useDataValue<Array<unknown>>(path || itemPath)\n\n  const { setNextContainerMode } = useSwitchContainerMode(\n    path || absolutePath\n  )\n  const { hasReachedLimit, setShowStatus } = useArrayLimit(\n    path || absolutePath\n  )\n  const cancelHandler = useCallback(() => {\n    if (hasReachedLimit) {\n      setShowStatus(false)\n    }\n  }, [hasReachedLimit, setShowStatus])\n\n  const showOpenButton = showOpenButtonWhen?.(entries)\n  const newItemContextProps: PushContainerContext = {\n    path,\n    itemPath,\n    entries,\n    commitHandleRef,\n    switchContainerMode: switchContainerModeRef.current,\n  }\n\n  const data = useMemo(() => {\n    if (defaultDataProp) {\n      return // don't return a fallback, because we want to use the defaultData\n    }\n    return {\n      ...isolatedData,\n      pushContainerItems: [dataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  if (outerData) {\n    // Use assign to avoid mutating the original data object.\n    // Because changes from outside should only silently be applied to the\n    // data object, without triggering a rerender.\n    // This way \"pushContainerItems\" will not clear/unset changed data.\n    Object.assign(data, outerData)\n  }\n\n  const defaultData = useMemo(() => {\n    return {\n      ...(!dataProp ? isolatedData : null),\n      pushContainerItems: [defaultDataProp ?? clearedData],\n    }\n  }, [dataProp, defaultDataProp, isolatedData])\n\n  const emptyData = useCallback(\n    (data: { pushContainerItems: unknown[] }) => {\n      const firstItem = data.pushContainerItems?.[0]\n      if (firstItem === null || typeof firstItem !== 'object') {\n        return {\n          ...isolatedData,\n          pushContainerItems: [null],\n        }\n      }\n      return defaultData\n    },\n    [defaultData, isolatedData]\n  )\n\n  return (\n    <Isolation\n      data={data}\n      defaultData={defaultData}\n      required={required}\n      emptyData={emptyData}\n      bubbleValidation={\n        containerModeRef.current === 'view' ? false : bubbleValidation\n      }\n      commitHandleRef={commitHandleRef}\n      transformOnCommit={({ pushContainerItems }) => {\n        return moveValueToPath(\n          path || absolutePath,\n          typeof insertAt === 'number'\n            ? [\n                ...entries.slice(0, insertAt),\n                ...pushContainerItems,\n                ...entries.slice(insertAt),\n              ]\n            : [...entries, ...pushContainerItems],\n          absolutePath ? structuredClone(getValueByPath('/')) : {}\n        )\n      }}\n      onCommit={(data, options) => {\n        const { clearData, preventCommit } = options\n        if (hasReachedLimit) {\n          preventCommit()\n          setShowStatus(true)\n        } else {\n          setNextContainerMode('view')\n          switchContainerModeRef.current?.('view')\n          clearData()\n        }\n        onCommit?.(data, options)\n      }}\n    >\n      <PushContainerContext.Provider value={newItemContextProps}>\n        <IterateArray\n          path=\"/pushContainerItems\"\n          containerMode={showOpenButton ? 'view' : 'edit'}\n          withoutFlex\n        >\n          <NewContainer\n            title={title}\n            openButton={openButton}\n            switchContainerModeRef={switchContainerModeRef}\n            showOpenButton={showOpenButton}\n            cancelHandler={cancelHandler}\n            containerModeRef={containerModeRef}\n            rerenderPushContainer={forceUpdate}\n            {...rest}\n          >\n            {children}\n          </NewContainer>\n        </IterateArray>\n      </PushContainerContext.Provider>\n    </Isolation>\n  )\n}\n\nfunction NewContainer({\n  title,\n  openButton,\n  showOpenButton,\n  switchContainerModeRef,\n  cancelHandler,\n  containerModeRef,\n  rerenderPushContainer,\n  children,\n  ...rest\n}) {\n  const { containerMode, switchContainerMode } =\n    useContext(IterateItemContext) || {}\n  containerModeRef.current = containerMode\n\n  useEffect(() => {\n    rerenderPushContainer()\n  }, [containerMode, rerenderPushContainer])\n\n  switchContainerModeRef.current = switchContainerMode\n  const isVisible = Boolean(!showOpenButton || containerMode === 'edit')\n  const { createButton } = useTranslation().IteratePushContainer\n  const { clearData } = useContext(DataContext) || {}\n  const restoreOriginalValue = useCallback(() => {\n    clearData?.()\n  }, [clearData])\n\n  const toolbar = (\n    <Toolbar>\n      <IterateItemContext.Consumer>\n        {(context) => {\n          const newItemContextProps = {\n            ...context,\n            restoreOriginalValue,\n          }\n          return (\n            <IterateItemContext.Provider value={newItemContextProps}>\n              <Flex.Horizontal gap=\"large\">\n                <DoneButton text={createButton} />\n                {showOpenButton && (\n                  <CancelButton onClick={cancelHandler} />\n                )}\n              </Flex.Horizontal>\n            </IterateItemContext.Provider>\n          )\n        }}\n      </IterateItemContext.Consumer>\n    </Toolbar>\n  )\n\n  return (\n    <VisibilityContext.Provider value={{ isVisible, keepInDOM: false }}>\n      <EditContainer\n        open={isVisible}\n        title={title}\n        toolbar={toolbar}\n        {...rest}\n      >\n        {children}\n      </EditContainer>\n\n      {openButton && typeof showOpenButton === 'boolean' && (\n        <HeightAnimation open={showOpenButton && containerMode === 'view'}>\n          {openButton}\n        </HeightAnimation>\n      )}\n    </VisibilityContext.Provider>\n  )\n}\n\nPushContainer.OpenButton = OpenButton\nPushContainer._supportsSpacingProps = true\n\nexport default PushContainer\n"],"mappings":"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","ignoreList":[]}

package/es/extensions/forms/Iterate/ViewContainer/EditButton.js

@@ -18,7 +18,7 @@ export default function EditButton() {
   }, [switchContainerMode]);
   return React.createElement(Button, {
     variant: "tertiary",
-    className: "dnb-push-container__edit-button",
+    className: "dnb-forms-iterate__edit-button",
     icon: edit,
     icon_position: "left",
     on_click: editHandler

package/es/extensions/forms/Iterate/ViewContainer/EditButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditButton.js","names":["React","useCallback","useContext","Button","useTranslation","IterateItemContext","edit","EditButton","iterateItemContext","switchContainerMode","editButton","IterateViewContainer","editHandler","createElement","variant","className","icon","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/EditButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport { edit } from '../../../../icons'\n\nexport default function EditButton() {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { switchContainerMode } = iterateItemContext ?? {}\n  const { editButton } = useTranslation().IterateViewContainer\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      className=\"dnb-push-container__edit-button\"\n      icon={edit}\n      icon_position=\"left\"\n      on_click={editHandler}\n    >\n      {editButton}\n    </Button>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,IAAI,QAAQ,mBAAmB;AAExC,eAAe,SAASC,UAAUA,CAAA,EAAG;EACnC,MAAMC,kBAAkB,GAAGN,UAAU,CAACG,kBAAkB,CAAC;EACzD,MAAM;IAAEI;EAAoB,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EACxD,MAAM;IAAEE;EAAW,CAAC,GAAGN,cAAc,CAAC,CAAC,CAACO,oBAAoB;EAE5D,MAAMC,WAAW,GAAGX,WAAW,CAAC,MAAM;IACpCQ,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACET,KAAA,CAAAa,aAAA,CAACV,MAAM;IACLW,OAAO,EAAC,UAAU;IAClBC,SAAS,EAAC,iCAAiC;IAC3CC,IAAI,EAAEV,IAAK;IACXW,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAErBF,UACK,CAAC;AAEb","ignoreList":[]}
+{"version":3,"file":"EditButton.js","names":["React","useCallback","useContext","Button","useTranslation","IterateItemContext","edit","EditButton","iterateItemContext","switchContainerMode","editButton","IterateViewContainer","editHandler","createElement","variant","className","icon","icon_position","on_click"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/EditButton.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { Button } from '../../../../components'\nimport useTranslation from '../../hooks/useTranslation'\nimport IterateItemContext from '../IterateItemContext'\nimport { edit } from '../../../../icons'\n\nexport default function EditButton() {\n  const iterateItemContext = useContext(IterateItemContext)\n  const { switchContainerMode } = iterateItemContext ?? {}\n  const { editButton } = useTranslation().IterateViewContainer\n\n  const editHandler = useCallback(() => {\n    switchContainerMode?.('edit')\n  }, [switchContainerMode])\n\n  return (\n    <Button\n      variant=\"tertiary\"\n      className=\"dnb-forms-iterate__edit-button\"\n      icon={edit}\n      icon_position=\"left\"\n      on_click={editHandler}\n    >\n      {editButton}\n    </Button>\n  )\n}\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,SAASC,MAAM,QAAQ,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,SAASC,IAAI,QAAQ,mBAAmB;AAExC,eAAe,SAASC,UAAUA,CAAA,EAAG;EACnC,MAAMC,kBAAkB,GAAGN,UAAU,CAACG,kBAAkB,CAAC;EACzD,MAAM;IAAEI;EAAoB,CAAC,GAAGD,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,CAAC,CAAC;EACxD,MAAM;IAAEE;EAAW,CAAC,GAAGN,cAAc,CAAC,CAAC,CAACO,oBAAoB;EAE5D,MAAMC,WAAW,GAAGX,WAAW,CAAC,MAAM;IACpCQ,mBAAmB,aAAnBA,mBAAmB,uBAAnBA,mBAAmB,CAAG,MAAM,CAAC;EAC/B,CAAC,EAAE,CAACA,mBAAmB,CAAC,CAAC;EAEzB,OACET,KAAA,CAAAa,aAAA,CAACV,MAAM;IACLW,OAAO,EAAC,UAAU;IAClBC,SAAS,EAAC,gCAAgC;IAC1CC,IAAI,EAAEV,IAAK;IACXW,aAAa,EAAC,MAAM;IACpBC,QAAQ,EAAEN;EAAY,GAErBF,UACK,CAAC;AAEb","ignoreList":[]}

package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.d.ts

@@ -15,7 +15,7 @@ export type Props = {
      */
     toolbarVariant?: ArrayItemAreaProps['toolbarVariant'];
 };
-export type AllProps = Props & FlexContainerProps & ArrayItemAreaProps;
+export type AllProps = Props & Omit<FlexContainerProps, 'onAnimationEnd'> & ArrayItemAreaProps;
 declare function ViewContainer(props: AllProps): import("react/jsx-runtime").JSX.Element;
 declare namespace ViewContainer {
     var EditButton: typeof import("./EditButton").default;

package/es/extensions/forms/Iterate/ViewContainer/ViewContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","replaceItemNo","ViewContainer","props","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","ariaLabel","size","_Toolbar2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport EditButton from './EditButton'\nimport RemoveButton from './RemoveButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props & FlexContainerProps & ArrayItemAreaProps\n\nfunction ViewContainer(props: AllProps) {\n  const {\n    children,\n    className,\n    title,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n  const { index, arrayValue } = useContext(IterateItemContext)\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(title, index)\n  }, [index, title])\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = (\n      <Toolbar>\n        <EditButton />\n      </Toolbar>\n    )\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <ArrayItemArea\n      mode=\"view\"\n      ariaLabel={convertJsxToString(itemTitle)}\n      className={classnames('dnb-forms-section-view-block', className)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {hasToolbar\n        ? null\n        : toolbarElement ??\n          (toolbarVariant !== 'custom' && (\n            <Toolbar>\n              <EditButton />\n              <RemoveButton />\n            </Toolbar>\n          ))}\n    </ArrayItemArea>\n  )\n}\n\nViewContainer.EditButton = EditButton\nViewContainer.RemoveButton = RemoveButton\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AAExE,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,aAAa,MAA8B,wBAAwB;AAC1E,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,aAAa,QAAQ,WAAW;AAqBzC,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAOID,KAAK,IAAI,CAAC,CAAC;IAPT;MACJE,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGvB,UAAU,CAACM,kBAAkB,CAAC;EAC5D,MAAMkB,SAAS,GAAGvB,OAAO,CAAC,MAAM;IAC9B,OAAOS,aAAa,CAACM,KAAK,EAAEM,KAAK,CAAC;EACpC,CAAC,EAAE,CAACA,KAAK,EAAEN,KAAK,CAAC,CAAC;EAElB,IAAIS,cAAc,GAAGR,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACG,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZ5B,KAAA,CAAA6B,aAAA,CAACrB,OAAO,QACNR,KAAA,CAAA6B,aAAA,CAACpB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMqB,UAAU,GACd,CAACJ,cAAc,IACf1B,KAAK,CAAC+B,QAAQ,CAACC,OAAO,CAACjB,QAAQ,CAAC,CAACkB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK1B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACER,KAAA,CAAA6B,aAAA,CAACvB,aAAa,EAAA6B,QAAA;IACZC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEjC,kBAAkB,CAACqB,SAAS,CAAE;IACzCT,SAAS,EAAEb,UAAU,CAAC,8BAA8B,EAAEa,SAAS,CAAE;IACjEG,cAAc,EAAEA;EAAe,GAC3BC,SAAS,GAEZK,SAAS,IAAIzB,KAAA,CAAA6B,aAAA,CAACxB,IAAI;IAACiC,IAAI,EAAC;EAAO,GAAEb,SAAgB,CAAC,EAClDV,QAAQ,EACRe,UAAU,GACP,IAAI,GACJJ,cAAc,aAAdA,cAAc,cAAdA,cAAc,GACbP,cAAc,KAAK,QAAQ,KAAAoB,SAAA,KAAAA,SAAA,GAC1BvC,KAAA,CAAA6B,aAAA,CAACrB,OAAO,QACNR,KAAA,CAAA6B,aAAA,CAACpB,UAAU,MAAE,CAAC,EACdT,KAAA,CAAA6B,aAAA,CAACnB,YAAY,MAAE,CACR,CAAC,EAEH,CAAC;AAEpB;AAEAE,aAAa,CAACH,UAAU,GAAGA,UAAU;AACrCG,aAAa,CAACF,YAAY,GAAGA,YAAY;AAEzCE,aAAa,CAAC4B,qBAAqB,GAAG,IAAI;AAC1C,eAAe5B,aAAa","ignoreList":[]}
+{"version":3,"file":"ViewContainer.js","names":["React","useContext","useMemo","classnames","convertJsxToString","Lead","ArrayItemArea","IterateItemContext","Toolbar","EditButton","RemoveButton","replaceItemNo","ViewContainer","props","_ref","children","className","title","toolbar","toolbarVariant","restProps","_objectWithoutProperties","_excluded","index","arrayValue","itemTitle","toolbarElement","length","_Toolbar","createElement","hasToolbar","Children","toArray","some","child","_extends","mode","ariaLabel","size","_Toolbar2","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Iterate/ViewContainer/ViewContainer.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { convertJsxToString } from '../../../../shared/component-helper'\nimport { Props as FlexContainerProps } from '../../../../components/flex/Container'\nimport { Lead } from '../../../../elements'\nimport ArrayItemArea, { ArrayItemAreaProps } from '../Array/ArrayItemArea'\nimport IterateItemContext from '../IterateItemContext'\nimport Toolbar from '../Toolbar'\nimport EditButton from './EditButton'\nimport RemoveButton from './RemoveButton'\nimport { replaceItemNo } from '../ItemNo'\n\nexport type Props = {\n  /**\n   * The title of the ViewContainer.\n   */\n  title?: React.ReactNode\n\n  /**\n   * An alternative toolbar to be shown in the ViewContainer.\n   */\n  toolbar?: React.ReactNode\n\n  /**\n   * The variant of the toolbar.\n   */\n  toolbarVariant?: ArrayItemAreaProps['toolbarVariant']\n}\n\nexport type AllProps = Props &\n  Omit<FlexContainerProps, 'onAnimationEnd'> &\n  ArrayItemAreaProps\n\nfunction ViewContainer(props: AllProps) {\n  const {\n    children,\n    className,\n    title,\n    toolbar,\n    toolbarVariant,\n    ...restProps\n  } = props || {}\n  const { index, arrayValue } = useContext(IterateItemContext)\n  const itemTitle = useMemo(() => {\n    return replaceItemNo(title, index)\n  }, [index, title])\n\n  let toolbarElement = toolbar\n  if (toolbarVariant === 'minimumOneItem' && arrayValue.length <= 1) {\n    toolbarElement = (\n      <Toolbar>\n        <EditButton />\n      </Toolbar>\n    )\n  }\n\n  const hasToolbar =\n    !toolbarElement &&\n    React.Children.toArray(children).some((child) => {\n      return child?.['type'] === Toolbar\n    })\n\n  return (\n    <ArrayItemArea\n      mode=\"view\"\n      ariaLabel={convertJsxToString(itemTitle)}\n      className={classnames('dnb-forms-section-view-block', className)}\n      toolbarVariant={toolbarVariant}\n      {...restProps}\n    >\n      {itemTitle && <Lead size=\"basis\">{itemTitle}</Lead>}\n      {children}\n      {hasToolbar\n        ? null\n        : toolbarElement ??\n          (toolbarVariant !== 'custom' && (\n            <Toolbar>\n              <EditButton />\n              <RemoveButton />\n            </Toolbar>\n          ))}\n    </ArrayItemArea>\n  )\n}\n\nViewContainer.EditButton = EditButton\nViewContainer.RemoveButton = RemoveButton\n\nViewContainer._supportsSpacingProps = true\nexport default ViewContainer\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,kBAAkB,QAAQ,qCAAqC;AAExE,SAASC,IAAI,QAAQ,sBAAsB;AAC3C,OAAOC,aAAa,MAA8B,wBAAwB;AAC1E,OAAOC,kBAAkB,MAAM,uBAAuB;AACtD,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,UAAU,MAAM,cAAc;AACrC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,aAAa,QAAQ,WAAW;AAuBzC,SAASC,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAAC,IAAA,GAOID,KAAK,IAAI,CAAC,CAAC;IAPT;MACJE,QAAQ;MACRC,SAAS;MACTC,KAAK;MACLC,OAAO;MACPC;IAEF,CAAC,GAAAL,IAAA;IADIM,SAAS,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEd,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGvB,UAAU,CAACM,kBAAkB,CAAC;EAC5D,MAAMkB,SAAS,GAAGvB,OAAO,CAAC,MAAM;IAC9B,OAAOS,aAAa,CAACM,KAAK,EAAEM,KAAK,CAAC;EACpC,CAAC,EAAE,CAACA,KAAK,EAAEN,KAAK,CAAC,CAAC;EAElB,IAAIS,cAAc,GAAGR,OAAO;EAC5B,IAAIC,cAAc,KAAK,gBAAgB,IAAIK,UAAU,CAACG,MAAM,IAAI,CAAC,EAAE;IACjED,cAAc,GAAAE,QAAA,KAAAA,QAAA,GACZ5B,KAAA,CAAA6B,aAAA,CAACrB,OAAO,QACNR,KAAA,CAAA6B,aAAA,CAACpB,UAAU,MAAE,CACN,CAAC,CACX;EACH;EAEA,MAAMqB,UAAU,GACd,CAACJ,cAAc,IACf1B,KAAK,CAAC+B,QAAQ,CAACC,OAAO,CAACjB,QAAQ,CAAC,CAACkB,IAAI,CAAEC,KAAK,IAAK;IAC/C,OAAO,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAG,MAAM,CAAC,MAAK1B,OAAO;EACpC,CAAC,CAAC;EAEJ,OACER,KAAA,CAAA6B,aAAA,CAACvB,aAAa,EAAA6B,QAAA;IACZC,IAAI,EAAC,MAAM;IACXC,SAAS,EAAEjC,kBAAkB,CAACqB,SAAS,CAAE;IACzCT,SAAS,EAAEb,UAAU,CAAC,8BAA8B,EAAEa,SAAS,CAAE;IACjEG,cAAc,EAAEA;EAAe,GAC3BC,SAAS,GAEZK,SAAS,IAAIzB,KAAA,CAAA6B,aAAA,CAACxB,IAAI;IAACiC,IAAI,EAAC;EAAO,GAAEb,SAAgB,CAAC,EAClDV,QAAQ,EACRe,UAAU,GACP,IAAI,GACJJ,cAAc,aAAdA,cAAc,cAAdA,cAAc,GACbP,cAAc,KAAK,QAAQ,KAAAoB,SAAA,KAAAA,SAAA,GAC1BvC,KAAA,CAAA6B,aAAA,CAACrB,OAAO,QACNR,KAAA,CAAA6B,aAAA,CAACpB,UAAU,MAAE,CAAC,EACdT,KAAA,CAAA6B,aAAA,CAACnB,YAAY,MAAE,CACR,CAAC,EAEH,CAAC;AAEpB;AAEAE,aAAa,CAACH,UAAU,GAAGA,UAAU;AACrCG,aAAa,CAACF,YAAY,GAAGA,YAAY;AAEzCE,aAAa,CAAC4B,qBAAqB,GAAG,IAAI;AAC1C,eAAe5B,aAAa","ignoreList":[]}

package/es/extensions/forms/Value/Date/Date.d.ts

@@ -8,10 +8,4 @@ declare function DateComponent(props: Props): import("react/jsx-runtime").JSX.El
 declare namespace DateComponent {
     var _supportsSpacingProps: boolean;
 }
-export type FormatDateOptions = {
-    locale?: string;
-    variant?: Props['variant'];
-};
-export declare function formatDate(value: string, { locale, variant }?: FormatDateOptions): string;
-export declare function getOptions(variant: Props['variant']): Intl.DateTimeFormatOptions;
 export default DateComponent;

package/es/extensions/forms/Value/Date/Date.js

@@ -4,11 +4,11 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useCallback, useContext } from 'react';
-import { parseISO } from 'date-fns';
-import { LOCALE } from '../../../../shared/defaults';
 import StringValue from '../String';
 import useTranslation from '../../hooks/useTranslation';
 import SharedContext from '../../../../shared/Context';
+import { formatDate, formatDateRange } from '../../../../components/date-picker/DatePickerCalc';
+import { parseRangeValue } from '../../Field/Date';
 function DateComponent(props) {
   var _props$locale, _props$variant, _props$label;
   const translations = useTranslation().Date;
@@ -21,6 +21,17 @@ function DateComponent(props) {
     if (!value) {
       return undefined;
     }
+    const isRange = /\|/.test(value);
+    if (isRange) {
+      const [startDate, endDate] = parseRangeValue(value);
+      return formatDateRange({
+        startDate,
+        endDate
+      }, {
+        locale,
+        variant
+      });
+    }
     return formatDate(value, {
       locale,
       variant
@@ -32,38 +43,6 @@ function DateComponent(props) {
   });
   return React.createElement(StringValue, stringProps);
 }
-export function formatDate(value, {
-  locale = LOCALE,
-  variant = 'numeric'
-} = {}) {
-  const isRange = /^(\d{4}-\d{2}-\d{2}|null|undefined)\|(\d{4}-\d{2}-\d{2}|null|undefined)$/.test(value);
-  const options = getOptions(variant);
-  if (isRange) {
-    const [startValue, endValue] = value.split('|');
-    const startDate = parseISO(startValue);
-    const endDate = parseISO(endValue);
-    if (isNaN(startDate.valueOf()) || isNaN(endDate.valueOf())) {
-      return undefined;
-    }
-    return typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).formatRange(startDate, endDate) : `${startDate.toLocaleString(locale, options)}|${endDate.toLocaleString(locale, options)}`;
-  }
-  const date = parseISO(value);
-  return typeof Intl !== 'undefined' ? new Intl.DateTimeFormat(locale, options).format(date) : date.toLocaleString(locale, options);
-}
-export function getOptions(variant) {
-  if (variant === 'numeric') {
-    return {
-      day: '2-digit',
-      month: '2-digit',
-      year: 'numeric'
-    };
-  }
-  return {
-    day: 'numeric',
-    month: variant,
-    year: 'numeric'
-  };
-}
 DateComponent._supportsSpacingProps = true;
 export default DateComponent;
 //# sourceMappingURL=Date.js.map

package/es/extensions/forms/Value/Date/Date.js.map

@@ -1 +1 @@
-{"version":3,"file":"Date.js","names":["React","useCallback","useContext","parseISO","LOCALE","StringValue","useTranslation","SharedContext","DateComponent","props","_props$locale","_props$variant","_props$label","translations","Date","locale","contextLocale","variant","toInput","value","undefined","formatDate","stringProps","_objectSpread","label","createElement","isRange","test","options","getOptions","startValue","endValue","split","startDate","endDate","isNaN","valueOf","Intl","DateTimeFormat","formatRange","toLocaleString","date","format","day","month","year","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport { parseISO } from 'date-fns'\nimport { LOCALE } from '../../../../shared/defaults'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\nimport SharedContext, { AnyLocale } from '../../../../shared/Context'\n\nexport type Props = StringValueProps & {\n  variant?: 'long' | 'short' | 'numeric'\n  locale?: AnyLocale\n}\n\nfunction DateComponent(props: Props) {\n  const translations = useTranslation().Date\n  const { locale: contextLocale } = useContext(SharedContext)\n  const locale = props.locale ?? contextLocale\n  const variant = props.variant ?? 'long'\n\n  const toInput = useCallback(\n    (value: string) => {\n      if (!value) {\n        return undefined\n      }\n\n      return formatDate(value, { locale, variant })\n    },\n    [locale, variant]\n  )\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n    toInput,\n  }\n  return <StringValue {...stringProps} />\n}\n\nexport type FormatDateOptions = {\n  locale?: string\n  variant?: Props['variant']\n}\n\nexport function formatDate(\n  value: string,\n  { locale = LOCALE, variant = 'numeric' }: FormatDateOptions = {}\n) {\n  // Either of the range dates can be null\n  const isRange =\n    /^(\\d{4}-\\d{2}-\\d{2}|null|undefined)\\|(\\d{4}-\\d{2}-\\d{2}|null|undefined)$/.test(\n      value\n    )\n  const options = getOptions(variant)\n\n  if (isRange) {\n    const [startValue, endValue] = value.split('|')\n\n    const startDate = parseISO(startValue)\n    const endDate = parseISO(endValue)\n\n    // Stop if either date is invalid\n    if (isNaN(startDate.valueOf()) || isNaN(endDate.valueOf())) {\n      return undefined\n    }\n\n    return typeof Intl !== 'undefined'\n      ? new Intl.DateTimeFormat(locale, options).formatRange(\n          startDate,\n          endDate\n        )\n      : `${startDate.toLocaleString(\n          locale,\n          options\n        )}|${endDate.toLocaleString(locale, options)}`\n  }\n\n  const date = parseISO(value)\n\n  return typeof Intl !== 'undefined'\n    ? new Intl.DateTimeFormat(locale, options).format(date)\n    : date.toLocaleString(locale, options)\n}\n\nexport function getOptions(\n  variant: Props['variant']\n): Intl.DateTimeFormatOptions {\n  if (variant === 'numeric') {\n    return {\n      day: '2-digit',\n      month: '2-digit',\n      year: 'numeric',\n    } as const\n  }\n\n  return {\n    day: 'numeric',\n    month: variant,\n    year: 'numeric',\n  } as const\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Date.js","names":["React","useCallback","useContext","StringValue","useTranslation","SharedContext","formatDate","formatDateRange","parseRangeValue","DateComponent","props","_props$locale","_props$variant","_props$label","translations","Date","locale","contextLocale","variant","toInput","value","undefined","isRange","test","startDate","endDate","stringProps","_objectSpread","label","createElement","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Value/Date/Date.tsx"],"sourcesContent":["import React, { useCallback, useContext } from 'react'\nimport StringValue, { Props as StringValueProps } from '../String'\nimport useTranslation from '../../hooks/useTranslation'\nimport SharedContext, { AnyLocale } from '../../../../shared/Context'\nimport {\n  formatDate,\n  formatDateRange,\n} from '../../../../components/date-picker/DatePickerCalc'\nimport { parseRangeValue } from '../../Field/Date'\n\nexport type Props = StringValueProps & {\n  variant?: 'long' | 'short' | 'numeric'\n  locale?: AnyLocale\n}\n\nfunction DateComponent(props: Props) {\n  const translations = useTranslation().Date\n  const { locale: contextLocale } = useContext(SharedContext)\n  const locale = props.locale ?? contextLocale\n  const variant = props.variant ?? 'long'\n\n  const toInput = useCallback(\n    (value: string) => {\n      if (!value) {\n        return undefined\n      }\n\n      // Range values contains the pipe separator in the middle\n      const isRange = /\\|/.test(value)\n\n      if (isRange) {\n        const [startDate, endDate] = parseRangeValue(value)\n\n        return formatDateRange({ startDate, endDate }, { locale, variant })\n      }\n\n      return formatDate(value, { locale, variant })\n    },\n    [locale, variant]\n  )\n\n  const stringProps: Props = {\n    ...props,\n    label: props.label ?? translations.label,\n    toInput,\n  }\n  return <StringValue {...stringProps} />\n}\n\nDateComponent._supportsSpacingProps = true\nexport default DateComponent\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AACtD,OAAOC,WAAW,MAAqC,WAAW;AAClE,OAAOC,cAAc,MAAM,4BAA4B;AACvD,OAAOC,aAAa,MAAqB,4BAA4B;AACrE,SACEC,UAAU,EACVC,eAAe,QACV,mDAAmD;AAC1D,SAASC,eAAe,QAAQ,kBAAkB;AAOlD,SAASC,aAAaA,CAACC,KAAY,EAAE;EAAA,IAAAC,aAAA,EAAAC,cAAA,EAAAC,YAAA;EACnC,MAAMC,YAAY,GAAGV,cAAc,CAAC,CAAC,CAACW,IAAI;EAC1C,MAAM;IAAEC,MAAM,EAAEC;EAAc,CAAC,GAAGf,UAAU,CAACG,aAAa,CAAC;EAC3D,MAAMW,MAAM,IAAAL,aAAA,GAAGD,KAAK,CAACM,MAAM,cAAAL,aAAA,cAAAA,aAAA,GAAIM,aAAa;EAC5C,MAAMC,OAAO,IAAAN,cAAA,GAAGF,KAAK,CAACQ,OAAO,cAAAN,cAAA,cAAAA,cAAA,GAAI,MAAM;EAEvC,MAAMO,OAAO,GAAGlB,WAAW,CACxBmB,KAAa,IAAK;IACjB,IAAI,CAACA,KAAK,EAAE;MACV,OAAOC,SAAS;IAClB;IAGA,MAAMC,OAAO,GAAG,IAAI,CAACC,IAAI,CAACH,KAAK,CAAC;IAEhC,IAAIE,OAAO,EAAE;MACX,MAAM,CAACE,SAAS,EAAEC,OAAO,CAAC,GAAGjB,eAAe,CAACY,KAAK,CAAC;MAEnD,OAAOb,eAAe,CAAC;QAAEiB,SAAS;QAAEC;MAAQ,CAAC,EAAE;QAAET,MAAM;QAAEE;MAAQ,CAAC,CAAC;IACrE;IAEA,OAAOZ,UAAU,CAACc,KAAK,EAAE;MAAEJ,MAAM;MAAEE;IAAQ,CAAC,CAAC;EAC/C,CAAC,EACD,CAACF,MAAM,EAAEE,OAAO,CAClB,CAAC;EAED,MAAMQ,WAAkB,GAAAC,aAAA,CAAAA,aAAA,KACnBjB,KAAK;IACRkB,KAAK,GAAAf,YAAA,GAAEH,KAAK,CAACkB,KAAK,cAAAf,YAAA,cAAAA,YAAA,GAAIC,YAAY,CAACc,KAAK;IACxCT;EAAO,EACR;EACD,OAAOnB,KAAA,CAAA6B,aAAA,CAAC1B,WAAW,EAAKuB,WAAc,CAAC;AACzC;AAEAjB,aAAa,CAACqB,qBAAqB,GAAG,IAAI;AAC1C,eAAerB,aAAa","ignoreList":[]}

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

@@ -14,9 +14,9 @@ function Buttons(props) {
   } = props;
   const {
     activeIndex,
-    stepsRef
+    totalStepsRef
   } = useContext(WizardContext) || {};
-  const totalSteps = Object.keys((stepsRef === null || stepsRef === void 0 ? void 0 : stepsRef.current) || {}).length || 0;
+  const totalSteps = (totalStepsRef === null || totalStepsRef === void 0 ? void 0 : totalStepsRef.current) || 0;
   const showPreviousButton = activeIndex > 0;
   const showNextButton = activeIndex < totalSteps - 1;
   if (!showPreviousButton && !showNextButton) {

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

@@ -1 +1 @@
-{"version":3,"file":"Buttons.js","names":["React","useContext","classnames","ButtonRow","NextButton","PreviousButton","WizardContext","Buttons","props","className","activeIndex","stepsRef","totalSteps","Object","keys","current","length","showPreviousButton","showNextButton","createElement","_extends","_PreviousButton","_NextButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, stepsRef } = useContext(WizardContext) || {}\n\n  const totalSteps = Object.keys(stepsRef?.current || {}).length || 0\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,aAAa,MAAM,YAAY;AAMtC,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAM;IAAEE,WAAW;IAAEC;EAAS,CAAC,GAAGV,UAAU,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;EAEjE,MAAMM,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAC,CAAAH,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEI,OAAO,KAAI,CAAC,CAAC,CAAC,CAACC,MAAM,IAAI,CAAC;EACnE,MAAMC,kBAAkB,GAAGP,WAAW,GAAG,CAAC;EAC1C,MAAMQ,cAAc,GAAGR,WAAW,GAAGE,UAAU,GAAG,CAAC;EAEnD,IAAI,CAACK,kBAAkB,IAAI,CAACC,cAAc,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,OACElB,KAAA,CAAAmB,aAAA,CAAChB,SAAS,EAAAiB,QAAA;IACRX,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDD,KAAK,GAERS,kBAAkB,KAAAI,eAAA,KAAAA,eAAA,GAAIrB,KAAA,CAAAmB,aAAA,CAACd,cAAc,MAAE,CAAC,IACxCa,cAAc,KAAAI,WAAA,KAAAA,WAAA,GAAItB,KAAA,CAAAmB,aAAA,CAACf,UAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEAG,OAAO,CAACgB,qBAAqB,GAAG,IAAI;AACpC,eAAehB,OAAO","ignoreList":[]}
+{"version":3,"file":"Buttons.js","names":["React","useContext","classnames","ButtonRow","NextButton","PreviousButton","WizardContext","Buttons","props","className","activeIndex","totalStepsRef","totalSteps","current","showPreviousButton","showNextButton","createElement","_extends","_PreviousButton","_NextButton","_supportsSpacingProps"],"sources":["../../../../../../src/extensions/forms/Wizard/Buttons/Buttons.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport classnames from 'classnames'\nimport { ComponentProps } from '../../types'\nimport ButtonRow from '../../Form/ButtonRow'\nimport NextButton from '../NextButton'\nimport PreviousButton from '../PreviousButton'\nimport WizardContext from '../Context'\n\nexport type Props = ComponentProps & {\n  children?: string\n}\n\nfunction Buttons(props: Props) {\n  const { className } = props\n  const { activeIndex, totalStepsRef } = useContext(WizardContext) || {}\n\n  const totalSteps = totalStepsRef?.current || 0\n  const showPreviousButton = activeIndex > 0\n  const showNextButton = activeIndex < totalSteps - 1\n\n  if (!showPreviousButton && !showNextButton) {\n    return null\n  }\n\n  return (\n    <ButtonRow\n      className={classnames('dnb-forms-buttons', className)}\n      {...props}\n    >\n      {showPreviousButton && <PreviousButton />}\n      {showNextButton && <NextButton />}\n    </ButtonRow>\n  )\n}\n\nButtons._supportsSpacingProps = true\nexport default Buttons\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,OAAOC,UAAU,MAAM,YAAY;AAEnC,OAAOC,SAAS,MAAM,sBAAsB;AAC5C,OAAOC,UAAU,MAAM,eAAe;AACtC,OAAOC,cAAc,MAAM,mBAAmB;AAC9C,OAAOC,aAAa,MAAM,YAAY;AAMtC,SAASC,OAAOA,CAACC,KAAY,EAAE;EAC7B,MAAM;IAAEC;EAAU,CAAC,GAAGD,KAAK;EAC3B,MAAM;IAAEE,WAAW;IAAEC;EAAc,CAAC,GAAGV,UAAU,CAACK,aAAa,CAAC,IAAI,CAAC,CAAC;EAEtE,MAAMM,UAAU,GAAG,CAAAD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAEE,OAAO,KAAI,CAAC;EAC9C,MAAMC,kBAAkB,GAAGJ,WAAW,GAAG,CAAC;EAC1C,MAAMK,cAAc,GAAGL,WAAW,GAAGE,UAAU,GAAG,CAAC;EAEnD,IAAI,CAACE,kBAAkB,IAAI,CAACC,cAAc,EAAE;IAC1C,OAAO,IAAI;EACb;EAEA,OACEf,KAAA,CAAAgB,aAAA,CAACb,SAAS,EAAAc,QAAA;IACRR,SAAS,EAAEP,UAAU,CAAC,mBAAmB,EAAEO,SAAS;EAAE,GAClDD,KAAK,GAERM,kBAAkB,KAAAI,eAAA,KAAAA,eAAA,GAAIlB,KAAA,CAAAgB,aAAA,CAACX,cAAc,MAAE,CAAC,IACxCU,cAAc,KAAAI,WAAA,KAAAA,WAAA,GAAInB,KAAA,CAAAgB,aAAA,CAACZ,UAAU,MAAE,CAAC,EACxB,CAAC;AAEhB;AAEAG,OAAO,CAACa,qBAAqB,GAAG,IAAI;AACpC,eAAeb,OAAO","ignoreList":[]}

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

@@ -29,19 +29,19 @@ export function DisplaySteps({
     if (!hasErrorInOtherStepRef.current) {
       return;
     }
-    if (hasInvalidStepsState(['error'])) {
+    if (hasInvalidStepsState(undefined, ['error'])) {
       return {
         status: translations.Step.stepHasError,
         status_state: 'error'
       };
     }
-    if (hasInvalidStepsState(['unknown'])) {
+    if (hasInvalidStepsState(undefined, ['unknown'])) {
       return {
         status: 'Unknown state',
         status_state: 'warn'
       };
     }
-  }, [hasInvalidStepsState, translations.Step.stepHasError]);
+  }, [hasErrorInOtherStepRef, hasInvalidStepsState, translations.Step.stepHasError]);
   return React.createElement("aside", {
     className: "dnb-forms-wizard-layout__indicator"
   }, React.createElement(StepIndicator.Sidebar, {
@@ -49,13 +49,14 @@ export function DisplaySteps({
   }), React.createElement(StepIndicator, {
     bottom: true,
     current_step: activeIndexRef.current,
-    data: Object.values(stepsRef.current).map(({
+    data: Array.from(stepsRef.current.values()).map(({
+      stringifiedTitle,
       title,
       inactive,
       status,
       statusState
     }) => ({
-      title,
+      title: stringifiedTitle || title,
       inactive,
       status,
       status_state: statusState

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

@@ -1 +1 @@
-{"version":3,"file":"DisplaySteps.js","names":["React","useCallback","useContext","useReducer","WizardContext","StepIndicator","useTranslation","DisplaySteps","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","id","activeIndexRef","stepsRef","updateTitlesRef","hasErrorInOtherStepRef","hasInvalidStepsState","current","translations","sidebar_id","undefined","getTriggerStatus","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","Object","values","map","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    hasErrorInOtherStepRef,\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 (!hasErrorInOtherStepRef.current) {\n      return // stop here\n    }\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":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,UAAU,QAAQ,OAAO;AAClE,OAAOC,aAAa,MAAM,YAAY;AACtC,OAAOC,aAAa,MAAM,sCAAsC;AAEhE,SAASC,cAAc,QAAQ,aAAa;AAE5C,OAAO,SAASC,YAAYA,CAAC;EAC3BC,IAAI;EACJC,OAAO;EACPC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC,EAAE;EACD,MAAM,GAAGC,WAAW,CAAC,GAAGV,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IACJW,EAAE;IACFC,cAAc;IACdC,QAAQ;IACRC,eAAe;IACfC,sBAAsB;IACtBC;EACF,CAAC,GAAGjB,UAAU,CAACE,aAAa,CAAC,IAAI,CAAC,CAAC;EACnCa,eAAe,CAACG,OAAO,GAAG,MAAM;IAC9BP,WAAW,CAAC,CAAC;EACf,CAAC;EACD,MAAMQ,YAAY,GAAGf,cAAc,CAAC,CAAC;EAErC,MAAMgB,UAAU,GACdb,OAAO,KAAK,QAAQ,IAAI,CAACG,SAAS,GAAGW,SAAS,GAAGX,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIE,EAAE;EAElE,MAAMU,gBAAgB,GAAGvB,WAAW,CAAC,MAAM;IACzC,IAAI,CAACiB,sBAAsB,CAACE,OAAO,EAAE;MACnC;IACF;IACA,IAAID,oBAAoB,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE;MACnC,OAAO;QACLM,MAAM,EAAEJ,YAAY,CAACK,IAAI,CAACC,YAAY;QACtCC,YAAY,EAAE;MAChB,CAAC;IACH;IACA,IAAIT,oBAAoB,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE;MACrC,OAAO;QACLM,MAAM,EAAE,eAAe;QACvBG,YAAY,EAAE;MAChB,CAAC;IACH;EACF,CAAC,EAAE,CAACT,oBAAoB,EAAEE,YAAY,CAACK,IAAI,CAACC,YAAY,CAAC,CAAC;EAE1D,OACE3B,KAAA,CAAA6B,aAAA;IAAOC,SAAS,EAAC;EAAoC,GACnD9B,KAAA,CAAA6B,aAAA,CAACxB,aAAa,CAAC0B,OAAO;IAACT,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDtB,KAAA,CAAA6B,aAAA,CAACxB,aAAa;IACZ2B,MAAM;IACNC,YAAY,EAAElB,cAAc,CAACK,OAAQ;IACrCc,IAAI,EAAEC,MAAM,CAACC,MAAM,CAACpB,QAAQ,CAACI,OAAO,CAAC,CAACiB,GAAG,CACvC,CAAC;MAAEC,KAAK;MAAEC,QAAQ;MAAEd,MAAM;MAAEe;IAAY,CAAC,MACtC;MACCF,KAAK;MACLC,QAAQ;MACRd,MAAM;MACNG,YAAY,EAAEY;IAChB,CAAC,CACL,CAAE;IACFhC,IAAI,EAAEA,IAAK;IACXiC,YAAY,EAAE/B,WAAY;IAC1BgC,SAAS,EAAE/B,YAAa;IACxBW,UAAU,EAAEA,UAAW;IACvBqB,kBAAkB,EAAEnB,gBAAgB,CAAC;EAAE,CACxC,CACI,CAAC;AAEZ","ignoreList":[]}
+{"version":3,"file":"DisplaySteps.js","names":["React","useCallback","useContext","useReducer","WizardContext","StepIndicator","useTranslation","DisplaySteps","mode","variant","noAnimation","handleChange","sidebarId","forceUpdate","id","activeIndexRef","stepsRef","updateTitlesRef","hasErrorInOtherStepRef","hasInvalidStepsState","current","translations","sidebar_id","undefined","getTriggerStatus","status","Step","stepHasError","status_state","createElement","className","Sidebar","bottom","current_step","data","Array","from","values","map","stringifiedTitle","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    hasErrorInOtherStepRef,\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 (!hasErrorInOtherStepRef.current) {\n      return // stop here\n    }\n    if (hasInvalidStepsState(undefined, ['error'])) {\n      return {\n        status: translations.Step.stepHasError,\n        status_state: 'error',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n    if (hasInvalidStepsState(undefined, ['unknown'])) {\n      return {\n        status: 'Unknown state',\n        status_state: 'warn',\n      } satisfies Omit<StepIndicatorItemProps, 'title' | 'currentItemNum'>\n    }\n  }, [\n    hasErrorInOtherStepRef,\n    hasInvalidStepsState,\n    translations.Step.stepHasError,\n  ])\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={Array.from(stepsRef.current.values()).map(\n          ({ stringifiedTitle, title, inactive, status, statusState }) =>\n            ({\n              title: stringifiedTitle || 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":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,UAAU,EAAEC,UAAU,QAAQ,OAAO;AAClE,OAAOC,aAAa,MAAM,YAAY;AACtC,OAAOC,aAAa,MAAM,sCAAsC;AAEhE,SAASC,cAAc,QAAQ,aAAa;AAE5C,OAAO,SAASC,YAAYA,CAAC;EAC3BC,IAAI;EACJC,OAAO;EACPC,WAAW;EACXC,YAAY;EACZC;AACF,CAAC,EAAE;EACD,MAAM,GAAGC,WAAW,CAAC,GAAGV,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IACJW,EAAE;IACFC,cAAc;IACdC,QAAQ;IACRC,eAAe;IACfC,sBAAsB;IACtBC;EACF,CAAC,GAAGjB,UAAU,CAACE,aAAa,CAAC,IAAI,CAAC,CAAC;EACnCa,eAAe,CAACG,OAAO,GAAG,MAAM;IAC9BP,WAAW,CAAC,CAAC;EACf,CAAC;EACD,MAAMQ,YAAY,GAAGf,cAAc,CAAC,CAAC;EAErC,MAAMgB,UAAU,GACdb,OAAO,KAAK,QAAQ,IAAI,CAACG,SAAS,GAAGW,SAAS,GAAGX,SAAS,aAATA,SAAS,cAATA,SAAS,GAAIE,EAAE;EAElE,MAAMU,gBAAgB,GAAGvB,WAAW,CAAC,MAAM;IACzC,IAAI,CAACiB,sBAAsB,CAACE,OAAO,EAAE;MACnC;IACF;IACA,IAAID,oBAAoB,CAACI,SAAS,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;MAC9C,OAAO;QACLE,MAAM,EAAEJ,YAAY,CAACK,IAAI,CAACC,YAAY;QACtCC,YAAY,EAAE;MAChB,CAAC;IACH;IACA,IAAIT,oBAAoB,CAACI,SAAS,EAAE,CAAC,SAAS,CAAC,CAAC,EAAE;MAChD,OAAO;QACLE,MAAM,EAAE,eAAe;QACvBG,YAAY,EAAE;MAChB,CAAC;IACH;EACF,CAAC,EAAE,CACDV,sBAAsB,EACtBC,oBAAoB,EACpBE,YAAY,CAACK,IAAI,CAACC,YAAY,CAC/B,CAAC;EAEF,OACE3B,KAAA,CAAA6B,aAAA;IAAOC,SAAS,EAAC;EAAoC,GACnD9B,KAAA,CAAA6B,aAAA,CAACxB,aAAa,CAAC0B,OAAO;IAACT,UAAU,EAAEA;EAAW,CAAE,CAAC,EACjDtB,KAAA,CAAA6B,aAAA,CAACxB,aAAa;IACZ2B,MAAM;IACNC,YAAY,EAAElB,cAAc,CAACK,OAAQ;IACrCc,IAAI,EAAEC,KAAK,CAACC,IAAI,CAACpB,QAAQ,CAACI,OAAO,CAACiB,MAAM,CAAC,CAAC,CAAC,CAACC,GAAG,CAC7C,CAAC;MAAEC,gBAAgB;MAAEC,KAAK;MAAEC,QAAQ;MAAEhB,MAAM;MAAEiB;IAAY,CAAC,MACxD;MACCF,KAAK,EAAED,gBAAgB,IAAIC,KAAK;MAChCC,QAAQ;MACRhB,MAAM;MACNG,YAAY,EAAEc;IAChB,CAAC,CACL,CAAE;IACFlC,IAAI,EAAEA,IAAK;IACXmC,YAAY,EAAEjC,WAAY;IAC1BkC,SAAS,EAAEjC,YAAa;IACxBW,UAAU,EAAEA,UAAW;IACvBuB,kBAAkB,EAAErB,gBAAgB,CAAC;EAAE,CACxC,CACI,CAAC;AAEZ","ignoreList":[]}

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

@@ -1,3 +1,4 @@
-export declare function IterateOverSteps({ children }: {
-    children: any;
-}): any;
+import React from 'react';
+export declare function IterateOverSteps({ children, }: {
+    children: React.ReactNode;
+}): React.ReactNode;

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

@@ -1,10 +1,10 @@
 "use client";
 
 import React, { useContext } from 'react';
-import { useTranslation } from '../../hooks';
-import { convertJsxToString } from '../../../../shared/component-helper';
 import WizardContext from '../Context/WizardContext';
+import WizardStepContext from '../Step/StepContext';
 import Step, { handleDeprecatedProps as handleDeprecatedStepProps } from '../Step/Step';
+import { useCollectStepsData } from './useCollectStepsData';
 export function IterateOverSteps({
   children
 }) {
@@ -13,15 +13,19 @@ export function IterateOverSteps({
     stepsRef,
     activeIndexRef,
     totalStepsRef,
-    stepStatusRef,
+    stepIndexRef,
     prerenderFieldProps,
     prerenderFieldPropsRef,
-    hasErrorInOtherStepRef
+    hasErrorInOtherStepRef,
+    mapOverChildrenRef
   } = useContext(WizardContext);
+  const {
+    collectStepsData
+  } = useCollectStepsData();
+  stepsRef.current = new Map();
   hasErrorInOtherStepRef.current = false;
-  stepsRef.current = {};
-  let incrementIndex = -1;
-  const translations = useTranslation();
+  stepIndexRef.current = -1;
+  totalStepsRef.current = 0;
   const childrenArray = React.Children.map(children, child => {
     if (React.isValidElement(child)) {
       var _child, _child2;
@@ -35,7 +39,7 @@ export function IterateOverSteps({
       }
       if (((_child2 = child) === null || _child2 === void 0 ? void 0 : _child2.type) === Step) {
         const {
-          title: titleProp,
+          title,
           inactive,
           include,
           includeWhen,
@@ -49,45 +53,42 @@ export function IterateOverSteps({
         })) {
           return null;
         }
-        incrementIndex++;
-        const index = incrementIndex;
-        const title = titleProp !== undefined ? convertJsxToString(titleProp) : 'Title missing';
-        const state = stepStatusRef.current[index];
-        const status = index !== activeIndexRef.current ? state === 'error' ? translations.Step.stepHasError : state === 'unknown' ? 'Unknown state' : undefined : undefined;
-        const statusState = state === 'error' ? 'error' : undefined;
-        const key = `${index}-${activeIndexRef.current}`;
-        if (status) {
-          hasErrorInOtherStepRef.current = true;
-        }
-        stepsRef.current[index] = {
+        const index = totalStepsRef.current;
+        totalStepsRef.current = totalStepsRef.current + 1;
+        collectStepsData({
           id,
-          title,
+          index,
           inactive,
-          status,
-          statusState
-        };
-        const clone = props => React.cloneElement(child, props);
+          title
+        });
         if (prerenderFieldProps && typeof document !== 'undefined' && index !== activeIndexRef.current && typeof prerenderFieldPropsRef.current['step-' + index] === 'undefined') {
-          prerenderFieldPropsRef.current['step-' + index] = () => clone({
+          const key = `${index}-${activeIndexRef.current}`;
+          prerenderFieldPropsRef.current['step-' + index] = () => React.cloneElement(child, {
             key,
             index,
             prerenderFieldProps: true
           });
         }
-        return clone({
-          key,
-          index
-        });
+        return child;
       }
     }
     return child;
   });
-  if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) === 0) {
+  if (totalStepsRef.current === 0) {
     activeIndexRef.current = 0;
-  } else if ((childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length) < activeIndexRef.current + 1) {
-    activeIndexRef.current = childrenArray.length - 1;
+  } else if (totalStepsRef.current < activeIndexRef.current + 1) {
+    activeIndexRef.current = totalStepsRef.current - 1;
+  }
+  if (mapOverChildrenRef.current) {
+    return childrenArray.map((child, index) => {
+      return React.createElement(WizardStepContext.Provider, {
+        key: index,
+        value: {
+          index
+        }
+      }, child);
+    });
   }
-  totalStepsRef.current = childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.length;
-  return childrenArray;
+  return children;
 }
 //# sourceMappingURL=IterateOverSteps.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"IterateOverSteps.js","names":["React","useContext","useTranslation","convertJsxToString","WizardContext","Step","handleDeprecatedProps","handleDeprecatedStepProps","IterateOverSteps","children","check","stepsRef","activeIndexRef","totalStepsRef","stepStatusRef","prerenderFieldProps","prerenderFieldPropsRef","hasErrorInOtherStepRef","current","incrementIndex","translations","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","props","title","titleProp","inactive","include","includeWhen","id","visibleWhen","index","undefined","state","status","stepHasError","statusState","key","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    hasErrorInOtherStepRef,\n  } = useContext(WizardContext)\n  hasErrorInOtherStepRef.current = false\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 {\n          title: titleProp,\n          inactive,\n          include,\n          includeWhen,\n          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\n        const index = incrementIndex\n        const title =\n          titleProp !== undefined\n            ? convertJsxToString(titleProp)\n            : 'Title missing'\n        const state = stepStatusRef.current[index]\n        const status =\n          index !== activeIndexRef.current\n            ? state === 'error'\n              ? translations.Step.stepHasError\n              : state === 'unknown'\n              ? 'Unknown state'\n              : undefined\n            : undefined\n        const statusState = state === 'error' ? 'error' : undefined // undefined shows 'warn' by default\n        const key = `${index}-${activeIndexRef.current}`\n\n        if (status) {\n          hasErrorInOtherStepRef.current = true\n        }\n\n        stepsRef.current[index] = {\n          id,\n          title,\n          inactive,\n          status,\n          statusState,\n        }\n\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":"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","ignoreList":[]}
+{"version":3,"file":"IterateOverSteps.js","names":["React","useContext","WizardContext","WizardStepContext","Step","handleDeprecatedProps","handleDeprecatedStepProps","useCollectStepsData","IterateOverSteps","children","check","stepsRef","activeIndexRef","totalStepsRef","stepIndexRef","prerenderFieldProps","prerenderFieldPropsRef","hasErrorInOtherStepRef","mapOverChildrenRef","collectStepsData","current","Map","childrenArray","Children","map","child","isValidElement","_child","_child2","step","type","_step","apply","props","title","inactive","include","includeWhen","id","visibleWhen","index","document","key","cloneElement","createElement","Provider","value"],"sources":["../../../../../../src/extensions/forms/Wizard/Container/IterateOverSteps.tsx"],"sourcesContent":["import React, { useContext } from 'react'\nimport WizardContext from '../Context/WizardContext'\nimport WizardStepContext from '../Step/StepContext'\nimport Step, {\n  Props as StepProps,\n  handleDeprecatedProps as handleDeprecatedStepProps,\n} from '../Step/Step'\nimport { useCollectStepsData } from './useCollectStepsData'\n\nexport function IterateOverSteps({\n  children,\n}: {\n  children: React.ReactNode\n}): React.ReactNode {\n  const {\n    check,\n    stepsRef,\n    activeIndexRef,\n    totalStepsRef,\n    stepIndexRef,\n    prerenderFieldProps,\n    prerenderFieldPropsRef,\n    hasErrorInOtherStepRef,\n    mapOverChildrenRef,\n  } = useContext(WizardContext)\n\n  const { collectStepsData } = useCollectStepsData()\n\n  // Reset before iterating and calling \"collectStepsData\" and other variables are collected.\n  stepsRef.current = new Map()\n  hasErrorInOtherStepRef.current = false\n  stepIndexRef.current = -1\n  totalStepsRef.current = 0\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        const index = totalStepsRef.current\n        totalStepsRef.current = totalStepsRef.current + 1\n\n        collectStepsData({\n          id,\n          index,\n          inactive,\n          title,\n        })\n\n        if (\n          prerenderFieldProps &&\n          typeof document !== 'undefined' &&\n          index !== activeIndexRef.current &&\n          typeof prerenderFieldPropsRef.current['step-' + index] ===\n            'undefined'\n        ) {\n          const key = `${index}-${activeIndexRef.current}`\n          prerenderFieldPropsRef.current['step-' + index] = () =>\n            React.cloneElement(child as React.ReactElement<StepProps>, {\n              key,\n              index,\n              prerenderFieldProps: true,\n            })\n        }\n\n        return child\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 (totalStepsRef.current === 0) {\n    activeIndexRef.current = 0\n  } else if (totalStepsRef.current < activeIndexRef.current + 1) {\n    activeIndexRef.current = totalStepsRef.current - 1\n  }\n\n  if (mapOverChildrenRef.current) {\n    return childrenArray.map((child, index) => {\n      return (\n        <WizardStepContext.Provider key={index} value={{ index }}>\n          {child}\n        </WizardStepContext.Provider>\n      )\n    })\n  }\n\n  return children\n}\n"],"mappings":"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","ignoreList":[]}