@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
55 lines (54 loc) • 2.28 kB
JavaScript
"use client";
import _extends from "@babel/runtime/helpers/esm/extends";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
const _excluded = ["path", "value", "format", "className", "variant", "listType"];
import React, { useContext, useMemo } from 'react';
import classnames from 'classnames';
import { useValueProps } from '../../hooks';
import ValueBlock from '../../ValueBlock';
import { convertJsxToString } from '../../../../shared/component-helper';
import Context from '../../DataContext/Context';
import ListFormat from '../../../../components/list-format';
function ArraySelection(props) {
const {
fieldInternalsRef
} = useContext(Context) || {};
const _useValueProps = useValueProps(props),
{
path,
value,
format,
className,
variant = 'text',
listType
} = _useValueProps,
rest = _objectWithoutProperties(_useValueProps, _excluded);
const list = useMemo(() => {
let valueToUse = value;
if (path) {
var _fieldInternalsRef$cu, _fieldInternalsRef$cu2, _data$map;
const data = fieldInternalsRef === null || fieldInternalsRef === void 0 ? void 0 : (_fieldInternalsRef$cu = fieldInternalsRef.current) === null || _fieldInternalsRef$cu === void 0 ? void 0 : (_fieldInternalsRef$cu2 = _fieldInternalsRef$cu[path + '/arraySelectionData']) === null || _fieldInternalsRef$cu2 === void 0 ? void 0 : _fieldInternalsRef$cu2.props;
valueToUse = (data === null || data === void 0 ? void 0 : (_data$map = data.map) === null || _data$map === void 0 ? void 0 : _data$map.call(data, _ref => {
let {
title
} = _ref;
return 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