1 | "use strict";
|
2 |
|
3 | exports.__esModule = true;
|
4 | exports.default = void 0;
|
5 |
|
6 | var _react = _interopRequireDefault(require("react"));
|
7 |
|
8 | var _MultiselectTag = _interopRequireDefault(require("./MultiselectTag"));
|
9 |
|
10 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
11 |
|
12 | function MultiselectTagList({
|
13 | id,
|
14 | value,
|
15 | textAccessor,
|
16 | label,
|
17 | disabled,
|
18 | readOnly,
|
19 | onDelete,
|
20 | children,
|
21 | clearTagIcon,
|
22 | renderTagValue,
|
23 | tagOptionComponent: TagOption = _MultiselectTag.default
|
24 | }) {
|
25 | return _react.default.createElement("div", {
|
26 | id: id,
|
27 | role: "listbox",
|
28 | "aria-label": label,
|
29 | "aria-multiselectable": "true",
|
30 | "aria-orientation": "horizontal",
|
31 | className: "rw-multiselect-taglist"
|
32 | }, value.map((item, i) => {
|
33 | const itemDisabled = Array.isArray(disabled) ? disabled.includes(item) : !!disabled;
|
34 | return _react.default.createElement(TagOption, {
|
35 | key: i,
|
36 | dataItem: item,
|
37 | onRemove: onDelete,
|
38 | clearTagIcon: clearTagIcon,
|
39 | disabled: itemDisabled,
|
40 | readOnly: readOnly
|
41 | }, renderTagValue ? renderTagValue({
|
42 | item
|
43 | }) : textAccessor(item));
|
44 | }), children);
|
45 | }
|
46 |
|
47 | var _default = MultiselectTagList;
|
48 | exports.default = _default; |
\ | No newline at end of file |