@dnb/eufemia 10.65.0 → 10.66.0

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

@@ -1 +1 @@
-{"version":3,"file":"PushContainer.js","names":["_react","_interopRequireWildcard","require","_Isolation","_interopRequireDefault","_PushContainerContext","_IterateItemContext","_Context","_useDataValue","_EditContainer","_Array","_OpenButton","_components","_hooks","_Toolbar","_hooks2","_Provider","_structuredClone","_excluded","_excluded2","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","PushContainer","props","_useContext","forceUpdate","useReducer","requiredInherited","useContext","DataContext","required","data","dataProp","defaultData","defaultDataProp","isolatedData","bubbleValidation","path","itemPath","insertAt","title","children","openButton","showOpenButtonWhen","onCommit","rest","absolutePath","useItemPath","commitHandleRef","useRef","switchContainerModeRef","containerModeRef","entries","moveValueToPath","getValueByPath","useDataValue","setNextContainerMode","useSwitchContainerMode","hasReachedLimit","setShowStatus","useArrayLimit","cancelHandler","useCallback","showOpenButton","newItemContextProps","switchContainerMode","current","useMemo","pushContainerItems","clearedData","emptyData","_data$pushContainerIt","firstItem","createElement","transformOnCommit","_ref","slice","structuredClone","options","clearData","preventCommit","_switchContainerModeR","Provider","containerMode","withoutFlex","NewContainer","rerenderPushContainer","_ref2","_DoneButton","_CancelButton","IterateItemContext","useEffect","createButton","useTranslation","IteratePushContainer","restoreOriginalValue","toolbar","Consumer","context","Flex","Horizontal","gap","DoneButton","text","CancelButton","onClick","Fragment","open","HeightAnimation","OpenButton","_supportsSpacingProps","_default","exports"],"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 requiredInherited = useContext(DataContext)?.required\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  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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,cAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,WAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAGA,IAAAW,MAAA,GAAAX,OAAA;AAKA,IAAAY,QAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,OAAA,GAAAb,OAAA;AAEA,IAAAc,SAAA,GAAAd,OAAA;AAMA,IAAAe,gBAAA,GAAAb,sBAAA,CAAAF,OAAA;AAAqD,MAAAgB,SAAA;EAAAC,UAAA;AAAA,SAAAf,uBAAAgB,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,SAAAvB,wBAAAmB,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;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAjC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,GAAAuC,6BAAA,CAAAnC,MAAA,EAAAkC,QAAA,OAAA/C,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAsB,qBAAA,QAAA8B,gBAAA,GAAApD,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAuC,gBAAA,CAAArC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAiD,gBAAA,CAAAvC,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAkD,oBAAA,CAAAhD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAuC,8BAAAnC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,WAAA2C,UAAA,GAAAvD,MAAA,CAAAqB,IAAA,CAAAL,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA0C,UAAA,CAAAxC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAoD,UAAA,CAAA1C,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAuFrD,SAAS4C,aAAaA,CAACC,KAAe,EAAE;EAAA,IAAAC,WAAA;EACtC,MAAM,GAAGC,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAMC,iBAAiB,IAAAH,WAAA,GAAG,IAAAI,iBAAU,EAACC,gBAAW,CAAC,cAAAL,WAAA,uBAAvBA,WAAA,CAAyBM,QAAQ;EAE3D,MAAM;MACJC,IAAI,EAAEC,QAAQ;MACdC,WAAW,EAAEC,eAAe;MAC5BC,YAAY;MACZC,gBAAgB;MAChBC,IAAI;MACJC,QAAQ;MACRC,QAAQ;MACRC,KAAK;MACLV,QAAQ,GAAGH,iBAAiB;MAC5Bc,QAAQ;MACRC,UAAU;MACVC,kBAAkB;MAClBC;IAEF,CAAC,GAAGrB,KAAK;IADJsB,IAAI,GAAA9B,wBAAA,CACLQ,KAAK,EAAAxE,SAAA;EAET,MAAM;IAAE+F;EAAa,CAAC,GAAG,IAAAC,kBAAW,EAACT,QAAQ,CAAC;EAC9C,MAAMU,eAAe,GAAG,IAAAC,aAAM,EAAa,CAAC;EAC5C,MAAMC,sBAAsB,GAAG,IAAAD,aAAM,EAAgC,CAAC;EACtE,MAAME,gBAAgB,GAAG,IAAAF,aAAM,EAAgB,CAAC;EAChD,MAAM;IACJlD,KAAK,EAAEqD,OAAO,GAAG,EAAE;IACnBC,eAAe;IACfC;EACF,CAAC,GAAG,IAAAC,qBAAY,EAAiBlB,IAAI,IAAIC,QAAQ,CAAC;EAElD,MAAM;IAAEkB;EAAqB,CAAC,GAAG,IAAAC,6BAAsB,EACrDpB,IAAI,IAAIS,YACV,CAAC;EACD,MAAM;IAAEY,eAAe;IAAEC;EAAc,CAAC,GAAG,IAAAC,oBAAa,EACtDvB,IAAI,IAAIS,YACV,CAAC;EACD,MAAMe,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC,IAAIJ,eAAe,EAAE;MACnBC,aAAa,CAAC,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACD,eAAe,EAAEC,aAAa,CAAC,CAAC;EAEpC,MAAMI,cAAc,GAAGpB,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGS,OAAO,CAAC;EACpD,MAAMY,mBAAyC,GAAG;IAChD3B,IAAI;IACJC,QAAQ;IACRc,OAAO;IACPJ,eAAe;IACfiB,mBAAmB,EAAEf,sBAAsB,CAACgB;EAC9C,CAAC;EAED,MAAMnC,IAAI,GAAG,IAAAoC,cAAO,EAAC,MAAM;IACzB,IAAIjC,eAAe,EAAE;MACnB;IACF;IACA,OAAAxC,aAAA,CAAAA,aAAA,KACKyC,YAAY;MACfiC,kBAAkB,EAAE,CAACpC,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIqC,qBAAW;IAAC;EAEjD,CAAC,EAAE,CAACrC,QAAQ,EAAEE,eAAe,EAAEC,YAAY,CAAC,CAAC;EAE7C,MAAMF,WAAW,GAAG,IAAAkC,cAAO,EAAC,MAAM;IAChC,OAAAzE,aAAA,CAAAA,aAAA,KACM,CAACsC,QAAQ,GAAGG,YAAY,GAAG,IAAI;MACnCiC,kBAAkB,EAAE,CAAClC,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAImC,qBAAW;IAAC;EAExD,CAAC,EAAE,CAACrC,QAAQ,EAAEE,eAAe,EAAEC,YAAY,CAAC,CAAC;EAE7C,MAAMmC,SAAS,GAAG,IAAAR,kBAAW,EAC1B/B,IAAuC,IAAK;IAAA,IAAAwC,qBAAA;IAC3C,MAAMC,SAAS,IAAAD,qBAAA,GAAGxC,IAAI,CAACqC,kBAAkB,cAAAG,qBAAA,uBAAvBA,qBAAA,CAA0B,CAAC,CAAC;IAC9C,IAAIC,SAAS,KAAK,IAAI,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAAE;MACvD,OAAA9E,aAAA,CAAAA,aAAA,KACKyC,YAAY;QACfiC,kBAAkB,EAAE,CAAC,IAAI;MAAC;IAE9B;IACA,OAAOnC,WAAW;EACpB,CAAC,EACD,CAACA,WAAW,EAAEE,YAAY,CAC5B,CAAC;EAED,OACEtG,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACzI,UAAA,CAAAmB,OAAS;IACR4E,IAAI,EAAEA,IAAK;IACXE,WAAW,EAAEA,WAAY;IACzBH,QAAQ,EAAEA,QAAS;IACnBwC,SAAS,EAAEA,SAAU;IACrBlC,gBAAgB,EACde,gBAAgB,CAACe,OAAO,KAAK,MAAM,GAAG,KAAK,GAAG9B,gBAC/C;IACDY,eAAe,EAAEA,eAAgB;IACjC0B,iBAAiB,EAAEC,IAAA,IAA4B;MAAA,IAA3B;QAAEP;MAAmB,CAAC,GAAAO,IAAA;MACxC,OAAOtB,eAAe,CACpBhB,IAAI,IAAIS,YAAY,EACpB,OAAOP,QAAQ,KAAK,QAAQ,GACxB,CACE,GAAGa,OAAO,CAACwB,KAAK,CAAC,CAAC,EAAErC,QAAQ,CAAC,EAC7B,GAAG6B,kBAAkB,EACrB,GAAGhB,OAAO,CAACwB,KAAK,CAACrC,QAAQ,CAAC,CAC3B,GACD,CAAC,GAAGa,OAAO,EAAE,GAAGgB,kBAAkB,CAAC,EACvCtB,YAAY,GAAG,IAAA+B,wBAAe,EAACvB,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACzD,CAAC;IACH,CAAE;IACFV,QAAQ,EAAEA,CAACb,IAAI,EAAE+C,OAAO,KAAK;MAC3B,MAAM;QAAEC,SAAS;QAAEC;MAAc,CAAC,GAAGF,OAAO;MAC5C,IAAIpB,eAAe,EAAE;QACnBsB,aAAa,CAAC,CAAC;QACfrB,aAAa,CAAC,IAAI,CAAC;MACrB,CAAC,MAAM;QAAA,IAAAsB,qBAAA;QACLzB,oBAAoB,CAAC,MAAM,CAAC;QAC5B,CAAAyB,qBAAA,GAAA/B,sBAAsB,CAACgB,OAAO,cAAAe,qBAAA,uBAA9BA,qBAAA,CAAA7G,IAAA,CAAA8E,sBAAsB,EAAW,MAAM,CAAC;QACxC6B,SAAS,CAAC,CAAC;MACb;MACAnC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGb,IAAI,EAAE+C,OAAO,CAAC;IAC3B;EAAE,GAEFjJ,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACvI,qBAAA,CAAAiB,OAAoB,CAAC+H,QAAQ;IAACnF,KAAK,EAAEiE;EAAoB,GACxDnI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAClI,MAAA,CAAAY,OAAY;IACXkF,IAAI,EAAC,qBAAqB;IAC1B8C,aAAa,EAAEpB,cAAc,GAAG,MAAM,GAAG,MAAO;IAChDqB,WAAW;EAAA,GAEXvJ,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACY,YAAY,EAAA9G,QAAA;IACXiE,KAAK,EAAEA,KAAM;IACbE,UAAU,EAAEA,UAAW;IACvBQ,sBAAsB,EAAEA,sBAAuB;IAC/Ca,cAAc,EAAEA,cAAe;IAC/BF,aAAa,EAAEA,aAAc;IAC7BV,gBAAgB,EAAEA,gBAAiB;IACnCmC,qBAAqB,EAAE7D;EAAY,GAC/BoB,IAAI,GAEPJ,QACW,CACF,CACe,CACtB,CAAC;AAEhB;AAEA,SAAS4C,YAAYA,CAAAE,KAAA,EAUlB;EAAA,IAAAC,WAAA,EAAAC,aAAA;EAAA,IAVmB;MACpBjD,KAAK;MACLE,UAAU;MACVqB,cAAc;MACdb,sBAAsB;MACtBW,aAAa;MACbV,gBAAgB;MAChBmC,qBAAqB;MACrB7C;IAEF,CAAC,GAAA8C,KAAA;IADI1C,IAAI,GAAA9B,wBAAA,CAAAwE,KAAA,EAAAvI,UAAA;EAEP,MAAM;IAAEmI,aAAa;IAAElB;EAAoB,CAAC,GAC1C,IAAArC,iBAAU,EAAC8D,2BAAkB,CAAC,IAAI,CAAC,CAAC;EACtCvC,gBAAgB,CAACe,OAAO,GAAGiB,aAAa;EAExC,IAAAQ,gBAAS,EAAC,MAAM;IACdL,qBAAqB,CAAC,CAAC;EACzB,CAAC,EAAE,CAACH,aAAa,EAAEG,qBAAqB,CAAC,CAAC;EAE1CpC,sBAAsB,CAACgB,OAAO,GAAGD,mBAAmB;EACpD,MAAM;IAAE2B;EAAa,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC,CAACC,oBAAoB;EAC9D,MAAM;IAAEf;EAAU,CAAC,GAAG,IAAAnD,iBAAU,EAACC,gBAAW,CAAC,IAAI,CAAC,CAAC;EACnD,MAAMkE,oBAAoB,GAAG,IAAAjC,kBAAW,EAAC,MAAM;IAC7CiB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC;EACf,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMiB,OAAO,GACXnK,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAC9H,QAAA,CAAAQ,OAAO,QACNtB,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACtI,mBAAA,CAAAgB,OAAkB,CAAC8I,QAAQ,QACxBC,OAAO,IAAK;IACZ,MAAMlC,mBAAmB,GAAAtE,aAAA,CAAAA,aAAA,KACpBwG,OAAO;MACVH;IAAoB,EACrB;IACD,OACElK,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACtI,mBAAA,CAAAgB,OAAkB,CAAC+H,QAAQ;MAACnF,KAAK,EAAEiE;IAAoB,GACtDnI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAChI,WAAA,CAAA0J,IAAI,CAACC,UAAU;MAACC,GAAG,EAAC;IAAO,GAAAb,WAAA,KAAAA,WAAA,GAC1B3J,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACnI,cAAA,CAAAgK,UAAU;MAACC,IAAI,EAAEX;IAAa,CAAE,CAAC,GACjC7B,cAAc,KAAA0B,aAAA,KAAAA,aAAA,GACb5J,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACnI,cAAA,CAAAkK,YAAY;MAACC,OAAO,EAAE5C;IAAc,CAAE,CAAC,EAE3B,CACU,CAAC;EAElC,CAC2B,CACtB,CACV;EAED,OACEhI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAA5I,MAAA,CAAAsB,OAAA,CAAAuJ,QAAA,QACE7K,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACnI,cAAA,CAAAa,OAAa,EAAAoB,QAAA;IACZoI,IAAI,EAAE,CAAC5C,cAAc,IAAIoB,aAAa,KAAK,MAAO;IAClD3C,KAAK,EAAEA,KAAM;IACbwD,OAAO,EAAEA;EAAQ,GACbnD,IAAI,GAEPJ,QACY,CAAC,EAEfC,UAAU,IAAI,OAAOqB,cAAc,KAAK,SAAS,IAChDlI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAChI,WAAA,CAAAmK,eAAe;IAACD,IAAI,EAAE5C,cAAc,IAAIoB,aAAa,KAAK;EAAO,GAC/DzC,UACc,CAEnB,CAAC;AAEP;AAEApB,aAAa,CAACuF,UAAU,GAAGA,mBAAU;AACrCvF,aAAa,CAACwF,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAE3BzF,aAAa;AAAA0F,OAAA,CAAA7J,OAAA,GAAA4J,QAAA"}
+{"version":3,"file":"PushContainer.js","names":["_react","_interopRequireWildcard","require","_Isolation","_interopRequireDefault","_PushContainerContext","_IterateItemContext","_Context","_useDataValue","_EditContainer","_Array","_OpenButton","_components","_hooks","_Toolbar","_hooks2","_Provider","_structuredClone","_excluded","_excluded2","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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","PushContainer","props","forceUpdate","useReducer","data","outerData","required","requiredInherited","useContext","DataContext","dataProp","defaultData","defaultDataProp","isolatedData","bubbleValidation","path","itemPath","insertAt","title","children","openButton","showOpenButtonWhen","onCommit","rest","absolutePath","useItemPath","commitHandleRef","useRef","switchContainerModeRef","containerModeRef","entries","moveValueToPath","getValueByPath","useDataValue","setNextContainerMode","useSwitchContainerMode","hasReachedLimit","setShowStatus","useArrayLimit","cancelHandler","useCallback","showOpenButton","newItemContextProps","switchContainerMode","current","useMemo","pushContainerItems","clearedData","emptyData","_data$pushContainerIt","firstItem","createElement","transformOnCommit","_ref","slice","structuredClone","options","clearData","preventCommit","_switchContainerModeR","Provider","containerMode","withoutFlex","NewContainer","rerenderPushContainer","_ref2","_DoneButton","_CancelButton","IterateItemContext","useEffect","createButton","useTranslation","IteratePushContainer","restoreOriginalValue","toolbar","Consumer","context","Flex","Horizontal","gap","DoneButton","text","CancelButton","onClick","Fragment","open","HeightAnimation","OpenButton","_supportsSpacingProps","_default","exports"],"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":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,qBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,mBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,QAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,aAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,cAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,MAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,WAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAGA,IAAAW,MAAA,GAAAX,OAAA;AAKA,IAAAY,QAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,OAAA,GAAAb,OAAA;AAEA,IAAAc,SAAA,GAAAd,OAAA;AAMA,IAAAe,gBAAA,GAAAb,sBAAA,CAAAF,OAAA;AAAqD,MAAAgB,SAAA;EAAAC,UAAA;AAAA,SAAAf,uBAAAgB,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,SAAAvB,wBAAAmB,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;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,QAAAC,MAAA,EAAAC,cAAA,QAAAC,IAAA,GAAArB,MAAA,CAAAqB,IAAA,CAAAF,MAAA,OAAAnB,MAAA,CAAAsB,qBAAA,QAAAC,OAAA,GAAAvB,MAAA,CAAAsB,qBAAA,CAAAH,MAAA,GAAAC,cAAA,KAAAG,OAAA,GAAAA,OAAA,CAAAC,MAAA,WAAAC,GAAA,WAAAzB,MAAA,CAAAE,wBAAA,CAAAiB,MAAA,EAAAM,GAAA,EAAAC,UAAA,OAAAL,IAAA,CAAAM,IAAA,CAAAV,KAAA,CAAAI,IAAA,EAAAE,OAAA,YAAAF,IAAA;AAAA,SAAAO,cAAAhB,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,WAAAF,SAAA,CAAAD,CAAA,IAAAC,SAAA,CAAAD,CAAA,QAAAA,CAAA,OAAAK,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,OAAAa,OAAA,WAAA1B,GAAA,IAAA2B,eAAA,CAAAlB,MAAA,EAAAT,GAAA,EAAAa,MAAA,CAAAb,GAAA,SAAAH,MAAA,CAAA+B,yBAAA,GAAA/B,MAAA,CAAAgC,gBAAA,CAAApB,MAAA,EAAAZ,MAAA,CAAA+B,yBAAA,CAAAf,MAAA,KAAAE,OAAA,CAAAlB,MAAA,CAAAgB,MAAA,GAAAa,OAAA,WAAA1B,GAAA,IAAAH,MAAA,CAAAC,cAAA,CAAAW,MAAA,EAAAT,GAAA,EAAAH,MAAA,CAAAE,wBAAA,CAAAc,MAAA,EAAAb,GAAA,iBAAAS,MAAA;AAAA,SAAAkB,gBAAA3C,GAAA,EAAAgB,GAAA,EAAA8B,KAAA,IAAA9B,GAAA,GAAA+B,cAAA,CAAA/B,GAAA,OAAAA,GAAA,IAAAhB,GAAA,IAAAa,MAAA,CAAAC,cAAA,CAAAd,GAAA,EAAAgB,GAAA,IAAA8B,KAAA,EAAAA,KAAA,EAAAP,UAAA,QAAAS,YAAA,QAAAC,QAAA,oBAAAjD,GAAA,CAAAgB,GAAA,IAAA8B,KAAA,WAAA9C,GAAA;AAAA,SAAA+C,eAAAG,GAAA,QAAAlC,GAAA,GAAAmC,YAAA,CAAAD,GAAA,2BAAAlC,GAAA,gBAAAA,GAAA,GAAAoC,MAAA,CAAApC,GAAA;AAAA,SAAAmC,aAAAE,KAAA,EAAAC,IAAA,eAAAD,KAAA,iBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAApC,IAAA,CAAAkC,KAAA,EAAAC,IAAA,2BAAAK,GAAA,sBAAAA,GAAA,YAAAC,SAAA,4DAAAN,IAAA,gBAAAF,MAAA,GAAAS,MAAA,EAAAR,KAAA;AAAA,SAAAS,yBAAAjC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,GAAAuC,6BAAA,CAAAnC,MAAA,EAAAkC,QAAA,OAAA/C,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAsB,qBAAA,QAAA8B,gBAAA,GAAApD,MAAA,CAAAsB,qBAAA,CAAAN,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAuC,gBAAA,CAAArC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAiD,gBAAA,CAAAvC,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAkD,oBAAA,CAAAhD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAuC,8BAAAnC,MAAA,EAAAkC,QAAA,QAAAlC,MAAA,yBAAAJ,MAAA,WAAA2C,UAAA,GAAAvD,MAAA,CAAAqB,IAAA,CAAAL,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA0C,UAAA,CAAAxC,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAoD,UAAA,CAAA1C,CAAA,OAAAqC,QAAA,CAAAG,OAAA,CAAAlD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAuFrD,SAAS4C,aAAaA,CAACC,KAAe,EAAE;EACtC,MAAM,GAAGC,WAAW,CAAC,GAAG,IAAAC,iBAAU,EAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;EAClD,MAAM;IAAEC,IAAI,EAAEC,SAAS;IAAEC,QAAQ,EAAEC;EAAkB,CAAC,GACpD,IAAAC,iBAAU,EAACC,gBAAW,CAAC,IAAI,CAAC,CAAC;EAE/B,MAAM;MACJL,IAAI,EAAEM,QAAQ;MACdC,WAAW,EAAEC,eAAe;MAC5BC,YAAY;MACZC,gBAAgB;MAChBC,IAAI;MACJC,QAAQ;MACRC,QAAQ;MACRC,KAAK;MACLZ,QAAQ,GAAGC,iBAAiB;MAC5BY,QAAQ;MACRC,UAAU;MACVC,kBAAkB;MAClBC;IAEF,CAAC,GAAGrB,KAAK;IADJsB,IAAI,GAAA9B,wBAAA,CACLQ,KAAK,EAAAxE,SAAA;EAET,MAAM;IAAE+F;EAAa,CAAC,GAAG,IAAAC,kBAAW,EAACT,QAAQ,CAAC;EAC9C,MAAMU,eAAe,GAAG,IAAAC,aAAM,EAAa,CAAC;EAC5C,MAAMC,sBAAsB,GAAG,IAAAD,aAAM,EAAgC,CAAC;EACtE,MAAME,gBAAgB,GAAG,IAAAF,aAAM,EAAgB,CAAC;EAChD,MAAM;IACJlD,KAAK,EAAEqD,OAAO,GAAG,EAAE;IACnBC,eAAe;IACfC;EACF,CAAC,GAAG,IAAAC,qBAAY,EAAiBlB,IAAI,IAAIC,QAAQ,CAAC;EAElD,MAAM;IAAEkB;EAAqB,CAAC,GAAG,IAAAC,6BAAsB,EACrDpB,IAAI,IAAIS,YACV,CAAC;EACD,MAAM;IAAEY,eAAe;IAAEC;EAAc,CAAC,GAAG,IAAAC,oBAAa,EACtDvB,IAAI,IAAIS,YACV,CAAC;EACD,MAAMe,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACtC,IAAIJ,eAAe,EAAE;MACnBC,aAAa,CAAC,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACD,eAAe,EAAEC,aAAa,CAAC,CAAC;EAEpC,MAAMI,cAAc,GAAGpB,kBAAkB,aAAlBA,kBAAkB,uBAAlBA,kBAAkB,CAAGS,OAAO,CAAC;EACpD,MAAMY,mBAAyC,GAAG;IAChD3B,IAAI;IACJC,QAAQ;IACRc,OAAO;IACPJ,eAAe;IACfiB,mBAAmB,EAAEf,sBAAsB,CAACgB;EAC9C,CAAC;EAED,MAAMxC,IAAI,GAAG,IAAAyC,cAAO,EAAC,MAAM;IACzB,IAAIjC,eAAe,EAAE;MACnB;IACF;IACA,OAAAxC,aAAA,CAAAA,aAAA,KACKyC,YAAY;MACfiC,kBAAkB,EAAE,CAACpC,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAIqC,qBAAW;IAAC;EAEjD,CAAC,EAAE,CAACrC,QAAQ,EAAEE,eAAe,EAAEC,YAAY,CAAC,CAAC;EAE7C,IAAIR,SAAS,EAAE;IAKb7D,MAAM,CAACU,MAAM,CAACkD,IAAI,EAAEC,SAAS,CAAC;EAChC;EAEA,MAAMM,WAAW,GAAG,IAAAkC,cAAO,EAAC,MAAM;IAChC,OAAAzE,aAAA,CAAAA,aAAA,KACM,CAACsC,QAAQ,GAAGG,YAAY,GAAG,IAAI;MACnCiC,kBAAkB,EAAE,CAAClC,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAImC,qBAAW;IAAC;EAExD,CAAC,EAAE,CAACrC,QAAQ,EAAEE,eAAe,EAAEC,YAAY,CAAC,CAAC;EAE7C,MAAMmC,SAAS,GAAG,IAAAR,kBAAW,EAC1BpC,IAAuC,IAAK;IAAA,IAAA6C,qBAAA;IAC3C,MAAMC,SAAS,IAAAD,qBAAA,GAAG7C,IAAI,CAAC0C,kBAAkB,cAAAG,qBAAA,uBAAvBA,qBAAA,CAA0B,CAAC,CAAC;IAC9C,IAAIC,SAAS,KAAK,IAAI,IAAI,OAAOA,SAAS,KAAK,QAAQ,EAAE;MACvD,OAAA9E,aAAA,CAAAA,aAAA,KACKyC,YAAY;QACfiC,kBAAkB,EAAE,CAAC,IAAI;MAAC;IAE9B;IACA,OAAOnC,WAAW;EACpB,CAAC,EACD,CAACA,WAAW,EAAEE,YAAY,CAC5B,CAAC;EAED,OACEtG,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACzI,UAAA,CAAAmB,OAAS;IACRuE,IAAI,EAAEA,IAAK;IACXO,WAAW,EAAEA,WAAY;IACzBL,QAAQ,EAAEA,QAAS;IACnB0C,SAAS,EAAEA,SAAU;IACrBlC,gBAAgB,EACde,gBAAgB,CAACe,OAAO,KAAK,MAAM,GAAG,KAAK,GAAG9B,gBAC/C;IACDY,eAAe,EAAEA,eAAgB;IACjC0B,iBAAiB,EAAEC,IAAA,IAA4B;MAAA,IAA3B;QAAEP;MAAmB,CAAC,GAAAO,IAAA;MACxC,OAAOtB,eAAe,CACpBhB,IAAI,IAAIS,YAAY,EACpB,OAAOP,QAAQ,KAAK,QAAQ,GACxB,CACE,GAAGa,OAAO,CAACwB,KAAK,CAAC,CAAC,EAAErC,QAAQ,CAAC,EAC7B,GAAG6B,kBAAkB,EACrB,GAAGhB,OAAO,CAACwB,KAAK,CAACrC,QAAQ,CAAC,CAC3B,GACD,CAAC,GAAGa,OAAO,EAAE,GAAGgB,kBAAkB,CAAC,EACvCtB,YAAY,GAAG,IAAA+B,wBAAe,EAACvB,cAAc,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CACzD,CAAC;IACH,CAAE;IACFV,QAAQ,EAAEA,CAAClB,IAAI,EAAEoD,OAAO,KAAK;MAC3B,MAAM;QAAEC,SAAS;QAAEC;MAAc,CAAC,GAAGF,OAAO;MAC5C,IAAIpB,eAAe,EAAE;QACnBsB,aAAa,CAAC,CAAC;QACfrB,aAAa,CAAC,IAAI,CAAC;MACrB,CAAC,MAAM;QAAA,IAAAsB,qBAAA;QACLzB,oBAAoB,CAAC,MAAM,CAAC;QAC5B,CAAAyB,qBAAA,GAAA/B,sBAAsB,CAACgB,OAAO,cAAAe,qBAAA,uBAA9BA,qBAAA,CAAA7G,IAAA,CAAA8E,sBAAsB,EAAW,MAAM,CAAC;QACxC6B,SAAS,CAAC,CAAC;MACb;MACAnC,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGlB,IAAI,EAAEoD,OAAO,CAAC;IAC3B;EAAE,GAEFjJ,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACvI,qBAAA,CAAAiB,OAAoB,CAAC+H,QAAQ;IAACnF,KAAK,EAAEiE;EAAoB,GACxDnI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAClI,MAAA,CAAAY,OAAY;IACXkF,IAAI,EAAC,qBAAqB;IAC1B8C,aAAa,EAAEpB,cAAc,GAAG,MAAM,GAAG,MAAO;IAChDqB,WAAW;EAAA,GAEXvJ,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACY,YAAY,EAAA9G,QAAA;IACXiE,KAAK,EAAEA,KAAM;IACbE,UAAU,EAAEA,UAAW;IACvBQ,sBAAsB,EAAEA,sBAAuB;IAC/Ca,cAAc,EAAEA,cAAe;IAC/BF,aAAa,EAAEA,aAAc;IAC7BV,gBAAgB,EAAEA,gBAAiB;IACnCmC,qBAAqB,EAAE9D;EAAY,GAC/BqB,IAAI,GAEPJ,QACW,CACF,CACe,CACtB,CAAC;AAEhB;AAEA,SAAS4C,YAAYA,CAAAE,KAAA,EAUlB;EAAA,IAAAC,WAAA,EAAAC,aAAA;EAAA,IAVmB;MACpBjD,KAAK;MACLE,UAAU;MACVqB,cAAc;MACdb,sBAAsB;MACtBW,aAAa;MACbV,gBAAgB;MAChBmC,qBAAqB;MACrB7C;IAEF,CAAC,GAAA8C,KAAA;IADI1C,IAAI,GAAA9B,wBAAA,CAAAwE,KAAA,EAAAvI,UAAA;EAEP,MAAM;IAAEmI,aAAa;IAAElB;EAAoB,CAAC,GAC1C,IAAAnC,iBAAU,EAAC4D,2BAAkB,CAAC,IAAI,CAAC,CAAC;EACtCvC,gBAAgB,CAACe,OAAO,GAAGiB,aAAa;EAExC,IAAAQ,gBAAS,EAAC,MAAM;IACdL,qBAAqB,CAAC,CAAC;EACzB,CAAC,EAAE,CAACH,aAAa,EAAEG,qBAAqB,CAAC,CAAC;EAE1CpC,sBAAsB,CAACgB,OAAO,GAAGD,mBAAmB;EACpD,MAAM;IAAE2B;EAAa,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC,CAACC,oBAAoB;EAC9D,MAAM;IAAEf;EAAU,CAAC,GAAG,IAAAjD,iBAAU,EAACC,gBAAW,CAAC,IAAI,CAAC,CAAC;EACnD,MAAMgE,oBAAoB,GAAG,IAAAjC,kBAAW,EAAC,MAAM;IAC7CiB,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAG,CAAC;EACf,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,MAAMiB,OAAO,GACXnK,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAC9H,QAAA,CAAAQ,OAAO,QACNtB,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACtI,mBAAA,CAAAgB,OAAkB,CAAC8I,QAAQ,QACxBC,OAAO,IAAK;IACZ,MAAMlC,mBAAmB,GAAAtE,aAAA,CAAAA,aAAA,KACpBwG,OAAO;MACVH;IAAoB,EACrB;IACD,OACElK,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACtI,mBAAA,CAAAgB,OAAkB,CAAC+H,QAAQ;MAACnF,KAAK,EAAEiE;IAAoB,GACtDnI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAChI,WAAA,CAAA0J,IAAI,CAACC,UAAU;MAACC,GAAG,EAAC;IAAO,GAAAb,WAAA,KAAAA,WAAA,GAC1B3J,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACnI,cAAA,CAAAgK,UAAU;MAACC,IAAI,EAAEX;IAAa,CAAE,CAAC,GACjC7B,cAAc,KAAA0B,aAAA,KAAAA,aAAA,GACb5J,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACnI,cAAA,CAAAkK,YAAY;MAACC,OAAO,EAAE5C;IAAc,CAAE,CAAC,EAE3B,CACU,CAAC;EAElC,CAC2B,CACtB,CACV;EAED,OACEhI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAA5I,MAAA,CAAAsB,OAAA,CAAAuJ,QAAA,QACE7K,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAACnI,cAAA,CAAAa,OAAa,EAAAoB,QAAA;IACZoI,IAAI,EAAE,CAAC5C,cAAc,IAAIoB,aAAa,KAAK,MAAO;IAClD3C,KAAK,EAAEA,KAAM;IACbwD,OAAO,EAAEA;EAAQ,GACbnD,IAAI,GAEPJ,QACY,CAAC,EAEfC,UAAU,IAAI,OAAOqB,cAAc,KAAK,SAAS,IAChDlI,MAAA,CAAAsB,OAAA,CAAAsH,aAAA,CAAChI,WAAA,CAAAmK,eAAe;IAACD,IAAI,EAAE5C,cAAc,IAAIoB,aAAa,KAAK;EAAO,GAC/DzC,UACc,CAEnB,CAAC;AAEP;AAEApB,aAAa,CAACuF,UAAU,GAAGA,mBAAU;AACrCvF,aAAa,CAACwF,qBAAqB,GAAG,IAAI;AAAA,IAAAC,QAAA,GAE3BzF,aAAa;AAAA0F,OAAA,CAAA7J,OAAA,GAAA4J,QAAA"}

package/cjs/extensions/forms/Value/Provider/useValueProvider.d.ts

@@ -16,6 +16,7 @@ declare function useValueProvider(props?: Omit<ValueProviderProps, 'children'>):
         defaultValue?: unknown;
         className?: string;
         placeholder?: import("react").ReactNode;
+        help?: import("../../../../components/help-button/HelpButtonInline").HelpProps;
         inline?: boolean;
         maxWidth?: "small" | "auto" | "medium" | "large";
         labelSrOnly?: boolean;

package/cjs/extensions/forms/Value/ValueDocs.js

@@ -25,6 +25,11 @@ const ValueProperties = {
     type: 'boolean',
     status: 'optional'
   },
+  help: {
+    doc: 'Provide help content for the field using `title` and `content` as a string or React.Node. Additionally, you can set `open` to `true` to display the inline help, set the `breakout` property to `false` to disable the breakout of the inline help content, or use `renderAs` set to `dialog` to render the content in a [Dialog](/uilib/components/dialog/) (recommended for larger amounts of content).',
+    type: 'object',
+    status: 'optional'
+  },
   transformLabel: {
     doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',
     type: 'function',

package/cjs/extensions/forms/Value/ValueDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","labelSrOnly","transformLabel","inheritLabel","inheritVisibility","showEmpty","placeholder","path","inline","maxWidth","transformIn","exports"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the displayed value.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  transformLabel: {\n    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',\n    type: 'function',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use `true` to inherit the visibility from a field with the same path. You can find more info in the [Value section](/uilib/extensions/forms/Value/#inherit-visibility-from-fields-based-on-path).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,cAAc,EAAE;IACdN,GAAG,EAAE,0KAA0K;IAC/KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDK,YAAY,EAAE;IACZP,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDM,iBAAiB,EAAE;IACjBR,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,SAAS,EAAE;IACTT,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,WAAW,EAAE;IACXV,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDS,IAAI,EAAE;IACJX,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,MAAM,EAAE;IACNZ,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDW,QAAQ,EAAE;IACRb,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDY,WAAW,EAAE;IACXd,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAa,OAAA,CAAAjB,eAAA,GAAAA,eAAA"}
+{"version":3,"file":"ValueDocs.js","names":["ValueProperties","value","doc","type","status","defaultValue","label","labelSrOnly","help","transformLabel","inheritLabel","inheritVisibility","showEmpty","placeholder","path","inline","maxWidth","transformIn","exports"],"sources":["../../../../../src/extensions/forms/Value/ValueDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../../shared/types'\n\nexport const ValueProperties: PropertiesTableProps = {\n  value: {\n    doc: 'Value for the value component. Will take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  defaultValue: {\n    doc: 'Default value for the value component. Will not take precedence over the path value given in the data context.',\n    type: '{valueType}',\n    status: 'optional',\n  },\n  label: {\n    doc: 'Field label to show above the displayed value.',\n    type: 'string',\n    status: 'optional',\n  },\n  labelSrOnly: {\n    doc: 'Use `true` to make the label only readable by screen readers.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  help: {\n    doc: 'Provide help content for the field using `title` and `content` as a string or React.Node. Additionally, you can set `open` to `true` to display the inline help, set the `breakout` property to `false` to disable the breakout of the inline help content, or use `renderAs` set to `dialog` to render the content in a [Dialog](/uilib/components/dialog/) (recommended for larger amounts of content).',\n    type: 'object',\n    status: 'optional',\n  },\n  transformLabel: {\n    doc: 'Transforms the label before it gets displayed. Receives the label as the first parameter. The second parameter is a object containing the `convertJsxToString` function.',\n    type: 'function',\n    status: 'optional',\n  },\n  inheritLabel: {\n    doc: 'Use `true` to inherit the label from a visible (rendered) field with the same path.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  inheritVisibility: {\n    doc: 'Use `true` to inherit the visibility from a field with the same path. You can find more info in the [Value section](/uilib/extensions/forms/Value/#inherit-visibility-from-fields-based-on-path).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  showEmpty: {\n    doc: 'Shows the value even if it is empty.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  placeholder: {\n    doc: 'Text showing in place of the value if no value is given.',\n    type: 'string',\n    status: 'optional',\n  },\n  path: {\n    doc: 'JSON Pointer for where the data for this input is located in the source dataset.',\n    type: 'string',\n    status: 'optional',\n  },\n  inline: {\n    doc: 'For showing the value inline (not as a block element).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  maxWidth: {\n    doc: 'Use `auto` for no max-width (use browser default), `small`, `medium` or `large` for predefined standard max widths. Defaults to `large`.',\n    type: 'string',\n    status: 'optional',\n  },\n  transformIn: {\n    doc: 'Transforms the `value` before its displayed in the value component.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n"],"mappings":";;;;;;AAEO,MAAMA,eAAqC,GAAG;EACnDC,KAAK,EAAE;IACLC,GAAG,EAAE,oGAAoG;IACzGC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDC,YAAY,EAAE;IACZH,GAAG,EAAE,gHAAgH;IACrHC,IAAI,EAAE,aAAa;IACnBC,MAAM,EAAE;EACV,CAAC;EACDE,KAAK,EAAE;IACLJ,GAAG,EAAE,gDAAgD;IACrDC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDG,WAAW,EAAE;IACXL,GAAG,EAAE,+DAA+D;IACpEC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDI,IAAI,EAAE;IACJN,GAAG,EAAE,2YAA2Y;IAChZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDK,cAAc,EAAE;IACdP,GAAG,EAAE,0KAA0K;IAC/KC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACDM,YAAY,EAAE;IACZR,GAAG,EAAE,qFAAqF;IAC1FC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDO,iBAAiB,EAAE;IACjBT,GAAG,EAAE,mMAAmM;IACxMC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDQ,SAAS,EAAE;IACTV,GAAG,EAAE,sCAAsC;IAC3CC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDS,WAAW,EAAE;IACXX,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDU,IAAI,EAAE;IACJZ,GAAG,EAAE,kFAAkF;IACvFC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDW,MAAM,EAAE;IACNb,GAAG,EAAE,wDAAwD;IAC7DC,IAAI,EAAE,SAAS;IACfC,MAAM,EAAE;EACV,CAAC;EACDY,QAAQ,EAAE;IACRd,GAAG,EAAE,0IAA0I;IAC/IC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE;EACV,CAAC;EACDa,WAAW,EAAE;IACXf,GAAG,EAAE,qEAAqE;IAC1EC,IAAI,EAAE,UAAU;IAChBC,MAAM,EAAE;EACV,CAAC;EACD,yCAAyC,EAAE;IACzCF,GAAG,EAAE,0DAA0D;IAC/DC,IAAI,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;IAC1BC,MAAM,EAAE;EACV;AACF,CAAC;AAAAc,OAAA,CAAAlB,eAAA,GAAAA,eAAA"}

package/cjs/extensions/forms/ValueBlock/ValueBlock.d.ts

@@ -1,10 +1,22 @@
 import React from 'react';
 import { ValueProps } from '../types';
+import { HelpProps } from '../../../components/help-button/HelpButtonInline';
 /**
  * Props are documented in ValueDocs.ts
  */
 export type Props = Omit<ValueProps<unknown>, 'value'> & {
-    children?: React.ReactNode;
+    id?: string;
+    /** The id to link a element with */
+    forId?: string;
+    /**
+     * Provide help content for the value.
+     */
+    help?: HelpProps;
+    /**
+     * The layout of the value block.
+     * (Undocumented for now, as there is only one layout option, vertical.)
+     */
+    layout?: 'vertical';
     /**
      * Used internally by the Composition component
      */
@@ -13,6 +25,7 @@ export type Props = Omit<ValueProps<unknown>, 'value'> & {
      * Used internally by the Composition component
      */
     gap?: 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | false;
+    children?: React.ReactNode;
 };
 declare function ValueBlock(props: Props): import("react/jsx-runtime").JSX.Element;
 declare namespace ValueBlock {

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