@patternfly/react-core 6.5.0-prerelease.62 → 6.5.0-prerelease.63
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/components/package.json +1 -1
- package/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/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/dynamic-modules.json +2 -0
- package/dist/esm/components/Compass/Compass.d.ts +9 -1
- 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/Compass/CompassDockMain.d.ts +9 -0
- package/dist/esm/components/Compass/CompassDockMain.d.ts.map +1 -0
- package/dist/esm/components/Compass/CompassDockMain.js +10 -0
- package/dist/esm/components/Compass/CompassDockMain.js.map +1 -0
- package/dist/esm/components/Compass/index.d.ts +1 -0
- package/dist/esm/components/Compass/index.d.ts.map +1 -1
- package/dist/esm/components/Compass/index.js +1 -0
- package/dist/esm/components/Compass/index.js.map +1 -1
- package/dist/esm/components/OverflowMenu/OverflowMenu.d.ts +7 -1
- package/dist/esm/components/OverflowMenu/OverflowMenu.d.ts.map +1 -1
- package/dist/esm/components/OverflowMenu/OverflowMenu.js +33 -3
- package/dist/esm/components/OverflowMenu/OverflowMenu.js.map +1 -1
- package/dist/esm/components/Page/Page.d.ts +3 -3
- package/dist/esm/components/Page/Page.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.d.ts +5 -1
- package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.js +2 -2
- package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts +9 -1
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts +9 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.js +3 -3
- package/dist/esm/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts +9 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/js/components/Compass/Compass.d.ts +9 -1
- 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/Compass/CompassDockMain.d.ts +9 -0
- package/dist/js/components/Compass/CompassDockMain.d.ts.map +1 -0
- package/dist/js/components/Compass/CompassDockMain.js +14 -0
- package/dist/js/components/Compass/CompassDockMain.js.map +1 -0
- package/dist/js/components/Compass/index.d.ts +1 -0
- package/dist/js/components/Compass/index.d.ts.map +1 -1
- package/dist/js/components/Compass/index.js +1 -0
- package/dist/js/components/Compass/index.js.map +1 -1
- package/dist/js/components/OverflowMenu/OverflowMenu.d.ts +7 -1
- package/dist/js/components/OverflowMenu/OverflowMenu.d.ts.map +1 -1
- package/dist/js/components/OverflowMenu/OverflowMenu.js +32 -2
- package/dist/js/components/OverflowMenu/OverflowMenu.js.map +1 -1
- package/dist/js/components/Page/Page.d.ts +3 -3
- package/dist/js/components/Page/Page.d.ts.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.d.ts +5 -1
- package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.js +2 -2
- package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.d.ts +9 -1
- package/dist/js/components/Toolbar/ToolbarContent.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.js +2 -2
- package/dist/js/components/Toolbar/ToolbarContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts +9 -1
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.js +3 -3
- package/dist/js/components/Toolbar/ToolbarGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts +9 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.js +2 -2
- package/dist/js/components/Toolbar/ToolbarItem.js.map +1 -1
- package/dist/umd/assets/{output-C2ilqqsl.css → output-CRZSV91U.css} +22698 -22489
- package/dist/umd/react-core.min.js +1 -1
- 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/Compass/Compass.tsx +24 -2
- package/src/components/Compass/CompassDockMain.tsx +21 -0
- package/src/components/Compass/__tests__/Compass.test.tsx +30 -0
- package/src/components/Compass/__tests__/CompassDockMain.test.tsx +41 -0
- package/src/components/Compass/__tests__/__snapshots__/CompassDockMain.test.tsx.snap +13 -0
- package/src/components/Compass/index.ts +1 -0
- package/src/components/EmptyState/__tests__/EmptyState.test.tsx +2 -2
- package/src/components/EmptyState/__tests__/__snapshots__/EmptyState.test.tsx.snap +2 -2
- package/src/components/OverflowMenu/OverflowMenu.tsx +42 -4
- package/src/components/OverflowMenu/__tests__/OverflowMenu.test.tsx +18 -0
- package/src/components/OverflowMenu/examples/OverflowMenu.md +17 -1
- package/src/components/OverflowMenu/examples/OverflowMenuBreakpointOnContainerHeight.tsx +109 -0
- package/src/components/OverflowMenu/examples/OverflowMenuSimpleVertical.tsx +76 -0
- package/src/components/Page/Page.tsx +3 -3
- package/src/components/Toolbar/Toolbar.tsx +9 -1
- package/src/components/Toolbar/ToolbarContent.tsx +12 -2
- package/src/components/Toolbar/ToolbarGroup.tsx +12 -2
- package/src/components/Toolbar/ToolbarItem.tsx +12 -2
- package/src/components/Toolbar/__tests__/Toolbar.test.tsx +63 -2
- package/src/components/Toolbar/__tests__/ToolbarGroup.test.tsx +26 -0
- package/src/components/Toolbar/__tests__/ToolbarItem.test.tsx +26 -0
- package/src/components/Toolbar/examples/Toolbar.md +19 -1
- package/src/components/Toolbar/examples/ToolbarDynamicSticky.tsx +75 -0
- package/src/components/Toolbar/examples/ToolbarVertical.tsx +22 -0
- package/src/demos/Compass/Compass.md +4 -1
- package/src/demos/Compass/examples/CompassDockDemo.tsx +311 -130
- package/src/demos/Nav.md +2 -1
- package/src/demos/examples/Nav/NavDockedNav.tsx +32 -10
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB
|
|
1
|
+
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAO7C,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,gDAAgD;IAChD,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,+DAA+D;IAC/D,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC3B,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACzD,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,cAAM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAA+B;IAC3D,OAAO,CAAC,iBAAiB,CAA+B;IACxD,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;CAwEP;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -13,8 +13,8 @@ class ToolbarContent extends Component {
|
|
|
13
13
|
this.labelContainerRef = createRef();
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, rowWrap, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "rowWrap", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
17
|
-
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarContent, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), className), ref: this.expandableContentRef }, props, { children: _jsx(ToolbarContext.Consumer, { children: ({ clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext, isExpanded: isExpandedContext, toolbarId: toolbarIdContext }) => {
|
|
16
|
+
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, visibilityAtHeight, rowWrap, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "visibilityAtHeight", "rowWrap", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
17
|
+
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint, height, getVerticalBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarContent, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(visibilityAtHeight, styles, '', getVerticalBreakpoint(height), true), className), ref: this.expandableContentRef }, props, { children: _jsx(ToolbarContext.Consumer, { children: ({ clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext, isExpanded: isExpandedContext, toolbarId: toolbarIdContext }) => {
|
|
18
18
|
const expandableContentId = `${toolbarId || toolbarIdContext}-expandable-content-${ToolbarContent.currentId++}`;
|
|
19
19
|
return (_jsx(ToolbarContentContext.Provider, { value: {
|
|
20
20
|
expandableContentRef: this.expandableContentRef,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
11
11
|
className?: string;
|
|
12
12
|
/** A type modifier which modifies spacing specifically depending on the type of group */
|
|
13
13
|
variant?: ToolbarGroupVariant | 'filter-group' | 'action-group' | 'action-group-inline' | 'action-group-plain' | 'label-group';
|
|
14
|
-
/** Visibility at various breakpoints. */
|
|
14
|
+
/** Visibility at various width breakpoints. */
|
|
15
15
|
visibility?: {
|
|
16
16
|
default?: 'hidden' | 'visible';
|
|
17
17
|
md?: 'hidden' | 'visible';
|
|
@@ -19,6 +19,14 @@ export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
19
19
|
xl?: 'hidden' | 'visible';
|
|
20
20
|
'2xl'?: 'hidden' | 'visible';
|
|
21
21
|
};
|
|
22
|
+
/** Visibility at various height breakpoints. */
|
|
23
|
+
visibilityAtHeight?: {
|
|
24
|
+
default?: 'hidden' | 'visible';
|
|
25
|
+
md?: 'hidden' | 'visible';
|
|
26
|
+
lg?: 'hidden' | 'visible';
|
|
27
|
+
xl?: 'hidden' | 'visible';
|
|
28
|
+
'2xl'?: 'hidden' | 'visible';
|
|
29
|
+
};
|
|
22
30
|
/** Applies to a child of a flex layout, and aligns that child (and any adjacent children on the other side of it) to one side of the main axis */
|
|
23
31
|
align?: {
|
|
24
32
|
default?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";AAMA,oBAAY,mBAAmB;IAC7B,cAAc,iBAAiB;IAC/B,cAAc,iBAAiB;IAC/B,qBAAqB,wBAAwB;IAC7C,oBAAoB,uBAAuB;IAC3C,aAAa,gBAAgB;CAC9B;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAClG,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,OAAO,CAAC,EACJ,mBAAmB,GACnB,cAAc,GACd,cAAc,GACd,qBAAqB,GACrB,oBAAoB,GACpB,aAAa,CAAC;IAClB
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";AAMA,oBAAY,mBAAmB;IAC7B,cAAc,iBAAiB;IAC/B,cAAc,iBAAiB;IAC/B,qBAAqB,wBAAwB;IAC7C,oBAAoB,uBAAuB;IAC3C,aAAa,gBAAgB;CAC9B;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,GAAG,UAAU,CAAC;IAClG,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,OAAO,CAAC,EACJ,mBAAmB,GACnB,cAAc,GACd,cAAc,GACd,qBAAqB,GACrB,oBAAoB,GACpB,aAAa,CAAC;IAClB,+CAA+C;IAC/C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,gDAAgD;IAChD,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,kJAAkJ;IAClJ,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QACpD,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QAC/C,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QAC/C,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QAC/C,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;KACnD,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IAC7E,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IAC5E,+DAA+D;IAC/D,GAAG,CAAC,EAAE;QACJ,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QAC1G,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;KACzG,CAAC;IACF,uDAAuD;IACvD,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EACJ,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,KAAK,CAAC,EACF,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;KACrB,CAAC;IACF,oDAAoD;IACpD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EACJ,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,KAAK,CAAC,EACF,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;KAClB,CAAC;IACF,2DAA2D;IAC3D,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC3B,CAAC;IACF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4HAA4H;IAC5H,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,qFAAqF;IACrF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AAgED,eAAO,MAAM,YAAY,uGAEvB,CAAC"}
|
|
@@ -15,9 +15,9 @@ export var ToolbarGroupVariant;
|
|
|
15
15
|
})(ToolbarGroupVariant || (ToolbarGroupVariant = {}));
|
|
16
16
|
class ToolbarGroupWithRef extends Component {
|
|
17
17
|
render() {
|
|
18
|
-
const _a = this.props, { visibility, align, alignItems, alignSelf, gap, columnGap, rowGap, rowWrap, className, variant, children, isOverflowContainer, innerRef } = _a, props = __rest(_a, ["visibility", "align", "alignItems", "alignSelf", "gap", "columnGap", "rowGap", "rowWrap", "className", "variant", "children", "isOverflowContainer", "innerRef"]);
|
|
19
|
-
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarGroup, variant &&
|
|
20
|
-
styles.modifiers[toCamel(variant)], formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, isOverflowContainer && styles.modifiers.overflowContainer, className) }, props, { ref: innerRef, children: children }))) }));
|
|
18
|
+
const _a = this.props, { visibility, visibilityAtHeight, align, alignItems, alignSelf, gap, columnGap, rowGap, rowWrap, className, variant, children, isOverflowContainer, innerRef } = _a, props = __rest(_a, ["visibility", "visibilityAtHeight", "align", "alignItems", "alignSelf", "gap", "columnGap", "rowGap", "rowWrap", "className", "variant", "children", "isOverflowContainer", "innerRef"]);
|
|
19
|
+
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint, height, getVerticalBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarGroup, variant &&
|
|
20
|
+
styles.modifiers[toCamel(variant)], formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(visibilityAtHeight, styles, '', getVerticalBreakpoint(height), true), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, isOverflowContainer && styles.modifiers.overflowContainer, className) }, props, { ref: innerRef, children: children }))) }));
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
export const ToolbarGroup = forwardRef((props, ref) => (_jsx(ToolbarGroupWithRef, Object.assign({}, props, { innerRef: ref }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,kEAA6C,CAAA;IAC7C,gEAA2C,CAAA;IAC3C,kDAA6B,CAAA;AAC/B,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;
|
|
1
|
+
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,oDAA+B,CAAA;IAC/B,kEAA6C,CAAA;IAC7C,gEAA2C,CAAA;IAC3C,kDAA6B,CAAA;AAC/B,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B;AA4KD,MAAM,mBAAoB,SAAQ,SAA4B;IAC5D,MAAM;QACJ,MAAM,KAgBF,IAAI,CAAC,KAAK,EAhBR,EACJ,UAAU,EACV,kBAAkB,EAClB,KAAK,EACL,UAAU,EACV,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,mBAAmB,EACnB,QAAQ,OAEI,EADT,KAAK,cAfJ,wLAgBL,CAAa,CAAC;QAEf,OAAO,CACL,KAAC,WAAW,CAAC,QAAQ,cAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,qBAAqB,EAAE,EAAE,EAAE,CAAC,CAC5D,4BACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO;oBACL,MAAM,CAAC,SAAS,CACd,OAAO,CAAC,OAAO,CAKC,CACjB,EACH,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,oBAAoB,CAAC,kBAAkB,EAAE,MAAM,EAAE,EAAE,EAAE,qBAAqB,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,EACzF,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC7D,oBAAoB,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC3D,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACjE,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,oBAAoB,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC/D,UAAU,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,kBAAkB,EAChE,SAAS,KAAK,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,EACxD,SAAS,KAAK,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,SAAS,KAAK,UAAU,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EAC9D,mBAAmB,IAAI,MAAM,CAAC,SAAS,CAAC,iBAAiB,EACzD,SAAS,CACV,IACG,KAAK,IACT,GAAG,EAAE,QAAQ,YAEZ,QAAQ,IACL,CACP,GACoB,CACxB,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC7E,KAAC,mBAAmB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAClD,CAAC,CAAC"}
|
|
@@ -11,7 +11,7 @@ export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
11
11
|
className?: string;
|
|
12
12
|
/** A type modifier which modifies spacing specifically depending on the type of item */
|
|
13
13
|
variant?: ToolbarItemVariant | 'pagination' | 'label' | 'label-group' | 'separator' | 'expand-all';
|
|
14
|
-
/** Visibility at various breakpoints. */
|
|
14
|
+
/** Visibility at various width breakpoints. */
|
|
15
15
|
visibility?: {
|
|
16
16
|
default?: 'hidden' | 'visible';
|
|
17
17
|
md?: 'hidden' | 'visible';
|
|
@@ -19,6 +19,14 @@ export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
19
19
|
xl?: 'hidden' | 'visible';
|
|
20
20
|
'2xl'?: 'hidden' | 'visible';
|
|
21
21
|
};
|
|
22
|
+
/** Visibility at various height breakpoints. */
|
|
23
|
+
visibilityAtHeight?: {
|
|
24
|
+
default?: 'hidden' | 'visible';
|
|
25
|
+
md?: 'hidden' | 'visible';
|
|
26
|
+
lg?: 'hidden' | 'visible';
|
|
27
|
+
xl?: 'hidden' | 'visible';
|
|
28
|
+
'2xl'?: 'hidden' | 'visible';
|
|
29
|
+
};
|
|
22
30
|
/** Applies to a child of a flex layout, and aligns that child (and any adjacent children on the other side of it) to one side of the main axis */
|
|
23
31
|
align?: {
|
|
24
32
|
default?: 'alignEnd' | 'alignStart' | 'alignCenter';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";AAMA,oBAAY,kBAAkB;IAC5B,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,aAAa,gBAAgB;IAC7B,YAAY,eAAe;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC;IACnG
|
|
1
|
+
{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";AAMA,oBAAY,kBAAkB;IAC5B,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,KAAK,UAAU;IACf,aAAa,gBAAgB;IAC7B,YAAY,eAAe;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,OAAO,CAAC,EAAE,kBAAkB,GAAG,YAAY,GAAG,OAAO,GAAG,aAAa,GAAG,WAAW,GAAG,YAAY,CAAC;IACnG,+CAA+C;IAC/C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,gDAAgD;IAChD,kBAAkB,CAAC,EAAE;QACnB,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC/B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,EAAE,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;QAC1B,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;KAC9B,CAAC;IACF,kJAAkJ;IAClJ,KAAK,CAAC,EAAE;QACN,OAAO,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QACpD,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QAC/C,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QAC/C,EAAE,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;QAC/C,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC;KACnD,CAAC;IACF,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IAC7E,yBAAyB;IACzB,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,KAAK,GAAG,SAAS,CAAC;IAC5E,+DAA+D;IAC/D,GAAG,CAAC,EAAE;QACJ,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QAC1G,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,EAAE,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;QACrG,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;KACzG,CAAC;IACF,uDAAuD;IACvD,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EACJ,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,EAAE,CAAC,EACC,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;QACpB,KAAK,CAAC,EACF,eAAe,GACf,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,eAAe,GACf,eAAe,GACf,eAAe,CAAC;KACrB,CAAC;IACF,oDAAoD;IACpD,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EACJ,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,EAAE,CAAC,EACC,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;QACjB,KAAK,CAAC,EACF,YAAY,GACZ,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,YAAY,CAAC;KAClB,CAAC;IACF,2DAA2D;IAC3D,OAAO,CAAC,EAAE;QACR,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,EAAE,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;KAC3B,CAAC;IACF,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2HAA2H;IAC3H,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAkEjE,CAAC"}
|
|
@@ -14,12 +14,12 @@ export var ToolbarItemVariant;
|
|
|
14
14
|
ToolbarItemVariant["expand-all"] = "expand-all";
|
|
15
15
|
})(ToolbarItemVariant || (ToolbarItemVariant = {}));
|
|
16
16
|
export const ToolbarItem = (_a) => {
|
|
17
|
-
var { className, variant, visibility, gap, columnGap, rowGap, rowWrap, align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer, role } = _a, props = __rest(_a, ["className", "variant", "visibility", "gap", "columnGap", "rowGap", "rowWrap", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer", "role"]);
|
|
17
|
+
var { className, variant, visibility, visibilityAtHeight, gap, columnGap, rowGap, rowWrap, align, alignSelf, alignItems, id, children, isAllExpanded, isOverflowContainer, role } = _a, props = __rest(_a, ["className", "variant", "visibility", "visibilityAtHeight", "gap", "columnGap", "rowGap", "rowWrap", "align", "alignSelf", "alignItems", "id", "children", "isAllExpanded", "isOverflowContainer", "role"]);
|
|
18
18
|
if (variant === ToolbarItemVariant.separator) {
|
|
19
19
|
const isDividerRoleValid = role === 'separator' || role === 'presentation';
|
|
20
20
|
return (_jsx(Divider, Object.assign({ className: css(className), orientation: { default: 'vertical' } }, props, (isDividerRoleValid && { role: role }))));
|
|
21
21
|
}
|
|
22
|
-
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarItem, variant && styles.modifiers[toCamel(variant)], variant === ToolbarItemVariant['label-group'] && styles.modifiers.labelGroup, isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id, role: role }, props, { children: children }))) }));
|
|
22
|
+
return (_jsx(PageContext.Consumer, { children: ({ width, getBreakpoint, height, getVerticalBreakpoint }) => (_jsx("div", Object.assign({ className: css(styles.toolbarItem, variant && styles.modifiers[toCamel(variant)], variant === ToolbarItemVariant['label-group'] && styles.modifiers.labelGroup, isAllExpanded && styles.modifiers.expanded, isOverflowContainer && styles.modifiers.overflowContainer, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(visibilityAtHeight, styles, '', getVerticalBreakpoint(height), true), formatBreakpointMods(align, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowWrap, styles, '', getBreakpoint(width)), alignItems === 'start' && styles.modifiers.alignItemsStart, alignItems === 'center' && styles.modifiers.alignItemsCenter, alignItems === 'baseline' && styles.modifiers.alignItemsBaseline, alignSelf === 'start' && styles.modifiers.alignSelfStart, alignSelf === 'center' && styles.modifiers.alignSelfCenter, alignSelf === 'baseline' && styles.modifiers.alignSelfBaseline, className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id, role: role }, props, { children: children }))) }));
|
|
23
23
|
};
|
|
24
24
|
ToolbarItem.displayName = 'ToolbarItem';
|
|
25
25
|
//# sourceMappingURL=ToolbarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":";;AAAA,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,+CAAyB,CAAA;IACzB,qCAAe,CAAA;IACf,iDAA6B,CAAA;IAC7B,+CAA2B,CAAA;AAC7B,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;
|
|
1
|
+
{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,9 +3,17 @@ import { DrawerProps } from '../Drawer';
|
|
|
3
3
|
export interface CompassProps extends React.HTMLProps<HTMLDivElement> {
|
|
4
4
|
/** Additional classes added to the Compass. */
|
|
5
5
|
className?: string;
|
|
6
|
+
/** The horizontal masthead content (e.g. <Masthead />). This masthead will only render when dock content is passed and only at mobile viewports. */
|
|
7
|
+
masthead?: React.ReactNode;
|
|
6
8
|
/** Content of the docked navigation area of the layout */
|
|
7
9
|
dock?: React.ReactNode;
|
|
8
|
-
/**
|
|
10
|
+
/** @beta Flag indicating the docked nav is expanded on mobile. Only applies when dock content is passed. */
|
|
11
|
+
isDockExpanded?: boolean;
|
|
12
|
+
/** @beta Flag indicating the docked nav should display text on desktop. Only applies when dock content is passed, and
|
|
13
|
+
* will handle toggling the visibility of the text in individual isDocked components.
|
|
14
|
+
*/
|
|
15
|
+
isDockTextExpanded?: boolean;
|
|
16
|
+
/** Content placed at the top of the compass layout */
|
|
9
17
|
header?: React.ReactNode;
|
|
10
18
|
/** Flag indicating if the header is expanded */
|
|
11
19
|
isHeaderExpanded?: boolean;
|
|
@@ -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;AAOlF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnE,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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;AAOlF,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,4GAA4G;IAC5G,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,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;IAC1B,wDAAwD;IACxD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,uDAAuD;IACvD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAgGzD,CAAC"}
|
|
@@ -9,7 +9,7 @@ const react_styles_1 = require("@patternfly/react-styles");
|
|
|
9
9
|
const c_compass_BackgroundImage_light_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass_BackgroundImage_light'));
|
|
10
10
|
const c_compass_BackgroundImage_dark_1 = tslib_1.__importDefault(require('@patternfly/react-tokens/dist/js/c_compass_BackgroundImage_dark'));
|
|
11
11
|
const Compass = (_a) => {
|
|
12
|
-
var { className, dock, header, isHeaderExpanded = true, sidebarStart, isSidebarStartExpanded = true, main, sidebarEnd, isSidebarEndExpanded = true, footer, isFooterExpanded = true, drawerContent, drawerProps, backgroundSrcLight, backgroundSrcDark } = _a, props = tslib_1.__rest(_a, ["className", "dock", "header", "isHeaderExpanded", "sidebarStart", "isSidebarStartExpanded", "main", "sidebarEnd", "isSidebarEndExpanded", "footer", "isFooterExpanded", "drawerContent", "drawerProps", "backgroundSrcLight", "backgroundSrcDark"]);
|
|
12
|
+
var { className, masthead, dock, isDockExpanded, isDockTextExpanded, header, isHeaderExpanded = true, sidebarStart, isSidebarStartExpanded = true, main, sidebarEnd, isSidebarEndExpanded = true, footer, isFooterExpanded = true, drawerContent, drawerProps, backgroundSrcLight, backgroundSrcDark } = _a, props = tslib_1.__rest(_a, ["className", "masthead", "dock", "isDockExpanded", "isDockTextExpanded", "header", "isHeaderExpanded", "sidebarStart", "isSidebarStartExpanded", "main", "sidebarEnd", "isSidebarEndExpanded", "footer", "isFooterExpanded", "drawerContent", "drawerProps", "backgroundSrcLight", "backgroundSrcDark"]);
|
|
13
13
|
const hasDrawer = drawerContent !== undefined;
|
|
14
14
|
const backgroundImageStyles = {};
|
|
15
15
|
if (backgroundSrcLight) {
|
|
@@ -18,7 +18,7 @@ const Compass = (_a) => {
|
|
|
18
18
|
if (backgroundSrcDark) {
|
|
19
19
|
backgroundImageStyles[c_compass_BackgroundImage_dark_1.default.name] = `url(${backgroundSrcDark})`;
|
|
20
20
|
}
|
|
21
|
-
const compassContent = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compass, dock !== undefined && compass_1.default.modifiers.docked, className) }, props, { style: Object.assign(Object.assign({}, props.style), backgroundImageStyles), children: [dock && (0, jsx_runtime_1.jsx)("div", { className: (0, react_styles_1.css)(`${compass_1.default.compass}__dock
|
|
21
|
+
const compassContent = ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compass, dock !== undefined && compass_1.default.modifiers.docked, className) }, props, { style: Object.assign(Object.assign({}, props.style), backgroundImageStyles), 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, isDockTextExpanded && compass_1.default.modifiers.textExpanded), 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: 'true' }), { 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: 'true' }), { 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: 'true' }), { 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: 'true' }), { children: footer })))] })));
|
|
22
22
|
if (hasDrawer) {
|
|
23
23
|
return ((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 }) }) })));
|
|
24
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":";;;;;AAAA,sCAAkF;AAClF,8GAA6E;AAC7E,2DAA+C;;;
|
|
1
|
+
{"version":3,"file":"Compass.js","sourceRoot":"","sources":["../../../../src/components/Compass/Compass.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export interface CompassDockMainProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
|
+
/** Additional classes added to the compass dock main container. */
|
|
4
|
+
className?: string;
|
|
5
|
+
/** Content of the compass dock main container. */
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const CompassDockMain: React.FunctionComponent<CompassDockMainProps>;
|
|
9
|
+
//# sourceMappingURL=CompassDockMain.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompassDockMain.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/CompassDockMain.tsx"],"names":[],"mappings":";AAGA,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC3E,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC,oBAAoB,CAQzE,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CompassDockMain = void 0;
|
|
4
|
+
const tslib_1 = require("tslib");
|
|
5
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
|
+
const compass_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/components/Compass/compass"));
|
|
7
|
+
const react_styles_1 = require("@patternfly/react-styles");
|
|
8
|
+
const CompassDockMain = (_a) => {
|
|
9
|
+
var { className, children } = _a, props = tslib_1.__rest(_a, ["className", "children"]);
|
|
10
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(compass_1.default.compassDockMain, className) }, props, { children: children })));
|
|
11
|
+
};
|
|
12
|
+
exports.CompassDockMain = CompassDockMain;
|
|
13
|
+
exports.CompassDockMain.displayName = 'CompassDockMain';
|
|
14
|
+
//# sourceMappingURL=CompassDockMain.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CompassDockMain.js","sourceRoot":"","sources":["../../../../src/components/Compass/CompassDockMain.tsx"],"names":[],"mappings":";;;;;AAAA,8GAA6E;AAC7E,2DAA+C;AASxC,MAAM,eAAe,GAAkD,CAAC,EAIxD,EAAE,EAAE;QAJoD,EAC7E,SAAS,EACT,QAAQ,OAEa,EADlB,KAAK,sBAHqE,yBAI9E,CADS;IACkB,OAAA,CAC1B,8CAAK,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,eAAe,EAAE,SAAS,CAAC,IAAM,KAAK,cAC9D,QAAQ,IACL,CACP,CAAA;CAAA,CAAC;AARW,QAAA,eAAe,mBAQ1B;AAEF,uBAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
|
|
@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
const tslib_1 = require("tslib");
|
|
4
4
|
tslib_1.__exportStar(require("./Compass"), exports);
|
|
5
5
|
tslib_1.__exportStar(require("./CompassContent"), exports);
|
|
6
|
+
tslib_1.__exportStar(require("./CompassDockMain"), exports);
|
|
6
7
|
tslib_1.__exportStar(require("./CompassHeader"), exports);
|
|
7
8
|
tslib_1.__exportStar(require("./CompassHero"), exports);
|
|
8
9
|
tslib_1.__exportStar(require("./CompassMainHeader"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,2DAAiC;AACjC,0DAAgC;AAChC,wDAA8B;AAC9B,8DAAoC;AACpC,qEAA2C;AAC3C,mEAAyC;AACzC,qEAA2C;AAC3C,8DAAoC;AACpC,8DAAoC;AACpC,8DAAoC;AACpC,2DAAiC;AACjC,2DAAiC;AACjC,6DAAmC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Compass/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,2DAAiC;AACjC,4DAAkC;AAClC,0DAAgC;AAChC,wDAA8B;AAC9B,8DAAoC;AACpC,qEAA2C;AAC3C,mEAAyC;AACzC,qEAA2C;AAC3C,8DAAoC;AACpC,8DAAoC;AACpC,8DAAoC;AACpC,2DAAiC;AACjC,2DAAiC;AACjC,6DAAmC"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
|
+
import { PickOptional } from '../../helpers/typeUtils';
|
|
2
3
|
export interface OverflowMenuProps extends React.HTMLProps<HTMLDivElement> {
|
|
3
4
|
/** Any elements that can be rendered in the menu */
|
|
4
5
|
children?: any;
|
|
5
6
|
/** Additional classes added to the OverflowMenu. */
|
|
6
7
|
className?: string;
|
|
7
|
-
/** Indicates breakpoint at which to switch between
|
|
8
|
+
/** Indicates breakpoint at which to switch between expanded and collapsed states. The "sm" breakpoint does not apply to vertical overflow menus. */
|
|
8
9
|
breakpoint: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
9
10
|
/** A container reference to base the specified breakpoint on instead of the viewport width. */
|
|
10
11
|
breakpointReference?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
|
|
12
|
+
/** Indicates the overflow menu orientation is vertical and should respond to height changes instead of width. */
|
|
13
|
+
isVertical?: boolean;
|
|
11
14
|
}
|
|
12
15
|
export interface OverflowMenuState extends React.HTMLProps<HTMLDivElement> {
|
|
13
16
|
isBelowBreakpoint: boolean;
|
|
@@ -15,6 +18,7 @@ export interface OverflowMenuState extends React.HTMLProps<HTMLDivElement> {
|
|
|
15
18
|
}
|
|
16
19
|
declare class OverflowMenu extends Component<OverflowMenuProps, OverflowMenuState> {
|
|
17
20
|
static displayName: string;
|
|
21
|
+
static defaultProps: PickOptional<OverflowMenuProps>;
|
|
18
22
|
constructor(props: OverflowMenuProps);
|
|
19
23
|
observer: any;
|
|
20
24
|
getBreakpointRef(): any;
|
|
@@ -22,6 +26,8 @@ declare class OverflowMenu extends Component<OverflowMenuProps, OverflowMenuStat
|
|
|
22
26
|
componentDidUpdate(prevProps: Readonly<OverflowMenuProps>, prevState: Readonly<OverflowMenuState>): void;
|
|
23
27
|
componentWillUnmount(): void;
|
|
24
28
|
handleResize: () => void;
|
|
29
|
+
handleResizeWidth: () => void;
|
|
30
|
+
handleResizeHeight: () => void;
|
|
25
31
|
handleResizeWithDelay: (...args: any[]) => void;
|
|
26
32
|
render(): import("react/jsx-runtime").JSX.Element;
|
|
27
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"OverflowMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,oDAAoD;IACpD,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oJAAoJ;IACpJ,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC9C,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC/E,iHAAiH;IACjH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACxE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,WAAW,CAAC;CAC5B;AAED,cAAM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAkB;IAEpC,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAElD;gBAEU,KAAK,EAAE,iBAAiB;IAQpC,QAAQ,EAAE,GAAG,CAAY;IAEzB,gBAAgB;IAUhB,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,IAAI;IAYxG,oBAAoB;IAIpB,YAAY,aAOV;IAEF,iBAAiB,aAaf;IAEF,kBAAkB,aAmBhB;IAEF,qBAAqB,2BAAoC;IAEzD,MAAM;CAYP;AAID,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -15,6 +15,15 @@ class OverflowMenu extends react_1.Component {
|
|
|
15
15
|
super(props);
|
|
16
16
|
this.observer = () => { };
|
|
17
17
|
this.handleResize = () => {
|
|
18
|
+
const { isVertical } = this.props;
|
|
19
|
+
if (isVertical) {
|
|
20
|
+
this.handleResizeHeight();
|
|
21
|
+
}
|
|
22
|
+
else {
|
|
23
|
+
this.handleResizeWidth();
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
this.handleResizeWidth = () => {
|
|
18
27
|
const breakpointWidth = constants_1.globalWidthBreakpoints[this.props.breakpoint];
|
|
19
28
|
if (!breakpointWidth) {
|
|
20
29
|
// eslint-disable-next-line no-console
|
|
@@ -27,6 +36,24 @@ class OverflowMenu extends react_1.Component {
|
|
|
27
36
|
this.setState({ isBelowBreakpoint });
|
|
28
37
|
}
|
|
29
38
|
};
|
|
39
|
+
this.handleResizeHeight = () => {
|
|
40
|
+
const breakpointHeight = constants_1.globalHeightBreakpoints[this.props.breakpoint];
|
|
41
|
+
if (breakpointHeight === 0) {
|
|
42
|
+
// eslint-disable-next-line no-console
|
|
43
|
+
console.warn('The "sm" breakpoint does not apply to vertical overflow menus.');
|
|
44
|
+
return;
|
|
45
|
+
}
|
|
46
|
+
if (!breakpointHeight) {
|
|
47
|
+
// eslint-disable-next-line no-console
|
|
48
|
+
console.error('OverflowMenu will not be visible without a valid breakpoint.');
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const relativeHeight = this.state.breakpointRef ? this.state.breakpointRef.clientHeight : window.innerHeight;
|
|
52
|
+
const isBelowBreakpoint = relativeHeight < breakpointHeight;
|
|
53
|
+
if (this.state.isBelowBreakpoint !== isBelowBreakpoint) {
|
|
54
|
+
this.setState({ isBelowBreakpoint });
|
|
55
|
+
}
|
|
56
|
+
};
|
|
30
57
|
this.handleResizeWithDelay = (0, util_1.debounce)(this.handleResize, 250);
|
|
31
58
|
this.state = {
|
|
32
59
|
isBelowBreakpoint: false,
|
|
@@ -63,11 +90,14 @@ class OverflowMenu extends react_1.Component {
|
|
|
63
90
|
}
|
|
64
91
|
render() {
|
|
65
92
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
66
|
-
const _a = this.props, { className, breakpoint, children, breakpointReference } = _a, props = tslib_1.__rest(_a, ["className", "breakpoint", "children", "breakpointReference"]);
|
|
67
|
-
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, react_styles_1.css)(overflow_menu_1.default.overflowMenu, className), children: (0, jsx_runtime_1.jsx)(OverflowMenuContext_1.OverflowMenuContext.Provider, { value: { isBelowBreakpoint: this.state.isBelowBreakpoint }, children: children }) })));
|
|
93
|
+
const _a = this.props, { className, breakpoint, children, breakpointReference, isVertical } = _a, props = tslib_1.__rest(_a, ["className", "breakpoint", "children", "breakpointReference", "isVertical"]);
|
|
94
|
+
return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, props, { className: (0, react_styles_1.css)(overflow_menu_1.default.overflowMenu, isVertical && overflow_menu_1.default.modifiers.vertical, className), children: (0, jsx_runtime_1.jsx)(OverflowMenuContext_1.OverflowMenuContext.Provider, { value: { isBelowBreakpoint: this.state.isBelowBreakpoint }, children: children }) })));
|
|
68
95
|
}
|
|
69
96
|
}
|
|
70
97
|
exports.OverflowMenu = OverflowMenu;
|
|
71
98
|
OverflowMenu.displayName = 'OverflowMenu';
|
|
99
|
+
OverflowMenu.defaultProps = {
|
|
100
|
+
isVertical: false
|
|
101
|
+
};
|
|
72
102
|
OverflowMenu.contextType = OverflowMenuContext_1.OverflowMenuContext;
|
|
73
103
|
//# sourceMappingURL=OverflowMenu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverflowMenu.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenu.tsx"],"names":[],"mappings":";;;;;AAAA,iCAAkC;AAClC,+HAAwF;AACxF,2DAA+C;AAC/C,+DAA4D;AAC5D,6CAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"OverflowMenu.js","sourceRoot":"","sources":["../../../../src/components/OverflowMenu/OverflowMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,9 +14,9 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
14
14
|
variant?: 'default' | 'docked';
|
|
15
15
|
/** @beta Flag indicating the docked nav is expanded on mobile. Only applies when variant is docked. */
|
|
16
16
|
isDockExpanded?: boolean;
|
|
17
|
-
/** @beta Flag indicating the docked nav should display text on desktop. Only applies when variant is docked, and
|
|
18
|
-
*
|
|
19
|
-
|
|
17
|
+
/** @beta Flag indicating the docked nav should display text on desktop. Only applies when variant is docked, and
|
|
18
|
+
* will handle toggling the visibility of the text in individual isDocked components.
|
|
19
|
+
*/
|
|
20
20
|
isDockTextExpanded?: boolean;
|
|
21
21
|
/** The horizontal masthead content (e.g. <Masthead />). When using the docked variant, this content will only render at mobile viewports. */
|
|
22
22
|
masthead?: React.ReactNode;
|
|
@@ -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,uGAAuG;IACvG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;
|
|
1
|
+
{"version":3,"file":"Page.d.ts","sourceRoot":"","sources":["../../../../src/components/Page/Page.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,8 +29,12 @@ export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
|
|
|
29
29
|
isFullHeight?: boolean;
|
|
30
30
|
/** Flag indicating the toolbar is static */
|
|
31
31
|
isStatic?: boolean;
|
|
32
|
-
/** Flag indicating the toolbar should stick to the top of its container */
|
|
32
|
+
/** Flag indicating the toolbar should stick to the top of its container. This property applies both the sticky position and styling. */
|
|
33
33
|
isSticky?: boolean;
|
|
34
|
+
/** @beta Flag indicating the toolbar should have sticky positioning to the top of its container */
|
|
35
|
+
isStickyBase?: boolean;
|
|
36
|
+
/** @beta Flag indicating the toolbar should have stuck styling, when the toolbar is not at the top of the scroll container */
|
|
37
|
+
isStickyStuck?: boolean;
|
|
34
38
|
/** @beta Flag indicating the toolbar has a vertical orientation */
|
|
35
39
|
isVertical?: boolean;
|
|
36
40
|
/** Insets at various breakpoints. */
|
|
@@ -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;AAM7C,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,2FAA2F;IAC3F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -54,13 +54,13 @@ class Toolbar extends react_1.Component {
|
|
|
54
54
|
};
|
|
55
55
|
this.getNumberOfFilters = () => Object.values(this.state.filterInfo).reduce((acc, cur) => acc + cur, 0);
|
|
56
56
|
this.renderToolbar = (randomId, generatedOuiaId) => {
|
|
57
|
-
const _a = this.props, { hasNoPadding, clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, 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", "inset", "isSticky", "isVertical", "ouiaId", "numberOfFiltersText", "customLabelGroupContent", "colorVariant"]);
|
|
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"]);
|
|
58
58
|
const { isManagedToggleExpanded } = this.state;
|
|
59
59
|
const isToggleManaged = this.isToggleManaged();
|
|
60
60
|
const isExpanded = isToggleManaged ? isManagedToggleExpanded : isExpandedProp;
|
|
61
61
|
const numberOfFilters = this.getNumberOfFilters();
|
|
62
62
|
const showClearFiltersButton = numberOfFilters > 0;
|
|
63
|
-
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContext.Consumer, { children: ({ width, getBreakpoint }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(toolbar_1.default.toolbar, hasNoPadding && toolbar_1.default.modifiers.noPadding, isFullHeight && toolbar_1.default.modifiers.fullHeight, isStatic && toolbar_1.default.modifiers.static, isSticky && toolbar_1.default.modifiers.sticky, isVertical && toolbar_1.default.modifiers.vertical, (0, util_1.formatBreakpointMods)(inset, toolbar_1.default, '', getBreakpoint(width)), 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 }, (0, helpers_1.getOUIAProps)(Toolbar.displayName, ouiaId !== undefined ? ouiaId : generatedOuiaId), props, { children: (0, jsx_runtime_1.jsxs)(ToolbarUtils_1.ToolbarContext.Provider, { value: {
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)(PageContext_1.PageContext.Consumer, { children: ({ width, getBreakpoint }) => ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, react_styles_1.css)(toolbar_1.default.toolbar, hasNoPadding && toolbar_1.default.modifiers.noPadding, 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, '', getBreakpoint(width)), 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 }, (0, helpers_1.getOUIAProps)(Toolbar.displayName, ouiaId !== undefined ? ouiaId : generatedOuiaId), props, { children: (0, jsx_runtime_1.jsxs)(ToolbarUtils_1.ToolbarContext.Provider, { value: {
|
|
64
64
|
isExpanded,
|
|
65
65
|
toggleIsExpanded: isToggleManaged ? this.toggleIsExpanded : toggleIsExpanded,
|
|
66
66
|
labelGroupContentRef: this.labelGroupContentRef,
|
|
@@ -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,6CAAqE;AACrE,2CAAwD;AACxD,oEAAiE;AACjE,qDAAkD;AAElD,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;IACnB,8CAAuB,CAAA;IACvB,qDAA8B,CAAA;AAChC,CAAC,EALW,mBAAmB,mCAAnB,mBAAmB,QAK9B;
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|