@patternfly/react-core 6.1.0-prerelease.1 → 6.1.0-prerelease.11
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 +62 -0
- 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 +1 -0
- package/dist/esm/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/esm/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/esm/components/Dropdown/Dropdown.js +12 -3
- package/dist/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/components/Menu/MenuContainer.d.ts +2 -0
- package/dist/esm/components/Menu/MenuContainer.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuContainer.js +21 -4
- package/dist/esm/components/Menu/MenuContainer.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts +1 -1
- package/dist/esm/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.d.ts +2 -2
- package/dist/esm/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/components/Modal/Modal.js +13 -20
- package/dist/esm/components/Modal/Modal.js.map +1 -1
- package/dist/esm/components/Modal/ModalContent.d.ts +2 -0
- package/dist/esm/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/components/Modal/ModalContent.js +2 -2
- package/dist/esm/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/components/Select/Select.d.ts +4 -0
- package/dist/esm/components/Select/Select.d.ts.map +1 -1
- package/dist/esm/components/Select/Select.js +12 -3
- package/dist/esm/components/Select/Select.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarFilter.js +4 -2
- package/dist/esm/components/Toolbar/ToolbarFilter.js.map +1 -1
- package/dist/esm/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/esm/demos/DashboardHeader.js +2 -4
- package/dist/esm/demos/DashboardHeader.js.map +1 -1
- package/dist/esm/deprecated/components/Modal/Modal.d.ts +2 -2
- package/dist/esm/deprecated/components/Modal/Modal.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Modal/Modal.js +13 -20
- package/dist/esm/deprecated/components/Modal/Modal.js.map +1 -1
- package/dist/esm/deprecated/components/Modal/ModalContent.d.ts +2 -0
- package/dist/esm/deprecated/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/esm/deprecated/components/Modal/ModalContent.js +2 -2
- package/dist/esm/deprecated/components/Modal/ModalContent.js.map +1 -1
- package/dist/esm/helpers/KeyboardHandler.d.ts +7 -0
- package/dist/esm/helpers/KeyboardHandler.d.ts.map +1 -1
- package/dist/esm/helpers/KeyboardHandler.js +25 -0
- package/dist/esm/helpers/KeyboardHandler.js.map +1 -1
- package/dist/esm/layouts/Split/Split.d.ts +4 -4
- package/dist/esm/layouts/Split/Split.d.ts.map +1 -1
- package/dist/esm/layouts/Split/SplitItem.d.ts +5 -3
- package/dist/esm/layouts/Split/SplitItem.d.ts.map +1 -1
- package/dist/esm/layouts/Split/SplitItem.js +3 -2
- package/dist/esm/layouts/Split/SplitItem.js.map +1 -1
- package/dist/esm/layouts/Stack/Stack.d.ts +3 -3
- package/dist/esm/layouts/Stack/Stack.d.ts.map +1 -1
- package/dist/esm/layouts/Stack/StackItem.d.ts +5 -3
- package/dist/esm/layouts/Stack/StackItem.d.ts.map +1 -1
- package/dist/esm/layouts/Stack/StackItem.js +3 -2
- package/dist/esm/layouts/Stack/StackItem.js.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/js/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/js/components/Dropdown/Dropdown.js +11 -2
- package/dist/js/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/js/components/Menu/MenuContainer.d.ts +2 -0
- package/dist/js/components/Menu/MenuContainer.d.ts.map +1 -1
- package/dist/js/components/Menu/MenuContainer.js +22 -5
- package/dist/js/components/Menu/MenuContainer.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts +1 -1
- package/dist/js/components/MenuToggle/MenuToggleCheckbox.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.d.ts +2 -2
- package/dist/js/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/components/Modal/Modal.js +13 -20
- package/dist/js/components/Modal/Modal.js.map +1 -1
- package/dist/js/components/Modal/ModalContent.d.ts +2 -0
- package/dist/js/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/components/Modal/ModalContent.js +2 -2
- package/dist/js/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/components/Select/Select.d.ts +4 -0
- package/dist/js/components/Select/Select.d.ts.map +1 -1
- package/dist/js/components/Select/Select.js +11 -2
- package/dist/js/components/Select/Select.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarFilter.js +4 -2
- package/dist/js/components/Toolbar/ToolbarFilter.js.map +1 -1
- package/dist/js/demos/DashboardHeader.d.ts.map +1 -1
- package/dist/js/demos/DashboardHeader.js +2 -4
- package/dist/js/demos/DashboardHeader.js.map +1 -1
- package/dist/js/deprecated/components/Modal/Modal.d.ts +2 -2
- package/dist/js/deprecated/components/Modal/Modal.d.ts.map +1 -1
- package/dist/js/deprecated/components/Modal/Modal.js +13 -20
- package/dist/js/deprecated/components/Modal/Modal.js.map +1 -1
- package/dist/js/deprecated/components/Modal/ModalContent.d.ts +2 -0
- package/dist/js/deprecated/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/js/deprecated/components/Modal/ModalContent.js +2 -2
- package/dist/js/deprecated/components/Modal/ModalContent.js.map +1 -1
- package/dist/js/helpers/KeyboardHandler.d.ts +7 -0
- package/dist/js/helpers/KeyboardHandler.d.ts.map +1 -1
- package/dist/js/helpers/KeyboardHandler.js +27 -1
- package/dist/js/helpers/KeyboardHandler.js.map +1 -1
- package/dist/js/layouts/Split/Split.d.ts +4 -4
- package/dist/js/layouts/Split/Split.d.ts.map +1 -1
- package/dist/js/layouts/Split/SplitItem.d.ts +5 -3
- package/dist/js/layouts/Split/SplitItem.d.ts.map +1 -1
- package/dist/js/layouts/Split/SplitItem.js +3 -2
- package/dist/js/layouts/Split/SplitItem.js.map +1 -1
- package/dist/js/layouts/Stack/Stack.d.ts +3 -3
- package/dist/js/layouts/Stack/Stack.d.ts.map +1 -1
- package/dist/js/layouts/Stack/StackItem.d.ts +5 -3
- package/dist/js/layouts/Stack/StackItem.d.ts.map +1 -1
- package/dist/js/layouts/Stack/StackItem.js +3 -2
- package/dist/js/layouts/Stack/StackItem.js.map +1 -1
- package/dist/umd/assets/{output-cDK0-HHp.css → output-DNYFuxAf.css} +19680 -19642
- package/dist/umd/react-core.min.js +4 -4
- package/helpers/package.json +1 -1
- package/layouts/package.json +1 -1
- package/next/package.json +1 -1
- package/package.json +9 -9
- package/src/components/ActionList/examples/ActionListSingleGroup.tsx +2 -3
- package/src/components/Card/examples/CardExpandable.tsx +2 -3
- package/src/components/Card/examples/CardExpandableWithIcon.tsx +2 -3
- package/src/components/Card/examples/CardHeaderInCardHead.tsx +2 -3
- package/src/components/Card/examples/CardOnlyActionsInCardHead.tsx +2 -3
- package/src/components/Card/examples/CardWithImageAndActions.tsx +2 -3
- package/src/components/Checkbox/examples/CheckboxReversed.tsx +1 -1
- package/src/components/DataList/examples/DataList.md +16 -4
- package/src/components/DataList/examples/DataListActions.tsx +2 -3
- package/src/components/DataList/examples/DataListCheckboxes.tsx +6 -9
- package/src/components/DataList/examples/DataListClickableRows.tsx +4 -6
- package/src/components/DataList/examples/DataListExpandable.tsx +6 -9
- package/src/components/DataList/examples/DataListMixedExpandable.tsx +6 -9
- package/src/components/DataList/examples/DataListWidthModifiers.tsx +4 -6
- package/src/components/Dropdown/Dropdown.tsx +13 -1
- package/src/components/Dropdown/examples/DropdownWithKebabToggle.tsx +2 -3
- package/src/components/DualListSelector/examples/DualListSelector.md +16 -14
- package/src/components/DualListSelector/examples/DualListSelectorComplexOptionsActions.tsx +4 -6
- package/src/components/FileUpload/__tests__/__snapshots__/FileUpload.test.tsx.snap +1 -1
- package/src/components/Hint/examples/HintBasicWithTitle.tsx +2 -3
- package/src/components/Hint/examples/HintBasicWithoutTitle.tsx +2 -3
- package/src/components/Label/examples/LabelGroupEditableAddModal.tsx +2 -2
- package/src/components/Menu/MenuContainer.tsx +24 -3
- package/src/components/MenuToggle/MenuToggleCheckbox.tsx +1 -1
- package/src/components/MenuToggle/examples/MenuToggle.md +4 -16
- package/src/components/Modal/Modal.tsx +13 -18
- package/src/components/Modal/ModalContent.tsx +4 -1
- package/src/components/Modal/__tests__/Modal.test.tsx +45 -0
- package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUpload.test.tsx.snap +3 -3
- package/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainer.tsx +2 -3
- package/src/components/OverflowMenu/examples/OverflowMenuGroupTypes.tsx +2 -3
- package/src/components/OverflowMenu/examples/OverflowMenuMultiGroup.tsx +2 -3
- package/src/components/OverflowMenu/examples/OverflowMenuPersistent.tsx +2 -3
- package/src/components/OverflowMenu/examples/OverflowMenuSimple.tsx +2 -3
- package/src/components/Select/Select.tsx +16 -1
- package/src/components/Select/examples/SelectMultiTypeahead.tsx +1 -1
- package/src/components/Select/examples/SelectMultiTypeaheadCheckbox.tsx +1 -1
- package/src/components/Select/examples/SelectMultiTypeaheadCreatable.tsx +1 -1
- package/src/components/Select/examples/SelectTypeahead.tsx +1 -1
- package/src/components/Select/examples/SelectTypeaheadCreatable.tsx +1 -1
- package/src/components/Toolbar/ToolbarFilter.tsx +2 -1
- package/src/components/Toolbar/examples/ToolbarStacked.tsx +2 -3
- package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +2 -3
- package/src/components/TreeView/examples/TreeViewWithActionItems.tsx +2 -3
- package/src/demos/CardView/examples/CardView.tsx +4 -6
- package/src/demos/CustomMenus/examples/ApplicationLauncherDemo.tsx +2 -3
- package/src/demos/DashboardHeader.tsx +4 -6
- package/src/demos/DataList/examples/DataListBasic.tsx +1 -3
- package/src/demos/DataList/examples/DataListExpandableControlInToolbar.tsx +7 -10
- package/src/demos/NotificationDrawer/examples/NotificationDrawerBasic.tsx +12 -18
- package/src/demos/NotificationDrawer/examples/NotificationDrawerGrouped.tsx +20 -30
- package/src/demos/RTL/examples/PaginatedTable.jsx +4 -6
- package/src/demos/RTL/examples/PaginatedTable.tsx +4 -6
- package/src/demos/examples/AlertGroup/AlertGroupToastWithNotificationDrawer.tsx +4 -6
- package/src/demos/examples/Card/CardHorizontalGrid.tsx +2 -3
- package/src/demos/examples/Masthead/MastheadWithHorizontalNav.tsx +4 -6
- package/src/demos/examples/Masthead/MastheadWithUtilitiesAndUserDropdownMenu.tsx +6 -9
- package/src/demos/examples/Nav/NavFlyout.tsx +4 -6
- package/src/demos/examples/Nav/NavHorizontal.tsx +4 -6
- package/src/demos/examples/Nav/NavHorizontalWithSubnav.tsx +4 -6
- package/src/demos/examples/Nav/NavManual.tsx +4 -6
- package/src/demos/examples/Page/PageContextSelector.tsx +4 -6
- package/src/demos/examples/Page/PageStickySectionBreadcrumb.tsx +4 -6
- package/src/demos/examples/Page/PageStickySectionGroup.tsx +4 -6
- package/src/demos/examples/Page/PageStickySectionGroupAlternate.tsx +4 -6
- package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +4 -6
- package/src/demos/examples/Tabs/TabsAndTable.tsx +2 -3
- package/src/deprecated/components/Modal/Modal.tsx +13 -18
- package/src/deprecated/components/Modal/ModalContent.tsx +4 -1
- package/src/deprecated/components/Modal/__tests__/Modal.test.tsx +28 -0
- package/src/helpers/KeyboardHandler.tsx +27 -0
- package/src/layouts/Split/Split.tsx +4 -4
- package/src/layouts/Split/SplitItem.tsx +14 -8
- package/src/layouts/Split/__tests__/Split.test.tsx +18 -0
- package/src/layouts/Split/__tests__/__snapshots__/Split.test.tsx.snap +28 -0
- package/src/layouts/Stack/Stack.tsx +3 -3
- package/src/layouts/Stack/StackItem.tsx +14 -8
- package/src/layouts/Stack/__tests__/Stack.test.tsx +20 -2
- package/src/layouts/Stack/__tests__/__snapshots__/Stack.test.tsx.snap +30 -2
|
@@ -3,8 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
import styles from '@patternfly/react-styles/css/layouts/Split/split.mjs';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
export const SplitItem = (_a) => {
|
|
6
|
-
var { isFilled = false, className = '', children = null } = _a, props = __rest(_a, ["isFilled", "className", "children"]);
|
|
7
|
-
|
|
6
|
+
var { isFilled = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["isFilled", "className", "children", "component"]);
|
|
7
|
+
const Component = component;
|
|
8
|
+
return (React.createElement(Component, Object.assign({}, props, { className: css(styles.splitItem, isFilled && styles.modifiers.fill, className) }), children));
|
|
8
9
|
};
|
|
9
10
|
SplitItem.displayName = 'SplitItem';
|
|
10
11
|
//# sourceMappingURL=SplitItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitItem.js","sourceRoot":"","sources":["../../../../src/layouts/Split/SplitItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,6DAAyD;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"SplitItem.js","sourceRoot":"","sources":["../../../../src/layouts/Split/SplitItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,6DAAyD;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EAMlD,EAAE,EAAE;QAN8C,EACjE,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,OAEF,EADZ,KAAK,cALyD,kDAMlE,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KACjG,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -2,11 +2,11 @@ import * as React from 'react';
|
|
|
2
2
|
export interface StackProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
3
|
/** Adds space between children. */
|
|
4
4
|
hasGutter?: boolean;
|
|
5
|
-
/**
|
|
5
|
+
/** Content rendered inside the stack layout. */
|
|
6
6
|
children?: React.ReactNode;
|
|
7
|
-
/**
|
|
7
|
+
/** Additional classes added to the stack layout. */
|
|
8
8
|
className?: string;
|
|
9
|
-
/** Sets the base component to render.
|
|
9
|
+
/** Sets the base component to render. Defaults to div. */
|
|
10
10
|
component?: React.ReactNode;
|
|
11
11
|
}
|
|
12
12
|
export declare const Stack: React.FunctionComponent<StackProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjE,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB
|
|
1
|
+
{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACjE,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAarD,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface StackItemProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
-
/** Flag indicating if this
|
|
3
|
+
/** Flag indicating if this stack layout item should fill the available vertical space. */
|
|
4
4
|
isFilled?: boolean;
|
|
5
|
-
/**
|
|
5
|
+
/** Additional classes added to the stack layout item. */
|
|
6
6
|
children?: React.ReactNode;
|
|
7
|
-
/**
|
|
7
|
+
/** Content rendered inside the stack layout item. */
|
|
8
8
|
className?: string;
|
|
9
|
+
/** Sets the base component to render. Defaults to div. */
|
|
10
|
+
component?: React.ReactNode;
|
|
9
11
|
}
|
|
10
12
|
export declare const StackItem: React.FunctionComponent<StackItemProps>;
|
|
11
13
|
//# sourceMappingURL=StackItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Stack/StackItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"StackItem.d.ts","sourceRoot":"","sources":["../../../../src/layouts/Stack/StackItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACrE,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAa7D,CAAC"}
|
|
@@ -3,8 +3,9 @@ import * as React from 'react';
|
|
|
3
3
|
import styles from '@patternfly/react-styles/css/layouts/Stack/stack.mjs';
|
|
4
4
|
import { css } from '@patternfly/react-styles';
|
|
5
5
|
export const StackItem = (_a) => {
|
|
6
|
-
var { isFilled = false, className = '', children = null } = _a, props = __rest(_a, ["isFilled", "className", "children"]);
|
|
7
|
-
|
|
6
|
+
var { isFilled = false, className = '', children = null, component = 'div' } = _a, props = __rest(_a, ["isFilled", "className", "children", "component"]);
|
|
7
|
+
const Component = component;
|
|
8
|
+
return (React.createElement(Component, Object.assign({}, props, { className: css(styles.stackItem, isFilled && styles.modifiers.fill, className) }), children));
|
|
8
9
|
};
|
|
9
10
|
StackItem.displayName = 'StackItem';
|
|
10
11
|
//# sourceMappingURL=StackItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackItem.js","sourceRoot":"","sources":["../../../../src/layouts/Stack/StackItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,6DAAyD;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"StackItem.js","sourceRoot":"","sources":["../../../../src/layouts/Stack/StackItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,6DAAyD;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAa/C,MAAM,CAAC,MAAM,SAAS,GAA4C,CAAC,EAMlD,EAAE,EAAE;QAN8C,EACjE,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,KAAK,OAEF,EADZ,KAAK,cALyD,kDAMlE,CADS;IAER,MAAM,SAAS,GAAG,SAAgB,CAAC;IACnC,OAAO,CACL,oBAAC,SAAS,oBAAK,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,IAAI,EAAE,SAAS,CAAC,KACjG,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
|
|
@@ -46,6 +46,8 @@ export interface DropdownProps extends MenuProps, OUIAProps {
|
|
|
46
46
|
onOpenChange?: (isOpen: boolean) => void;
|
|
47
47
|
/** 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. */
|
|
48
48
|
onOpenChangeKeys?: string[];
|
|
49
|
+
/** Callback to override the toggle keydown behavior. By default, when the toggle has focus and the menu is open, pressing the up/down arrow keys will focus a valid non-disabled menu item - the first item for the down arrow key and last item for the up arrow key. */
|
|
50
|
+
onToggleKeydown?: (event: KeyboardEvent) => void;
|
|
49
51
|
/** Indicates if the menu should be without the outer box-shadow. */
|
|
50
52
|
isPlain?: boolean;
|
|
51
53
|
/** Indicates if the menu should be scrollable. */
|
|
@@ -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,
|
|
1
|
+
{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ const Menu_1 = require("../Menu");
|
|
|
8
8
|
const Popper_1 = require("../../helpers/Popper/Popper");
|
|
9
9
|
const helpers_1 = require("../../helpers");
|
|
10
10
|
const DropdownBase = (_a) => {
|
|
11
|
-
var { children, className, onSelect, isOpen, toggle, shouldFocusToggleOnSelect = false, onOpenChange, isPlain, isScrollable, innerRef, ouiaId, ouiaSafe = true, zIndex = 9999, popperProps, onOpenChangeKeys = ['Escape', 'Tab'], menuHeight, maxMenuHeight, shouldFocusFirstItemOnOpen = false, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "shouldFocusToggleOnSelect", "onOpenChange", "isPlain", "isScrollable", "innerRef", "ouiaId", "ouiaSafe", "zIndex", "popperProps", "onOpenChangeKeys", "menuHeight", "maxMenuHeight", "shouldFocusFirstItemOnOpen", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
|
|
11
|
+
var { children, className, onSelect, isOpen, toggle, shouldFocusToggleOnSelect = false, onOpenChange, onToggleKeydown, isPlain, isScrollable, innerRef, ouiaId, ouiaSafe = true, zIndex = 9999, popperProps, onOpenChangeKeys = ['Escape', 'Tab'], menuHeight, maxMenuHeight, shouldFocusFirstItemOnOpen = false, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isOpen", "toggle", "shouldFocusToggleOnSelect", "onOpenChange", "onToggleKeydown", "isPlain", "isScrollable", "innerRef", "ouiaId", "ouiaSafe", "zIndex", "popperProps", "onOpenChangeKeys", "menuHeight", "maxMenuHeight", "shouldFocusFirstItemOnOpen", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
|
|
12
12
|
const localMenuRef = react_1.default.useRef();
|
|
13
13
|
const localToggleRef = react_1.default.useRef();
|
|
14
14
|
const ouiaProps = (0, helpers_1.useOUIAProps)(exports.Dropdown.displayName, ouiaId, ouiaSafe);
|
|
@@ -31,7 +31,7 @@ const DropdownBase = (_a) => {
|
|
|
31
31
|
}, [isOpen]);
|
|
32
32
|
react_1.default.useEffect(() => {
|
|
33
33
|
const handleMenuKeys = (event) => {
|
|
34
|
-
var _a, _b, _c;
|
|
34
|
+
var _a, _b, _c, _d;
|
|
35
35
|
// Close the menu on tab or escape if onOpenChange is provided
|
|
36
36
|
if (isOpen &&
|
|
37
37
|
onOpenChange &&
|
|
@@ -41,6 +41,14 @@ const DropdownBase = (_a) => {
|
|
|
41
41
|
(_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
+
if ((_d = toggleRef.current) === null || _d === void 0 ? void 0 : _d.contains(event.target)) {
|
|
45
|
+
if (onToggleKeydown) {
|
|
46
|
+
onToggleKeydown(event);
|
|
47
|
+
}
|
|
48
|
+
else if (isOpen) {
|
|
49
|
+
(0, helpers_1.onToggleArrowKeydownDefault)(event, menuRef);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
44
52
|
};
|
|
45
53
|
const handleClick = (event) => {
|
|
46
54
|
var _a, _b;
|
|
@@ -63,6 +71,7 @@ const DropdownBase = (_a) => {
|
|
|
63
71
|
toggleRef,
|
|
64
72
|
onOpenChange,
|
|
65
73
|
onOpenChangeKeys,
|
|
74
|
+
onToggleKeydown,
|
|
66
75
|
shouldPreventScrollOnItemFocus,
|
|
67
76
|
shouldFocusFirstItemOnOpen,
|
|
68
77
|
focusTimeoutDelay
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,2DAA+C;AAC/C,kCAAuD;AACvD,wDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -31,6 +31,8 @@ export interface MenuContainerProps {
|
|
|
31
31
|
onOpenChange?: (isOpen: boolean) => void;
|
|
32
32
|
/** 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. */
|
|
33
33
|
onOpenChangeKeys?: string[];
|
|
34
|
+
/** Callback to override the toggle keydown behavior. By default, when the toggle has focus and the menu is open, pressing the up/down arrow keys will focus a valid non-disabled menu item - the first item for the down arrow key and last item for the up arrow key. */
|
|
35
|
+
onToggleKeydown?: (event: KeyboardEvent) => void;
|
|
34
36
|
/** z-index of the dropdown menu */
|
|
35
37
|
zIndex?: number;
|
|
36
38
|
/** Additional properties to pass to the Popper */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,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,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;IACrB,iGAAiG;IACjG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;
|
|
1
|
+
{"version":3,"file":"MenuContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,eAAe;IAC9B,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,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;IACrB,iGAAiG;IACjG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,0BAA0B;IAC1B,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC,CAAC;IACzE,4BAA4B;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC9B,4BAA4B;IAC5B,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,8BAA8B;IAC9B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAChC,yCAAyC;IACzC,MAAM,EAAE,OAAO,CAAC;IAChB;4GACwG;IACxG,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,4MAA4M;IAC5M,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,0QAA0Q;IAC1Q,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACjD,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,8FAA8F;IAC9F,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,8EAA8E;IAC9E,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,+EAA+E;IAC/E,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA2FrE,CAAC"}
|
|
@@ -3,11 +3,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.MenuContainer = void 0;
|
|
4
4
|
const tslib_1 = require("tslib");
|
|
5
5
|
const react_1 = tslib_1.__importDefault(require("react"));
|
|
6
|
-
const
|
|
6
|
+
const helpers_1 = require("../../helpers");
|
|
7
7
|
/**
|
|
8
8
|
* Container that links a menu and menu toggle together, to handle basic keyboard input and control the opening and closing of a menu.
|
|
9
9
|
*/
|
|
10
|
-
const MenuContainer = ({ menu, menuRef, isOpen, toggle, toggleRef, onOpenChange, zIndex = 9999, popperProps, onOpenChangeKeys = ['Escape', 'Tab'], shouldFocusFirstItemOnOpen =
|
|
10
|
+
const MenuContainer = ({ menu, menuRef, isOpen, toggle, toggleRef, onOpenChange, onToggleKeydown, zIndex = 9999, popperProps, onOpenChangeKeys = ['Escape', 'Tab'], shouldFocusFirstItemOnOpen = false, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 }) => {
|
|
11
11
|
const prevIsOpen = react_1.default.useRef(isOpen);
|
|
12
12
|
react_1.default.useEffect(() => {
|
|
13
13
|
// menu was opened, focus on first menu item
|
|
@@ -23,7 +23,7 @@ const MenuContainer = ({ menu, menuRef, isOpen, toggle, toggleRef, onOpenChange,
|
|
|
23
23
|
}, [isOpen]);
|
|
24
24
|
react_1.default.useEffect(() => {
|
|
25
25
|
const handleMenuKeys = (event) => {
|
|
26
|
-
var _a, _b, _c;
|
|
26
|
+
var _a, _b, _c, _d;
|
|
27
27
|
// Close the menu on tab or escape if onOpenChange is provided
|
|
28
28
|
if ((isOpen && onOpenChange && ((_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.contains(event.target))) ||
|
|
29
29
|
((_b = toggleRef.current) === null || _b === void 0 ? void 0 : _b.contains(event.target))) {
|
|
@@ -32,6 +32,14 @@ const MenuContainer = ({ menu, menuRef, isOpen, toggle, toggleRef, onOpenChange,
|
|
|
32
32
|
(_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
|
+
if ((_d = toggleRef.current) === null || _d === void 0 ? void 0 : _d.contains(event.target)) {
|
|
36
|
+
if (onToggleKeydown) {
|
|
37
|
+
onToggleKeydown(event);
|
|
38
|
+
}
|
|
39
|
+
else if (isOpen) {
|
|
40
|
+
(0, helpers_1.onToggleArrowKeydownDefault)(event, menuRef);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
35
43
|
};
|
|
36
44
|
const handleClick = (event) => {
|
|
37
45
|
var _a, _b;
|
|
@@ -48,8 +56,17 @@ const MenuContainer = ({ menu, menuRef, isOpen, toggle, toggleRef, onOpenChange,
|
|
|
48
56
|
window.removeEventListener('keydown', handleMenuKeys);
|
|
49
57
|
window.removeEventListener('click', handleClick);
|
|
50
58
|
};
|
|
51
|
-
}, [
|
|
52
|
-
|
|
59
|
+
}, [
|
|
60
|
+
focusTimeoutDelay,
|
|
61
|
+
isOpen,
|
|
62
|
+
menuRef,
|
|
63
|
+
onOpenChange,
|
|
64
|
+
onOpenChangeKeys,
|
|
65
|
+
onToggleKeydown,
|
|
66
|
+
shouldPreventScrollOnItemFocus,
|
|
67
|
+
toggleRef
|
|
68
|
+
]);
|
|
69
|
+
return (react_1.default.createElement(helpers_1.Popper, Object.assign({ trigger: toggle, triggerRef: toggleRef, popper: menu, popperRef: menuRef, isVisible: isOpen, zIndex: zIndex }, popperProps)));
|
|
53
70
|
};
|
|
54
71
|
exports.MenuContainer = MenuContainer;
|
|
55
72
|
exports.MenuContainer.displayName = 'MenuContainer';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContainer.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContainer.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"MenuContainer.js","sourceRoot":"","sources":["../../../../src/components/Menu/MenuContainer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export interface MenuToggleCheckboxProps extends Omit<React.HTMLProps<HTMLInputE
|
|
|
15
15
|
/** Flag to set the default checked value of the checkbox when it is uncontrolled by React state.
|
|
16
16
|
* To make the checkbox controlled instead use the isChecked prop, but do not use both.
|
|
17
17
|
*/
|
|
18
|
-
defaultChecked?: boolean
|
|
18
|
+
defaultChecked?: boolean;
|
|
19
19
|
/** A callback for when the checkbox selection changes */
|
|
20
20
|
onChange?: (checked: boolean, event: React.FormEvent<HTMLInputElement>) => void;
|
|
21
21
|
/** Element to be rendered inside the <span> */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"MenuToggleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggleCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAgB,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE1E,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,EAC3F,SAAS;IACX,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChF,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,EAAE;IAAE,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC;IAChG,MAAM,CAAC,WAAW,SAAwB;IAC1C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAIxD;gBAEU,KAAK,EAAE,uBAAuB;IAO1C,YAAY,UAAW,MAAM,SAAS,CAAC,gBAAgB,CAAC,UAEtD;IAEF,gBAAgB,gBASd;IAEF,MAAM;CA0CP;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -53,13 +53,13 @@ export declare enum ModalVariant {
|
|
|
53
53
|
default = "default"
|
|
54
54
|
}
|
|
55
55
|
interface ModalState {
|
|
56
|
-
container: HTMLElement;
|
|
57
56
|
ouiaStateId: string;
|
|
58
57
|
}
|
|
59
58
|
declare class Modal extends React.Component<ModalProps, ModalState> {
|
|
60
59
|
static displayName: string;
|
|
61
60
|
static currentId: number;
|
|
62
61
|
boxId: string;
|
|
62
|
+
backdropId: string;
|
|
63
63
|
static defaultProps: PickOptional<ModalProps>;
|
|
64
64
|
constructor(props: ModalProps);
|
|
65
65
|
handleEscKeyClick: (event: KeyboardEvent) => void;
|
|
@@ -67,7 +67,7 @@ declare class Modal extends React.Component<ModalProps, ModalState> {
|
|
|
67
67
|
toggleSiblingsFromScreenReaders: (hide: boolean) => void;
|
|
68
68
|
isEmpty: (value: string | null | undefined) => boolean;
|
|
69
69
|
componentDidMount(): void;
|
|
70
|
-
componentDidUpdate(): void;
|
|
70
|
+
componentDidUpdate(prevProps: ModalProps): void;
|
|
71
71
|
componentWillUnmount(): void;
|
|
72
72
|
render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
73
73
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,eAAe,CAAC;AAIlE,OAAO,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC5E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iHAAiH;IACjH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D;2DACuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,UAAU,UAAU;IAClB,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAuB,YAAY,EAAE,MAAM,eAAe,CAAC;AAIlE,OAAO,EAAE,SAAS,EAAoB,MAAM,eAAe,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC5E,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,CAAC;IAC7C,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,wFAAwF;IACxF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,gDAAgD;IAChD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iHAAiH;IACjH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D;2DACuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAC/C,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED,UAAU,UAAU;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,cAAM,KAAM,SAAQ,KAAK,CAAC,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IACzD,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,SAAS,SAAK;IACrB,KAAK,SAAM;IACX,UAAU,SAAM;IAEhB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,UAAU,CAAC,CAM3C;gBAEU,KAAK,EAAE,UAAU;IAY7B,iBAAiB,UAAW,aAAa,KAAG,IAAI,CAK9C;IAEF,UAAU,aAAc,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,iBAKvD;IAEF,+BAA+B,SAAU,OAAO,UAS9C;IAEF,OAAO,UAAW,MAAM,GAAG,IAAI,GAAG,SAAS,aAA2D;IAEtG,iBAAiB;IAWjB,kBAAkB,CAAC,SAAS,EAAE,UAAU;IAcxC,oBAAoB;IAQpB,MAAM;CAoCP;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -20,6 +20,7 @@ class Modal extends React.Component {
|
|
|
20
20
|
constructor(props) {
|
|
21
21
|
super(props);
|
|
22
22
|
this.boxId = '';
|
|
23
|
+
this.backdropId = '';
|
|
23
24
|
this.handleEscKeyClick = (event) => {
|
|
24
25
|
var _a, _b;
|
|
25
26
|
const { onEscapePress } = this.props;
|
|
@@ -38,34 +39,30 @@ class Modal extends React.Component {
|
|
|
38
39
|
const target = this.getElement(appendTo);
|
|
39
40
|
const bodyChildren = target.children;
|
|
40
41
|
for (const child of Array.from(bodyChildren)) {
|
|
41
|
-
if (child !== this.
|
|
42
|
+
if (child.id !== this.backdropId) {
|
|
42
43
|
hide ? child.setAttribute('aria-hidden', '' + hide) : child.removeAttribute('aria-hidden');
|
|
43
44
|
}
|
|
44
45
|
}
|
|
45
46
|
};
|
|
46
47
|
this.isEmpty = (value) => value === null || value === undefined || value === '';
|
|
47
48
|
const boxIdNum = Modal.currentId++;
|
|
49
|
+
const backdropId = boxIdNum + 1;
|
|
48
50
|
this.boxId = props.id || `pf-modal-part-${boxIdNum}`;
|
|
51
|
+
this.backdropId = `pf-modal-part-${backdropId}`;
|
|
49
52
|
this.state = {
|
|
50
|
-
container: undefined,
|
|
51
53
|
ouiaStateId: (0, helpers_2.getDefaultOUIAId)(Modal.displayName, props.variant)
|
|
52
54
|
};
|
|
53
55
|
}
|
|
54
56
|
componentDidMount() {
|
|
55
57
|
const { appendTo } = this.props;
|
|
56
58
|
const target = this.getElement(appendTo);
|
|
57
|
-
const container = document.createElement('div');
|
|
58
|
-
this.setState({ container });
|
|
59
|
-
target.appendChild(container);
|
|
60
59
|
target.addEventListener('keydown', this.handleEscKeyClick, false);
|
|
61
60
|
if (this.props.isOpen) {
|
|
62
61
|
target.classList.add((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
|
|
63
|
-
|
|
64
|
-
else {
|
|
65
|
-
target.classList.remove((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
|
|
62
|
+
this.toggleSiblingsFromScreenReaders(true);
|
|
66
63
|
}
|
|
67
64
|
}
|
|
68
|
-
componentDidUpdate() {
|
|
65
|
+
componentDidUpdate(prevProps) {
|
|
69
66
|
const { appendTo } = this.props;
|
|
70
67
|
const target = this.getElement(appendTo);
|
|
71
68
|
if (this.props.isOpen) {
|
|
@@ -73,31 +70,27 @@ class Modal extends React.Component {
|
|
|
73
70
|
this.toggleSiblingsFromScreenReaders(true);
|
|
74
71
|
}
|
|
75
72
|
else {
|
|
76
|
-
|
|
77
|
-
|
|
73
|
+
if (prevProps.isOpen !== this.props.isOpen) {
|
|
74
|
+
target.classList.remove((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
|
|
75
|
+
this.toggleSiblingsFromScreenReaders(false);
|
|
76
|
+
}
|
|
78
77
|
}
|
|
79
78
|
}
|
|
80
79
|
componentWillUnmount() {
|
|
81
80
|
const { appendTo } = this.props;
|
|
82
81
|
const target = this.getElement(appendTo);
|
|
83
|
-
if (this.state.container) {
|
|
84
|
-
target.removeChild(this.state.container);
|
|
85
|
-
}
|
|
86
82
|
target.removeEventListener('keydown', this.handleEscKeyClick, false);
|
|
87
83
|
target.classList.remove((0, react_styles_1.css)(backdrop_1.default.backdropOpen));
|
|
88
84
|
this.toggleSiblingsFromScreenReaders(false);
|
|
89
85
|
}
|
|
90
86
|
render() {
|
|
91
|
-
const _a = this.props, {
|
|
92
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
93
|
-
appendTo,
|
|
87
|
+
const _a = this.props, { appendTo,
|
|
94
88
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
95
89
|
onEscapePress, 'aria-labelledby': ariaLabelledby, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, ouiaId, ouiaSafe, position, elementToFocus } = _a, props = tslib_1.__rest(_a, ["appendTo", "onEscapePress", 'aria-labelledby', 'aria-label', 'aria-describedby', "ouiaId", "ouiaSafe", "position", "elementToFocus"]);
|
|
96
|
-
|
|
97
|
-
if (!helpers_1.canUseDOM || !container) {
|
|
90
|
+
if (!helpers_1.canUseDOM || !this.getElement(appendTo)) {
|
|
98
91
|
return null;
|
|
99
92
|
}
|
|
100
|
-
return ReactDOM.createPortal(React.createElement(ModalContent_1.ModalContent, Object.assign({ boxId: this.boxId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe, position: position, elementToFocus: elementToFocus, backdropClassName: props.backdropClassName }, props)),
|
|
93
|
+
return ReactDOM.createPortal(React.createElement(ModalContent_1.ModalContent, Object.assign({ boxId: this.boxId, backdropId: this.backdropId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedby, "aria-labelledby": ariaLabelledby, ouiaId: ouiaId !== undefined ? ouiaId : this.state.ouiaStateId, ouiaSafe: ouiaSafe, position: position, elementToFocus: elementToFocus, backdropClassName: props.backdropClassName }, props)), this.getElement(appendTo));
|
|
101
94
|
}
|
|
102
95
|
}
|
|
103
96
|
exports.Modal = Modal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,2CAAkE;AAClE,2DAA+C;AAC/C,iHAA+E;AAC/E,iDAA8C;AAC9C,2CAA4D;AAgD5D,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACrB,CAAC,EALW,YAAY,4BAAZ,YAAY,QAKvB;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,2CAAkE;AAClE,2DAA+C;AAC/C,iHAA+E;AAC/E,iDAA8C;AAC9C,2CAA4D;AAgD5D,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,iCAAiB,CAAA;IACjB,+BAAe,CAAA;IACf,mCAAmB,CAAA;AACrB,CAAC,EALW,YAAY,4BAAZ,YAAY,QAKvB;AAMD,MAAM,KAAM,SAAQ,KAAK,CAAC,SAAiC;IAczD,YAAY,KAAiB;QAC3B,KAAK,CAAC,KAAK,CAAC,CAAC;QAZf,UAAK,GAAG,EAAE,CAAC;QACX,eAAU,GAAG,EAAE,CAAC;QAsBhB,sBAAiB,GAAG,CAAC,KAAoB,EAAQ,EAAE;;YACjD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YACrC,IAAI,KAAK,CAAC,GAAG,KAAK,kBAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBACvD,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,OAAO,mDAAG,KAAK,CAAC,CAAC;YACrE,CAAC;QACH,CAAC,CAAC;QAEF,eAAU,GAAG,CAAC,QAA2C,EAAE,EAAE;YAC3D,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;gBACnC,OAAO,QAAQ,EAAE,CAAC;YACpB,CAAC;YACD,OAAO,QAAQ,IAAI,QAAQ,CAAC,IAAI,CAAC;QACnC,CAAC,CAAC;QAEF,oCAA+B,GAAG,CAAC,IAAa,EAAE,EAAE;YAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;YAChC,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YACtD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC;YACrC,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;gBAC7C,IAAI,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,EAAE,CAAC;oBACjC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,aAAa,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;gBAC7F,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,YAAO,GAAG,CAAC,KAAgC,EAAE,EAAE,CAAC,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAC;QAnCpG,MAAM,QAAQ,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;QACnC,MAAM,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,EAAE,IAAI,iBAAiB,QAAQ,EAAE,CAAC;QACrD,IAAI,CAAC,UAAU,GAAG,iBAAiB,UAAU,EAAE,CAAC;QAEhD,IAAI,CAAC,KAAK,GAAG;YACX,WAAW,EAAE,IAAA,0BAAgB,EAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC;SAChE,CAAC;IACJ,CAAC;IA6BD,iBAAiB;QACf,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QAElE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAA,kBAAG,EAAC,kBAAM,CAAC,YAAY,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;QAC7C,CAAC;IACH,CAAC;IAED,kBAAkB,CAAC,SAAqB;QACtC,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACtD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACtB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAA,kBAAG,EAAC,kBAAM,CAAC,YAAY,CAAC,CAAC,CAAC;YAC/C,IAAI,CAAC,+BAA+B,CAAC,IAAI,CAAC,CAAC;QAC7C,CAAC;aAAM,CAAC;YACN,IAAI,SAAS,CAAC,MAAM,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAC3C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAA,kBAAG,EAAC,kBAAM,CAAC,YAAY,CAAC,CAAC,CAAC;gBAClD,IAAI,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;YAC9C,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAChC,MAAM,MAAM,GAAgB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;QACtD,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAAA,kBAAG,EAAC,kBAAM,CAAC,YAAY,CAAC,CAAC,CAAC;QAClD,IAAI,CAAC,+BAA+B,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,QAAQ;QACR,6DAA6D;QAC7D,aAAa,EACb,iBAAiB,EAAE,cAAc,EACjC,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,cAAc,OAEF,EADT,KAAK,sBAXJ,sIAYL,CAAa,CAAC;QAEf,IAAI,CAAC,mBAAS,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC7C,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,QAAQ,CAAC,YAAY,CAC1B,oBAAC,2BAAY,kBACX,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,gBACf,SAAS,sBACH,eAAe,qBAChB,cAAc,EAC/B,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAC9D,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,IACtC,KAAK,EACT,EACF,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CACJ,CAAC;IAC1B,CAAC;;AAGM,sBAAK;AA3HL,iBAAW,GAAG,OAAO,AAAV,CAAW;AACtB,eAAS,GAAG,CAAC,AAAJ,CAAK;AAId,kBAAY,GAA6B;IAC9C,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI;IAC7B,QAAQ,EAAE,IAAI;IACd,QAAQ,EAAE,SAAS;CACpB,AANkB,CAMjB"}
|
|
@@ -9,6 +9,8 @@ export interface ModalContentProps extends OUIAProps {
|
|
|
9
9
|
'aria-labelledby'?: string;
|
|
10
10
|
/** Id of the modal box container. */
|
|
11
11
|
boxId: string;
|
|
12
|
+
/** Id of the backdrop. */
|
|
13
|
+
backdropId?: string;
|
|
12
14
|
/** Content rendered inside the modal. */
|
|
13
15
|
children: React.ReactNode;
|
|
14
16
|
/** Additional classes added to the modal box. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAKxD,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,0GAA0G;IAC1G,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sFAAsF;IACtF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,0BAA0B;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kCAAkC;IAClC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAC;IACnD,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5D,yGAAyG;IACzG,QAAQ,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC7B,8EAA8E;IAC9E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACnD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CA8EnE,CAAC"}
|
|
@@ -11,7 +11,7 @@ const Backdrop_1 = require("../Backdrop");
|
|
|
11
11
|
const ModalBoxCloseButton_1 = require("./ModalBoxCloseButton");
|
|
12
12
|
const ModalBox_1 = require("./ModalBox");
|
|
13
13
|
const ModalContent = (_a) => {
|
|
14
|
-
var { backdropClassName, children, className, isOpen = false, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, onClose, variant = 'default', position, positionOffset, width, maxWidth, boxId, disableFocusTrap = false, ouiaId, ouiaSafe = true, elementToFocus } = _a, props = tslib_1.__rest(_a, ["backdropClassName", "children", "className", "isOpen", 'aria-label', 'aria-describedby', 'aria-labelledby', "onClose", "variant", "position", "positionOffset", "width", "maxWidth", "boxId", "disableFocusTrap", "ouiaId", "ouiaSafe", "elementToFocus"]);
|
|
14
|
+
var { backdropClassName, children, className, isOpen = false, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, onClose, variant = 'default', position, positionOffset, width, maxWidth, boxId, backdropId, disableFocusTrap = false, ouiaId, ouiaSafe = true, elementToFocus } = _a, props = tslib_1.__rest(_a, ["backdropClassName", "children", "className", "isOpen", 'aria-label', 'aria-describedby', 'aria-labelledby', "onClose", "variant", "position", "positionOffset", "width", "maxWidth", "boxId", "backdropId", "disableFocusTrap", "ouiaId", "ouiaSafe", "elementToFocus"]);
|
|
15
15
|
if (!isOpen) {
|
|
16
16
|
return null;
|
|
17
17
|
}
|
|
@@ -29,7 +29,7 @@ const ModalContent = (_a) => {
|
|
|
29
29
|
})) }, props, { id: boxId }),
|
|
30
30
|
onClose && React.createElement(ModalBoxCloseButton_1.ModalBoxCloseButton, { onClose: (event) => onClose(event), ouiaId: ouiaId }),
|
|
31
31
|
children));
|
|
32
|
-
return (React.createElement(Backdrop_1.Backdrop, { className: (0, react_styles_1.css)(backdropClassName) },
|
|
32
|
+
return (React.createElement(Backdrop_1.Backdrop, { className: (0, react_styles_1.css)(backdropClassName), id: backdropId },
|
|
33
33
|
React.createElement(helpers_1.FocusTrap, { active: !disableFocusTrap, focusTrapOptions: {
|
|
34
34
|
clickOutsideDeactivates: true,
|
|
35
35
|
tabbableOptions: { displayCheck: 'none' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAA0C;AAC1C,8GAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,0CAAuC;AACvC,+DAA4D;AAC5D,yCAAsC;
|
|
1
|
+
{"version":3,"file":"ModalContent.js","sourceRoot":"","sources":["../../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2CAA0C;AAC1C,8GAAoF;AACpF,2DAA+C;AAC/C,2CAAwD;AACxD,0CAAuC;AACvC,+DAA4D;AAC5D,yCAAsC;AA6C/B,MAAM,YAAY,GAA+C,CAAC,EAqBrD,EAAE,EAAE;QArBiD,EACvE,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,MAAM,GAAG,KAAK,EACd,YAAY,EAAE,SAAS,EACvB,kBAAkB,EAAE,eAAe,EACnC,iBAAiB,EAAE,cAAc,EACjC,OAAO,EACP,OAAO,GAAG,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,KAAK,EACL,UAAU,EACV,gBAAgB,GAAG,KAAK,EACxB,MAAM,EACN,QAAQ,GAAG,IAAI,EACf,cAAc,OAEI,EADf,KAAK,sBApB+D,yQAqBxE,CADS;IAER,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,iBAAiB,GAAG,GAAuB,EAAE;QACjD,IAAI,cAAc,EAAE,CAAC;YACnB,OAAO,cAAc,CAAC;QACxB,CAAC;QACD,IAAI,SAAS,EAAE,CAAC;YACd,OAAO,SAAS,CAAC;QACnB,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CACf,oBAAC,mBAAQ,kBACP,SAAS,EAAE,IAAA,kBAAG,EAAC,SAAS,CAAC,EACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,gBAClB,SAAS,qBACJ,iBAAiB,EAAE,sBAClB,eAAe,IAC7B,IAAA,sBAAY,EAAC,oBAAY,CAAC,WAAW,EAAE,MAAM,EAAE,QAAQ,CAAC,IAC5D,KAAK,EACH,gCACK,CAAC,KAAK,IAAI,EAAE,4BAA4B,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,IAAI,EAAE,CAAC,GAC7F,CAAC,QAAQ,IAAI;YACd,+BAA+B,EAAE,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,IAAI;SAC3F,CAAC,CACoB,IAEtB,KAAK,IACT,EAAE,EAAE,KAAK;QAER,OAAO,IAAI,oBAAC,yCAAmB,IAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,MAAM,GAAI;QACtF,QAAQ,CACA,CACZ,CAAC;IACF,OAAO,CACL,oBAAC,mBAAQ,IAAC,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAiB,CAAC,EAAE,EAAE,EAAE,UAAU;QACzD,oBAAC,mBAAS,IACR,MAAM,EAAE,CAAC,gBAAgB,EACzB,gBAAgB,EAAE;gBAChB,uBAAuB,EAAE,IAAI;gBAC7B,eAAe,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE;gBACzC,iFAAiF;gBACjF,2DAA2D;gBAC3D,YAAY,EAAE,cAAc,IAAI,SAAS;aAC1C,EACD,SAAS,EAAE,IAAA,kBAAG,EAAC,kBAAc,CAAC,QAAQ,CAAC,IAEtC,QAAQ,CACC,CACH,CACZ,CAAC;AACJ,CAAC,CAAC;AA9EW,QAAA,YAAY,gBA8EvB;AACF,oBAAY,CAAC,WAAW,GAAG,cAAc,CAAC"}
|
|
@@ -56,6 +56,10 @@ export interface SelectProps extends MenuProps, OUIAProps {
|
|
|
56
56
|
onOpenChange?: (isOpen: boolean) => void;
|
|
57
57
|
/** 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. */
|
|
58
58
|
onOpenChangeKeys?: string[];
|
|
59
|
+
/** Callback to override the toggle keydown behavior. By default, when the toggle has focus and the menu is open, pressing the up/down arrow keys will focus a valid non-disabled menu item - the first item for the down arrow key and last item for the up arrow key. */
|
|
60
|
+
onToggleKeydown?: (event: KeyboardEvent) => void;
|
|
61
|
+
/** Select variant. For typeahead variant focus won't shift to menu items when pressing up/down arrows. */
|
|
62
|
+
variant?: 'default' | 'typeahead';
|
|
59
63
|
/** Indicates if the select should be without the outer box-shadow */
|
|
60
64
|
isPlain?: boolean;
|
|
61
65
|
/** @hide Forwarded ref */
|
|
@@ -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;AAEvD,OAAO,EAAgB,SAAS,
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@ const Menu_1 = require("../Menu");
|
|
|
8
8
|
const Popper_1 = require("../../helpers/Popper/Popper");
|
|
9
9
|
const helpers_1 = require("../../helpers");
|
|
10
10
|
const SelectBase = (_a) => {
|
|
11
|
-
var { children, className, onSelect, isOpen, selected, toggle, shouldFocusToggleOnSelect = false, shouldFocusFirstItemOnOpen = false, onOpenChange, onOpenChangeKeys = ['Escape', 'Tab'], isPlain, innerRef, zIndex = 9999, role = 'listbox', popperProps, menuHeight, maxMenuHeight, isScrollable, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "shouldFocusToggleOnSelect", "shouldFocusFirstItemOnOpen", "onOpenChange", "onOpenChangeKeys", "isPlain", "innerRef", "zIndex", "role", "popperProps", "menuHeight", "maxMenuHeight", "isScrollable", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
|
|
11
|
+
var { children, className, onSelect, isOpen, selected, toggle, shouldFocusToggleOnSelect = false, shouldFocusFirstItemOnOpen = false, onOpenChange, onOpenChangeKeys = ['Escape', 'Tab'], onToggleKeydown, variant, isPlain, innerRef, zIndex = 9999, role = 'listbox', popperProps, menuHeight, maxMenuHeight, isScrollable, shouldPreventScrollOnItemFocus = true, focusTimeoutDelay = 0 } = _a, props = tslib_1.__rest(_a, ["children", "className", "onSelect", "isOpen", "selected", "toggle", "shouldFocusToggleOnSelect", "shouldFocusFirstItemOnOpen", "onOpenChange", "onOpenChangeKeys", "onToggleKeydown", "variant", "isPlain", "innerRef", "zIndex", "role", "popperProps", "menuHeight", "maxMenuHeight", "isScrollable", "shouldPreventScrollOnItemFocus", "focusTimeoutDelay"]);
|
|
12
12
|
const localMenuRef = react_1.default.useRef();
|
|
13
13
|
const localToggleRef = react_1.default.useRef();
|
|
14
14
|
const menuRef = innerRef || localMenuRef;
|
|
@@ -30,7 +30,7 @@ const SelectBase = (_a) => {
|
|
|
30
30
|
}, [isOpen]);
|
|
31
31
|
react_1.default.useEffect(() => {
|
|
32
32
|
const handleMenuKeys = (event) => {
|
|
33
|
-
var _a, _b, _c;
|
|
33
|
+
var _a, _b, _c, _d;
|
|
34
34
|
// Close the menu on tab or escape if onOpenChange is provided
|
|
35
35
|
if (isOpen &&
|
|
36
36
|
onOpenChange &&
|
|
@@ -41,6 +41,14 @@ const SelectBase = (_a) => {
|
|
|
41
41
|
(_c = toggleRef.current) === null || _c === void 0 ? void 0 : _c.focus();
|
|
42
42
|
}
|
|
43
43
|
}
|
|
44
|
+
if ((_d = toggleRef.current) === null || _d === void 0 ? void 0 : _d.contains(event.target)) {
|
|
45
|
+
if (onToggleKeydown) {
|
|
46
|
+
onToggleKeydown(event);
|
|
47
|
+
}
|
|
48
|
+
else if (isOpen && variant !== 'typeahead') {
|
|
49
|
+
(0, helpers_1.onToggleArrowKeydownDefault)(event, menuRef);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
44
52
|
};
|
|
45
53
|
const handleClick = (event) => {
|
|
46
54
|
var _a, _b;
|
|
@@ -63,6 +71,7 @@ const SelectBase = (_a) => {
|
|
|
63
71
|
toggleRef,
|
|
64
72
|
onOpenChange,
|
|
65
73
|
onOpenChangeKeys,
|
|
74
|
+
onToggleKeydown,
|
|
66
75
|
shouldPreventScrollOnItemFocus,
|
|
67
76
|
shouldFocusFirstItemOnOpen,
|
|
68
77
|
focusTimeoutDelay
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,2DAA+C;AAC/C,kCAAuD;AACvD,wDAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAyB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,mGAAmG;IACnG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,KAAK,IAAI,CAAC;IAClE,2EAA2E;IAC3E,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,EAAE,KAAK,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3F,+DAA+D;IAC/D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mHAAmH;IACnH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,0FAA0F;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qEAAqE;IACrE,YAAY,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACzC,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qIAAqI;IACrI,2BAA2B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/D;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACjF,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,WAAW,8DAAkB;IACpC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAGnD;gBAEU,KAAK,EAAE,kBAAkB;IAOrC,iBAAiB;IAWjB,kBAAkB;IAUlB,MAAM;
|
|
1
|
+
{"version":3,"file":"ToolbarFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAyB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,mGAAmG;IACnG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,KAAK,IAAI,CAAC;IAClE,2EAA2E;IAC3E,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,EAAE,KAAK,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3F,+DAA+D;IAC/D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mHAAmH;IACnH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,0FAA0F;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qEAAqE;IACrE,YAAY,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACzC,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qIAAqI;IACrI,2BAA2B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/D;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACjF,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,WAAW,8DAAkB;IACpC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAGnD;gBAEU,KAAK,EAAE,kBAAkB;IAOrC,iBAAiB;IAWjB,kBAAkB;IAUlB,MAAM;CAsEP;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|