@patternfly/react-core 5.0.0-alpha.107 → 5.0.0-alpha.108
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 +6 -0
- package/dist/esm/components/AboutModal/package.json +1 -1
- package/dist/esm/components/Accordion/package.json +1 -1
- package/dist/esm/components/ActionList/package.json +1 -1
- package/dist/esm/components/Alert/package.json +1 -1
- package/dist/esm/components/Avatar/package.json +1 -1
- package/dist/esm/components/BackToTop/package.json +1 -1
- package/dist/esm/components/Backdrop/package.json +1 -1
- package/dist/esm/components/BackgroundImage/package.json +1 -1
- package/dist/esm/components/Badge/package.json +1 -1
- package/dist/esm/components/Banner/package.json +1 -1
- package/dist/esm/components/Brand/package.json +1 -1
- package/dist/esm/components/Breadcrumb/package.json +1 -1
- package/dist/esm/components/Button/package.json +1 -1
- package/dist/esm/components/CalendarMonth/package.json +1 -1
- package/dist/esm/components/Card/package.json +1 -1
- package/dist/esm/components/Checkbox/package.json +1 -1
- package/dist/esm/components/Chip/package.json +1 -1
- package/dist/esm/components/ClipboardCopy/package.json +1 -1
- package/dist/esm/components/CodeBlock/package.json +1 -1
- package/dist/esm/components/DataList/package.json +1 -1
- package/dist/esm/components/DatePicker/package.json +1 -1
- package/dist/esm/components/DescriptionList/package.json +1 -1
- package/dist/esm/components/Divider/package.json +1 -1
- package/dist/esm/components/DragDrop/package.json +1 -1
- package/dist/esm/components/Drawer/package.json +1 -1
- package/dist/esm/components/Dropdown/Dropdown.d.ts +11 -3
- package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +11 -5
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Dropdown/package.json +1 -1
- package/dist/esm/components/DualListSelector/package.json +1 -1
- package/dist/esm/components/EmptyState/package.json +1 -1
- package/dist/esm/components/ExpandableSection/package.json +1 -1
- package/dist/esm/components/FileUpload/package.json +1 -1
- package/dist/esm/components/Form/package.json +1 -1
- package/dist/esm/components/FormSelect/package.json +1 -1
- package/dist/esm/components/HelperText/package.json +1 -1
- package/dist/esm/components/Hint/package.json +1 -1
- package/dist/esm/components/Icon/package.json +1 -1
- package/dist/esm/components/InputGroup/package.json +1 -1
- package/dist/esm/components/JumpLinks/package.json +1 -1
- package/dist/esm/components/Label/package.json +1 -1
- package/dist/esm/components/List/package.json +1 -1
- package/dist/esm/components/LoginPage/package.json +1 -1
- package/dist/esm/components/Masthead/package.json +1 -1
- package/dist/esm/components/Menu/package.json +1 -1
- package/dist/esm/components/MenuToggle/package.json +1 -1
- package/dist/esm/components/Modal/package.json +1 -1
- package/dist/esm/components/MultipleFileUpload/package.json +1 -1
- package/dist/esm/components/Nav/package.json +1 -1
- package/dist/esm/components/NotificationBadge/package.json +1 -1
- package/dist/esm/components/NotificationDrawer/package.json +1 -1
- package/dist/esm/components/NumberInput/package.json +1 -1
- package/dist/esm/components/OverflowMenu/package.json +1 -1
- package/dist/esm/components/Page/package.json +1 -1
- package/dist/esm/components/Pagination/package.json +1 -1
- package/dist/esm/components/Panel/package.json +1 -1
- package/dist/esm/components/Popover/package.json +1 -1
- package/dist/esm/components/Progress/package.json +1 -1
- package/dist/esm/components/ProgressStepper/package.json +1 -1
- package/dist/esm/components/Radio/package.json +1 -1
- package/dist/esm/components/SearchInput/package.json +1 -1
- package/dist/esm/components/Select/Select.d.ts +31 -5
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +16 -10
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Select/SelectGroup.d.ts +3 -0
- package/dist/esm/components/Select/SelectGroup.d.ts.map +1 -1
- package/dist/esm/components/Select/SelectGroup.js.map +1 -1
- package/dist/esm/components/Select/SelectOption.d.ts +14 -1
- package/dist/esm/components/Select/SelectOption.d.ts.map +1 -1
- package/dist/esm/components/Select/SelectOption.js +4 -3
- package/dist/esm/components/Select/SelectOption.js.map +1 -1
- package/dist/esm/components/Select/package.json +1 -1
- package/dist/esm/components/Sidebar/package.json +1 -1
- package/dist/esm/components/SimpleList/package.json +1 -1
- package/dist/esm/components/Skeleton/package.json +1 -1
- package/dist/esm/components/SkipToContent/package.json +1 -1
- package/dist/esm/components/Slider/package.json +1 -1
- package/dist/esm/components/Spinner/package.json +1 -1
- package/dist/esm/components/Switch/package.json +1 -1
- package/dist/esm/components/Tabs/package.json +1 -1
- package/dist/esm/components/Text/package.json +1 -1
- package/dist/esm/components/TextArea/package.json +1 -1
- package/dist/esm/components/TextInput/package.json +1 -1
- package/dist/esm/components/TextInputGroup/package.json +1 -1
- package/dist/esm/components/Tile/package.json +1 -1
- package/dist/esm/components/TimePicker/package.json +1 -1
- package/dist/esm/components/Timestamp/package.json +1 -1
- package/dist/esm/components/Title/package.json +1 -1
- package/dist/esm/components/ToggleGroup/package.json +1 -1
- package/dist/esm/components/Toolbar/package.json +1 -1
- package/dist/esm/components/Tooltip/package.json +1 -1
- package/dist/esm/components/TreeView/package.json +1 -1
- package/dist/esm/components/Truncate/package.json +1 -1
- package/dist/esm/components/Wizard/hooks/package.json +1 -1
- package/dist/esm/components/Wizard/package.json +1 -1
- package/dist/esm/components/package.json +1 -1
- package/dist/esm/deprecated/components/ApplicationLauncher/package.json +1 -1
- package/dist/esm/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/esm/deprecated/components/Dropdown/package.json +1 -1
- package/dist/esm/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/esm/deprecated/components/PageHeader/package.json +1 -1
- package/dist/esm/deprecated/components/Select/package.json +1 -1
- package/dist/esm/deprecated/components/Wizard/package.json +1 -1
- package/dist/esm/deprecated/components/package.json +1 -1
- package/dist/esm/deprecated/package.json +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/thirdparty/popper-core/package.json +1 -1
- package/dist/esm/helpers/package.json +1 -1
- package/dist/esm/layouts/Bullseye/package.json +1 -1
- package/dist/esm/layouts/Flex/package.json +1 -1
- package/dist/esm/layouts/Gallery/package.json +1 -1
- package/dist/esm/layouts/Grid/package.json +1 -1
- package/dist/esm/layouts/Level/package.json +1 -1
- package/dist/esm/layouts/Split/package.json +1 -1
- package/dist/esm/layouts/Stack/package.json +1 -1
- package/dist/esm/layouts/package.json +1 -1
- package/dist/esm/next/components/package.json +1 -1
- package/dist/esm/next/package.json +1 -1
- package/dist/esm/package.json +1 -1
- package/dist/js/components/AboutModal/package.json +1 -1
- package/dist/js/components/Accordion/package.json +1 -1
- package/dist/js/components/ActionList/package.json +1 -1
- package/dist/js/components/Alert/package.json +1 -1
- package/dist/js/components/Avatar/package.json +1 -1
- package/dist/js/components/BackToTop/package.json +1 -1
- package/dist/js/components/Backdrop/package.json +1 -1
- package/dist/js/components/BackgroundImage/package.json +1 -1
- package/dist/js/components/Badge/package.json +1 -1
- package/dist/js/components/Banner/package.json +1 -1
- package/dist/js/components/Brand/package.json +1 -1
- package/dist/js/components/Breadcrumb/package.json +1 -1
- package/dist/js/components/Button/package.json +1 -1
- package/dist/js/components/CalendarMonth/package.json +1 -1
- package/dist/js/components/Card/package.json +1 -1
- package/dist/js/components/Checkbox/package.json +1 -1
- package/dist/js/components/Chip/package.json +1 -1
- package/dist/js/components/ClipboardCopy/package.json +1 -1
- package/dist/js/components/CodeBlock/package.json +1 -1
- package/dist/js/components/DataList/package.json +1 -1
- package/dist/js/components/DatePicker/package.json +1 -1
- package/dist/js/components/DescriptionList/package.json +1 -1
- package/dist/js/components/Divider/package.json +1 -1
- package/dist/js/components/DragDrop/package.json +1 -1
- package/dist/js/components/Drawer/package.json +1 -1
- package/dist/js/components/Dropdown/Dropdown.d.ts +11 -3
- package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.js +11 -5
- package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/components/Dropdown/package.json +1 -1
- package/dist/js/components/DualListSelector/package.json +1 -1
- package/dist/js/components/EmptyState/package.json +1 -1
- package/dist/js/components/ExpandableSection/package.json +1 -1
- package/dist/js/components/FileUpload/package.json +1 -1
- package/dist/js/components/Form/package.json +1 -1
- package/dist/js/components/FormSelect/package.json +1 -1
- package/dist/js/components/HelperText/package.json +1 -1
- package/dist/js/components/Hint/package.json +1 -1
- package/dist/js/components/Icon/package.json +1 -1
- package/dist/js/components/InputGroup/package.json +1 -1
- package/dist/js/components/JumpLinks/package.json +1 -1
- package/dist/js/components/Label/package.json +1 -1
- package/dist/js/components/List/package.json +1 -1
- package/dist/js/components/LoginPage/package.json +1 -1
- package/dist/js/components/Masthead/package.json +1 -1
- package/dist/js/components/Menu/package.json +1 -1
- package/dist/js/components/MenuToggle/package.json +1 -1
- package/dist/js/components/Modal/package.json +1 -1
- package/dist/js/components/MultipleFileUpload/package.json +1 -1
- package/dist/js/components/Nav/package.json +1 -1
- package/dist/js/components/NotificationBadge/package.json +1 -1
- package/dist/js/components/NotificationDrawer/package.json +1 -1
- package/dist/js/components/NumberInput/package.json +1 -1
- package/dist/js/components/OverflowMenu/package.json +1 -1
- package/dist/js/components/Page/package.json +1 -1
- package/dist/js/components/Pagination/package.json +1 -1
- package/dist/js/components/Panel/package.json +1 -1
- package/dist/js/components/Popover/package.json +1 -1
- package/dist/js/components/Progress/package.json +1 -1
- package/dist/js/components/ProgressStepper/package.json +1 -1
- package/dist/js/components/Radio/package.json +1 -1
- package/dist/js/components/SearchInput/package.json +1 -1
- package/dist/js/components/Select/Select.d.ts +31 -5
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +16 -10
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/Select/SelectGroup.d.ts +3 -0
- package/dist/js/components/Select/SelectGroup.d.ts.map +1 -1
- package/dist/js/components/Select/SelectGroup.js.map +1 -1
- package/dist/js/components/Select/SelectOption.d.ts +14 -1
- package/dist/js/components/Select/SelectOption.d.ts.map +1 -1
- package/dist/js/components/Select/SelectOption.js +4 -4
- package/dist/js/components/Select/SelectOption.js.map +1 -1
- package/dist/js/components/Select/package.json +1 -1
- package/dist/js/components/Sidebar/package.json +1 -1
- package/dist/js/components/SimpleList/package.json +1 -1
- package/dist/js/components/Skeleton/package.json +1 -1
- package/dist/js/components/SkipToContent/package.json +1 -1
- package/dist/js/components/Slider/package.json +1 -1
- package/dist/js/components/Spinner/package.json +1 -1
- package/dist/js/components/Switch/package.json +1 -1
- package/dist/js/components/Tabs/package.json +1 -1
- package/dist/js/components/Text/package.json +1 -1
- package/dist/js/components/TextArea/package.json +1 -1
- package/dist/js/components/TextInput/package.json +1 -1
- package/dist/js/components/TextInputGroup/package.json +1 -1
- package/dist/js/components/Tile/package.json +1 -1
- package/dist/js/components/TimePicker/package.json +1 -1
- package/dist/js/components/Timestamp/package.json +1 -1
- package/dist/js/components/Title/package.json +1 -1
- package/dist/js/components/ToggleGroup/package.json +1 -1
- package/dist/js/components/Toolbar/package.json +1 -1
- package/dist/js/components/Tooltip/package.json +1 -1
- package/dist/js/components/TreeView/package.json +1 -1
- package/dist/js/components/Truncate/package.json +1 -1
- package/dist/js/components/Wizard/hooks/package.json +1 -1
- package/dist/js/components/Wizard/package.json +1 -1
- package/dist/js/components/package.json +1 -1
- package/dist/js/deprecated/components/ApplicationLauncher/package.json +1 -1
- package/dist/js/deprecated/components/ContextSelector/package.json +1 -1
- package/dist/js/deprecated/components/Dropdown/package.json +1 -1
- package/dist/js/deprecated/components/OptionsMenu/package.json +1 -1
- package/dist/js/deprecated/components/PageHeader/package.json +1 -1
- package/dist/js/deprecated/components/Select/package.json +1 -1
- package/dist/js/deprecated/components/Wizard/package.json +1 -1
- package/dist/js/deprecated/components/package.json +1 -1
- package/dist/js/deprecated/package.json +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/thirdparty/popper-core/package.json +1 -1
- package/dist/js/helpers/package.json +1 -1
- package/dist/js/layouts/Bullseye/package.json +1 -1
- package/dist/js/layouts/Flex/package.json +1 -1
- package/dist/js/layouts/Gallery/package.json +1 -1
- package/dist/js/layouts/Grid/package.json +1 -1
- package/dist/js/layouts/Level/package.json +1 -1
- package/dist/js/layouts/Split/package.json +1 -1
- package/dist/js/layouts/Stack/package.json +1 -1
- package/dist/js/layouts/package.json +1 -1
- package/dist/js/next/components/package.json +1 -1
- package/dist/js/next/package.json +1 -1
- package/dist/js/package.json +1 -1
- package/dist/umd/react-core.min.js +2 -2
- package/package.json +2 -2
- package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.test.tsx.snap +27 -29
- package/src/components/Dropdown/Dropdown.tsx +25 -11
- package/src/components/Dropdown/examples/Dropdown.md +10 -1
- package/src/components/Dropdown/examples/DropdownBasic.tsx +2 -6
- package/src/components/Dropdown/examples/DropdownWithDescriptions.tsx +2 -6
- package/src/components/Dropdown/examples/DropdownWithGroups.tsx +2 -6
- package/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx +2 -6
- package/src/components/Select/Select.tsx +62 -24
- package/src/components/Select/SelectGroup.tsx +3 -0
- package/src/components/Select/SelectOption.tsx +22 -2
- package/src/components/Select/examples/Select.md +49 -2
- package/src/components/Select/examples/SelectBasic.tsx +27 -17
- package/src/components/Select/examples/SelectCheckbox.tsx +1 -3
- package/src/components/Select/examples/SelectFooter.tsx +57 -0
- package/src/components/Select/examples/SelectGrouped.tsx +14 -6
- package/src/components/Select/examples/SelectMultiTypeahead.tsx +7 -12
- package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +204 -0
- package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +222 -0
- package/src/components/Select/examples/SelectOptionVariations.tsx +70 -0
- package/src/components/Select/examples/SelectTypeahead.tsx +13 -13
- package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +220 -0
- package/src/components/Select/examples/SelectViewMore.tsx +146 -0
- package/src/demos/ComposableMenu/ComposableMenu.md +14 -0
- package/src/helpers/Popper/Popper.tsx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,12 @@
|
|
|
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
|
+
# [5.0.0-alpha.108](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.107...@patternfly/react-core@5.0.0-alpha.108) (2023-05-18)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **Select:** add examples, add popper interface, fix focus ([#8992](https://github.com/patternfly/patternfly-react/issues/8992)) ([4b296dd](https://github.com/patternfly/patternfly-react/commit/4b296dda2af3d1a54c2d86d0d3311f6afd282790))
|
|
11
|
+
|
|
6
12
|
# [5.0.0-alpha.107](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.106...@patternfly/react-core@5.0.0-alpha.107) (2023-05-17)
|
|
7
13
|
|
|
8
14
|
### Bug Fixes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-aboutmodal-esm","main":"index.js","module":"./dist/esm/components/AboutModal/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-aboutmodal-esm","main":"index.js","module":"./dist/esm/components/AboutModal/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-accordion-esm","main":"index.js","module":"./dist/esm/components/Accordion/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-accordion-esm","main":"index.js","module":"./dist/esm/components/Accordion/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-actionlist-esm","main":"index.js","module":"./dist/esm/components/ActionList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-actionlist-esm","main":"index.js","module":"./dist/esm/components/ActionList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-alert-esm","main":"index.js","module":"./dist/esm/components/Alert/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-alert-esm","main":"index.js","module":"./dist/esm/components/Alert/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-avatar-esm","main":"index.js","module":"./dist/esm/components/Avatar/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-avatar-esm","main":"index.js","module":"./dist/esm/components/Avatar/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-backtotop-esm","main":"index.js","module":"./dist/esm/components/BackToTop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-backtotop-esm","main":"index.js","module":"./dist/esm/components/BackToTop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-backdrop-esm","main":"index.js","module":"./dist/esm/components/Backdrop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-backdrop-esm","main":"index.js","module":"./dist/esm/components/Backdrop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-backgroundimage-esm","main":"index.js","module":"./dist/esm/components/BackgroundImage/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-backgroundimage-esm","main":"index.js","module":"./dist/esm/components/BackgroundImage/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-badge-esm","main":"index.js","module":"./dist/esm/components/Badge/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-badge-esm","main":"index.js","module":"./dist/esm/components/Badge/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-banner-esm","main":"index.js","module":"./dist/esm/components/Banner/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-banner-esm","main":"index.js","module":"./dist/esm/components/Banner/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-brand-esm","main":"index.js","module":"./dist/esm/components/Brand/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-brand-esm","main":"index.js","module":"./dist/esm/components/Brand/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-breadcrumb-esm","main":"index.js","module":"./dist/esm/components/Breadcrumb/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-breadcrumb-esm","main":"index.js","module":"./dist/esm/components/Breadcrumb/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-button-esm","main":"index.js","module":"./dist/esm/components/Button/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-button-esm","main":"index.js","module":"./dist/esm/components/Button/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-calendarmonth-esm","main":"index.js","module":"./dist/esm/components/CalendarMonth/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-calendarmonth-esm","main":"index.js","module":"./dist/esm/components/CalendarMonth/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-card-esm","main":"index.js","module":"./dist/esm/components/Card/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-card-esm","main":"index.js","module":"./dist/esm/components/Card/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-checkbox-esm","main":"index.js","module":"./dist/esm/components/Checkbox/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-checkbox-esm","main":"index.js","module":"./dist/esm/components/Checkbox/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-chip-esm","main":"index.js","module":"./dist/esm/components/Chip/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-chip-esm","main":"index.js","module":"./dist/esm/components/Chip/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-clipboardcopy-esm","main":"index.js","module":"./dist/esm/components/ClipboardCopy/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-clipboardcopy-esm","main":"index.js","module":"./dist/esm/components/ClipboardCopy/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-codeblock-esm","main":"index.js","module":"./dist/esm/components/CodeBlock/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-codeblock-esm","main":"index.js","module":"./dist/esm/components/CodeBlock/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-datalist-esm","main":"index.js","module":"./dist/esm/components/DataList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-datalist-esm","main":"index.js","module":"./dist/esm/components/DataList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-datepicker-esm","main":"index.js","module":"./dist/esm/components/DatePicker/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-datepicker-esm","main":"index.js","module":"./dist/esm/components/DatePicker/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-descriptionlist-esm","main":"index.js","module":"./dist/esm/components/DescriptionList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-descriptionlist-esm","main":"index.js","module":"./dist/esm/components/DescriptionList/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-divider-esm","main":"index.js","module":"./dist/esm/components/Divider/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-divider-esm","main":"index.js","module":"./dist/esm/components/Divider/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-dragdrop-esm","main":"index.js","module":"./dist/esm/components/DragDrop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-dragdrop-esm","main":"index.js","module":"./dist/esm/components/DragDrop/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-drawer-esm","main":"index.js","module":"./dist/esm/components/Drawer/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-drawer-esm","main":"index.js","module":"./dist/esm/components/Drawer/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -15,6 +15,12 @@ export interface DropdownPopperProps {
|
|
|
15
15
|
/** Enable to flip the popper when it reaches the boundary */
|
|
16
16
|
enableFlip?: boolean;
|
|
17
17
|
}
|
|
18
|
+
export interface DropdownToggleProps {
|
|
19
|
+
/** Dropdown toggle node. */
|
|
20
|
+
toggleNode: React.ReactNode;
|
|
21
|
+
/** Reference to the toggle. */
|
|
22
|
+
toggleRef?: React.RefObject<HTMLButtonElement>;
|
|
23
|
+
}
|
|
18
24
|
/**
|
|
19
25
|
* See the Menu documentation for additional props that may be passed.
|
|
20
26
|
*/
|
|
@@ -23,12 +29,14 @@ export interface DropdownProps extends MenuProps, OUIAProps {
|
|
|
23
29
|
children?: React.ReactNode;
|
|
24
30
|
/** Classes applied to root element of dropdown. */
|
|
25
31
|
className?: string;
|
|
26
|
-
/**
|
|
27
|
-
toggle: (toggleRef: React.RefObject<any>) => React.ReactNode;
|
|
32
|
+
/** Dropdown toggle. The toggle should either be a renderer function which forwards the given toggle ref, or a direct ReactNode that should be passed along with the toggleRef property. */
|
|
33
|
+
toggle: DropdownToggleProps | ((toggleRef: React.RefObject<any>) => React.ReactNode);
|
|
28
34
|
/** Flag to indicate if menu is opened.*/
|
|
29
35
|
isOpen?: boolean;
|
|
36
|
+
/** Flag indicating the toggle should be focused after a selection. If this use case is too restrictive, the optional toggleRef property with a node toggle may be used to control focus. */
|
|
37
|
+
shouldFocusToggleOnSelect?: boolean;
|
|
30
38
|
/** Function callback called when user selects item. */
|
|
31
|
-
onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, itemId?: string | number
|
|
39
|
+
onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, itemId?: string | number) => void;
|
|
32
40
|
/** Callback to allow the dropdown component to change the open state of the menu.
|
|
33
41
|
* Triggered by clicking outside of the menu, or by pressing either tab or escape. */
|
|
34
42
|
onOpenChange?: (isOpen: boolean) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,mIAAmI;IACnI,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,kHAAkH;IAClH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,SAAS;IACzD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,mIAAmI;IACnI,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,kHAAkH;IAClH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,uHAAuH;IACvH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,6BAA6B;IAC7B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,SAAS;IACzD,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2LAA2L;IAC3L,MAAM,EAAE,mBAAmB,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACrF,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4LAA4L;IAC5L,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;yFACqF;IACrF,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,oEAAoE;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,WAAW,CAAC,EAAE,mBAAmB,CAAC;CACnC;AAsGD,eAAO,MAAM,QAAQ,2EAEnB,CAAC"}
|
|
@@ -5,11 +5,14 @@ import { Menu, MenuContent } from '../Menu';
|
|
|
5
5
|
import { Popper } from '../../helpers/Popper/Popper';
|
|
6
6
|
import { useOUIAProps } from '../../helpers';
|
|
7
7
|
const DropdownBase = (_a) => {
|
|
8
|
-
var { children, className, onSelect, isOpen, toggle, onOpenChange, isPlain, isScrollable, innerRef, ouiaId, ouiaSafe = true, zIndex = 9999, popperProps } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "onOpenChange", "isPlain", "isScrollable", "innerRef", "ouiaId", "ouiaSafe", "zIndex", "popperProps"]);
|
|
8
|
+
var { children, className, onSelect, isOpen, toggle, shouldFocusToggleOnSelect = false, onOpenChange, isPlain, isScrollable, innerRef, ouiaId, ouiaSafe = true, zIndex = 9999, popperProps } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "shouldFocusToggleOnSelect", "onOpenChange", "isPlain", "isScrollable", "innerRef", "ouiaId", "ouiaSafe", "zIndex", "popperProps"]);
|
|
9
9
|
const localMenuRef = React.useRef();
|
|
10
|
-
const
|
|
10
|
+
const localToggleRef = React.useRef();
|
|
11
11
|
const ouiaProps = useOUIAProps(Dropdown.displayName, ouiaId, ouiaSafe);
|
|
12
12
|
const menuRef = innerRef || localMenuRef;
|
|
13
|
+
const toggleRef = typeof toggle === 'function' || (typeof toggle !== 'function' && !toggle.toggleRef)
|
|
14
|
+
? localToggleRef
|
|
15
|
+
: toggle === null || toggle === void 0 ? void 0 : toggle.toggleRef;
|
|
13
16
|
React.useEffect(() => {
|
|
14
17
|
const handleMenuKeys = (event) => {
|
|
15
18
|
var _a, _b, _c;
|
|
@@ -47,10 +50,13 @@ const DropdownBase = (_a) => {
|
|
|
47
50
|
window.removeEventListener('keydown', handleMenuKeys);
|
|
48
51
|
window.removeEventListener('click', handleClick);
|
|
49
52
|
};
|
|
50
|
-
}, [isOpen, menuRef, onOpenChange]);
|
|
51
|
-
const menu = (React.createElement(Menu, Object.assign({ className: css(className), ref: menuRef, onSelect: (event, itemId) =>
|
|
53
|
+
}, [isOpen, menuRef, toggleRef, onOpenChange]);
|
|
54
|
+
const menu = (React.createElement(Menu, Object.assign({ className: css(className), ref: menuRef, onSelect: (event, itemId) => {
|
|
55
|
+
onSelect && onSelect(event, itemId);
|
|
56
|
+
shouldFocusToggleOnSelect && toggleRef.current.focus();
|
|
57
|
+
}, isPlain: isPlain, isScrollable: isScrollable }, props, ouiaProps),
|
|
52
58
|
React.createElement(MenuContent, null, children)));
|
|
53
|
-
return (React.createElement(Popper, Object.assign({ trigger: toggle(toggleRef), triggerRef: toggleRef, popper: menu, popperRef: menuRef, isVisible: isOpen, zIndex: zIndex }, popperProps)));
|
|
59
|
+
return (React.createElement(Popper, Object.assign({ trigger: typeof toggle === 'function' ? toggle(toggleRef) : toggle.toggleNode, triggerRef: toggleRef, popper: menu, popperRef: menuRef, isVisible: isOpen, zIndex: zIndex }, popperProps)));
|
|
54
60
|
};
|
|
55
61
|
export const Dropdown = React.forwardRef((props, ref) => (React.createElement(DropdownBase, Object.assign({ innerRef: ref }, props))));
|
|
56
62
|
Dropdown.displayName = 'Dropdown';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAa,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-dropdown-esm","main":"index.js","module":"./dist/esm/components/Dropdown/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-dropdown-esm","main":"index.js","module":"./dist/esm/components/Dropdown/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-duallistselector-esm","main":"index.js","module":"./dist/esm/components/DualListSelector/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-duallistselector-esm","main":"index.js","module":"./dist/esm/components/DualListSelector/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-emptystate-esm","main":"index.js","module":"./dist/esm/components/EmptyState/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-emptystate-esm","main":"index.js","module":"./dist/esm/components/EmptyState/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-expandablesection-esm","main":"index.js","module":"./dist/esm/components/ExpandableSection/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-expandablesection-esm","main":"index.js","module":"./dist/esm/components/ExpandableSection/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-fileupload-esm","main":"index.js","module":"./dist/esm/components/FileUpload/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-fileupload-esm","main":"index.js","module":"./dist/esm/components/FileUpload/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-form-esm","main":"index.js","module":"./dist/esm/components/Form/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-form-esm","main":"index.js","module":"./dist/esm/components/Form/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-formselect-esm","main":"index.js","module":"./dist/esm/components/FormSelect/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-formselect-esm","main":"index.js","module":"./dist/esm/components/FormSelect/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-helpertext-esm","main":"index.js","module":"./dist/esm/components/HelperText/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-helpertext-esm","main":"index.js","module":"./dist/esm/components/HelperText/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-hint-esm","main":"index.js","module":"./dist/esm/components/Hint/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-hint-esm","main":"index.js","module":"./dist/esm/components/Hint/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-icon-esm","main":"index.js","module":"./dist/esm/components/Icon/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-icon-esm","main":"index.js","module":"./dist/esm/components/Icon/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-inputgroup-esm","main":"index.js","module":"./dist/esm/components/InputGroup/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-inputgroup-esm","main":"index.js","module":"./dist/esm/components/InputGroup/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-jumplinks-esm","main":"index.js","module":"./dist/esm/components/JumpLinks/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-jumplinks-esm","main":"index.js","module":"./dist/esm/components/JumpLinks/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-label-esm","main":"index.js","module":"./dist/esm/components/Label/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-label-esm","main":"index.js","module":"./dist/esm/components/Label/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-list-esm","main":"index.js","module":"./dist/esm/components/List/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-list-esm","main":"index.js","module":"./dist/esm/components/List/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-loginpage-esm","main":"index.js","module":"./dist/esm/components/LoginPage/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-loginpage-esm","main":"index.js","module":"./dist/esm/components/LoginPage/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-masthead-esm","main":"index.js","module":"./dist/esm/components/Masthead/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-masthead-esm","main":"index.js","module":"./dist/esm/components/Masthead/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-menu-esm","main":"index.js","module":"./dist/esm/components/Menu/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-menu-esm","main":"index.js","module":"./dist/esm/components/Menu/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-menutoggle-esm","main":"index.js","module":"./dist/esm/components/MenuToggle/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-menutoggle-esm","main":"index.js","module":"./dist/esm/components/MenuToggle/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-modal-esm","main":"index.js","module":"./dist/esm/components/Modal/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-modal-esm","main":"index.js","module":"./dist/esm/components/Modal/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-multiplefileupload-esm","main":"index.js","module":"./dist/esm/components/MultipleFileUpload/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-multiplefileupload-esm","main":"index.js","module":"./dist/esm/components/MultipleFileUpload/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-nav-esm","main":"index.js","module":"./dist/esm/components/Nav/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-nav-esm","main":"index.js","module":"./dist/esm/components/Nav/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-notificationbadge-esm","main":"index.js","module":"./dist/esm/components/NotificationBadge/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-notificationbadge-esm","main":"index.js","module":"./dist/esm/components/NotificationBadge/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-notificationdrawer-esm","main":"index.js","module":"./dist/esm/components/NotificationDrawer/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-notificationdrawer-esm","main":"index.js","module":"./dist/esm/components/NotificationDrawer/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-numberinput-esm","main":"index.js","module":"./dist/esm/components/NumberInput/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-numberinput-esm","main":"index.js","module":"./dist/esm/components/NumberInput/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-overflowmenu-esm","main":"index.js","module":"./dist/esm/components/OverflowMenu/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-overflowmenu-esm","main":"index.js","module":"./dist/esm/components/OverflowMenu/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-page-esm","main":"index.js","module":"./dist/esm/components/Page/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-page-esm","main":"index.js","module":"./dist/esm/components/Page/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-pagination-esm","main":"index.js","module":"./dist/esm/components/Pagination/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-pagination-esm","main":"index.js","module":"./dist/esm/components/Pagination/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-panel-esm","main":"index.js","module":"./dist/esm/components/Panel/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-panel-esm","main":"index.js","module":"./dist/esm/components/Panel/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-popover-esm","main":"index.js","module":"./dist/esm/components/Popover/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-popover-esm","main":"index.js","module":"./dist/esm/components/Popover/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-progress-esm","main":"index.js","module":"./dist/esm/components/Progress/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-progress-esm","main":"index.js","module":"./dist/esm/components/Progress/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-progressstepper-esm","main":"index.js","module":"./dist/esm/components/ProgressStepper/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-progressstepper-esm","main":"index.js","module":"./dist/esm/components/ProgressStepper/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-radio-esm","main":"index.js","module":"./dist/esm/components/Radio/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-radio-esm","main":"index.js","module":"./dist/esm/components/Radio/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"@patternfly/react-core-searchinput-esm","main":"index.js","module":"./dist/esm/components/SearchInput/index.js","typings":"index.d.ts","version":"5.0.0-alpha.
|
|
1
|
+
{"name":"@patternfly/react-core-searchinput-esm","main":"index.js","module":"./dist/esm/components/SearchInput/index.js","typings":"index.d.ts","version":"5.0.0-alpha.107"}
|
|
@@ -1,7 +1,29 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MenuProps } from '../Menu';
|
|
3
|
-
import { PopperProps } from '../../helpers/Popper/Popper';
|
|
4
3
|
import { OUIAProps } from '../../helpers';
|
|
4
|
+
export interface SelectPopperProps {
|
|
5
|
+
/** Vertical direction of the popper. If enableFlip is set to true, this will set the initial direction before the popper flips. */
|
|
6
|
+
direction?: 'up' | 'down';
|
|
7
|
+
/** Horizontal position of the popper */
|
|
8
|
+
position?: 'right' | 'left' | 'center';
|
|
9
|
+
/** Custom width of the popper. If the value is "trigger", it will set the width to the select toggle's width */
|
|
10
|
+
width?: string | 'trigger';
|
|
11
|
+
/** Minimum width of the popper. If the value is "trigger", it will set the min width to the select toggle's width */
|
|
12
|
+
minWidth?: string | 'trigger';
|
|
13
|
+
/** Maximum width of the popper. If the value is "trigger", it will set the max width to the select toggle's width */
|
|
14
|
+
maxWidth?: string | 'trigger';
|
|
15
|
+
/** Enable to flip the popper when it reaches the boundary */
|
|
16
|
+
enableFlip?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export interface SelectToggleProps {
|
|
19
|
+
/** Select toggle node. */
|
|
20
|
+
toggleNode: React.ReactNode;
|
|
21
|
+
/** Reference to the toggle. */
|
|
22
|
+
toggleRef?: React.RefObject<HTMLButtonElement>;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* See the Menu documentation for additional props that may be passed.
|
|
26
|
+
*/
|
|
5
27
|
export interface SelectProps extends MenuProps, OUIAProps {
|
|
6
28
|
/** Anything which can be rendered in a select */
|
|
7
29
|
children?: React.ReactNode;
|
|
@@ -11,13 +33,17 @@ export interface SelectProps extends MenuProps, OUIAProps {
|
|
|
11
33
|
isOpen?: boolean;
|
|
12
34
|
/** Single itemId for single select menus, or array of itemIds for multi select. You can also specify isSelected on the SelectOption. */
|
|
13
35
|
selected?: any | any[];
|
|
14
|
-
/**
|
|
15
|
-
toggle: (toggleRef: React.RefObject<any>) => React.ReactNode;
|
|
36
|
+
/** Select toggle. The toggle should either be a renderer function which forwards the given toggle ref, or a direct ReactNode that should be passed along with the toggleRef property. */
|
|
37
|
+
toggle: SelectToggleProps | ((toggleRef: React.RefObject<any>) => React.ReactNode);
|
|
38
|
+
/** Flag indicating the toggle should be focused after a selection. If this use case is too restrictive, the optional toggleRef property with a node toggle may be used to control focus. */
|
|
39
|
+
shouldFocusToggleOnSelect?: boolean;
|
|
16
40
|
/** Function callback when user selects an option. */
|
|
17
41
|
onSelect?: (event?: React.MouseEvent<Element, MouseEvent>, itemId?: string | number) => void;
|
|
18
42
|
/** Callback to allow the select component to change the open state of the menu.
|
|
19
|
-
* Triggered by clicking outside of the menu, or by pressing
|
|
43
|
+
* Triggered by clicking outside of the menu, or by pressing any keys specificed in onOpenChangeKeys. */
|
|
20
44
|
onOpenChange?: (isOpen: boolean) => void;
|
|
45
|
+
/** @beta Keys that trigger onOpenChange, defaults to tab and escape. It is highly recommended to include Escape in the array, while Tab may be omitted if the menu contains non-menu items that are focusable. */
|
|
46
|
+
onOpenChangeKeys?: string[];
|
|
21
47
|
/** Indicates if the select should be without the outer box-shadow */
|
|
22
48
|
isPlain?: boolean;
|
|
23
49
|
/** @hide Forwarded ref */
|
|
@@ -27,7 +53,7 @@ export interface SelectProps extends MenuProps, OUIAProps {
|
|
|
27
53
|
/** @beta Determines the accessible role of the select. For a checkbox select pass in "menu". */
|
|
28
54
|
role?: string;
|
|
29
55
|
/** Additional properties to pass to the popper */
|
|
30
|
-
popperProps?:
|
|
56
|
+
popperProps?: SelectPopperProps;
|
|
31
57
|
}
|
|
32
58
|
export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<any>>;
|
|
33
59
|
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,SAAS,EAAE,MAAM,SAAS,CAAC;AAEvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,iBAAiB;IAChC,mIAAmI;IACnI,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;IACvC,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,qHAAqH;IACrH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,qHAAqH;IACrH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,2BAA2B;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,+BAA+B;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;CAChD;AAED;;GAEG;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,iDAAiD;IACjD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;IACvB,yLAAyL;IACzL,MAAM,EAAE,iBAAiB,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACnF,4LAA4L;IAC5L,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7F;4GACwG;IACxG,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,kNAAkN;IAClN,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACrC,iCAAiC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gGAAgG;IAChG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,WAAW,CAAC,EAAE,iBAAiB,CAAC;CACjC;AAwGD,eAAO,MAAM,MAAM,yEAEjB,CAAC"}
|
|
@@ -5,18 +5,22 @@ import { Menu, MenuContent } from '../Menu';
|
|
|
5
5
|
import { Popper } from '../../helpers/Popper/Popper';
|
|
6
6
|
import { getOUIAProps, getDefaultOUIAId } from '../../helpers';
|
|
7
7
|
const SelectBase = (_a) => {
|
|
8
|
-
var { children, className, onSelect, isOpen, selected, toggle, onOpenChange, isPlain, innerRef, zIndex = 9999, role = 'listbox', popperProps } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "onOpenChange", "isPlain", "innerRef", "zIndex", "role", "popperProps"]);
|
|
8
|
+
var { children, className, onSelect, isOpen, selected, toggle, shouldFocusToggleOnSelect = false, onOpenChange, onOpenChangeKeys = ['Escape', 'Tab'], isPlain, innerRef, zIndex = 9999, role = 'listbox', popperProps } = _a, props = __rest(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "shouldFocusToggleOnSelect", "onOpenChange", "onOpenChangeKeys", "isPlain", "innerRef", "zIndex", "role", "popperProps"]);
|
|
9
9
|
const localMenuRef = React.useRef();
|
|
10
|
-
const
|
|
11
|
-
const containerRef = React.useRef();
|
|
10
|
+
const localToggleRef = React.useRef();
|
|
12
11
|
const menuRef = innerRef || localMenuRef;
|
|
12
|
+
const toggleRef = typeof toggle === 'function' || (typeof toggle !== 'function' && !toggle.toggleRef)
|
|
13
|
+
? localToggleRef
|
|
14
|
+
: toggle === null || toggle === void 0 ? void 0 : toggle.toggleRef;
|
|
13
15
|
React.useEffect(() => {
|
|
14
16
|
const handleMenuKeys = (event) => {
|
|
15
17
|
var _a, _b, _c;
|
|
16
18
|
// Close the menu on tab or escape if onOpenChange is provided
|
|
17
|
-
if (
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
if (isOpen &&
|
|
20
|
+
onOpenChange &&
|
|
21
|
+
(((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) || ((_b = toggleRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target)))) {
|
|
22
|
+
if (onOpenChangeKeys.includes(event.key)) {
|
|
23
|
+
event.preventDefault();
|
|
20
24
|
onOpenChange(false);
|
|
21
25
|
(_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
22
26
|
}
|
|
@@ -45,11 +49,13 @@ const SelectBase = (_a) => {
|
|
|
45
49
|
window.removeEventListener('keydown', handleMenuKeys);
|
|
46
50
|
window.removeEventListener('click', handleClick);
|
|
47
51
|
};
|
|
48
|
-
}, [isOpen, menuRef, onOpenChange]);
|
|
49
|
-
const menu = (React.createElement(Menu, Object.assign({ role: role, className: css(className), ref: menuRef, onSelect: (event, itemId) =>
|
|
52
|
+
}, [isOpen, menuRef, toggleRef, onOpenChange, onOpenChangeKeys]);
|
|
53
|
+
const menu = (React.createElement(Menu, Object.assign({ role: role, className: css(className), ref: menuRef, onSelect: (event, itemId) => {
|
|
54
|
+
onSelect && onSelect(event, itemId);
|
|
55
|
+
shouldFocusToggleOnSelect && toggleRef.current.focus();
|
|
56
|
+
}, isPlain: isPlain, selected: selected }, getOUIAProps(Select.displayName, props.ouiaId !== undefined ? props.ouiaId : getDefaultOUIAId(Select.displayName), props.ouiaSafe !== undefined ? props.ouiaSafe : true), props),
|
|
50
57
|
React.createElement(MenuContent, null, children)));
|
|
51
|
-
return (React.createElement(
|
|
52
|
-
React.createElement(Popper, Object.assign({ trigger: toggle(toggleRef), triggerRef: toggleRef, popper: menu, popperRef: menuRef, appendTo: containerRef.current || undefined, isVisible: isOpen, zIndex: zIndex }, popperProps))));
|
|
58
|
+
return (React.createElement(Popper, Object.assign({ trigger: typeof toggle === 'function' ? toggle(toggleRef) : toggle.toggleNode, triggerRef: toggleRef, popper: menu, popperRef: menuRef, isVisible: isOpen, zIndex: zIndex }, popperProps)));
|
|
53
59
|
};
|
|
54
60
|
export const Select = React.forwardRef((props, ref) => (React.createElement(SelectBase, Object.assign({ innerRef: ref }, props))));
|
|
55
61
|
Select.displayName = 'Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAa,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAa,gBAAgB,EAAE,MAAM,eAAe,CAAC;AA4D1E,MAAM,UAAU,GAAqD,CAAC,EAgB5C,EAAE,EAAE;QAhBwC,EACpE,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,MAAM,EACN,yBAAyB,GAAG,KAAK,EACjC,YAAY,EACZ,gBAAgB,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EACpC,OAAO,EACP,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,IAAI,GAAG,SAAS,EAChB,WAAW,OAEa,EADrB,KAAK,cAf4D,8LAgBrE,CADS;IAER,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,EAAkB,CAAC;IACpD,MAAM,cAAc,GAAG,KAAK,CAAC,MAAM,EAAqB,CAAC;IAEzD,MAAM,OAAO,GAAI,QAA4C,IAAI,YAAY,CAAC;IAC9E,MAAM,SAAS,GACb,OAAO,MAAM,KAAK,UAAU,IAAI,CAAC,OAAO,MAAM,KAAK,UAAU,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC;QACjF,CAAC,CAAC,cAAc;QAChB,CAAC,CAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAgD,CAAC;IAEhE,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAE,EAAE;;YAC9C,8DAA8D;YAC9D,IACE,MAAM;gBACN,YAAY;gBACZ,CAAC,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,MAAI,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,CAAC,EACtG;gBACA,IAAI,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;oBACxC,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,MAAA,SAAS,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;iBAC5B;aACF;QACH,CAAC,CAAC;QAEF,MAAM,WAAW,GAAG,CAAC,KAAiB,EAAE,EAAE;;YACxC,iEAAiE;YACjE,IAAI,MAAM,KAAI,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACrF,UAAU,CAAC,GAAG,EAAE;;oBACd,MAAM,YAAY,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,0CAAE,aAAa,CAAC,kDAAkD,CAAC,CAAC;oBACzG,YAAY,IAAK,YAA4B,CAAC,KAAK,EAAE,CAAC;gBACxD,CAAC,EAAE,CAAC,CAAC,CAAC;aACP;YAED,0FAA0F;YAC1F,IAAI,MAAM,IAAI,YAAY,IAAI,CAAC,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAAE;gBACjF,IAAI,MAAM,IAAI,CAAC,CAAA,MAAA,OAAO,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAAE;oBAC9D,YAAY,CAAC,KAAK,CAAC,CAAC;iBACrB;aACF;QACH,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;QACnD,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QAE9C,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;YACtD,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;QACnD,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjE,MAAM,IAAI,GAAG,CACX,oBAAC,IAAI,kBACH,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,CAAC,SAAS,CAAC,EACzB,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE;YAC1B,QAAQ,IAAI,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;YACpC,yBAAyB,IAAI,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACzD,CAAC,EACD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,IACd,YAAY,CACd,MAAM,CAAC,WAAW,EAClB,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAC,EAChF,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CACrD,EACG,KAAK;QAET,oBAAC,WAAW,QAAE,QAAQ,CAAe,CAChC,CACR,CAAC;IACF,OAAO,CACL,oBAAC,MAAM,kBACL,OAAO,EAAE,OAAO,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,EAC7E,UAAU,EAAE,SAAS,EACrB,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,OAAO,EAClB,SAAS,EAAE,MAAM,EACjB,MAAM,EAAE,MAAM,IACV,WAAW,EACf,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAkB,EAAE,GAAmB,EAAE,EAAE,CAAC,CAClF,oBAAC,UAAU,kBAAC,QAAQ,EAAE,GAAG,IAAM,KAAK,EAAI,CACzC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MenuGroupProps } from '../Menu';
|
|
3
|
+
/**
|
|
4
|
+
* See the MenuGroup section of the Menu documentation for additional props that may be passed.
|
|
5
|
+
*/
|
|
3
6
|
export interface SelectGroupProps extends Omit<MenuGroupProps, 'ref'> {
|
|
4
7
|
/** Anything which can be rendered in a select group */
|
|
5
8
|
children: React.ReactNode;
|