UNPKG

@dnb/eufemia

Version:

DNB Eufemia Design System UI Library

49 lines (48 loc) 1.94 kB
"use client"; import _extends from "@babel/runtime-corejs3/helpers/esm/extends"; import React, { useContext, useMemo } from 'react'; import classnames from 'classnames'; import { useValueProps } from "../../hooks/index.js"; import ValueBlock from "../../ValueBlock/index.js"; import { convertJsxToString } from "../../../../shared/component-helper.js"; import Context from "../../DataContext/Context.js"; import ListFormat from "../../../../components/list-format/index.js"; function ArraySelection(props) { const { fieldInternalsRef } = useContext(Context) || {}; const { path, value, format, className, variant = 'text', listType, ...rest } = useValueProps(props); const list = useMemo(() => { let valueToUse = value; if (path) { var _fieldInternalsRef$cu, _data$map; const data = fieldInternalsRef === null || fieldInternalsRef === void 0 || (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 || (_fieldInternalsRef$cu = _fieldInternalsRef$cu[path + '/arraySelectionData']) === null || _fieldInternalsRef$cu === void 0 ? void 0 : _fieldInternalsRef$cu.props; valueToUse = (data === null || data === void 0 || (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, ({ title }) => convertJsxToString(title))) || value; } if (typeof valueToUse === 'undefined') { return undefined; } return React.createElement(ListFormat, { value: valueToUse, format: format, variant: variant, listType: listType }); }, [value, path, format, variant, listType, fieldInternalsRef]); return React.createElement(ValueBlock, _extends({ className: classnames('dnb-forms-value-array-selection', className) }, rest), list); } ArraySelection._supportsSpacingProps = true; export default ArraySelection; //# sourceMappingURL=ArraySelection.js.map