@patternfly/react-core 6.7.0-prerelease.2 → 6.7.0-prerelease.4
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 +12 -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/Compass/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/Hero/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/AnimationsProvider/AnimationsProvider/package.json +1 -1
- package/dist/dynamic/helpers/AnimationsProvider/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/SSRSafeIds/SSRSafeIds/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/inert/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/useSSRSafeId/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/esm/components/Button/Button.d.ts +1 -3
- package/dist/esm/components/Button/Button.d.ts.map +1 -1
- package/dist/esm/components/Button/Button.js +2 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Compass/Compass.d.ts +3 -7
- package/dist/esm/components/Compass/Compass.d.ts.map +1 -1
- package/dist/esm/components/Compass/Compass.js +2 -2
- package/dist/esm/components/Compass/Compass.js.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts +0 -2
- package/dist/esm/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/esm/components/MenuToggle/MenuToggle.js +2 -3
- package/dist/esm/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/esm/components/Nav/Nav.d.ts +1 -1
- package/dist/esm/components/Nav/Nav.d.ts.map +1 -1
- package/dist/esm/components/Nav/Nav.js +2 -2
- package/dist/esm/components/Nav/Nav.js.map +1 -1
- package/dist/esm/components/Page/Page.d.ts +3 -7
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Page/Page.js +3 -4
- package/dist/esm/components/Page/Page.js.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.d.ts +11 -1
- package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.js +60 -20
- package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts +1 -0
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +9 -9
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarUtils.d.ts +4 -0
- package/dist/esm/components/Toolbar/ToolbarUtils.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/js/components/Button/Button.d.ts +1 -3
- package/dist/js/components/Button/Button.d.ts.map +1 -1
- package/dist/js/components/Button/Button.js +2 -2
- package/dist/js/components/Button/Button.js.map +1 -1
- package/dist/js/components/Compass/Compass.d.ts +3 -7
- package/dist/js/components/Compass/Compass.d.ts.map +1 -1
- package/dist/js/components/Compass/Compass.js +2 -2
- package/dist/js/components/Compass/Compass.js.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.d.ts +0 -2
- package/dist/js/components/MenuToggle/MenuToggle.d.ts.map +1 -1
- package/dist/js/components/MenuToggle/MenuToggle.js +2 -3
- package/dist/js/components/MenuToggle/MenuToggle.js.map +1 -1
- package/dist/js/components/Nav/Nav.d.ts +1 -1
- package/dist/js/components/Nav/Nav.d.ts.map +1 -1
- package/dist/js/components/Nav/Nav.js +2 -2
- package/dist/js/components/Nav/Nav.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts +3 -7
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Page/Page.js +3 -4
- package/dist/js/components/Page/Page.js.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.d.ts +11 -1
- package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.js +59 -19
- package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts +1 -0
- package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js +8 -8
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarUtils.d.ts +4 -0
- package/dist/js/components/Toolbar/ToolbarUtils.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/styles/base-no-reset.css +1 -1
- package/dist/styles/base.css +1 -1
- package/dist/umd/assets/{output-BPcxNyfB.css → output-DDYpZoPY.css} +19616 -19608
- 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 +2 -5
- package/src/components/Button/__tests__/Button.test.tsx +8 -19
- package/src/components/Button/__tests__/__snapshots__/Button.test.tsx.snap +1 -1
- package/src/components/Compass/Compass.tsx +5 -11
- package/src/components/Compass/__tests__/Compass.test.tsx +3 -23
- package/src/components/MenuToggle/MenuToggle.tsx +0 -5
- package/src/components/MenuToggle/__tests__/MenuToggle.test.tsx +8 -19
- package/src/components/Nav/Nav.tsx +3 -3
- package/src/components/Nav/__tests__/Nav.test.tsx +8 -8
- package/src/components/Nav/examples/Nav.md +1 -1
- package/src/components/Page/Page.tsx +5 -12
- package/src/components/Page/__tests__/Page.test.tsx +4 -30
- package/src/components/Toolbar/Toolbar.tsx +120 -57
- package/src/components/Toolbar/ToolbarItem.tsx +1 -0
- package/src/components/Toolbar/ToolbarToggleGroup.tsx +10 -9
- package/src/components/Toolbar/ToolbarUtils.tsx +4 -0
- package/src/components/Toolbar/__tests__/Toolbar.test.tsx +38 -0
- package/src/components/Toolbar/__tests__/ToolbarToggleGroup.test.tsx +22 -1
- package/src/components/Toolbar/examples/Toolbar.md +16 -0
- package/src/components/Toolbar/examples/ToolbarContainerQuery.css +8 -0
- package/src/components/Toolbar/examples/ToolbarContainerQuery.tsx +35 -0
- package/src/demos/Compass/examples/CompassDockDemo.tsx +25 -43
- package/src/demos/Nav.md +3 -3
- package/src/demos/examples/Nav/NavDockedNav.tsx +25 -43
|
@@ -7,14 +7,10 @@ export interface CompassProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
7
7
|
masthead?: React.ReactNode;
|
|
8
8
|
/** Content of the docked navigation area of the layout */
|
|
9
9
|
dock?: React.ReactNode;
|
|
10
|
-
/** @beta Flag indicating the docked nav is expanded
|
|
10
|
+
/** @beta Flag indicating the docked nav is expanded. Only applies when dock content is passed. */
|
|
11
11
|
isDockExpanded?: boolean;
|
|
12
|
-
/** @beta Flag indicating
|
|
13
|
-
|
|
14
|
-
/** @beta Flag indicating the docked nav should display text on desktop. Only applies when dock content is passed, and
|
|
15
|
-
* will handle toggling the visibility of the text in individual isDocked components.
|
|
16
|
-
*/
|
|
17
|
-
isDockTextExpanded?: boolean;
|
|
12
|
+
/** @beta Flag indicating the docked nav should expand as an overlay instead of the default inline. */
|
|
13
|
+
isDockOverlay?: boolean;
|
|
18
14
|
/** Content placed at the top of the compass layout */
|
|
19
15
|
header?: React.ReactNode;
|
|
20
16
|
/** Flag indicating if the header is expanded */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Compass.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4C,WAAW,EAAE,MAAM,WAAW,CAAC;AAKlF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oJAAoJ;IACpJ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,
|
|
1
|
+
{"version":3,"file":"Compass.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA4C,WAAW,EAAE,MAAM,WAAW,CAAC;AAKlF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oJAAoJ;IACpJ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,kGAAkG;IAClG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sGAAsG;IACtG,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sDAAsD;IACtD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oFAAoF;IACpF,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,uDAAuD;IACvD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iDAAiD;IACjD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,iFAAiF;IACjF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,qDAAqD;IACrD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iDAAiD;IACjD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,4CAA4C;IAC5C,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAoFzD,CAAC"}
|
|
@@ -8,9 +8,9 @@ const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/
|
|
|
8
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
9
|
const inert_1 = require("../../helpers/inert");
|
|
10
10
|
const Compass = (_a) => {
|
|
11
|
-
var { className, masthead, dock, isDockExpanded,
|
|
11
|
+
var { className, masthead, dock, isDockExpanded, isDockOverlay, header, isHeaderExpanded = true, sidebarStart, isSidebarStartExpanded = true, main, sidebarEnd, isSidebarEndExpanded = true, footer, isFooterExpanded = true, drawerContent, drawerProps } = _a, props = tslib_1.__rest(_a, ["className", "masthead", "dock", "isDockExpanded", "isDockOverlay", "header", "isHeaderExpanded", "sidebarStart", "isSidebarStartExpanded", "main", "sidebarEnd", "isSidebarEndExpanded", "footer", "isFooterExpanded", "drawerContent", "drawerProps"]);
|
|
12
12
|
const hasDrawer = drawerContent !== undefined;
|
|
13
|
-
const compassContent = ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_styles_1.css)(compass_1.default.compassContainer), children: [dock && masthead, dock && ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(`${compass_1.default.compass}__dock`, isDockExpanded && compass_1.default.modifiers.expanded,
|
|
13
|
+
const compassContent = ((0, jsx_runtime_1.jsxs)("div", { className: (0, react_styles_1.css)(compass_1.default.compassContainer), children: [dock && masthead, dock && ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(`${compass_1.default.compass}__dock`, isDockExpanded && compass_1.default.modifiers.expanded, isDockOverlay && compass_1.default.modifiers.overlay), children: dock })), header && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassHeader, isHeaderExpanded && 'pf-m-expanded') }, (!isHeaderExpanded && { inert: inert_1.IS_INERT }), { children: header }))), sidebarStart && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassSidebar, compass_1.default.modifiers.start, isSidebarStartExpanded && 'pf-m-expanded') }, (!isSidebarStartExpanded && { inert: inert_1.IS_INERT }), { children: sidebarStart }))), main && (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(compass_1.default.compassMain), children: main }), sidebarEnd && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassSidebar, compass_1.default.modifiers.end, isSidebarEndExpanded && 'pf-m-expanded') }, (!isSidebarEndExpanded && { inert: inert_1.IS_INERT }), { children: sidebarEnd }))), footer && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassFooter, isFooterExpanded && 'pf-m-expanded') }, (!isFooterExpanded && { inert: inert_1.IS_INERT }), { children: footer })))] }));
|
|
14
14
|
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compass, dock && compass_1.default.modifiers.docked, className) }, props, { children: hasDrawer ? ((0, jsx_runtime_1.jsx)(Drawer_1.Drawer, Object.assign({ isPill: true }, drawerProps, { children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContent, { panelContent: drawerContent, children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContentBody, { children: compassContent }) }) }))) : (compassContent) })));
|
|
15
15
|
};
|
|
16
16
|
exports.Compass = Compass;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";;;;;AAAA,sCAAkF;AAClF,8GAA6E;AAC7E,2DAA+C;AAC/C,+CAA+C;
|
|
1
|
+
{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";;;;;AAAA,sCAAkF;AAClF,8GAA6E;AAC7E,2DAA+C;AAC/C,+CAA+C;AAqCxC,MAAM,OAAO,GAA0C,CAAC,EAkBhD,EAAE,EAAE;QAlB4C,EAC7D,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,aAAa,EACb,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,YAAY,EACZ,sBAAsB,GAAG,IAAI,EAC7B,IAAI,EACJ,UAAU,EACV,oBAAoB,GAAG,IAAI,EAC3B,MAAM,EACN,gBAAgB,GAAG,IAAI,EACvB,aAAa,EACb,WAAW,OAEE,EADV,KAAK,sBAjBqD,wPAkB9D,CADS;IAER,MAAM,SAAS,GAAG,aAAa,KAAK,SAAS,CAAC;IAE9C,MAAM,cAAc,GAAG,CACrB,iCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,gBAAgB,CAAC,aACzC,IAAI,IAAI,QAAQ,EAChB,IAAI,IAAI,CACP,gCACE,SAAS,EAAE,IAAA,kBAAG,EACZ,GAAG,iBAAM,CAAC,OAAO,QAAQ,EACzB,cAAc,IAAI,iBAAM,CAAC,SAAS,CAAC,QAAQ,EAC3C,aAAa,IAAI,iBAAM,CAAC,SAAS,CAAC,OAAO,CAC1C,YAEA,IAAI,GACD,CACP,EACA,MAAM,IAAI,CACT,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,aAAa,EAAE,gBAAgB,IAAI,eAAe,CAAC,IACrE,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,gBAAQ,EAAE,CAAC,cAE7C,MAAM,IACH,CACP,EACA,YAAY,IAAI,CACf,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,iBAAM,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,IAAI,eAAe,CAAC,IACpG,CAAC,CAAC,sBAAsB,IAAI,EAAE,KAAK,EAAE,gBAAQ,EAAE,CAAC,cAEnD,YAAY,IACT,CACP,EACA,IAAI,IAAI,gCAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,WAAW,CAAC,YAAG,IAAI,GAAO,EAC7D,UAAU,IAAI,CACb,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,cAAc,EAAE,iBAAM,CAAC,SAAS,CAAC,GAAG,EAAE,oBAAoB,IAAI,eAAe,CAAC,IAChG,CAAC,CAAC,oBAAoB,IAAI,EAAE,KAAK,EAAE,gBAAQ,EAAE,CAAC,cAEjD,UAAU,IACP,CACP,EACA,MAAM,IAAI,CACT,8CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,aAAa,EAAE,gBAAgB,IAAI,eAAe,CAAC,IACrE,CAAC,CAAC,gBAAgB,IAAI,EAAE,KAAK,EAAE,gBAAQ,EAAE,CAAC,cAE7C,MAAM,IACH,CACP,IACG,CACP,CAAC;IAEF,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,OAAO,EAAE,IAAI,IAAI,iBAAM,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,IAAM,KAAK,cACvF,SAAS,CAAC,CAAC,CAAC,CACX,uBAAC,eAAM,kBAAC,MAAM,UAAK,WAAW,cAC5B,uBAAC,sBAAa,IAAC,YAAY,EAAE,aAAa,YACxC,uBAAC,0BAAiB,cAAE,cAAc,GAAqB,GACzC,IACT,CACV,CAAC,CAAC,CAAC,CACF,cAAc,CACf,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AApFW,QAAA,OAAO,WAoFlB;AAEF,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC"}
|
|
@@ -34,8 +34,6 @@ export interface MenuToggleProps extends Omit<React.DetailedHTMLProps<React.Butt
|
|
|
34
34
|
isSettings?: boolean;
|
|
35
35
|
/** @beta Flag indicating the menu toggle is a docked variant. For use in docked navigation. */
|
|
36
36
|
isDocked?: boolean;
|
|
37
|
-
/** @beta Flag indicating the docked toggle should display text. Only applies when isDocked is true. */
|
|
38
|
-
isTextExpanded?: boolean;
|
|
39
37
|
/** Elements to display before the toggle button. When included, renders the menu toggle as a split button. */
|
|
40
38
|
splitButtonItems?: React.ReactNode[];
|
|
41
39
|
/** 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;AAKtC,OAAO,EAAE,SAAS,EAAgB,MAAM,eAAe,CAAC;AAGxD,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,SACE,IAAI,CACF,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,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
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,EAAgB,MAAM,eAAe,CAAC;AAGxD,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,SACE,IAAI,CACF,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,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+FAA+F;IAC/F,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,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,4HAA4H;IAC5H,eAAe,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAC/C,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;AA0LD,eAAO,MAAM,UAAU,+GAErB,CAAC"}
|
|
@@ -30,7 +30,7 @@ class MenuToggleBase extends react_1.Component {
|
|
|
30
30
|
this.displayName = 'MenuToggleBase';
|
|
31
31
|
}
|
|
32
32
|
render() {
|
|
33
|
-
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isInForm, isPlaceholder, isCircle, isSettings, isDocked,
|
|
33
|
+
const _a = this.props, { children, className, icon, badge, isExpanded, isDisabled, isFullHeight, isFullWidth, isInForm, isPlaceholder, isCircle, isSettings, isDocked, splitButtonItems, variant, status, statusIcon, innerRef, onClick, 'aria-label': ariaLabel, 'aria-haspopup': ariaHasPopup, ouiaId, ouiaSafe, size } = _a, otherProps = tslib_1.__rest(_a, ["children", "className", "icon", "badge", "isExpanded", "isDisabled", "isFullHeight", "isFullWidth", "isInForm", "isPlaceholder", "isCircle", "isSettings", "isDocked", "splitButtonItems", "variant", "status", "statusIcon", "innerRef", "onClick", 'aria-label', 'aria-haspopup', "ouiaId", "ouiaSafe", "size"]);
|
|
34
34
|
const isPlain = variant === 'plain';
|
|
35
35
|
const isPlainText = variant === 'plainText';
|
|
36
36
|
const isTypeahead = variant === 'typeahead';
|
|
@@ -52,7 +52,7 @@ class MenuToggleBase extends react_1.Component {
|
|
|
52
52
|
}
|
|
53
53
|
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)(rh_microns_caret_down_fill_icon_1.default, {}) })] }));
|
|
54
54
|
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)(rh_ui_settings_fill_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, "aria-haspopup": ariaHasPopup, 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 && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isInForm && menu_toggle_1.default.modifiers.form, isDisabled && menu_toggle_1.default.modifiers.disabled, isPlaceholder && menu_toggle_1.default.modifiers.placeholder, isSettings && menu_toggle_1.default.modifiers.settings, isDocked && menu_toggle_1.default.modifiers.docked,
|
|
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 && menu_toggle_1.default.modifiers.text, isFullHeight && menu_toggle_1.default.modifiers.fullHeight, isFullWidth && menu_toggle_1.default.modifiers.fullWidth, isInForm && menu_toggle_1.default.modifiers.form, isDisabled && menu_toggle_1.default.modifiers.disabled, isPlaceholder && menu_toggle_1.default.modifiers.placeholder, isSettings && menu_toggle_1.default.modifiers.settings, isDocked && menu_toggle_1.default.modifiers.docked, size === MenuToggleSize.sm && menu_toggle_1.default.modifiers.small, className);
|
|
56
56
|
const componentProps = Object.assign(Object.assign({ children: content }, (isDisabled && { disabled: true })), otherProps);
|
|
57
57
|
if (isTypeahead) {
|
|
58
58
|
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)));
|
|
@@ -74,7 +74,6 @@ MenuToggleBase.defaultProps = {
|
|
|
74
74
|
isPlaceholder: false,
|
|
75
75
|
isCircle: false,
|
|
76
76
|
isDocked: false,
|
|
77
|
-
isTextExpanded: false,
|
|
78
77
|
size: 'default',
|
|
79
78
|
ouiaSafe: true,
|
|
80
79
|
'aria-haspopup': 'menu'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA8D;AAC9D,yHAAoF;AACpF,2DAA+C;;;;;;AAO/C,2CAAwD;AACxD,oEAAiE;AAEjE,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,qCAAiB,CAAA;IACjB,uCAAmB,CAAA;AACrB,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAED,IAAY,cAGX;AAHD,WAAY,cAAc;IACxB,qCAAmB,CAAA;IACnB,2BAAS,CAAA;AACX,CAAC,EAHW,cAAc,8BAAd,cAAc,QAGzB;
|
|
1
|
+
{"version":3,"file":"MenuToggle.js","sourceRoot":"","sources":["../../../../src/components/MenuToggle/MenuToggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ export interface NavProps extends Omit<React.DetailedHTMLProps<React.HTMLAttribu
|
|
|
22
22
|
/** The nav variant to use. Docked is in beta. */
|
|
23
23
|
variant?: 'default' | 'horizontal' | 'horizontal-subnav' | 'docked';
|
|
24
24
|
/** @beta Flag indicating the docked nav should display text. Only applies when variant is docked. */
|
|
25
|
-
|
|
25
|
+
isExpanded?: boolean;
|
|
26
26
|
/** Value to overwrite the randomly generated data-ouia-component-id.*/
|
|
27
27
|
ouiaId?: number | string;
|
|
28
28
|
/** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAGxD,MAAM,MAAM,qBAAqB,GAAG,CAClC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACxC,MAAM,EAAE,MAAM,GAAG,MAAM,EACvB,OAAO,EAAE,MAAM,GAAG,MAAM,EACxB,EAAE,EAAE,MAAM,KACP,IAAI,CAAC;AACV,MAAM,WAAW,QACf,SACE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,EACtG,SAAS;IACX,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,EACxC,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,EAAE,EAAE,MAAM,CAAC;KACZ,KACE,IAAI,CAAC;IACV,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAC1C,WAAW,EAAE;QACX,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,UAAU,EAAE,OAAO,CAAC;KACrB,KACE,IAAI,CAAC;IACV,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,GAAG,YAAY,GAAG,mBAAmB,GAAG,QAAQ,CAAC;IACpE,qGAAqG;IACrG,
|
|
1
|
+
{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -41,7 +41,7 @@ class Nav extends react_1.Component {
|
|
|
41
41
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
42
42
|
onSelect,
|
|
43
43
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
44
|
-
onToggle, ouiaId, ouiaSafe, variant,
|
|
44
|
+
onToggle, ouiaId, ouiaSafe, variant, isExpanded = false } = _a, props = tslib_1.__rest(_a, ['aria-label', "children", "className", "onSelect", "onToggle", "ouiaId", "ouiaSafe", "variant", "isExpanded"]);
|
|
45
45
|
const isHorizontal = ['horizontal', 'horizontal-subnav'].includes(variant);
|
|
46
46
|
const isDocked = variant === 'docked';
|
|
47
47
|
return ((0, jsx_runtime_1.jsx)(SSRSafeIds_1.SSRSafeIds, { prefix: "pf-", ouiaComponentType: `Nav${variant ? `-${variant}` : ''}`, children: (_, generatedOuiaId) => ((0, jsx_runtime_1.jsx)(exports.NavContext.Provider, { value: {
|
|
@@ -52,7 +52,7 @@ class Nav extends react_1.Component {
|
|
|
52
52
|
flyoutRef: this.state.flyoutRef,
|
|
53
53
|
setFlyoutRef: (flyoutRef) => this.setState({ flyoutRef }),
|
|
54
54
|
navRef: this.navRef
|
|
55
|
-
}, children: (0, jsx_runtime_1.jsx)("nav", Object.assign({ className: (0, react_styles_1.css)(nav_1.default.nav, isHorizontal && nav_1.default.modifiers.horizontal, isDocked && nav_1.default.modifiers.docked, variant === 'horizontal-subnav' && nav_1.default.modifiers.subnav, isDocked &&
|
|
55
|
+
}, children: (0, jsx_runtime_1.jsx)("nav", Object.assign({ className: (0, react_styles_1.css)(nav_1.default.nav, isHorizontal && nav_1.default.modifiers.horizontal, isDocked && nav_1.default.modifiers.docked, variant === 'horizontal-subnav' && nav_1.default.modifiers.subnav, isDocked && isExpanded && nav_1.default.modifiers.expanded, this.state.isScrollable && nav_1.default.modifiers.scrollable, className), "aria-label": ariaLabel || (variant === 'horizontal-subnav' ? 'Local' : 'Global'), ref: this.navRef }, (0, helpers_1.getOUIAProps)(Nav.displayName, ouiaId !== undefined ? ouiaId : generatedOuiaId, ouiaSafe), props, { children: children })) })) }));
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
exports.Nav = Nav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA4D;AAC5D,kGAAqE;AACrE,2DAA+C;AAC/C,2CAAwD;AACxD,oEAAiE;AA6DpD,QAAA,kBAAkB,GAAG,EAAE,CAAC;AACxB,QAAA,UAAU,GAAG,IAAA,qBAAa,EAAkB,0BAAkB,CAAC,CAAC;AAE7E,MAAM,GAAI,SAAQ,iBAA0F;IAA5G;;QAQE,UAAK,GAAG;YACN,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,IAAgC;SAC5C,CAAC;QAEF,WAAM,GAAG,IAAA,iBAAS,GAAe,CAAC;IAgGpC,CAAC;IA9FC,wBAAwB;IACxB,QAAQ,CACN,KAAwC,EACxC,OAAwB,EACxB,MAAuB,EACvB,EAAU,EACV,cAAuB,EACvB,OAA8B;QAE9B,IAAI,cAAc,EAAE,CAAC;YACnB,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QAED,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;QAEpD,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,8BAA8B;IAC9B,QAAQ,CAAC,KAA0C,EAAE,OAAwB,EAAE,WAAoB;QACjG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE;YACzB,OAAO;YACP,UAAU,EAAE,WAAW;SACxB,CAAC,CAAC;IACL,CAAC;IAED,MAAM;QACJ,MAAM,KAaF,IAAI,CAAC,KAAK,EAbR,EACJ,YAAY,EAAE,SAAS,EACvB,QAAQ,EACR,SAAS;QACT,6DAA6D;QAC7D,QAAQ;QACR,6DAA6D;QAC7D,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../src/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,14 +12,10 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
12
12
|
className?: string;
|
|
13
13
|
/** @beta Indicates the layout variant */
|
|
14
14
|
variant?: 'default' | 'docked';
|
|
15
|
-
/** @beta Flag indicating the docked nav is expanded
|
|
15
|
+
/** @beta Flag indicating the docked nav is expanded. Only applies when variant is docked. */
|
|
16
16
|
isDockExpanded?: boolean;
|
|
17
|
-
/** @beta Flag indicating
|
|
18
|
-
|
|
19
|
-
/** @beta Flag indicating the docked nav should display text on desktop. Only applies when variant is docked, and
|
|
20
|
-
* will handle toggling the visibility of the text in individual isDocked components.
|
|
21
|
-
*/
|
|
22
|
-
isDockTextExpanded?: boolean;
|
|
17
|
+
/** @beta Flag indicating the docked nav should expand as an overlay instead of the default inline. */
|
|
18
|
+
isDockOverlay?: boolean;
|
|
23
19
|
/** The horizontal masthead content (e.g. <Masthead /> or <PageHeader />). PageHeader is an alternative to Masthead
|
|
24
20
|
* and should only be used to wrap custom header content. When using the docked variant, this content will only render at
|
|
25
21
|
* mobile viewports.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAM7C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAa,cAAc,EAAE,MAAM,aAAa,CAAC;AAMxD,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AACD,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAChE,yFAAyF;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -110,13 +110,13 @@ class Page extends react_1.Component {
|
|
|
110
110
|
}
|
|
111
111
|
}
|
|
112
112
|
render() {
|
|
113
|
-
const _a = this.props, { banner, breadcrumb, isBreadcrumbWidthLimited, className, children, variant, isDockExpanded = false,
|
|
113
|
+
const _a = this.props, { banner, breadcrumb, isBreadcrumbWidthLimited, className, children, variant, isDockExpanded = false, isDockOverlay = false, masthead, dockContent, sidebar, notificationDrawer, isNotificationDrawerExpanded, onNotificationDrawerExpand, drawerDefaultSize, drawerMinSize, drawerMaxSize, isHorizontalSubnavWidthLimited, skipToContent, role, mainContainerId, isManagedSidebar,
|
|
114
114
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
115
115
|
defaultManagedSidebarIsOpen,
|
|
116
116
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
117
117
|
onPageResize, getBreakpoint, getVerticalBreakpoint, mainAriaLabel, mainTabIndex, mainComponent, horizontalSubnav, isHorizontalSubnavGrouped, isBreadcrumbGrouped, additionalGroupedContent, groupProps, breadcrumbProps, isContentFilled,
|
|
118
118
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
119
|
-
mainRef, isPlain, footer } = _a, rest = tslib_1.__rest(_a, ["banner", "breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "variant", "isDockExpanded", "
|
|
119
|
+
mainRef, isPlain, footer } = _a, rest = tslib_1.__rest(_a, ["banner", "breadcrumb", "isBreadcrumbWidthLimited", "className", "children", "variant", "isDockExpanded", "isDockOverlay", "masthead", "dockContent", "sidebar", "notificationDrawer", "isNotificationDrawerExpanded", "onNotificationDrawerExpand", "drawerDefaultSize", "drawerMinSize", "drawerMaxSize", "isHorizontalSubnavWidthLimited", "skipToContent", "role", "mainContainerId", "isManagedSidebar", "defaultManagedSidebarIsOpen", "onPageResize", "getBreakpoint", "getVerticalBreakpoint", "mainAriaLabel", "mainTabIndex", "mainComponent", "horizontalSubnav", "isHorizontalSubnavGrouped", "isBreadcrumbGrouped", "additionalGroupedContent", "groupProps", "breadcrumbProps", "isContentFilled", "mainRef", "isPlain", "footer"]);
|
|
120
120
|
const { mobileView, mobileIsSidebarOpen, desktopIsSidebarOpen, width, height } = this.state;
|
|
121
121
|
const context = {
|
|
122
122
|
isManagedSidebar,
|
|
@@ -138,7 +138,7 @@ class Page extends react_1.Component {
|
|
|
138
138
|
const Component = mainComponent;
|
|
139
139
|
const main = ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(page_1.default.pageMainContainer, isContentFilled && page_1.default.modifiers.fill), children: (0, jsx_runtime_1.jsxs)(Component, { ref: this.mainRef, role: role, id: mainContainerId, className: (0, react_styles_1.css)(page_1.default.pageMain), tabIndex: mainTabIndex, "aria-label": mainAriaLabel, children: [group, !isHorizontalSubnavGrouped && nav, banner, !isBreadcrumbGrouped && crumb, children] }) }));
|
|
140
140
|
const panelContent = ((0, jsx_runtime_1.jsx)(Drawer_1.DrawerPanelContent, { defaultSize: drawerDefaultSize, minSize: drawerMinSize, maxSize: drawerMaxSize, children: notificationDrawer }));
|
|
141
|
-
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContextProvider, { value: context, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: this.pageRef }, rest, { className: (0, react_styles_1.css)(page_1.default.page, variant === 'docked' && page_1.default.modifiers.docked, width !== null && height !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, height !== null && `pf-m-height-breakpoint-${getVerticalBreakpoint(height)}`, sidebar === null && page_1.default.modifiers.noSidebar, isPlain && page_1.default.modifiers.plain, className), children: [skipToContent, variant === 'docked' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [masthead, (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(page_1.default.pageDock, isDockExpanded && page_1.default.modifiers.expanded,
|
|
141
|
+
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContextProvider, { value: context, children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: this.pageRef }, rest, { className: (0, react_styles_1.css)(page_1.default.page, variant === 'docked' && page_1.default.modifiers.docked, width !== null && height !== null && 'pf-m-resize-observer', width !== null && `pf-m-breakpoint-${getBreakpoint(width)}`, height !== null && `pf-m-height-breakpoint-${getVerticalBreakpoint(height)}`, sidebar === null && page_1.default.modifiers.noSidebar, isPlain && page_1.default.modifiers.plain, className), children: [skipToContent, variant === 'docked' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [masthead, (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(page_1.default.pageDock, isDockExpanded && page_1.default.modifiers.expanded, isDockOverlay && page_1.default.modifiers.overlay), children: (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(page_1.default.pageDockMain), children: dockContent }) })] })) : (masthead), sidebar, notificationDrawer && ((0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(page_1.default.pageDrawer), children: (0, jsx_runtime_1.jsx)(Drawer_1.Drawer, { isExpanded: isNotificationDrawerExpanded, onExpand: (event) => onNotificationDrawerExpand(event), children: (0, jsx_runtime_1.jsx)(Drawer_1.DrawerContent, { panelContent: panelContent, children: main }) }) })), !notificationDrawer && main, footer && footer] })) }));
|
|
142
142
|
}
|
|
143
143
|
}
|
|
144
144
|
exports.Page = Page;
|
|
@@ -149,7 +149,6 @@ Page.defaultProps = {
|
|
|
149
149
|
defaultManagedSidebarIsOpen: true,
|
|
150
150
|
mainTabIndex: -1,
|
|
151
151
|
isNotificationDrawerExpanded: false,
|
|
152
|
-
isDockExpandableExpanded: false,
|
|
153
152
|
onNotificationDrawerExpand: () => null,
|
|
154
153
|
mainComponent: 'main',
|
|
155
154
|
getBreakpoint: util_2.getBreakpoint,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA6C;AAC7C,qGAAuE;AACvE,2DAA+C;;AAE/C,6CAAyD;AACzD,sCAAsE;AACtE,qDAAuE;AACvE,2CAAwD;AACxD,iEAAiE;AACjE,6CAA0E;AAC1E,+CAAoD;AACpD,yCAAsC;AAEtC,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,wCAAyB,CAAA;AAC3B,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB;
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
|
+
import { getBreakpoint } from '../../helpers/util';
|
|
2
3
|
import { OUIAProps } from '../../helpers';
|
|
3
4
|
export declare enum ToolbarColorVariant {
|
|
4
5
|
default = "default",
|
|
@@ -25,6 +26,8 @@ export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
|
|
|
25
26
|
children?: React.ReactNode;
|
|
26
27
|
/** Id of the data toolbar */
|
|
27
28
|
id?: string;
|
|
29
|
+
/** Flag indicating if the toolbar is a container for CSS container queries */
|
|
30
|
+
isContainer?: boolean;
|
|
28
31
|
/** Flag indicating the toolbar height should expand to the full height of the container */
|
|
29
32
|
isFullHeight?: boolean;
|
|
30
33
|
/** Flag indicating the toolbar is static */
|
|
@@ -72,6 +75,9 @@ interface FilterInfo {
|
|
|
72
75
|
declare class Toolbar extends Component<ToolbarProps, ToolbarState> {
|
|
73
76
|
static displayName: string;
|
|
74
77
|
labelGroupContentRef: import("react").RefObject<HTMLDivElement>;
|
|
78
|
+
toolbarRef: import("react").RefObject<HTMLDivElement>;
|
|
79
|
+
resizeObserver: () => void;
|
|
80
|
+
containerBreakpoint: ReturnType<typeof getBreakpoint>;
|
|
75
81
|
staticFilterInfo: {};
|
|
76
82
|
hasNoPadding: boolean;
|
|
77
83
|
state: {
|
|
@@ -81,8 +87,12 @@ declare class Toolbar extends Component<ToolbarProps, ToolbarState> {
|
|
|
81
87
|
};
|
|
82
88
|
isToggleManaged: () => boolean;
|
|
83
89
|
toggleIsExpanded: () => void;
|
|
84
|
-
closeExpandableContent: (e
|
|
90
|
+
closeExpandableContent: (e?: any) => void;
|
|
91
|
+
closeExpandableContentOnContainerResize: () => void;
|
|
92
|
+
setupResizeHandling: () => void;
|
|
93
|
+
cleanupResizeHandling: () => void;
|
|
85
94
|
componentDidMount(): void;
|
|
95
|
+
componentDidUpdate(prevProps: ToolbarProps): void;
|
|
86
96
|
componentWillUnmount(): void;
|
|
87
97
|
updateNumberFilters: (categoryName: string, numberOfFilters: number) => void;
|
|
88
98
|
getNumberOfFilters: () => number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAK7C,OAAO,EAAmC,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEpF,OAAO,EAAgB,SAAS,EAAE,MAAM,eAAe,CAAC;AAIxD,oBAAY,mBAAmB;IAC7B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,YAAY,kBAAkB;CAC/B;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS;IAC9E,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oOAAoO;IACpO,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,iGAAiG;IACjG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,8EAA8E;IAC9E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8HAA8H;IAC9H,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mEAAmE;IACnE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,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,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iLAAiL;IACjL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,mBAAmB,GAAG,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,CAAC;IAC3F,qDAAqD;IACrD,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,YAAY;IAC3B;iEAC6D;IAC7D,uBAAuB,EAAE,OAAO,CAAC;IACjC,gFAAgF;IAChF,UAAU,EAAE,UAAU,CAAC;IACvB,qGAAqG;IACrG,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,UAAU;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB;AAED,cAAM,OAAQ,SAAQ,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC;IACzD,MAAM,CAAC,WAAW,SAAa;IAC/B,oBAAoB,4CAA+B;IACnD,UAAU,4CAA+B;IACzC,cAAc,EAAE,MAAM,IAAI,CAAY;IACtC,mBAAmB,EAAE,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IACtD,gBAAgB,KAAM;IACtB,YAAY,UAAS;IACrB,KAAK;;;;MAIH;IAEF,eAAe,gBAAmE;IAElF,gBAAgB,aAId;IAEF,sBAAsB,OAAQ,GAAG,UAO/B;IAEF,uCAAuC,aAcrC;IAEF,mBAAmB,aAUjB;IAEF,qBAAqB,aAGnB;IAEF,iBAAiB;IAOjB,kBAAkB,CAAC,SAAS,EAAE,YAAY;IAU1C,oBAAoB;IAIpB,mBAAmB,iBAAkB,MAAM,mBAAmB,MAAM,UAOlE;IAEF,kBAAkB,eAC4E;IAE9F,aAAa,aAAc,MAAM,oBAAoB,MAAM,6CAuGzD;IAEF,MAAM;CAOP;AAED,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -9,6 +9,7 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
9
9
|
const ToolbarUtils_1 = require("./ToolbarUtils");
|
|
10
10
|
const ToolbarLabelGroupContent_1 = require("./ToolbarLabelGroupContent");
|
|
11
11
|
const util_1 = require("../../helpers/util");
|
|
12
|
+
const resizeObserver_1 = require("../../helpers/resizeObserver");
|
|
12
13
|
const helpers_1 = require("../../helpers");
|
|
13
14
|
const SSRSafeIds_1 = require("../../helpers/SSRSafeIds/SSRSafeIds");
|
|
14
15
|
const PageContext_1 = require("../Page/PageContext");
|
|
@@ -23,6 +24,8 @@ class Toolbar extends react_1.Component {
|
|
|
23
24
|
constructor() {
|
|
24
25
|
super(...arguments);
|
|
25
26
|
this.labelGroupContentRef = (0, react_1.createRef)();
|
|
27
|
+
this.toolbarRef = (0, react_1.createRef)();
|
|
28
|
+
this.resizeObserver = () => { };
|
|
26
29
|
this.staticFilterInfo = {};
|
|
27
30
|
this.hasNoPadding = false;
|
|
28
31
|
this.state = {
|
|
@@ -37,13 +40,41 @@ class Toolbar extends react_1.Component {
|
|
|
37
40
|
}));
|
|
38
41
|
};
|
|
39
42
|
this.closeExpandableContent = (e) => {
|
|
40
|
-
if (e.target.innerWidth !== this.state.windowWidth) {
|
|
43
|
+
if (e && e.target.innerWidth !== this.state.windowWidth) {
|
|
41
44
|
this.setState(() => ({
|
|
42
45
|
isManagedToggleExpanded: false,
|
|
43
46
|
windowWidth: e.target.innerWidth
|
|
44
47
|
}));
|
|
45
48
|
}
|
|
46
49
|
};
|
|
50
|
+
this.closeExpandableContentOnContainerResize = () => {
|
|
51
|
+
var _a;
|
|
52
|
+
const containerWidth = (_a = this.toolbarRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth;
|
|
53
|
+
if (!containerWidth) {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
const breakpoint = (0, util_1.getBreakpoint)(containerWidth);
|
|
57
|
+
const isInitialMeasurement = this.containerBreakpoint === undefined;
|
|
58
|
+
if (breakpoint !== this.containerBreakpoint) {
|
|
59
|
+
this.containerBreakpoint = breakpoint;
|
|
60
|
+
if (!isInitialMeasurement && this.state.isManagedToggleExpanded) {
|
|
61
|
+
this.setState({ isManagedToggleExpanded: false });
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
this.setupResizeHandling = () => {
|
|
66
|
+
if (!this.isToggleManaged() || !util_1.canUseDOM) {
|
|
67
|
+
return;
|
|
68
|
+
}
|
|
69
|
+
this.containerBreakpoint = undefined;
|
|
70
|
+
const reference = this.props.isContainer ? this.toolbarRef.current : undefined;
|
|
71
|
+
const handler = this.props.isContainer ? this.closeExpandableContentOnContainerResize : this.closeExpandableContent;
|
|
72
|
+
this.resizeObserver = (0, resizeObserver_1.getResizeObserver)(reference, handler, true);
|
|
73
|
+
};
|
|
74
|
+
this.cleanupResizeHandling = () => {
|
|
75
|
+
this.resizeObserver();
|
|
76
|
+
this.resizeObserver = () => { };
|
|
77
|
+
};
|
|
47
78
|
this.updateNumberFilters = (categoryName, numberOfFilters) => {
|
|
48
79
|
const filterInfoToUpdate = Object.assign({}, this.staticFilterInfo);
|
|
49
80
|
if (!filterInfoToUpdate.hasOwnProperty(categoryName) || filterInfoToUpdate[categoryName] !== numberOfFilters) {
|
|
@@ -54,38 +85,47 @@ class Toolbar extends react_1.Component {
|
|
|
54
85
|
};
|
|
55
86
|
this.getNumberOfFilters = () => Object.values(this.state.filterInfo).reduce((acc, cur) => acc + cur, 0);
|
|
56
87
|
this.renderToolbar = (randomId, generatedOuiaId) => {
|
|
57
|
-
const _a = this.props, { hasNoPadding, clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, isStickyBase, isStickyStuck, inset, isSticky, isVertical, ouiaId, numberOfFiltersText, customLabelGroupContent, colorVariant = ToolbarColorVariant.default } = _a, props = tslib_1.__rest(_a, ["hasNoPadding", "clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "isStickyBase", "isStickyStuck", "inset", "isSticky", "isVertical", "ouiaId", "numberOfFiltersText", "customLabelGroupContent", "colorVariant"]);
|
|
88
|
+
const _a = this.props, { hasNoPadding, clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isContainer, isFullHeight, isStatic, isStickyBase, isStickyStuck, inset, isSticky, isVertical, ouiaId, numberOfFiltersText, customLabelGroupContent, colorVariant = ToolbarColorVariant.default } = _a, props = tslib_1.__rest(_a, ["hasNoPadding", "clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isContainer", "isFullHeight", "isStatic", "isStickyBase", "isStickyStuck", "inset", "isSticky", "isVertical", "ouiaId", "numberOfFiltersText", "customLabelGroupContent", "colorVariant"]);
|
|
58
89
|
const { isManagedToggleExpanded } = this.state;
|
|
59
90
|
const isToggleManaged = this.isToggleManaged();
|
|
60
91
|
const isExpanded = isToggleManaged ? isManagedToggleExpanded : isExpandedProp;
|
|
61
92
|
const numberOfFilters = this.getNumberOfFilters();
|
|
62
93
|
const showClearFiltersButton = numberOfFilters > 0;
|
|
63
|
-
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContext.Consumer, { children: (
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
94
|
+
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContext.Consumer, { children: (pageContext) => {
|
|
95
|
+
const toolbarContent = ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(toolbar_1.default.toolbar, hasNoPadding && toolbar_1.default.modifiers.noPadding, isContainer && toolbar_1.default.modifiers.container, isFullHeight && toolbar_1.default.modifiers.fullHeight, isStatic && toolbar_1.default.modifiers.static, isSticky && toolbar_1.default.modifiers.sticky, isStickyBase && toolbar_1.default.modifiers.stickyBase, isStickyStuck && toolbar_1.default.modifiers.stickyStuck, isVertical && toolbar_1.default.modifiers.vertical, (0, util_1.formatBreakpointMods)(inset, toolbar_1.default, '', !isContainer ? pageContext.getBreakpoint(pageContext.width) : undefined), colorVariant === 'primary' && toolbar_1.default.modifiers.primary, colorVariant === 'secondary' && toolbar_1.default.modifiers.secondary, colorVariant === 'no-background' && toolbar_1.default.modifiers.noBackground, className), id: randomId, ref: this.toolbarRef }, (0, helpers_1.getOUIAProps)(Toolbar.displayName, ouiaId !== undefined ? ouiaId : generatedOuiaId), props, { children: (0, jsx_runtime_1.jsxs)(ToolbarUtils_1.ToolbarContext.Provider, { value: {
|
|
96
|
+
isExpanded,
|
|
97
|
+
toggleIsExpanded: isToggleManaged ? this.toggleIsExpanded : toggleIsExpanded,
|
|
98
|
+
labelGroupContentRef: this.labelGroupContentRef,
|
|
99
|
+
updateNumberFilters: this.updateNumberFilters,
|
|
100
|
+
numberOfFilters,
|
|
101
|
+
clearAllFilters,
|
|
102
|
+
clearFiltersButtonText,
|
|
103
|
+
showClearFiltersButton,
|
|
104
|
+
toolbarId: randomId,
|
|
105
|
+
customLabelGroupContent,
|
|
106
|
+
isContainer,
|
|
107
|
+
toolbarRef: this.toolbarRef
|
|
108
|
+
}, children: [children, (0, jsx_runtime_1.jsx)(ToolbarLabelGroupContent_1.ToolbarLabelGroupContent, { isExpanded: isExpanded, labelGroupContentRef: this.labelGroupContentRef, clearAllFilters: clearAllFilters, showClearFiltersButton: showClearFiltersButton, clearFiltersButtonText: clearFiltersButtonText, numberOfFilters: numberOfFilters, numberOfFiltersText: numberOfFiltersText, collapseListedFiltersBreakpoint: collapseListedFiltersBreakpoint, customLabelGroupContent: customLabelGroupContent })] }) })));
|
|
109
|
+
return isContainer ? ((0, jsx_runtime_1.jsx)(PageContext_1.PageContext.Provider, { value: Object.assign(Object.assign({}, pageContext), { width: null }), children: toolbarContent })) : (toolbarContent);
|
|
110
|
+
} }));
|
|
75
111
|
};
|
|
76
112
|
}
|
|
77
113
|
componentDidMount() {
|
|
78
114
|
if (util_1.canUseDOM) {
|
|
79
115
|
this.setState({ windowWidth: window.innerWidth });
|
|
80
116
|
}
|
|
81
|
-
|
|
82
|
-
|
|
117
|
+
this.setupResizeHandling();
|
|
118
|
+
}
|
|
119
|
+
componentDidUpdate(prevProps) {
|
|
120
|
+
const wasToggleManaged = !(prevProps.isExpanded || !!prevProps.toggleIsExpanded);
|
|
121
|
+
const isToggleManaged = this.isToggleManaged();
|
|
122
|
+
if (prevProps.isContainer !== this.props.isContainer || wasToggleManaged !== isToggleManaged) {
|
|
123
|
+
this.cleanupResizeHandling();
|
|
124
|
+
this.setupResizeHandling();
|
|
83
125
|
}
|
|
84
126
|
}
|
|
85
127
|
componentWillUnmount() {
|
|
86
|
-
|
|
87
|
-
window.removeEventListener('resize', this.closeExpandableContent);
|
|
88
|
-
}
|
|
128
|
+
this.cleanupResizeHandling();
|
|
89
129
|
}
|
|
90
130
|
render() {
|
|
91
131
|
return ((0, jsx_runtime_1.jsx)(SSRSafeIds_1.SSRSafeIds, { prefix: "pf-random-id-", ouiaComponentType: "Toolbar", children: (generatedId, generatedOuiaId) => this.renderToolbar(this.props.id || generatedId, generatedOuiaId) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":";;;;;AAAA,iCAA6C;AAC7C,8GAA6E;AAC7E,2DAA+C;AAC/C,iDAAgD;AAChD,yEAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,7 @@ export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
14
14
|
/** Visibility at various width breakpoints. */
|
|
15
15
|
visibility?: {
|
|
16
16
|
default?: 'hidden' | 'visible';
|
|
17
|
+
sm?: 'hidden' | 'visible';
|
|
17
18
|
md?: 'hidden' | 'visible';
|
|
18
19
|
lg?: 'hidden' | 'visible';
|
|
19
20
|
xl?: 'hidden' | 'visible';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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"}
|