@patternfly/react-core 6.3.0-prerelease.2 → 6.3.0-prerelease.21
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 +105 -0
- package/CONTRIBUTING.md +3 -5
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/TimePicker/package.json +1 -1
- package/dist/dynamic/components/Timestamp/package.json +1 -1
- package/dist/dynamic/components/Title/package.json +1 -1
- package/dist/dynamic/components/ToggleGroup/package.json +1 -1
- package/dist/dynamic/components/Toolbar/package.json +1 -1
- package/dist/dynamic/components/Tooltip/package.json +1 -1
- package/dist/dynamic/components/TreeView/package.json +1 -1
- package/dist/dynamic/components/Truncate/package.json +1 -1
- package/dist/dynamic/components/Wizard/hooks/package.json +1 -1
- package/dist/dynamic/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/Chip/package.json +1 -1
- package/dist/dynamic/deprecated/components/DragDrop/package.json +1 -1
- package/dist/dynamic/deprecated/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/deprecated/components/Modal/package.json +1 -1
- package/dist/dynamic/deprecated/components/Tile/package.json +1 -1
- package/dist/dynamic/deprecated/components/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +2 -0
- package/dist/esm/components/Button/Button.d.ts +12 -0
- package/dist/esm/components/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Button/Button.js +33 -3
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Button/hamburgerIcon.d.ts +2 -0
- package/dist/esm/components/Button/hamburgerIcon.d.ts.map +1 -0
- package/dist/esm/components/Button/hamburgerIcon.js +7 -0
- package/dist/esm/components/Button/hamburgerIcon.js.map +1 -0
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js +2 -2
- package/dist/esm/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js +1 -1
- package/dist/esm/components/ClipboardCopy/ClipboardCopyToggle.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelector.d.ts +5 -0
- package/dist/esm/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelector.js +4 -3
- package/dist/esm/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
- package/dist/esm/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.js +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorContext.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.js +4 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTree.js.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts +5 -0
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js +8 -4
- package/dist/esm/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
- package/dist/esm/components/Form/FormFieldGroupExpandable.d.ts +5 -0
- package/dist/esm/components/Form/FormFieldGroupExpandable.d.ts.map +1 -1
- package/dist/esm/components/Form/FormFieldGroupExpandable.js +2 -2
- package/dist/esm/components/Form/FormFieldGroupExpandable.js.map +1 -1
- package/dist/esm/components/Form/FormGroupLabelHelp.js +2 -2
- package/dist/esm/components/Form/FormGroupLabelHelp.js.map +1 -1
- package/dist/esm/components/Form/InternalFormFieldGroup.d.ts +5 -0
- package/dist/esm/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
- package/dist/esm/components/Form/InternalFormFieldGroup.js +2 -2
- package/dist/esm/components/Form/InternalFormFieldGroup.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +2 -0
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +4 -3
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Nav/NavExpandable.d.ts.map +1 -1
- package/dist/esm/components/Nav/NavExpandable.js +1 -1
- package/dist/esm/components/Nav/NavExpandable.js.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.d.ts +4 -0
- package/dist/esm/components/Page/PageToggleButton.d.ts.map +1 -1
- package/dist/esm/components/Page/PageToggleButton.js +2 -2
- package/dist/esm/components/Page/PageToggleButton.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/esm/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.js +2 -2
- package/dist/esm/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.d.ts +26 -0
- package/dist/esm/components/Tabs/OverflowTab.d.ts.map +1 -1
- package/dist/esm/components/Tabs/OverflowTab.js +2 -2
- package/dist/esm/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/esm/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tab.js +5 -2
- package/dist/esm/components/Tabs/Tab.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.d.ts +8 -0
- package/dist/esm/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +41 -9
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/components/Tabs/TabsContext.d.ts +1 -0
- package/dist/esm/components/Tabs/TabsContext.d.ts.map +1 -1
- package/dist/esm/components/Tabs/TabsContext.js +1 -0
- package/dist/esm/components/Tabs/TabsContext.js.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.js +1 -1
- package/dist/esm/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/esm/components/Truncate/Truncate.d.ts +11 -8
- package/dist/esm/components/Truncate/Truncate.d.ts.map +1 -1
- package/dist/esm/components/Truncate/Truncate.js +22 -12
- package/dist/esm/components/Truncate/Truncate.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +1 -2
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/esm/demos/sampleData.d.ts.map +1 -1
- package/dist/esm/demos/sampleData.js +225 -226
- package/dist/esm/demos/sampleData.js.map +1 -1
- package/dist/esm/demos/sampleDataRTL.d.ts +7 -0
- package/dist/esm/demos/sampleDataRTL.d.ts.map +1 -0
- package/dist/esm/demos/sampleDataRTL.js +128 -0
- package/dist/esm/demos/sampleDataRTL.js.map +1 -0
- package/dist/esm/helpers/KeyboardHandler.js +3 -2
- package/dist/esm/helpers/KeyboardHandler.js.map +1 -1
- package/dist/esm/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/esm/helpers/Popper/Popper.js +1 -0
- package/dist/esm/helpers/Popper/Popper.js.map +1 -1
- package/dist/esm/helpers/util.d.ts +17 -0
- package/dist/esm/helpers/util.d.ts.map +1 -1
- package/dist/esm/helpers/util.js +36 -0
- package/dist/esm/helpers/util.js.map +1 -1
- package/dist/js/components/Button/Button.d.ts +12 -0
- package/dist/js/components/Button/Button.d.ts.map +1 -1
- package/dist/js/components/Button/Button.js +33 -3
- package/dist/js/components/Button/Button.js.map +1 -1
- package/dist/js/components/Button/hamburgerIcon.d.ts +2 -0
- package/dist/js/components/Button/hamburgerIcon.d.ts.map +1 -0
- package/dist/js/components/Button/hamburgerIcon.js +11 -0
- package/dist/js/components/Button/hamburgerIcon.js.map +1 -0
- package/dist/js/components/ClipboardCopy/ClipboardCopy.d.ts.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js +2 -2
- package/dist/js/components/ClipboardCopy/ClipboardCopy.js.map +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js +1 -1
- package/dist/js/components/ClipboardCopy/ClipboardCopyToggle.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.d.ts +5 -0
- package/dist/js/components/DualListSelector/DualListSelector.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelector.js +4 -3
- package/dist/js/components/DualListSelector/DualListSelector.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts +1 -0
- package/dist/js/components/DualListSelector/DualListSelectorContext.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.js +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorContext.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorListWrapper.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.js +4 -1
- package/dist/js/components/DualListSelector/DualListSelectorTree.js.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts +5 -0
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.d.ts.map +1 -1
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js +7 -3
- package/dist/js/components/DualListSelector/DualListSelectorTreeItem.js.map +1 -1
- package/dist/js/components/Form/FormFieldGroupExpandable.d.ts +5 -0
- package/dist/js/components/Form/FormFieldGroupExpandable.d.ts.map +1 -1
- package/dist/js/components/Form/FormFieldGroupExpandable.js +2 -2
- package/dist/js/components/Form/FormFieldGroupExpandable.js.map +1 -1
- package/dist/js/components/Form/FormGroupLabelHelp.js +2 -2
- package/dist/js/components/Form/FormGroupLabelHelp.js.map +1 -1
- package/dist/js/components/Form/InternalFormFieldGroup.d.ts +5 -0
- package/dist/js/components/Form/InternalFormFieldGroup.d.ts.map +1 -1
- package/dist/js/components/Form/InternalFormFieldGroup.js +2 -2
- package/dist/js/components/Form/InternalFormFieldGroup.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +2 -0
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +4 -3
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Nav/NavExpandable.d.ts.map +1 -1
- package/dist/js/components/Nav/NavExpandable.js +1 -1
- package/dist/js/components/Nav/NavExpandable.js.map +1 -1
- package/dist/js/components/Page/PageToggleButton.d.ts +4 -0
- package/dist/js/components/Page/PageToggleButton.d.ts.map +1 -1
- package/dist/js/components/Page/PageToggleButton.js +2 -2
- package/dist/js/components/Page/PageToggleButton.js.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.d.ts +2 -0
- package/dist/js/components/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/js/components/SearchInput/SearchInput.js +2 -2
- package/dist/js/components/SearchInput/SearchInput.js.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.d.ts +26 -0
- package/dist/js/components/Tabs/OverflowTab.d.ts.map +1 -1
- package/dist/js/components/Tabs/OverflowTab.js +2 -2
- package/dist/js/components/Tabs/OverflowTab.js.map +1 -1
- package/dist/js/components/Tabs/Tab.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tab.js +4 -1
- package/dist/js/components/Tabs/Tab.js.map +1 -1
- package/dist/js/components/Tabs/Tabs.d.ts +8 -0
- package/dist/js/components/Tabs/Tabs.d.ts.map +1 -1
- package/dist/js/components/Tabs/Tabs.js +40 -8
- package/dist/js/components/Tabs/Tabs.js.map +1 -1
- package/dist/js/components/Tabs/TabsContext.d.ts +1 -0
- package/dist/js/components/Tabs/TabsContext.d.ts.map +1 -1
- package/dist/js/components/Tabs/TabsContext.js +1 -0
- package/dist/js/components/Tabs/TabsContext.js.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.d.ts.map +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.js +1 -1
- package/dist/js/components/TreeView/TreeViewListItem.js.map +1 -1
- package/dist/js/components/Truncate/Truncate.d.ts +11 -8
- package/dist/js/components/Truncate/Truncate.d.ts.map +1 -1
- package/dist/js/components/Truncate/Truncate.js +21 -12
- package/dist/js/components/Truncate/Truncate.js.map +1 -1
- package/dist/js/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/js/demos/DashboardHeader.js +1 -2
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/js/demos/sampleData.d.ts.map +1 -1
- package/dist/js/demos/sampleData.js +225 -226
- package/dist/js/demos/sampleData.js.map +1 -1
- package/dist/js/demos/sampleDataRTL.d.ts +7 -0
- package/dist/js/demos/sampleDataRTL.d.ts.map +1 -0
- package/dist/js/demos/sampleDataRTL.js +131 -0
- package/dist/js/demos/sampleDataRTL.js.map +1 -0
- package/dist/js/helpers/KeyboardHandler.js +3 -2
- package/dist/js/helpers/KeyboardHandler.js.map +1 -1
- package/dist/js/helpers/Popper/Popper.d.ts.map +1 -1
- package/dist/js/helpers/Popper/Popper.js +1 -0
- package/dist/js/helpers/Popper/Popper.js.map +1 -1
- package/dist/js/helpers/util.d.ts +17 -0
- package/dist/js/helpers/util.d.ts.map +1 -1
- package/dist/js/helpers/util.js +39 -1
- package/dist/js/helpers/util.js.map +1 -1
- package/dist/styles/assets/images/icon-help.hbs +3 -0
- package/dist/styles/assets/images/icon-outlined-star.hbs +3 -0
- package/dist/styles/assets/images/icon-star.hbs +3 -0
- package/dist/styles/base-no-reset.css +52 -11
- package/dist/styles/base.css +52 -11
- package/dist/umd/assets/{output-CTQ3-b33.css → output-BDZoYci_.css} +19699 -19088
- package/dist/umd/react-core.min.js +3 -3
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +6 -6
- package/src/components/Button/Button.tsx +78 -5
- package/src/components/Button/__tests__/Button.test.tsx +380 -74
- package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +1 -1
- package/src/components/Button/examples/Button.md +57 -14
- package/src/components/Button/examples/ButtonFavorite.tsx +18 -0
- package/src/components/Button/examples/ButtonHamburger.tsx +9 -0
- package/src/components/Button/examples/ButtonSettings.tsx +10 -0
- package/src/components/Button/hamburgerIcon.tsx +13 -0
- package/src/components/Card/examples/Card.md +1 -1
- package/src/components/Card/examples/CardSelectable.tsx +73 -60
- package/src/components/Card/examples/CardSingleSelectable.tsx +65 -48
- package/src/components/ClipboardCopy/ClipboardCopy.tsx +2 -1
- package/src/components/ClipboardCopy/ClipboardCopyToggle.tsx +1 -1
- package/src/components/ClipboardCopy/__tests__/ClipboardCopyToggle.test.tsx +7 -1
- package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap +0 -1
- package/src/components/DualListSelector/DualListSelector.tsx +18 -4
- package/src/components/DualListSelector/DualListSelectorContext.ts +2 -1
- package/src/components/DualListSelector/DualListSelectorListWrapper.tsx +8 -5
- package/src/components/DualListSelector/DualListSelectorTree.tsx +4 -0
- package/src/components/DualListSelector/DualListSelectorTreeItem.tsx +17 -2
- package/src/components/DualListSelector/__tests__/DualListSelector.test.tsx +32 -1
- package/src/components/DualListSelector/__tests__/DualListSelectorTreeItem.test.tsx +55 -0
- package/src/components/DualListSelector/examples/DualListSelectorTree.tsx +1 -1
- package/src/components/Form/FormFieldGroupExpandable.tsx +7 -0
- package/src/components/Form/FormGroupLabelHelp.tsx +2 -2
- package/src/components/Form/InternalFormFieldGroup.tsx +19 -3
- package/src/components/Form/__tests__/FormFieldGroupExpandable.test.tsx +55 -0
- package/src/components/Form/examples/FormFieldGroups.tsx +7 -1
- package/src/components/LoginPage/examples/LoginPageBasic.tsx +1 -1
- package/src/components/LoginPage/examples/LoginPageLanguageSelect.tsx +1 -1
- package/src/components/LoginPage/examples/LoginPageShowHidePassword.tsx +1 -1
- package/src/components/Masthead/examples/MastheadBasic.tsx +1 -2
- package/src/components/Masthead/examples/MastheadBasicMixedContent.tsx +1 -2
- package/src/components/Masthead/examples/MastheadDisplayInline.tsx +1 -2
- package/src/components/Masthead/examples/MastheadDisplayStack.tsx +1 -2
- package/src/components/Masthead/examples/MastheadDisplayStackInlineResponsive.tsx +1 -2
- package/src/components/Masthead/examples/MastheadInsets.tsx +1 -2
- package/src/components/Masthead/examples/MastheadLogoCustomComponent.tsx +1 -2
- package/src/components/MenuToggle/MenuToggle.tsx +6 -1
- package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +59 -45
- package/src/components/MenuToggle/__tests__/__snapshots__/MenuToggle.test.tsx.snap +9 -9
- package/src/components/MenuToggle/examples/MenuToggle.md +14 -30
- package/src/components/MenuToggle/examples/MenuToggleCustomIcon.tsx +17 -0
- package/src/components/MenuToggle/examples/MenuToggleSettings.tsx +8 -0
- package/src/components/Nav/NavExpandable.tsx +6 -1
- package/src/components/Nav/__tests__/Generated/__snapshots__/NavExpandable.test.tsx.snap +1 -0
- package/src/components/Nav/__tests__/NavExpandable.test.tsx +15 -0
- package/src/components/Nav/__tests__/__snapshots__/Nav.test.tsx.snap +3 -0
- package/src/components/Page/PageToggleButton.tsx +9 -2
- package/src/components/Page/examples/Page.md +1 -1
- package/src/components/Page/examples/PageCenteredSection.tsx +5 -9
- package/src/components/Page/examples/PageGroupSection.tsx +11 -8
- package/src/components/Page/examples/PageHorizontalNav.tsx +9 -3
- package/src/components/Page/examples/PageMainSectionPadding.tsx +14 -9
- package/src/components/Page/examples/PageMainSectionVariations.tsx +8 -11
- package/src/components/Page/examples/PageMultipleSidebarBody.tsx +11 -8
- package/src/components/Page/examples/PageUncontrolledNav.tsx +10 -7
- package/src/components/Page/examples/PageVerticalNav.tsx +11 -8
- package/src/components/Page/examples/PageWithOrWithoutFill.tsx +10 -9
- package/src/components/SearchInput/SearchInput.tsx +8 -1
- package/src/components/Select/examples/Select.md +3 -26
- package/src/components/Skeleton/examples/SkeletonText.tsx +0 -1
- package/src/components/Tabs/OverflowTab.tsx +29 -0
- package/src/components/Tabs/Tab.tsx +6 -2
- package/src/components/Tabs/Tabs.tsx +70 -11
- package/src/components/Tabs/TabsContext.ts +2 -0
- package/src/components/Tabs/__tests__/Tabs.test.tsx +43 -1
- package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +39 -26
- package/src/components/Tabs/examples/Tabs.md +1 -1
- package/src/components/Timestamp/examples/TimestampBasicFormats.tsx +1 -1
- package/src/components/Timestamp/examples/TimestampDefaultTooltip.tsx +1 -1
- package/src/components/TreeView/TreeViewListItem.tsx +1 -3
- package/src/components/TreeView/__tests__/TreeViewListItem.test.tsx +10 -0
- package/src/components/Truncate/Truncate.tsx +48 -22
- package/src/components/Truncate/__tests__/Truncate.test.tsx +28 -2
- package/src/components/Truncate/__tests__/__snapshots__/Truncate.test.tsx.snap +2 -2
- package/src/components/Truncate/examples/Truncate.md +8 -0
- package/src/components/Truncate/examples/TruncateLinks.tsx +22 -0
- package/src/demos/Banner.md +6 -6
- package/src/demos/CardDemos.md +1 -1
- package/src/demos/CardView/examples/CardView.tsx +9 -4
- package/src/demos/DashboardHeader.tsx +2 -5
- package/src/demos/DataList/examples/DataListActionable.tsx +5 -3
- package/src/demos/DataList/examples/DataListBasic.tsx +2 -2
- package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +2 -2
- package/src/demos/DataList/examples/DataListStaticBottomPagination.tsx +4 -2
- package/src/demos/DescriptionList/examples/DescriptionListBasic.tsx +4 -4
- package/src/demos/DescriptionList/examples/DescriptionListInDrawer.tsx +5 -3
- package/src/demos/JumpLinks.md +5 -5
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +2 -5
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +2 -5
- package/src/demos/PasswordGenerator.md +1 -1
- package/src/demos/RTL/RTL.md +1 -0
- package/src/demos/RTL/examples/PaginatedTable.tsx +18 -53
- package/src/demos/Tabs.md +6 -6
- package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +6 -6
- package/src/demos/examples/BackToTop/BackToTopNameDemo.tsx +2 -2
- package/src/demos/examples/Card/CardAggregateStatus.tsx +2 -6
- package/src/demos/examples/Card/CardDetails.tsx +2 -3
- package/src/demos/examples/Card/CardEventsView.tsx +2 -3
- package/src/demos/examples/Card/CardLogView.tsx +2 -3
- package/src/demos/examples/Card/CardStatus.tsx +0 -1
- package/src/demos/examples/Card/CardUtilizationDemo3.tsx +0 -1
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +6 -4
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +5 -8
- package/src/demos/examples/Nav/NavDefault.tsx +3 -3
- package/src/demos/examples/Nav/NavDrilldown.tsx +1 -1
- package/src/demos/examples/Nav/NavExpandable.tsx +3 -3
- package/src/demos/examples/Nav/NavFlyout.tsx +12 -9
- package/src/demos/examples/Nav/NavGrouped.tsx +14 -6
- package/src/demos/examples/Nav/NavHorizontal.tsx +4 -4
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +7 -10
- package/src/demos/examples/Nav/NavManual.tsx +6 -9
- package/src/demos/examples/Nav/NavWithSubnav.tsx +5 -5
- package/src/demos/examples/Page/PageContextSelector.tsx +3 -6
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +2 -5
- package/src/demos/examples/Page/PageStickySectionGroup.tsx +2 -5
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +2 -5
- package/src/demos/examples/Tabs/ModalTabs.tsx +3 -3
- package/src/demos/examples/Tabs/NestedTabs.tsx +2 -2
- package/src/demos/examples/Tabs/NestedUnindentedTabs.tsx +2 -2
- package/src/demos/examples/Tabs/TabsAndTable.tsx +3 -3
- package/src/demos/examples/Toolbar/ConsoleLogViewerToolbar.tsx +2 -3
- package/src/demos/examples/Wizard/InPageWithDrawer.tsx +1 -4
- package/src/demos/examples/Wizard/InPageWithDrawerInformationalStep.tsx +1 -4
- package/src/demos/sampleData.tsx +225 -227
- package/src/demos/sampleDataRTL.tsx +133 -0
- package/src/helpers/KeyboardHandler.tsx +2 -2
- package/src/helpers/Popper/Popper.tsx +1 -0
- package/src/helpers/util.ts +45 -0
- package/src/demos/RTL/examples/PaginatedTable.jsx +0 -504
|
@@ -8,13 +8,13 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
8
8
|
const FormFieldGroupToggle_1 = require("./FormFieldGroupToggle");
|
|
9
9
|
const helpers_1 = require("../../helpers");
|
|
10
10
|
const InternalFormFieldGroup = (_a) => {
|
|
11
|
-
var { children, className, header, isExpandable, isExpanded, onToggle, toggleAriaLabel } = _a, props = tslib_1.__rest(_a, ["children", "className", "header", "isExpandable", "isExpanded", "onToggle", "toggleAriaLabel"]);
|
|
11
|
+
var { children, className, header, isExpandable, isExpanded, onToggle, toggleAriaLabel, hasAnimations } = _a, props = tslib_1.__rest(_a, ["children", "className", "header", "isExpandable", "isExpanded", "onToggle", "toggleAriaLabel", "hasAnimations"]);
|
|
12
12
|
const headerTitleText = header ? header.props.titleText : null;
|
|
13
13
|
if (isExpandable && !toggleAriaLabel && !headerTitleText) {
|
|
14
14
|
// eslint-disable-next-line no-console
|
|
15
15
|
console.error('FormFieldGroupExpandable:', 'toggleAriaLabel or the titleText prop of FormFieldGroupHeader is required to make the toggle button accessible');
|
|
16
16
|
}
|
|
17
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formFieldGroup, isExpanded && isExpandable && form_1.default.modifiers.expanded, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props, { children: [isExpandable && ((0, jsx_runtime_1.jsx)(helpers_1.GenerateId, { prefix: "form-field-group-toggle", children: (id) => ((0, jsx_runtime_1.jsx)(FormFieldGroupToggle_1.FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))) })), header && header, (!isExpandable || (isExpandable && isExpanded)) && ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(form_1.default.formFieldGroupBody), children: children }))] })));
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formFieldGroup, isExpanded && isExpandable && form_1.default.modifiers.expanded, hasAnimations && isExpandable && form_1.default.modifiers.expandable, className), role: "group" }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id}` }), props, { children: [isExpandable && ((0, jsx_runtime_1.jsx)(helpers_1.GenerateId, { prefix: "form-field-group-toggle", children: (id) => ((0, jsx_runtime_1.jsx)(FormFieldGroupToggle_1.FormFieldGroupToggle, Object.assign({ onToggle: onToggle, isExpanded: isExpanded, "aria-label": toggleAriaLabel, toggleId: id }, (headerTitleText && { 'aria-labelledby': `${header.props.titleText.id} ${id}` })))) })), header && header, (!isExpandable || (isExpandable && isExpanded) || (hasAnimations && isExpandable)) && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(form_1.default.formFieldGroupBody) }, (hasAnimations && isExpandable && !isExpanded && { inert: '' }), { children: children })))] })));
|
|
18
18
|
};
|
|
19
19
|
exports.InternalFormFieldGroup = InternalFormFieldGroup;
|
|
20
20
|
exports.InternalFormFieldGroup.displayName = 'InternalFormFieldGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;;;;AAAA,qGAAuE;AACvE,2DAA+C;AAC/C,iEAA8D;AAC9D,2CAA2C;
|
|
1
|
+
{"version":3,"file":"InternalFormFieldGroup.js","sourceRoot":"","sources":["../../../../src/components/Form/InternalFormFieldGroup.tsx"],"names":[],"mappings":";;;;;AAAA,qGAAuE;AACvE,2DAA+C;AAC/C,iEAA8D;AAC9D,2CAA2C;AAwBpC,MAAM,sBAAsB,GAAyD,CAAC,EAU/D,EAAE,EAAE;QAV2D,EAC3F,QAAQ,EACR,SAAS,EACT,MAAM,EACN,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,eAAe,EACf,aAAa,OAEe,EADzB,KAAK,sBATmF,iHAU5F,CADS;IAER,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAC/D,IAAI,YAAY,IAAI,CAAC,eAAe,IAAI,CAAC,eAAe,EAAE,CAAC;QACzD,sCAAsC;QACtC,OAAO,CAAC,KAAK,CACX,2BAA2B,EAC3B,gHAAgH,CACjH,CAAC;IACJ,CAAC;IACD,OAAO,CACL,+CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,cAAM,CAAC,cAAc,EACrB,UAAU,IAAI,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,QAAQ,EACvD,aAAa,IAAI,YAAY,IAAI,cAAM,CAAC,SAAS,CAAC,UAAU,EAC5D,SAAS,CACV,EACD,IAAI,EAAC,OAAO,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,EAAE,EAAE,CAAC,EAC1E,KAAK,eAER,YAAY,IAAI,CACf,uBAAC,oBAAU,IAAC,MAAM,EAAC,yBAAyB,YACzC,CAAC,EAAE,EAAE,EAAE,CAAC,CACP,uBAAC,2CAAoB,kBACnB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,gBACV,eAAe,EAC3B,QAAQ,EAAE,EAAE,IACR,CAAC,eAAe,IAAI,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,EACpF,CACH,GACU,CACd,EACA,MAAM,IAAI,MAAM,EAChB,CAAC,CAAC,YAAY,IAAI,CAAC,YAAY,IAAI,UAAU,CAAC,IAAI,CAAC,aAAa,IAAI,YAAY,CAAC,CAAC,IAAI,CACrF,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,cAAM,CAAC,kBAAkB,CAAC,IACrC,CAAC,aAAa,IAAI,YAAY,IAAI,CAAC,UAAU,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,cAElE,QAAQ,IACL,CACP,KACG,CACP,CAAC;AACJ,CAAC,CAAC;AAvDW,QAAA,sBAAsB,0BAuDjC;AACF,8BAAsB,CAAC,WAAW,GAAG,wBAAwB,CAAC"}
|
|
@@ -26,6 +26,8 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
|
|
|
26
26
|
isFullWidth?: boolean;
|
|
27
27
|
/** Flag indicating the toggle contains placeholder text */
|
|
28
28
|
isPlaceholder?: boolean;
|
|
29
|
+
/** Flag indicating whether the toggle is a settings toggle. This will override the icon property */
|
|
30
|
+
isSettings?: boolean;
|
|
29
31
|
/** Elements to display before the toggle button. When included, renders the menu toggle as a split button. */
|
|
30
32
|
splitButtonItems?: React.ReactNode[];
|
|
31
33
|
/** Variant styles of the menu toggle */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"MenuToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,OAAO,EAAE,SAAS,EAAkC,MAAM,eAAe,CAAC;AAE1E,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,cAAc;IACxB,OAAO,YAAY;IACnB,EAAE,OAAO;CACV;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnE,MAAM,WAAW,eACf,SAAQ,IAAI,CACR,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpF,iBAAiB,CAClB,EACD,KAAK,CACN,EACD,SAAS;IACX,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gDAAgD;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,uEAAuE;IACvE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8GAA8G;IAC9G,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACrC,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,WAAW,CAAC;IACpF,uCAAuC;IACvC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1C,gCAAgC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,SAAS,CAAC;IACrC,6DAA6D;IAC7D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACxC,iHAAiH;IACjH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA0KD,eAAO,MAAM,UAAU,+GAErB,CAAC"}
|
|
@@ -7,6 +7,7 @@ const react_1 = require("react");
|
|
|
7
7
|
const menu_toggle_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/MenuToggle/menu-toggle"));
|
|
8
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
9
|
const caret_down_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/caret-down-icon'));
|
|
10
|
+
const cog_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/cog-icon'));
|
|
10
11
|
const check_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/check-circle-icon'));
|
|
11
12
|
const exclamation_circle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-circle-icon'));
|
|
12
13
|
const exclamation_triangle_icon_1 = tslib_1.__importDefault(require('@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon'));
|
|
@@ -31,7 +32,7 @@ class MenuToggleBase extends react_1.Component {
|
|
|
31
32
|
};
|
|
32
33
|
}
|
|
33
34
|
render() {
|
|
34
|
-
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isPlaceholder, splitButtonItems, variant, status, statusIcon, innerRef, onClick, 'aria-label': ariaLabel, ouiaId, ouiaSafe, size } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "isPlaceholder", "splitButtonItems", "variant", "status", "statusIcon", "innerRef", "onClick", 'aria-label', "ouiaId", "ouiaSafe", "size"]);
|
|
35
|
+
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isPlaceholder, isSettings, splitButtonItems, variant, status, statusIcon, innerRef, onClick, 'aria-label': ariaLabel, ouiaId, ouiaSafe, size } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "isPlaceholder", "isSettings", "splitButtonItems", "variant", "status", "statusIcon", "innerRef", "onClick", 'aria-label', "ouiaId", "ouiaSafe", "size"]);
|
|
35
36
|
const isPlain = variant === 'plain';
|
|
36
37
|
const isPlainText = variant === 'plainText';
|
|
37
38
|
const isTypeahead = variant === 'typeahead';
|
|
@@ -51,8 +52,8 @@ class MenuToggleBase extends react_1.Component {
|
|
|
51
52
|
}
|
|
52
53
|
}
|
|
53
54
|
const toggleControls = ((0, jsx_runtime_1.jsxs)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleControls), children: [status !== undefined && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleStatusIcon), children: _statusIcon }), (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleToggleIcon), children: (0, jsx_runtime_1.jsx)(caret_down_icon_1.default, {}) })] }));
|
|
54
|
-
const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleIcon), children: icon }), isTypeahead ? children : children && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleText), children: children }), (0, react_1.isValidElement)(badge) && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleCount), children: badge }), isTypeahead ? ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": ariaLabel || 'Menu toggle', tabIndex: -1 }, ouiaProps, { children: toggleControls }))) : (!isPlain && toggleControls)] }));
|
|
55
|
-
const commonStyles = (0, react_styles_1.css)(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, status && menu_toggle_1.default.modifiers[status], (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && 'pf-m-text', isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isDisabled && menu_toggle_1.default.modifiers.disabled, isPlaceholder && menu_toggle_1.default.modifiers.placeholder, size === MenuToggleSize.sm && menu_toggle_1.default.modifiers.small, className);
|
|
55
|
+
const content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(icon || isSettings) && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleIcon), children: isSettings ? (0, jsx_runtime_1.jsx)(cog_icon_1.default, {}) : icon }), isTypeahead ? children : children && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleText), children: children }), (0, react_1.isValidElement)(badge) && (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleCount), children: badge }), isTypeahead ? ((0, jsx_runtime_1.jsx)("button", Object.assign({ type: "button", className: (0, react_styles_1.css)(menu_toggle_1.default.menuToggleButton), "aria-expanded": isExpanded, onClick: onClick, "aria-label": ariaLabel || 'Menu toggle', tabIndex: -1 }, ouiaProps, { children: toggleControls }))) : (!isPlain && toggleControls)] }));
|
|
56
|
+
const commonStyles = (0, react_styles_1.css)(menu_toggle_1.default.menuToggle, isExpanded && menu_toggle_1.default.modifiers.expanded, variant === 'primary' && menu_toggle_1.default.modifiers.primary, variant === 'secondary' && menu_toggle_1.default.modifiers.secondary, status && menu_toggle_1.default.modifiers[status], (isPlain || isPlainText) && menu_toggle_1.default.modifiers.plain, isPlainText && 'pf-m-text', isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isDisabled && menu_toggle_1.default.modifiers.disabled, isPlaceholder && menu_toggle_1.default.modifiers.placeholder, isSettings && menu_toggle_1.default.modifiers.settings, size === MenuToggleSize.sm && menu_toggle_1.default.modifiers.small, className);
|
|
56
57
|
const componentProps = Object.assign(Object.assign({ children: content }, (isDisabled && { disabled: true })), otherProps);
|
|
57
58
|
if (isTypeahead) {
|
|
58
59
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: innerRef, className: (0, react_styles_1.css)(commonStyles, menu_toggle_1.default.modifiers.typeahead) }, componentProps)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8D;AAC9D,yHAAoF;AACpF,2DAA+C
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/NavExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,EAClG,SAAS;IACX,kDAAkD;IAClD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sIAAsI;IACtI,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1F,2DAA2D;IAC3D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAQnD;IAEF,EAAE,SAAkC;IAEpC,KAAK;;;MAGH;IAEF,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,kBAAkB;IAMhD,QAAQ,UACC,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,YAC5C,CACR,KAAK,EAAE,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACtD,OAAO,EAAE,MAAM,GAAG,MAAM,EACxB,aAAa,EAAE,OAAO,KACnB,IAAI,UAUT;IAEF,MAAM;
|
|
1
|
+
{"version":3,"file":"NavExpandable.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/NavExpandable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,EAClG,SAAS;IACX,kDAAkD;IAClD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kEAAkE;IAClE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sIAAsI;IACtI,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1F,2DAA2D;IAC3D,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED,UAAU,kBAAkB;IAC1B,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAQnD;IAEF,EAAE,SAAkC;IAEpC,KAAK;;;MAGH;IAEF,iBAAiB;IAIjB,kBAAkB,CAAC,SAAS,EAAE,kBAAkB;IAMhD,QAAQ,UACC,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,YAC5C,CACR,KAAK,EAAE,gBAAgB,CAAC,iBAAiB,EAAE,UAAU,CAAC,EACtD,OAAO,EAAE,MAAM,GAAG,MAAM,EACxB,aAAa,EAAE,OAAO,KACnB,IAAI,UAUT;IAEF,MAAM;CA0EP;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -50,7 +50,7 @@ class NavExpandable extends react_1.Component {
|
|
|
50
50
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
51
51
|
onExpand } = _a, props = tslib_1.__rest(_a, ["title", "srText", "children", "className", "isActive", "ouiaId", "groupId", "id", "isExpanded", "buttonProps", "onExpand"]);
|
|
52
52
|
const { expandedState, ouiaStateId } = this.state;
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(Nav_1.NavContext.Consumer, { children: (context) => ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: (0, react_styles_1.css)(nav_1.default.navItem, expandedState && nav_1.default.modifiers.expanded, isActive && nav_1.default.modifiers.current, className) }, (0, helpers_1.getOUIAProps)(NavExpandable.displayName, ouiaId !== undefined ? ouiaId : ouiaStateId), props, { children: [(0, jsx_runtime_1.jsx)(PageSidebar_1.PageSidebarContext.Consumer, { children: ({ isSidebarOpen }) => ((0, jsx_runtime_1.jsxs)("button", Object.assign({ className: (0, react_styles_1.css)(nav_1.default.navLink), id: srText ? null : this.id, onClick: (event) => this.onExpand(event, context.onToggle), "aria-expanded": expandedState, tabIndex: isSidebarOpen ? null : -1 }, buttonProps, { children: [typeof title !== 'string' ? (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(`${nav_1.default.nav}__link-text`), children: title }) : title, (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(nav_1.default.navToggle), children: (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(nav_1.default.navToggleIcon), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }) })] }))) }), (0, jsx_runtime_1.jsxs)("section", { className: (0, react_styles_1.css)(nav_1.default.navSubnav), "aria-labelledby": this.id, hidden: expandedState ? null : true, children: [srText && ((0, jsx_runtime_1.jsx)("h2", { className: "pf-v6-screen-reader", id: this.id, children: srText })), (0, jsx_runtime_1.jsx)("ul", { className: (0, react_styles_1.css)(nav_1.default.navList), role: "list", children: children })] })] }))) }));
|
|
53
|
+
return ((0, jsx_runtime_1.jsx)(Nav_1.NavContext.Consumer, { children: (context) => ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: (0, react_styles_1.css)(nav_1.default.navItem, expandedState && nav_1.default.modifiers.expanded, isActive && nav_1.default.modifiers.current, className) }, (0, helpers_1.getOUIAProps)(NavExpandable.displayName, ouiaId !== undefined ? ouiaId : ouiaStateId), props, { children: [(0, jsx_runtime_1.jsx)(PageSidebar_1.PageSidebarContext.Consumer, { children: ({ isSidebarOpen }) => ((0, jsx_runtime_1.jsxs)("button", Object.assign({ className: (0, react_styles_1.css)(nav_1.default.navLink), id: srText ? null : this.id, onClick: (event) => this.onExpand(event, context.onToggle), "aria-expanded": expandedState, tabIndex: isSidebarOpen ? null : -1 }, buttonProps, { children: [typeof title !== 'string' ? (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(`${nav_1.default.nav}__link-text`), children: title }) : title, (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(nav_1.default.navToggle), children: (0, jsx_runtime_1.jsx)("span", { className: (0, react_styles_1.css)(nav_1.default.navToggleIcon), children: (0, jsx_runtime_1.jsx)(angle_right_icon_1.default, {}) }) })] }))) }), (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: (0, react_styles_1.css)(nav_1.default.navSubnav), "aria-labelledby": this.id, hidden: expandedState ? null : true }, (!expandedState && { inert: '' }), { children: [srText && ((0, jsx_runtime_1.jsx)("h2", { className: "pf-v6-screen-reader", id: this.id, children: srText })), (0, jsx_runtime_1.jsx)("ul", { className: (0, react_styles_1.css)(nav_1.default.navList), role: "list", children: children })] }))] }))) }));
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
56
|
exports.NavExpandable = NavExpandable;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavExpandable.js","sourceRoot":"","sources":["../../../../src/components/Nav/NavExpandable.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkC;AAClC,kGAAqE;AACrE,2DAA+C;;AAE/C,6CAAiD;AACjD,+BAAmC;AACnC,qDAAyD;AAEzD,2CAA0E;AAkC1E,MAAM,aAAc,SAAQ,iBAAiD;IAA7E;;QAYE,OAAE,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,IAAA,kBAAW,GAAE,CAAC;QAEpC,UAAK,GAAG;YACN,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;YACpC,WAAW,EAAE,IAAA,0BAAgB,EAAC,aAAa,CAAC,WAAW,CAAC;SACzD,CAAC;QAYF,aAAQ,GAAG,CACT,KAAsD,EACtD,QAIS,EACT,EAAE;YACF,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACrC,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACxB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,aAAa,CAAC,CAAC;YAC7C,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,CAAC,SAAS,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC;gBAC5E,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;gBAC/B,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE,CAAC,aAAa,CAAC,CAAC;YAC3C,CAAC;QACH,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"NavExpandable.js","sourceRoot":"","sources":["../../../../src/components/Nav/NavExpandable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,10 @@ export interface PageToggleButtonProps extends ButtonProps {
|
|
|
9
9
|
onSidebarToggle?: () => void;
|
|
10
10
|
/** Button id */
|
|
11
11
|
id?: string;
|
|
12
|
+
/** Adds an accessible name to the toggle button. */
|
|
13
|
+
'aria-label'?: string;
|
|
14
|
+
/** Flag indicating whether the hamburger button variation with animations should be used. */
|
|
15
|
+
isHamburgerButton?: boolean;
|
|
12
16
|
}
|
|
13
17
|
export declare const PageToggleButton: React.FunctionComponent<PageToggleButtonProps>;
|
|
14
18
|
//# sourceMappingURL=PageToggleButton.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4IAA4I;IAC5I,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAU,WAAW,EAAiB,MAAM,yBAAyB,CAAC;AAG7E,MAAM,WAAW,qBAAsB,SAAQ,WAAW;IACxD,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,4IAA4I;IAC5I,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6FAA6F;IAC7F,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,qBAAqB,CAiC3E,CAAC"}
|
|
@@ -6,11 +6,11 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const Button_1 = require("../../components/Button");
|
|
7
7
|
const PageContext_1 = require("./PageContext");
|
|
8
8
|
const PageToggleButton = (_a) => {
|
|
9
|
-
var { children, isSidebarOpen = true, onSidebarToggle = () => undefined, id = 'nav-toggle' } = _a, props = tslib_1.__rest(_a, ["children", "isSidebarOpen", "onSidebarToggle", "id"]);
|
|
9
|
+
var { children, isSidebarOpen = true, onSidebarToggle = () => undefined, id = 'nav-toggle', 'aria-label': ariaLabel = 'Side navigation toggle', isHamburgerButton } = _a, props = tslib_1.__rest(_a, ["children", "isSidebarOpen", "onSidebarToggle", "id", 'aria-label', "isHamburgerButton"]);
|
|
10
10
|
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContextConsumer, { children: ({ isManagedSidebar, onSidebarToggle: managedOnSidebarToggle, isSidebarOpen: managedIsSidebarOpen }) => {
|
|
11
11
|
const sidebarToggle = isManagedSidebar ? managedOnSidebarToggle : onSidebarToggle;
|
|
12
12
|
const sidebarOpen = isManagedSidebar ? managedIsSidebarOpen : isSidebarOpen;
|
|
13
|
-
return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ id: id, onClick: sidebarToggle, "aria-label":
|
|
13
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ id: id, onClick: sidebarToggle, "aria-label": ariaLabel, "aria-expanded": sidebarOpen ? 'true' : 'false', variant: Button_1.ButtonVariant.plain, isHamburger: isHamburgerButton }, props, { children: !isHamburgerButton && children })));
|
|
14
14
|
} }));
|
|
15
15
|
};
|
|
16
16
|
exports.PageToggleButton = PageToggleButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6E;AAC7E,+CAAsE;
|
|
1
|
+
{"version":3,"file":"PageToggleButton.js","sourceRoot":"","sources":["../../../../src/components/Page/PageToggleButton.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6E;AAC7E,+CAAsE;AAiB/D,MAAM,gBAAgB,GAAmD,CAAC,EAQzD,EAAE,EAAE;QARqD,EAC/E,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,eAAe,GAAG,GAAG,EAAE,CAAC,SAAgB,EACxC,EAAE,GAAG,YAAY,EACjB,YAAY,EAAE,SAAS,GAAG,wBAAwB,EAClD,iBAAiB,OAEK,EADnB,KAAK,sBAPuE,yFAQhF,CADS;IACmB,OAAA,CAC3B,uBAAC,iCAAmB,cACjB,CAAC,EACA,gBAAgB,EAChB,eAAe,EAAE,sBAAsB,EACvC,aAAa,EAAE,oBAAoB,EAClB,EAAE,EAAE;YACrB,MAAM,aAAa,GAAG,gBAAgB,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,eAAe,CAAC;YAClF,MAAM,WAAW,GAAG,gBAAgB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC;YAE5E,OAAO,CACL,uBAAC,eAAM,kBACL,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,aAAa,gBACV,SAAS,mBACN,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,OAAO,EAAE,sBAAa,CAAC,KAAK,EAC5B,WAAW,EAAE,iBAAiB,IAC1B,KAAK,cAER,CAAC,iBAAiB,IAAI,QAAQ,IACxB,CACV,CAAC;QACJ,CAAC,GACmB,CACvB,CAAA;CAAA,CAAC;AAjCW,QAAA,gBAAgB,oBAiC3B;AACF,wBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}
|
|
@@ -92,6 +92,8 @@ export interface SearchInputProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
92
92
|
/** The number of search results returned. Either a total number of results,
|
|
93
93
|
* or a string representing the current result over the total number of results. i.e. "1 / 5". */
|
|
94
94
|
resultsCount?: number | string;
|
|
95
|
+
/** Screenreader text that will appear after resultsCount to give context for what that value represents to assistive technologies. */
|
|
96
|
+
resultsCountContext?: string;
|
|
95
97
|
/** Label for the button which calls the onSearch event handler. */
|
|
96
98
|
submitSearchButtonLabel?: string;
|
|
97
99
|
/** Value of the search input. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ const InputGroup_1 = require("../InputGroup");
|
|
|
20
20
|
const helpers_1 = require("../../helpers");
|
|
21
21
|
const text_input_group_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/TextInputGroup/text-input-group"));
|
|
22
22
|
const SearchInputBase = (_a) => {
|
|
23
|
-
var { className, searchInputId, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen = false, resultsCount, onNextClick, onPreviousClick, innerRef, expandableInput, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false, appendTo, zIndex = 9999, name, areUtilitiesDisplayed, inputProps } = _a, props = tslib_1.__rest(_a, ["className", "searchInputId", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "onNextClick", "onPreviousClick", "innerRef", "expandableInput", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled", "appendTo", "zIndex", "name", "areUtilitiesDisplayed", "inputProps"]);
|
|
23
|
+
var { className, searchInputId, value = '', attributes = [], formAdditionalItems, hasWordsAttrLabel = 'Has words', advancedSearchDelimiter, placeholder, hint, onChange, onSearch, onClear, onToggleAdvancedSearch, isAdvancedSearchOpen = false, resultsCount, resultsCountContext = ' results', onNextClick, onPreviousClick, innerRef, expandableInput, 'aria-label': ariaLabel = 'Search input', resetButtonLabel = 'Reset', openMenuButtonAriaLabel = 'Open advanced search', previousNavigationButtonAriaLabel = 'Previous', isPreviousNavigationButtonDisabled = false, isNextNavigationButtonDisabled = false, nextNavigationButtonAriaLabel = 'Next', submitSearchButtonLabel = 'Search', isDisabled = false, appendTo, zIndex = 9999, name, areUtilitiesDisplayed, inputProps } = _a, props = tslib_1.__rest(_a, ["className", "searchInputId", "value", "attributes", "formAdditionalItems", "hasWordsAttrLabel", "advancedSearchDelimiter", "placeholder", "hint", "onChange", "onSearch", "onClear", "onToggleAdvancedSearch", "isAdvancedSearchOpen", "resultsCount", "resultsCountContext", "onNextClick", "onPreviousClick", "innerRef", "expandableInput", 'aria-label', "resetButtonLabel", "openMenuButtonAriaLabel", "previousNavigationButtonAriaLabel", "isPreviousNavigationButtonDisabled", "isNextNavigationButtonDisabled", "nextNavigationButtonAriaLabel", "submitSearchButtonLabel", "isDisabled", "appendTo", "zIndex", "name", "areUtilitiesDisplayed", "inputProps"]);
|
|
24
24
|
const [isSearchMenuOpen, setIsSearchMenuOpen] = (0, react_1.useState)(false);
|
|
25
25
|
const [searchValue, setSearchValue] = (0, react_1.useState)(value);
|
|
26
26
|
const searchInputRef = (0, react_1.useRef)(null);
|
|
@@ -135,7 +135,7 @@ const SearchInputBase = (_a) => {
|
|
|
135
135
|
const renderUtilities = value && (resultsCount || (!!onNextClick && !!onPreviousClick) || (!!onClear && !expandableInput));
|
|
136
136
|
const buildTextInputGroup = (_a = {}) => {
|
|
137
137
|
var searchInputProps = tslib_1.__rest(_a, []);
|
|
138
|
-
return ((0, jsx_runtime_1.jsxs)(TextInputGroup_1.TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps, { children: [(0, jsx_runtime_1.jsx)(TextInputGroup_1.TextInputGroupMain, { hint: hint, icon: (0, jsx_runtime_1.jsx)(search_icon_1.default, {}), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, name: name, inputId: searchInputId, inputProps: inputProps }), (renderUtilities || areUtilitiesDisplayed) && ((0, jsx_runtime_1.jsxs)(TextInputGroup_1.TextInputGroupUtilities, { children: [resultsCount && (0, jsx_runtime_1.jsx)(Badge_1.Badge, { isRead: true, children: resultsCount }), !!onNextClick && !!onPreviousClick && ((0, jsx_runtime_1.jsxs)("div", { className: text_input_group_1.default.textInputGroupGroup, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick, icon: (0, jsx_runtime_1.jsx)(angle_up_icon_1.default, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick, icon: (0, jsx_runtime_1.jsx)(angle_down_icon_1.default, {}) })] })), !!onClear && !expandableInput && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput, icon: (0, jsx_runtime_1.jsx)(times_icon_1.default, {}) }))] }))] })));
|
|
138
|
+
return ((0, jsx_runtime_1.jsxs)(TextInputGroup_1.TextInputGroup, Object.assign({ isDisabled: isDisabled }, searchInputProps, { children: [(0, jsx_runtime_1.jsx)(TextInputGroup_1.TextInputGroupMain, { hint: hint, icon: (0, jsx_runtime_1.jsx)(search_icon_1.default, {}), innerRef: searchInputInputRef, value: searchValue, placeholder: placeholder, "aria-label": ariaLabel, onKeyDown: onEnter, onChange: onChangeHandler, name: name, inputId: searchInputId, inputProps: inputProps }), (renderUtilities || areUtilitiesDisplayed) && ((0, jsx_runtime_1.jsxs)(TextInputGroup_1.TextInputGroupUtilities, { children: [resultsCount && ((0, jsx_runtime_1.jsx)(Badge_1.Badge, { isRead: true, screenReaderText: resultsCountContext, children: resultsCount })), !!onNextClick && !!onPreviousClick && ((0, jsx_runtime_1.jsxs)("div", { className: text_input_group_1.default.textInputGroupGroup, children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": previousNavigationButtonAriaLabel, isDisabled: isDisabled || isPreviousNavigationButtonDisabled, onClick: onPreviousClick, icon: (0, jsx_runtime_1.jsx)(angle_up_icon_1.default, {}) }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": nextNavigationButtonAriaLabel, isDisabled: isDisabled || isNextNavigationButtonDisabled, onClick: onNextClick, icon: (0, jsx_runtime_1.jsx)(angle_down_icon_1.default, {}) })] })), !!onClear && !expandableInput && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.plain, isDisabled: isDisabled, "aria-label": resetButtonLabel, onClick: onClearInput, icon: (0, jsx_runtime_1.jsx)(times_icon_1.default, {}) }))] }))] })));
|
|
139
139
|
};
|
|
140
140
|
const expandableToggle = ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: Button_1.ButtonVariant.plain, "aria-label": toggleAriaLabel, "aria-expanded": isExpanded, icon: isExpanded ? (0, jsx_runtime_1.jsx)(times_icon_1.default, {}) : (0, jsx_runtime_1.jsx)(search_icon_1.default, {}), onClick: onExpandHandler, ref: searchInputExpandableToggleRef }));
|
|
141
141
|
const buildExpandableSearchInput = (_a = {}) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAgE;AAChE,2DAA+C;AAC/C,sCAAkD;AAClD,oCAAiC;AACjC,kCAA+B;;;;;;;AAO/B,6DAA0D;AAC1D,sDAAgG;AAChG,8CAA2D;AAC3D,2CAAuC;AACvC,uIAA2G;
|
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { TabProps } from './Tab';
|
|
3
|
+
export interface HorizontalOverflowPopperProps {
|
|
4
|
+
/** Vertical direction of the popper. If enableFlip is set to true, this will set the initial direction before the popper flips. */
|
|
5
|
+
direction?: 'up' | 'down';
|
|
6
|
+
/** Horizontal position of the popper */
|
|
7
|
+
position?: 'right' | 'left' | 'center' | 'start' | 'end';
|
|
8
|
+
/** Custom width of the popper. If the value is "trigger", it will set the width to the select toggle's width */
|
|
9
|
+
width?: string | 'trigger';
|
|
10
|
+
/** Minimum width of the popper. If the value is "trigger", it will set the min width to the select toggle's width */
|
|
11
|
+
minWidth?: string | 'trigger';
|
|
12
|
+
/** Maximum width of the popper. If the value is "trigger", it will set the max width to the select toggle's width */
|
|
13
|
+
maxWidth?: string | 'trigger';
|
|
14
|
+
/** Enable to flip the popper when it reaches the boundary */
|
|
15
|
+
enableFlip?: boolean;
|
|
16
|
+
/** The container to append the select to. Defaults to document.body.
|
|
17
|
+
* If your select is being cut off you can append it to an element higher up the DOM tree.
|
|
18
|
+
* Some examples:
|
|
19
|
+
* appendTo="inline"
|
|
20
|
+
* appendTo={() => document.body}
|
|
21
|
+
* appendTo={document.getElementById('target')}
|
|
22
|
+
*/
|
|
23
|
+
appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
|
|
24
|
+
/** Flag to prevent the popper from overflowing its container and becoming partially obscured. */
|
|
25
|
+
preventOverflow?: boolean;
|
|
26
|
+
}
|
|
3
27
|
export interface OverflowTabProps extends React.HTMLProps<HTMLLIElement> {
|
|
4
28
|
/** Additional classes added to the overflow tab */
|
|
5
29
|
className?: string;
|
|
@@ -17,6 +41,8 @@ export interface OverflowTabProps extends React.HTMLProps<HTMLLIElement> {
|
|
|
17
41
|
shouldPreventScrollOnItemFocus?: boolean;
|
|
18
42
|
/** Time in ms to wait before firing the toggles' focus event. Defaults to 0 */
|
|
19
43
|
focusTimeoutDelay?: number;
|
|
44
|
+
/** Additional props to spread to the popper menu. */
|
|
45
|
+
popperProps?: HorizontalOverflowPopperProps;
|
|
20
46
|
}
|
|
21
47
|
export declare const OverflowTab: React.FunctionComponent<OverflowTabProps>;
|
|
22
48
|
//# sourceMappingURL=OverflowTab.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"OverflowTab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGjC,MAAM,WAAW,6BAA6B;IAC5C,mIAAmI;IACnI,SAAS,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC1B,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;IACzD,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;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,QAAQ,CAAC;IACxD,iGAAiG;IACjG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC;IACtE,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oDAAoD;IACpD,eAAe,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC7B,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8EAA8E;IAC9E,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,WAAW,CAAC,EAAE,6BAA6B,CAAC;CAC7C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CA8HjE,CAAC"}
|
|
@@ -12,7 +12,7 @@ const Menu_1 = require("../Menu");
|
|
|
12
12
|
const TabsContext_1 = require("./TabsContext");
|
|
13
13
|
const TabTitleText_1 = require("./TabTitleText");
|
|
14
14
|
const OverflowTab = (_a) => {
|
|
15
|
-
var { className, overflowingTabs = [], showTabCount, defaultTitleText = 'More', toggleAriaLabel, zIndex = 9999, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = tslib_1.__rest(_a, ["className", "overflowingTabs", "showTabCount", "defaultTitleText", "toggleAriaLabel", "zIndex", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
|
|
15
|
+
var { className, overflowingTabs = [], showTabCount, defaultTitleText = 'More', toggleAriaLabel, zIndex = 9999, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0, popperProps } = _a, props = tslib_1.__rest(_a, ["className", "overflowingTabs", "showTabCount", "defaultTitleText", "toggleAriaLabel", "zIndex", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay", "popperProps"]);
|
|
16
16
|
const menuRef = (0, react_1.useRef)(undefined);
|
|
17
17
|
const overflowTabRef = (0, react_1.useRef)(undefined);
|
|
18
18
|
const overflowLIRef = (0, react_1.useRef)(undefined);
|
|
@@ -64,7 +64,7 @@ const OverflowTab = (_a) => {
|
|
|
64
64
|
handleTabClick(event, key, selectedTabRef);
|
|
65
65
|
};
|
|
66
66
|
const overflowMenu = ((0, jsx_runtime_1.jsx)(Menu_1.Menu, { ref: menuRef, onSelect: (ev, itemId) => onTabSelect(ev, itemId), children: (0, jsx_runtime_1.jsx)(Menu_1.MenuContent, { children: (0, jsx_runtime_1.jsx)(Menu_1.MenuList, { children: tabs }) }) }));
|
|
67
|
-
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [overflowTab, (0, jsx_runtime_1.jsx)(helpers_1.Popper, { triggerRef: overflowTabRef, popper: overflowMenu, popperRef: menuRef, isVisible: isExpanded, minWidth: "revert", appendTo: overflowLIRef.current, zIndex: zIndex })] }));
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [overflowTab, (0, jsx_runtime_1.jsx)(helpers_1.Popper, Object.assign({ triggerRef: overflowTabRef, popper: overflowMenu, popperRef: menuRef, isVisible: isExpanded, minWidth: "revert", appendTo: overflowLIRef.current, zIndex: zIndex }, popperProps))] }));
|
|
68
68
|
};
|
|
69
69
|
exports.OverflowTab = OverflowTab;
|
|
70
70
|
exports.OverflowTab.displayName = 'OverflowTab';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowTab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA0E;AAC1E,qGAAuE;AACvE,2DAA+C;;AAE/C,2CAAuC;AACvC,kCAAgE;AAChE,+CAA4C;AAE5C,iDAA8C;
|
|
1
|
+
{"version":3,"file":"OverflowTab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/OverflowTab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,EACtF,SAAS;IACX,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ1C,MAAM,WAAW,QACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,iBAAiB,GAAG,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC,EACtF,SAAS;IACX,oDAAoD;IACpD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8JAA8J;IAC9J,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kCAAkC;IAClC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,6FAA6F;IAC7F,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,oGAAoG;IACpG,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gHAAgH;IAChH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,2GAA2G;IAC3G,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,qFAAqF;IACrF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,0DAA0D;IAC1D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iEAAiE;IACjE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAqGD,eAAO,MAAM,GAAG,uGAA8F,CAAC"}
|
|
@@ -16,7 +16,7 @@ const TabBase = (_a) => {
|
|
|
16
16
|
const preventedEvents = inoperableEvents.reduce((handlers, eventToPrevent) => (Object.assign(Object.assign({}, handlers), { [eventToPrevent]: (event) => {
|
|
17
17
|
event.preventDefault();
|
|
18
18
|
} })), {});
|
|
19
|
-
const { mountOnEnter, localActiveKey, unmountOnExit, uniqueId, handleTabClick, handleTabClose } = (0, react_1.useContext)(TabsContext_1.TabsContext);
|
|
19
|
+
const { mountOnEnter, localActiveKey, unmountOnExit, uniqueId, setAccentStyles, handleTabClick, handleTabClose } = (0, react_1.useContext)(TabsContext_1.TabsContext);
|
|
20
20
|
let ariaControls = tabContentId ? `${tabContentId}` : `pf-tab-section-${eventKey}-${childId || uniqueId}`;
|
|
21
21
|
if ((mountOnEnter || unmountOnExit) && eventKey !== localActiveKey) {
|
|
22
22
|
ariaControls = undefined;
|
|
@@ -31,6 +31,9 @@ const TabBase = (_a) => {
|
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
33
|
const tabButton = ((0, jsx_runtime_1.jsx)(TabButton_1.TabButton, Object.assign({ parentInnerRef: innerRef, className: (0, react_styles_1.css)(tabs_1.default.tabsLink, isDisabled && href && tabs_1.default.modifiers.disabled, isAriaDisabled && tabs_1.default.modifiers.ariaDisabled), disabled: isButtonElement ? isDisabled : null, "aria-disabled": isDisabled || isAriaDisabled, tabIndex: getDefaultTabIdx(), onClick: (event) => handleTabClick(event, eventKey, tabContentRef) }, (isAriaDisabled ? preventedEvents : null), { id: `pf-tab-${eventKey}-${childId || uniqueId}`, "aria-controls": ariaControls, tabContentRef: tabContentRef, ouiaId: childOuiaId, href: href, role: "tab", "aria-selected": eventKey === localActiveKey }, props, { children: title })));
|
|
34
|
+
(0, react_1.useEffect)(() => {
|
|
35
|
+
setAccentStyles(true);
|
|
36
|
+
}, [title, actions]);
|
|
34
37
|
return ((0, jsx_runtime_1.jsxs)("li", { className: (0, react_styles_1.css)(tabs_1.default.tabsItem, eventKey === localActiveKey && tabs_1.default.modifiers.current, (handleTabClose || actions) && tabs_1.default.modifiers.action, (isDisabled || isAriaDisabled) && tabs_1.default.modifiers.disabled, childClassName), role: "presentation", children: [tooltip ? (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({}, tooltip.props, { children: tabButton })) : tabButton, actions && actions, handleTabClose !== undefined && ((0, jsx_runtime_1.jsx)(TabAction_1.TabAction, { "aria-label": closeButtonAriaLabel || 'Close tab', onClick: (event) => handleTabClose(event, eventKey, tabContentRef), isDisabled: isCloseDisabled, children: (0, jsx_runtime_1.jsx)(times_icon_1.default, {}) }))] }));
|
|
35
38
|
};
|
|
36
39
|
exports.Tab = (0, react_1.forwardRef)((props, ref) => (0, jsx_runtime_1.jsx)(TabBase, Object.assign({ innerRef: ref }, props)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { Component } from 'react';
|
|
3
3
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
4
4
|
import { TabProps } from './Tab';
|
|
5
|
+
import { HorizontalOverflowPopperProps } from './OverflowTab';
|
|
5
6
|
import { OUIAProps } from '../../helpers';
|
|
6
7
|
export declare enum TabsComponent {
|
|
7
8
|
div = "div",
|
|
@@ -14,6 +15,8 @@ export interface HorizontalOverflowObject {
|
|
|
14
15
|
defaultTitleText?: string;
|
|
15
16
|
/** The aria label applied to the button which toggles the tab overflow menu */
|
|
16
17
|
toggleAriaLabel?: string;
|
|
18
|
+
/** Additional props to spread to the popper menu. */
|
|
19
|
+
popperProps?: HorizontalOverflowPopperProps;
|
|
17
20
|
}
|
|
18
21
|
type TabElement = React.ReactElement<TabProps, React.JSXElementConstructor<TabProps>>;
|
|
19
22
|
type TabsChild = TabElement | boolean | null | undefined;
|
|
@@ -117,6 +120,9 @@ interface TabsState {
|
|
|
117
120
|
uncontrolledIsExpandedLocal: boolean;
|
|
118
121
|
ouiaStateId: string;
|
|
119
122
|
overflowingTabCount: number;
|
|
123
|
+
isInitializingAccent: boolean;
|
|
124
|
+
currentLinkAccentLength: string;
|
|
125
|
+
currentLinkAccentStart: string;
|
|
120
126
|
}
|
|
121
127
|
declare class Tabs extends Component<TabsProps, TabsState> {
|
|
122
128
|
static displayName: string;
|
|
@@ -132,6 +138,8 @@ declare class Tabs extends Component<TabsProps, TabsState> {
|
|
|
132
138
|
scrollBack: () => void;
|
|
133
139
|
scrollForward: () => void;
|
|
134
140
|
hideScrollButtons: () => void;
|
|
141
|
+
setAccentStyles: (shouldInitializeStyle?: boolean) => void;
|
|
142
|
+
handleResize: () => void;
|
|
135
143
|
componentDidMount(): void;
|
|
136
144
|
componentWillUnmount(): void;
|
|
137
145
|
componentDidUpdate(prevProps: TabsProps, prevState: TabsState): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,SAAS,EAA6B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,SAAS,EAA6B,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAYvD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,EAAe,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAgB,SAAS,EAA+B,MAAM,eAAe,CAAC;AAKrF,oBAAY,aAAa;IACvB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AACD,MAAM,WAAW,wBAAwB;IACvC,kEAAkE;IAClE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,+EAA+E;IAC/E,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qDAAqD;IACrD,WAAW,CAAC,EAAE,6BAA6B,CAAC;CAC7C;AAED,KAAK,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,CAAC,CAAC;AACtF,KAAK,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAEzD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,EAClF,SAAS;IACX,oIAAoI;IACpI,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IACjG,gIAAgI;IAChI,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAChG,gFAAgF;IAChF,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACnE,oCAAoC;IACpC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mCAAmC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,yHAAyH;IACzH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wFAAwF;IACxF,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,4FAA4F;IAC5F,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,4CAA4C;IAC5C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,+CAA+C;IAC/C,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,2GAA2G;IAC3G,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,yPAAyP;IACzP,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,wFAAwF;IACxF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QACnF,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,EAAE,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;QAC9E,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;KAClF,CAAC;IACF,kHAAkH;IAClH,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;QACzC,EAAE,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;QACpC,EAAE,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;QACpC,EAAE,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;QACpC,EAAE,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;QACpC,KAAK,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;KACxC,CAAC;IACF,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qFAAqF;IACrF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,iDAAiD;IACjD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2CAA2C;IAC3C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uDAAuD;IACvD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE,gKAAgK;IAChK,oBAAoB,CAAC,EAAE,OAAO,GAAG,wBAAwB,CAAC;IAC1D,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAOD,UAAU,SAAS;IACjB,2DAA2D;IAC3D,mBAAmB,EAAE,OAAO,CAAC;IAC7B,sGAAsG;IACtG,iBAAiB,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,mBAAmB,EAAE,OAAO,CAAC;IAC7B,uBAAuB,EAAE,OAAO,CAAC;IACjC,0BAA0B,EAAE,OAAO,CAAC;IACpC,SAAS,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC/B,qBAAqB,EAAE,MAAM,GAAG,MAAM,CAAC;IACvC,2BAA2B,EAAE,OAAO,CAAC;IACrC,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,MAAM,CAAC;CAChC;AAED,cAAM,IAAK,SAAQ,SAAS,CAAC,SAAS,EAAE,SAAS,CAAC;IAChD,MAAM,CAAC,WAAW,SAAU;IAC5B,OAAO,8CAAiC;IACxC,mBAAmB,+CAAkC;IACrD,OAAO,CAAC,SAAS,CAAS;gBACd,KAAK,EAAE,SAAS;IA6B5B,aAAa,EAAE,MAAM,CAAC,OAAO,CAAQ;IAErC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,SAAS,CAAC,CAmB1C;IAEF,cAAc,CACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,EAChD,QAAQ,EAAE,MAAM,GAAG,MAAM,EACzB,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC;IA+BrC,wBAAwB,cAAe,gBAAgB,YAGrD;IAEF,mBAAmB,aAkCjB;IAEF,UAAU,aAwBR;IAEF,aAAa,aAuBX;IAEF,iBAAiB,aAKf;IAEF,eAAe,2BAA4B,OAAO,UAmBhD;IAEF,YAAY,aAGV;IAEF,iBAAiB;IAajB,oBAAoB;IAUpB,kBAAkB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;IA4C7D,MAAM,CAAC,wBAAwB,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS;;;;IAqB1E,MAAM;CAqMP;AAED,OAAO,EAAE,IAAI,EAAE,CAAC"}
|