@patternfly/react-templates 6.2.0-prerelease.22 → 6.2.0-prerelease.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/components/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/esm/components/Dropdown/SimpleDropdown.js +7 -7
- package/dist/esm/components/Dropdown/SimpleDropdown.js.map +1 -1
- package/dist/esm/components/Select/CheckboxSelect.js +8 -10
- package/dist/esm/components/Select/CheckboxSelect.js.map +1 -1
- package/dist/esm/components/Select/MultiTypeaheadSelect.js +15 -21
- package/dist/esm/components/Select/MultiTypeaheadSelect.js.map +1 -1
- package/dist/esm/components/Select/SimpleSelect.js +7 -7
- package/dist/esm/components/Select/SimpleSelect.js.map +1 -1
- package/dist/esm/components/Select/TypeaheadSelect.js +9 -13
- package/dist/esm/components/Select/TypeaheadSelect.js.map +1 -1
- package/dist/js/components/Dropdown/SimpleDropdown.js +7 -7
- package/dist/js/components/Dropdown/SimpleDropdown.js.map +1 -1
- package/dist/js/components/Select/CheckboxSelect.js +8 -10
- package/dist/js/components/Select/CheckboxSelect.js.map +1 -1
- package/dist/js/components/Select/MultiTypeaheadSelect.js +15 -21
- package/dist/js/components/Select/MultiTypeaheadSelect.js.map +1 -1
- package/dist/js/components/Select/SimpleSelect.js +7 -7
- package/dist/js/components/Select/SimpleSelect.js.map +1 -1
- package/dist/js/components/Select/TypeaheadSelect.js +9 -13
- package/dist/js/components/Select/TypeaheadSelect.js.map +1 -1
- package/dist/umd/assets/{output-DSKuNGvR.css → output-B5zm1AR7.css} +951 -952
- package/dist/umd/react-templates.min.js +1 -1
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [6.2.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@6.2.0-prerelease.23...@patternfly/react-templates@6.2.0-prerelease.24) (2025-02-25)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-templates
|
|
9
|
+
|
|
10
|
+
# [6.2.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@6.2.0-prerelease.22...@patternfly/react-templates@6.2.0-prerelease.23) (2025-02-24)
|
|
11
|
+
|
|
12
|
+
**Note:** Version bump only for package @patternfly/react-templates
|
|
13
|
+
|
|
6
14
|
# [6.2.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@6.2.0-prerelease.21...@patternfly/react-templates@6.2.0-prerelease.22) (2025-02-24)
|
|
7
15
|
|
|
8
16
|
**Note:** Version bump only for package @patternfly/react-templates
|
package/components/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"6.2.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"6.2.0-prerelease.23","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-templates-dropdown-dynamic","main":"../../../js/components/Dropdown/index.js","module":"../../../esm/components/Dropdown/index.js","typings":"../../../esm/components/Dropdown/index.d.ts","version":"6.2.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-templates-dropdown-dynamic","main":"../../../js/components/Dropdown/index.js","module":"../../../esm/components/Dropdown/index.js","typings":"../../../esm/components/Dropdown/index.d.ts","version":"6.2.0-prerelease.23","private":true}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"6.2.0-prerelease.
|
|
1
|
+
{"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"6.2.0-prerelease.23","private":true}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { Dropdown, DropdownItem, DropdownList } from '@patternfly/react-core/dist/esm/components/Dropdown';
|
|
4
5
|
import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle';
|
|
@@ -15,19 +16,18 @@ const SimpleDropdownBase = (_a) => {
|
|
|
15
16
|
onToggleProp && onToggleProp(!isOpen);
|
|
16
17
|
setIsOpen(!isOpen);
|
|
17
18
|
};
|
|
18
|
-
const dropdownToggle = (toggleRef) => (
|
|
19
|
+
const dropdownToggle = (toggleRef) => (_jsx(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggle, isExpanded: isOpen, isDisabled: isDisabled, variant: toggleVariant, "aria-label": toggleAriaLabel, isFullWidth: isToggleFullWidth, style: {
|
|
19
20
|
width: toggleWidth
|
|
20
|
-
} }, toggleProps
|
|
21
|
+
} }, toggleProps, { children: toggleContent })));
|
|
21
22
|
const dropdownSimpleItems = initialItems === null || initialItems === void 0 ? void 0 : initialItems.map((item) => {
|
|
22
23
|
const { content, onClick, to, value, isDivider } = item, itemProps = __rest(item, ["content", "onClick", "to", "value", "isDivider"]);
|
|
23
|
-
return isDivider ? (
|
|
24
|
+
return isDivider ? (_jsx(Divider, { component: "li" }, value)) : (_jsx(DropdownItem, Object.assign({ onClick: onClick, to: to, value: value }, itemProps, { children: content }), value));
|
|
24
25
|
});
|
|
25
|
-
return (
|
|
26
|
+
return (_jsx(Dropdown, Object.assign({ toggle: dropdownToggle, isOpen: isOpen, onSelect: onSelect, shouldFocusToggleOnSelect: shouldFocusToggleOnSelect, onOpenChange: (isOpen) => {
|
|
26
27
|
onToggleProp && onToggleProp(isOpen);
|
|
27
28
|
setIsOpen(isOpen);
|
|
28
|
-
}, ref: innerRef }, props)
|
|
29
|
-
React.createElement(DropdownList, null, dropdownSimpleItems)));
|
|
29
|
+
}, ref: innerRef }, props, { children: _jsx(DropdownList, { children: dropdownSimpleItems }) })));
|
|
30
30
|
};
|
|
31
|
-
export const SimpleDropdown = React.forwardRef((props, ref) => (
|
|
31
|
+
export const SimpleDropdown = React.forwardRef((props, ref) => (_jsx(SimpleDropdownBase, Object.assign({}, props, { innerRef: ref }))));
|
|
32
32
|
SimpleDropdown.displayName = 'SimpleDropdown';
|
|
33
33
|
//# sourceMappingURL=SimpleDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":";;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,YAAY,EAGb,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAsC,MAAM,uDAAuD,CAAC;AACvH,OAAO,EAAE,OAAO,EAAE,MAAM,oDAAoD,CAAC;AA+C7E,MAAM,kBAAkB,GAAiD,CAAC,EAcpD,EAAE,EAAE;QAdgD,EACxE,QAAQ,EACR,YAAY,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,UAAU,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,aAAa,GAAG,SAAS,EACzB,WAAW,EACX,WAAW,EACX,yBAAyB,OAEL,EADjB,KAAK,cAbgE,uMAczE,CADS;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,KAA4C,EAAE,KAAsB,EAAE,EAAE;QACxF,YAAY,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3C,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QACpC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,YAAY,IAAI,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;QACtC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,SAAuC,EAAE,EAAE,CAAC,CAClE,KAAC,UAAU,kBACT,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,aAAa,gBACV,eAAe,EAC3B,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EACH;YACE,KAAK,EAAE,WAAW;SACI,IAEtB,WAAW,cAEd,aAAa,IACH,CACd,CAAC;IAEF,MAAM,mBAAmB,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACrD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,KAAmB,IAAI,EAAlB,SAAS,UAAK,IAAI,EAA/D,kDAAwD,CAAO,CAAC;QAEtE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,KAAC,OAAO,IAAC,SAAS,EAAC,IAAI,IAAM,KAAK,CAAI,CACvC,CAAC,CAAC,CAAC,CACF,KAAC,YAAY,kBAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAc,KAAK,EAAE,KAAK,IAAM,SAAS,cAC5E,OAAO,KADmC,KAAK,CAEnC,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,QAAQ,kBACP,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,yBAAyB,EAAE,yBAAyB,EACpD,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACvB,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;YACrC,SAAS,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,EACD,GAAG,EAAE,QAAQ,IACT,KAAK,cAET,KAAC,YAAY,cAAE,mBAAmB,GAAgB,IACzC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAA0B,EAAE,GAAmB,EAAE,EAAE,CAAC,CAClG,KAAC,kBAAkB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CACjD,CAAC,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { Badge } from '@patternfly/react-core/dist/esm/components/Badge';
|
|
4
5
|
import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle';
|
|
@@ -15,7 +16,7 @@ const CheckboxSelectBase = (_a) => {
|
|
|
15
16
|
const checkboxSelectOptions = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.map((option) => {
|
|
16
17
|
const { content, value } = option, props = __rest(option, ["content", "value"]);
|
|
17
18
|
const isSelected = selected.includes(`${value}`);
|
|
18
|
-
return (
|
|
19
|
+
return (_jsx(SelectOption, Object.assign({ value: value, hasCheckbox: true, isSelected: isSelected }, props, { children: content }), value));
|
|
19
20
|
});
|
|
20
21
|
const onToggleClick = () => {
|
|
21
22
|
onToggle && onToggle(!isOpen);
|
|
@@ -31,17 +32,14 @@ const CheckboxSelectBase = (_a) => {
|
|
|
31
32
|
}
|
|
32
33
|
passedOnSelect && passedOnSelect(event, value);
|
|
33
34
|
};
|
|
34
|
-
const defaultToggleContent = (
|
|
35
|
-
|
|
36
|
-
selected.length > 0 && React.createElement(Badge, { isRead: true }, selected.length)));
|
|
37
|
-
const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
|
|
35
|
+
const defaultToggleContent = (_jsxs(_Fragment, { children: ["Filter by status", selected.length > 0 && _jsx(Badge, { isRead: true, children: selected.length })] }));
|
|
36
|
+
const toggle = (toggleRef) => (_jsx(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
|
|
38
37
|
width: toggleWidth
|
|
39
|
-
} }, toggleProps
|
|
40
|
-
return (
|
|
38
|
+
} }, toggleProps, { children: toggleContent || defaultToggleContent })));
|
|
39
|
+
return (_jsx(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: (isOpen) => {
|
|
41
40
|
onToggle && onToggle(isOpen);
|
|
42
41
|
setIsOpen(isOpen);
|
|
43
|
-
}, toggle: toggle, ref: innerRef, role: "menu" }, props)
|
|
44
|
-
React.createElement(SelectList, null, checkboxSelectOptions)));
|
|
42
|
+
}, toggle: toggle, ref: innerRef, role: "menu" }, props, { children: _jsx(SelectList, { children: checkboxSelectOptions }) })));
|
|
45
43
|
};
|
|
46
|
-
export const CheckboxSelect = React.forwardRef((props, ref) => (
|
|
44
|
+
export const CheckboxSelect = React.forwardRef((props, ref) => (_jsx(CheckboxSelectBase, Object.assign({}, props, { innerRef: ref }))));
|
|
47
45
|
//# sourceMappingURL=CheckboxSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { Button } from '@patternfly/react-core/dist/esm/components/Button';
|
|
4
5
|
import { Label, LabelGroup } from '@patternfly/react-core/dist/esm/components/Label';
|
|
@@ -161,30 +162,23 @@ export const MultiTypeaheadSelectBase = (_a) => {
|
|
|
161
162
|
(_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
162
163
|
onSelectionChange && onSelectionChange(ev, []);
|
|
163
164
|
};
|
|
164
|
-
const toggle = (toggleRef) => (
|
|
165
|
+
const toggle = (toggleRef) => (_jsx(MenuToggle, Object.assign({ ref: toggleRef, variant: "typeahead", "aria-label": "Multi select Typeahead menu toggle", onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, style: {
|
|
165
166
|
width: toggleWidth
|
|
166
|
-
} }, toggleProps),
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
} }, (_a = initialOptions.find((o) => o.value === selection)) === null || _a === void 0 ? void 0 : _a.content));
|
|
175
|
-
}))),
|
|
176
|
-
React.createElement(TextInputGroupUtilities, Object.assign({}, (selected.length === 0 ? { style: { display: 'none' } } : {})),
|
|
177
|
-
React.createElement(Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value" },
|
|
178
|
-
React.createElement(TimesIcon, null))))));
|
|
179
|
-
return (React.createElement(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
|
|
167
|
+
} }, toggleProps, { children: _jsxs(TextInputGroup, { isPlain: true, children: [_jsx(TextInputGroupMain, Object.assign({ value: inputValue, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItemId && { 'aria-activedescendant': activeItemId }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox", children: _jsx(LabelGroup, { "aria-label": "Current selections", children: selected.map((selection, index) => {
|
|
168
|
+
var _a;
|
|
169
|
+
return (_jsx(Label, { "datatest-id": `${selection}-chip`, onClick: (ev) => {
|
|
170
|
+
ev.stopPropagation();
|
|
171
|
+
clearOption(ev, selection);
|
|
172
|
+
}, children: (_a = initialOptions.find((o) => o.value === selection)) === null || _a === void 0 ? void 0 : _a.content }, index));
|
|
173
|
+
}) }) })), _jsx(TextInputGroupUtilities, Object.assign({}, (selected.length === 0 ? { style: { display: 'none' } } : {}), { children: _jsx(Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value", children: _jsx(TimesIcon, {}) }) }))] }) })));
|
|
174
|
+
return (_jsx(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
|
|
180
175
|
!isOpen && closeMenu();
|
|
181
|
-
}, toggle: toggle, variant: "typeahead", ref: innerRef }, props)
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
}))));
|
|
176
|
+
}, toggle: toggle, variant: "typeahead", ref: innerRef }, props, { children: _jsx(SelectList, { children: selectOptions.map((option, index) => {
|
|
177
|
+
const { content, value } = option, props = __rest(option, ["content", "value"]);
|
|
178
|
+
return (_jsx(SelectOption, Object.assign({ value: value, isFocused: focusedItemIndex === index }, props, { children: content }), value));
|
|
179
|
+
}) }) })));
|
|
186
180
|
};
|
|
187
181
|
MultiTypeaheadSelectBase.displayName = 'MultiTypeaheadSelectBase';
|
|
188
|
-
export const MultiTypeaheadSelect = React.forwardRef((props, ref) => (
|
|
182
|
+
export const MultiTypeaheadSelect = React.forwardRef((props, ref) => (_jsx(MultiTypeaheadSelectBase, Object.assign({}, props, { innerRef: ref }))));
|
|
189
183
|
MultiTypeaheadSelect.displayName = 'MultiTypeaheadSelect';
|
|
190
184
|
//# sourceMappingURL=MultiTypeaheadSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiTypeaheadSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/MultiTypeaheadSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MultiTypeaheadSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/MultiTypeaheadSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { Select, SelectList, SelectOption } from '@patternfly/react-core/dist/esm/components/Select';
|
|
4
5
|
import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle';
|
|
@@ -13,7 +14,7 @@ const SimpleSelectBase = (_a) => {
|
|
|
13
14
|
const simpleSelectOptions = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.map((option) => {
|
|
14
15
|
const { content, value } = option, props = __rest(option, ["content", "value"]);
|
|
15
16
|
const isSelected = (selected === null || selected === void 0 ? void 0 : selected.value) === value;
|
|
16
|
-
return (
|
|
17
|
+
return (_jsx(SelectOption, Object.assign({ value: value, isSelected: isSelected }, props, { children: content }), value));
|
|
17
18
|
});
|
|
18
19
|
const onToggleClick = () => {
|
|
19
20
|
onToggle && onToggle(!isOpen);
|
|
@@ -25,15 +26,14 @@ const SimpleSelectBase = (_a) => {
|
|
|
25
26
|
onToggle && onToggle(true);
|
|
26
27
|
setIsOpen(false);
|
|
27
28
|
};
|
|
28
|
-
const toggle = (toggleRef) => (
|
|
29
|
+
const toggle = (toggleRef) => (_jsx(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
|
|
29
30
|
width: toggleWidth
|
|
30
|
-
} }, toggleProps
|
|
31
|
-
return (
|
|
31
|
+
} }, toggleProps, { children: toggleContent ? toggleContent : (selected === null || selected === void 0 ? void 0 : selected.content) || placeholder })));
|
|
32
|
+
return (_jsx(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
|
|
32
33
|
onToggle && onToggle(isOpen);
|
|
33
34
|
setIsOpen(isOpen);
|
|
34
|
-
}, toggle: toggle, shouldFocusToggleOnSelect: true, ref: innerRef }, props)
|
|
35
|
-
React.createElement(SelectList, null, simpleSelectOptions)));
|
|
35
|
+
}, toggle: toggle, shouldFocusToggleOnSelect: true, ref: innerRef }, props, { children: _jsx(SelectList, { children: simpleSelectOptions }) })));
|
|
36
36
|
};
|
|
37
|
-
export const SimpleSelect = React.forwardRef((props, ref) => (
|
|
37
|
+
export const SimpleSelect = React.forwardRef((props, ref) => (_jsx(SimpleSelectBase, Object.assign({}, props, { innerRef: ref }))));
|
|
38
38
|
SimpleSelect.displayName = 'SimpleSelect';
|
|
39
39
|
//# sourceMappingURL=SimpleSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/SimpleSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/SimpleSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { __rest } from "tslib";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import React from 'react';
|
|
3
4
|
import { Button } from '@patternfly/react-core/dist/esm/components/Button';
|
|
4
5
|
import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle';
|
|
@@ -201,22 +202,17 @@ export const TypeaheadSelectBase = (_a) => {
|
|
|
201
202
|
(_a = textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
202
203
|
onClearSelection && onClearSelection();
|
|
203
204
|
};
|
|
204
|
-
const toggle = (toggleRef) => (
|
|
205
|
+
const toggle = (toggleRef) => (_jsx(MenuToggle, Object.assign({ ref: toggleRef, variant: "typeahead", "aria-label": "Typeahead menu toggle", onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, style: {
|
|
205
206
|
width: toggleWidth
|
|
206
|
-
} }, toggleProps),
|
|
207
|
-
|
|
208
|
-
React.createElement(TextInputGroupMain, Object.assign({ value: inputValue, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItemId && { 'aria-activedescendant': activeItemId }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" })),
|
|
209
|
-
React.createElement(TextInputGroupUtilities, Object.assign({}, (!inputValue ? { style: { display: 'none' } } : {})),
|
|
210
|
-
React.createElement(Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value", icon: React.createElement(TimesIcon, null) })))));
|
|
211
|
-
return (React.createElement(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
|
|
207
|
+
} }, toggleProps, { children: _jsxs(TextInputGroup, { isPlain: true, children: [_jsx(TextInputGroupMain, Object.assign({ value: inputValue, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItemId && { 'aria-activedescendant': activeItemId }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox" })), _jsx(TextInputGroupUtilities, Object.assign({}, (!inputValue ? { style: { display: 'none' } } : {}), { children: _jsx(Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value", icon: _jsx(TimesIcon, {}) }) }))] }) })));
|
|
208
|
+
return (_jsx(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
|
|
212
209
|
!isOpen && closeMenu();
|
|
213
|
-
}, toggle: toggle, variant: "typeahead", ref: innerRef }, props)
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
}))));
|
|
210
|
+
}, toggle: toggle, variant: "typeahead", ref: innerRef }, props, { children: _jsx(SelectList, { children: selectOptions.map((option, index) => {
|
|
211
|
+
const { content, value } = option, props = __rest(option, ["content", "value"]);
|
|
212
|
+
return (_jsx(SelectOption, Object.assign({ value: value, isFocused: focusedItemIndex === index }, props, { children: content }), value));
|
|
213
|
+
}) }) })));
|
|
218
214
|
};
|
|
219
215
|
TypeaheadSelectBase.displayName = 'TypeaheadSelectBase';
|
|
220
|
-
export const TypeaheadSelect = React.forwardRef((props, ref) => (
|
|
216
|
+
export const TypeaheadSelect = React.forwardRef((props, ref) => (_jsx(TypeaheadSelectBase, Object.assign({}, props, { innerRef: ref }))));
|
|
221
217
|
TypeaheadSelect.displayName = 'TypeaheadSelect';
|
|
222
218
|
//# sourceMappingURL=TypeaheadSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TypeaheadSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/TypeaheadSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TypeaheadSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/TypeaheadSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.SimpleDropdown = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
7
|
const Dropdown_1 = require('@patternfly/react-core/dist/js/components/Dropdown');
|
|
7
8
|
const MenuToggle_1 = require('@patternfly/react-core/dist/js/components/MenuToggle');
|
|
@@ -18,19 +19,18 @@ const SimpleDropdownBase = (_a) => {
|
|
|
18
19
|
onToggleProp && onToggleProp(!isOpen);
|
|
19
20
|
setIsOpen(!isOpen);
|
|
20
21
|
};
|
|
21
|
-
const dropdownToggle = (toggleRef) => (
|
|
22
|
+
const dropdownToggle = (toggleRef) => ((0, jsx_runtime_1.jsx)(MenuToggle_1.MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggle, isExpanded: isOpen, isDisabled: isDisabled, variant: toggleVariant, "aria-label": toggleAriaLabel, isFullWidth: isToggleFullWidth, style: {
|
|
22
23
|
width: toggleWidth
|
|
23
|
-
} }, toggleProps
|
|
24
|
+
} }, toggleProps, { children: toggleContent })));
|
|
24
25
|
const dropdownSimpleItems = initialItems === null || initialItems === void 0 ? void 0 : initialItems.map((item) => {
|
|
25
26
|
const { content, onClick, to, value, isDivider } = item, itemProps = tslib_1.__rest(item, ["content", "onClick", "to", "value", "isDivider"]);
|
|
26
|
-
return isDivider ? (
|
|
27
|
+
return isDivider ? ((0, jsx_runtime_1.jsx)(Divider_1.Divider, { component: "li" }, value)) : ((0, jsx_runtime_1.jsx)(Dropdown_1.DropdownItem, Object.assign({ onClick: onClick, to: to, value: value }, itemProps, { children: content }), value));
|
|
27
28
|
});
|
|
28
|
-
return (
|
|
29
|
+
return ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, Object.assign({ toggle: dropdownToggle, isOpen: isOpen, onSelect: onSelect, shouldFocusToggleOnSelect: shouldFocusToggleOnSelect, onOpenChange: (isOpen) => {
|
|
29
30
|
onToggleProp && onToggleProp(isOpen);
|
|
30
31
|
setIsOpen(isOpen);
|
|
31
|
-
}, ref: innerRef }, props),
|
|
32
|
-
react_1.default.createElement(Dropdown_1.DropdownList, null, dropdownSimpleItems)));
|
|
32
|
+
}, ref: innerRef }, props, { children: (0, jsx_runtime_1.jsx)(Dropdown_1.DropdownList, { children: dropdownSimpleItems }) })));
|
|
33
33
|
};
|
|
34
|
-
exports.SimpleDropdown = react_1.default.forwardRef((props, ref) => (
|
|
34
|
+
exports.SimpleDropdown = react_1.default.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(SimpleDropdownBase, Object.assign({}, props, { innerRef: ref }))));
|
|
35
35
|
exports.SimpleDropdown.displayName = 'SimpleDropdown';
|
|
36
36
|
//# sourceMappingURL=SimpleDropdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":";;;;;AAAA,0DAA0B;;;;AAwD1B,MAAM,kBAAkB,GAAiD,CAAC,EAcpD,EAAE,EAAE;QAdgD,EACxE,QAAQ,EACR,YAAY,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,YAAY,EACtB,UAAU,EACV,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,aAAa,GAAG,SAAS,EACzB,WAAW,EACX,WAAW,EACX,yBAAyB,OAEL,EADjB,KAAK,sBAbgE,uMAczE,CADS;IAER,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,KAA4C,EAAE,KAAsB,EAAE,EAAE;QACxF,YAAY,IAAI,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QAC3C,YAAY,IAAI,YAAY,CAAC,KAAK,CAAC,CAAC;QACpC,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,YAAY,IAAI,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC;QACtC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAC,SAAuC,EAAE,EAAE,CAAC,CAClE,uBAAC,uBAAU,kBACT,GAAG,EAAE,SAAS,EACd,OAAO,EAAE,QAAQ,EACjB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,aAAa,gBACV,eAAe,EAC3B,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EACH;YACE,KAAK,EAAE,WAAW;SACI,IAEtB,WAAW,cAEd,aAAa,IACH,CACd,CAAC;IAEF,MAAM,mBAAmB,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QACrD,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,KAAmB,IAAI,EAAlB,SAAS,kBAAK,IAAI,EAA/D,kDAAwD,CAAO,CAAC;QAEtE,OAAO,SAAS,CAAC,CAAC,CAAC,CACjB,uBAAC,iBAAO,IAAC,SAAS,EAAC,IAAI,IAAM,KAAK,CAAI,CACvC,CAAC,CAAC,CAAC,CACF,uBAAC,uBAAY,kBAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,EAAc,KAAK,EAAE,KAAK,IAAM,SAAS,cAC5E,OAAO,KADmC,KAAK,CAEnC,CAChB,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,mBAAQ,kBACP,MAAM,EAAE,cAAc,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,yBAAyB,EAAE,yBAAyB,EACpD,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE;YACvB,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC,CAAC;YACrC,SAAS,CAAC,MAAM,CAAC,CAAC;QACpB,CAAC,EACD,GAAG,EAAE,QAAQ,IACT,KAAK,cAET,uBAAC,uBAAY,cAAE,mBAAmB,GAAgB,IACzC,CACZ,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAAC,CAAC,KAA0B,EAAE,GAAmB,EAAE,EAAE,CAAC,CAClG,uBAAC,kBAAkB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CACjD,CAAC,CAAC;AAEH,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.CheckboxSelect = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
7
|
const Badge_1 = require('@patternfly/react-core/dist/js/components/Badge');
|
|
7
8
|
const MenuToggle_1 = require('@patternfly/react-core/dist/js/components/MenuToggle');
|
|
@@ -18,7 +19,7 @@ const CheckboxSelectBase = (_a) => {
|
|
|
18
19
|
const checkboxSelectOptions = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.map((option) => {
|
|
19
20
|
const { content, value } = option, props = tslib_1.__rest(option, ["content", "value"]);
|
|
20
21
|
const isSelected = selected.includes(`${value}`);
|
|
21
|
-
return (
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(Select_1.SelectOption, Object.assign({ value: value, hasCheckbox: true, isSelected: isSelected }, props, { children: content }), value));
|
|
22
23
|
});
|
|
23
24
|
const onToggleClick = () => {
|
|
24
25
|
onToggle && onToggle(!isOpen);
|
|
@@ -34,17 +35,14 @@ const CheckboxSelectBase = (_a) => {
|
|
|
34
35
|
}
|
|
35
36
|
passedOnSelect && passedOnSelect(event, value);
|
|
36
37
|
};
|
|
37
|
-
const defaultToggleContent = (
|
|
38
|
-
|
|
39
|
-
selected.length > 0 && react_1.default.createElement(Badge_1.Badge, { isRead: true }, selected.length)));
|
|
40
|
-
const toggle = (toggleRef) => (react_1.default.createElement(MenuToggle_1.MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
|
|
38
|
+
const defaultToggleContent = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Filter by status", selected.length > 0 && (0, jsx_runtime_1.jsx)(Badge_1.Badge, { isRead: true, children: selected.length })] }));
|
|
39
|
+
const toggle = (toggleRef) => ((0, jsx_runtime_1.jsx)(MenuToggle_1.MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
|
|
41
40
|
width: toggleWidth
|
|
42
|
-
} }, toggleProps
|
|
43
|
-
return (
|
|
41
|
+
} }, toggleProps, { children: toggleContent || defaultToggleContent })));
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(Select_1.Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: (isOpen) => {
|
|
44
43
|
onToggle && onToggle(isOpen);
|
|
45
44
|
setIsOpen(isOpen);
|
|
46
|
-
}, toggle: toggle, ref: innerRef, role: "menu" }, props),
|
|
47
|
-
react_1.default.createElement(Select_1.SelectList, null, checkboxSelectOptions)));
|
|
45
|
+
}, toggle: toggle, ref: innerRef, role: "menu" }, props, { children: (0, jsx_runtime_1.jsx)(Select_1.SelectList, { children: checkboxSelectOptions }) })));
|
|
48
46
|
};
|
|
49
|
-
exports.CheckboxSelect = react_1.default.forwardRef((props, ref) => (
|
|
47
|
+
exports.CheckboxSelect = react_1.default.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(CheckboxSelectBase, Object.assign({}, props, { innerRef: ref }))));
|
|
50
48
|
//# sourceMappingURL=CheckboxSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.MultiTypeaheadSelect = exports.MultiTypeaheadSelectBase = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
6
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
7
|
const Button_1 = require('@patternfly/react-core/dist/js/components/Button');
|
|
7
8
|
const Label_1 = require('@patternfly/react-core/dist/js/components/Label');
|
|
@@ -164,31 +165,24 @@ const MultiTypeaheadSelectBase = (_a) => {
|
|
|
164
165
|
(_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
165
166
|
onSelectionChange && onSelectionChange(ev, []);
|
|
166
167
|
};
|
|
167
|
-
const toggle = (toggleRef) => (
|
|
168
|
+
const toggle = (toggleRef) => ((0, jsx_runtime_1.jsx)(MenuToggle_1.MenuToggle, Object.assign({ ref: toggleRef, variant: "typeahead", "aria-label": "Multi select Typeahead menu toggle", onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, isFullWidth: true, style: {
|
|
168
169
|
width: toggleWidth
|
|
169
|
-
} }, toggleProps),
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
} }, (_a = initialOptions.find((o) => o.value === selection)) === null || _a === void 0 ? void 0 : _a.content));
|
|
178
|
-
}))),
|
|
179
|
-
react_1.default.createElement(TextInputGroup_1.TextInputGroupUtilities, Object.assign({}, (selected.length === 0 ? { style: { display: 'none' } } : {})),
|
|
180
|
-
react_1.default.createElement(Button_1.Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value" },
|
|
181
|
-
react_1.default.createElement(times_icon_1.default, null))))));
|
|
182
|
-
return (react_1.default.createElement(Select_1.Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
|
|
170
|
+
} }, toggleProps, { children: (0, jsx_runtime_1.jsxs)(TextInputGroup_1.TextInputGroup, { isPlain: true, children: [(0, jsx_runtime_1.jsx)(TextInputGroup_1.TextInputGroupMain, Object.assign({ value: inputValue, onClick: onInputClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: placeholder }, (activeItemId && { 'aria-activedescendant': activeItemId }), { role: "combobox", isExpanded: isOpen, "aria-controls": "select-typeahead-listbox", children: (0, jsx_runtime_1.jsx)(Label_1.LabelGroup, { "aria-label": "Current selections", children: selected.map((selection, index) => {
|
|
171
|
+
var _a;
|
|
172
|
+
return ((0, jsx_runtime_1.jsx)(Label_1.Label, { "datatest-id": `${selection}-chip`, onClick: (ev) => {
|
|
173
|
+
ev.stopPropagation();
|
|
174
|
+
clearOption(ev, selection);
|
|
175
|
+
}, children: (_a = initialOptions.find((o) => o.value === selection)) === null || _a === void 0 ? void 0 : _a.content }, index));
|
|
176
|
+
}) }) })), (0, jsx_runtime_1.jsx)(TextInputGroup_1.TextInputGroupUtilities, Object.assign({}, (selected.length === 0 ? { style: { display: 'none' } } : {}), { children: (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "plain", onClick: onClearButtonClick, "aria-label": "Clear input value", children: (0, jsx_runtime_1.jsx)(times_icon_1.default, {}) }) }))] }) })));
|
|
177
|
+
return ((0, jsx_runtime_1.jsx)(Select_1.Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: _onSelect, onOpenChange: (isOpen) => {
|
|
183
178
|
!isOpen && closeMenu();
|
|
184
|
-
}, toggle: toggle, variant: "typeahead", ref: innerRef }, props),
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
}))));
|
|
179
|
+
}, toggle: toggle, variant: "typeahead", ref: innerRef }, props, { children: (0, jsx_runtime_1.jsx)(Select_1.SelectList, { children: selectOptions.map((option, index) => {
|
|
180
|
+
const { content, value } = option, props = tslib_1.__rest(option, ["content", "value"]);
|
|
181
|
+
return ((0, jsx_runtime_1.jsx)(Select_1.SelectOption, Object.assign({ value: value, isFocused: focusedItemIndex === index }, props, { children: content }), value));
|
|
182
|
+
}) }) })));
|
|
189
183
|
};
|
|
190
184
|
exports.MultiTypeaheadSelectBase = MultiTypeaheadSelectBase;
|
|
191
185
|
exports.MultiTypeaheadSelectBase.displayName = 'MultiTypeaheadSelectBase';
|
|
192
|
-
exports.MultiTypeaheadSelect = react_1.default.forwardRef((props, ref) => (
|
|
186
|
+
exports.MultiTypeaheadSelect = react_1.default.forwardRef((props, ref) => ((0, jsx_runtime_1.jsx)(exports.MultiTypeaheadSelectBase, Object.assign({}, props, { innerRef: ref }))));
|
|
193
187
|
exports.MultiTypeaheadSelect.displayName = 'MultiTypeaheadSelect';
|
|
194
188
|
//# sourceMappingURL=MultiTypeaheadSelect.js.map
|