@patternfly/react-core 6.0.0-alpha.78 → 6.0.0-alpha.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/components/package.json +1 -1
- package/deprecated/package.json +1 -1
- package/dist/dynamic/components/AboutModal/package.json +1 -1
- package/dist/dynamic/components/Accordion/package.json +1 -1
- package/dist/dynamic/components/ActionList/package.json +1 -1
- package/dist/dynamic/components/Alert/package.json +1 -1
- package/dist/dynamic/components/Avatar/package.json +1 -1
- package/dist/dynamic/components/BackToTop/package.json +1 -1
- package/dist/dynamic/components/Backdrop/package.json +1 -1
- package/dist/dynamic/components/BackgroundImage/package.json +1 -1
- package/dist/dynamic/components/Badge/package.json +1 -1
- package/dist/dynamic/components/Banner/package.json +1 -1
- package/dist/dynamic/components/Brand/package.json +1 -1
- package/dist/dynamic/components/Breadcrumb/package.json +1 -1
- package/dist/dynamic/components/Button/package.json +1 -1
- package/dist/dynamic/components/CalendarMonth/package.json +1 -1
- package/dist/dynamic/components/Card/package.json +1 -1
- package/dist/dynamic/components/Checkbox/package.json +1 -1
- package/dist/dynamic/components/ClipboardCopy/package.json +1 -1
- package/dist/dynamic/components/CodeBlock/package.json +1 -1
- package/dist/dynamic/components/Content/package.json +1 -1
- package/dist/dynamic/components/DataList/package.json +1 -1
- package/dist/dynamic/components/DatePicker/package.json +1 -1
- package/dist/dynamic/components/DescriptionList/package.json +1 -1
- package/dist/dynamic/components/Divider/package.json +1 -1
- package/dist/dynamic/components/Drawer/package.json +1 -1
- package/dist/dynamic/components/Dropdown/package.json +1 -1
- package/dist/dynamic/components/DualListSelector/package.json +1 -1
- package/dist/dynamic/components/EmptyState/package.json +1 -1
- package/dist/dynamic/components/ExpandableSection/package.json +1 -1
- package/dist/dynamic/components/FileUpload/package.json +1 -1
- package/dist/dynamic/components/Form/package.json +1 -1
- package/dist/dynamic/components/FormSelect/package.json +1 -1
- package/dist/dynamic/components/HelperText/package.json +1 -1
- package/dist/dynamic/components/Hint/package.json +1 -1
- package/dist/dynamic/components/Icon/package.json +1 -1
- package/dist/dynamic/components/InputGroup/package.json +1 -1
- package/dist/dynamic/components/JumpLinks/package.json +1 -1
- package/dist/dynamic/components/Label/package.json +1 -1
- package/dist/dynamic/components/List/package.json +1 -1
- package/dist/dynamic/components/LoginPage/package.json +1 -1
- package/dist/dynamic/components/Masthead/package.json +1 -1
- package/dist/dynamic/components/Menu/package.json +1 -1
- package/dist/dynamic/components/MenuToggle/package.json +1 -1
- package/dist/dynamic/components/Modal/package.json +1 -1
- package/dist/dynamic/components/MultipleFileUpload/package.json +1 -1
- package/dist/dynamic/components/Nav/package.json +1 -1
- package/dist/dynamic/components/NotificationBadge/package.json +1 -1
- package/dist/dynamic/components/NotificationDrawer/package.json +1 -1
- package/dist/dynamic/components/NumberInput/package.json +1 -1
- package/dist/dynamic/components/OverflowMenu/package.json +1 -1
- package/dist/dynamic/components/Page/package.json +1 -1
- package/dist/dynamic/components/Pagination/package.json +1 -1
- package/dist/dynamic/components/Panel/package.json +1 -1
- package/dist/dynamic/components/Popover/package.json +1 -1
- package/dist/dynamic/components/Progress/package.json +1 -1
- package/dist/dynamic/components/ProgressStepper/package.json +1 -1
- package/dist/dynamic/components/Radio/package.json +1 -1
- package/dist/dynamic/components/SearchInput/package.json +1 -1
- package/dist/dynamic/components/Select/package.json +1 -1
- package/dist/dynamic/components/Sidebar/package.json +1 -1
- package/dist/dynamic/components/SimpleList/package.json +1 -1
- package/dist/dynamic/components/Skeleton/package.json +1 -1
- package/dist/dynamic/components/SkipToContent/package.json +1 -1
- package/dist/dynamic/components/Slider/package.json +1 -1
- package/dist/dynamic/components/Spinner/package.json +1 -1
- package/dist/dynamic/components/Switch/package.json +1 -1
- package/dist/dynamic/components/Tabs/package.json +1 -1
- package/dist/dynamic/components/TextArea/package.json +1 -1
- package/dist/dynamic/components/TextInput/package.json +1 -1
- package/dist/dynamic/components/TextInputGroup/package.json +1 -1
- package/dist/dynamic/components/Tile/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/Wizard/package.json +1 -1
- package/dist/dynamic/deprecated/components/package.json +1 -1
- package/dist/dynamic/helpers/FocusTrap/FocusTrap/package.json +1 -1
- package/dist/dynamic/helpers/GenerateId/GenerateId/package.json +1 -1
- package/dist/dynamic/helpers/KeyboardHandler/package.json +1 -1
- package/dist/dynamic/helpers/OUIA/ouia/package.json +1 -1
- package/dist/dynamic/helpers/Popper/Popper/package.json +1 -1
- package/dist/dynamic/helpers/constants/package.json +1 -1
- package/dist/dynamic/helpers/datetimeUtils/package.json +1 -1
- package/dist/dynamic/helpers/fileUtils/package.json +1 -1
- package/dist/dynamic/helpers/htmlConstants/package.json +1 -1
- package/dist/dynamic/helpers/package.json +1 -1
- package/dist/dynamic/helpers/resizeObserver/package.json +1 -1
- package/dist/dynamic/helpers/typeUtils/package.json +1 -1
- package/dist/dynamic/helpers/useInterval/package.json +1 -1
- package/dist/dynamic/helpers/useIsomorphicLayout/package.json +1 -1
- package/dist/dynamic/helpers/useUnmountEffect/package.json +1 -1
- package/dist/dynamic/helpers/util/package.json +1 -1
- package/dist/dynamic/layouts/Bullseye/package.json +1 -1
- package/dist/dynamic/layouts/Flex/package.json +1 -1
- package/dist/dynamic/layouts/Gallery/package.json +1 -1
- package/dist/dynamic/layouts/Grid/package.json +1 -1
- package/dist/dynamic/layouts/Level/package.json +1 -1
- package/dist/dynamic/layouts/Split/package.json +1 -1
- package/dist/dynamic/layouts/Stack/package.json +1 -1
- package/dist/dynamic/styles/package.json +1 -1
- package/dist/dynamic-modules.json +2 -2
- package/dist/esm/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/esm/components/ExpandableSection/ExpandableSection.js +6 -4
- package/dist/esm/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.d.ts +5 -5
- package/dist/esm/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/Toolbar.js +6 -6
- package/dist/esm/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarContent.d.ts +1 -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/ToolbarExpandableContent.d.ts +2 -2
- package/dist/esm/components/Toolbar/ToolbarExpandableContent.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarExpandableContent.js +7 -7
- package/dist/esm/components/Toolbar/ToolbarExpandableContent.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarFilter.d.ts +21 -21
- package/dist/esm/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarFilter.js +15 -15
- package/dist/esm/components/Toolbar/ToolbarFilter.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts +1 -1
- package/dist/esm/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarItem.d.ts +2 -2
- 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/esm/components/Toolbar/{ToolbarChipGroupContent.d.ts → ToolbarLabelGroupContent.d.ts} +10 -10
- package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -0
- package/dist/esm/components/Toolbar/{ToolbarChipGroupContent.js → ToolbarLabelGroupContent.js} +11 -11
- package/dist/esm/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -0
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts +2 -2
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js +4 -4
- package/dist/esm/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarUtils.d.ts +3 -3
- package/dist/esm/components/Toolbar/ToolbarUtils.d.ts.map +1 -1
- package/dist/esm/components/Toolbar/ToolbarUtils.js +2 -2
- package/dist/esm/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.d.ts.map +1 -1
- package/dist/js/components/ExpandableSection/ExpandableSection.js +6 -4
- package/dist/js/components/ExpandableSection/ExpandableSection.js.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.d.ts +5 -5
- package/dist/js/components/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/js/components/Toolbar/Toolbar.js +6 -6
- package/dist/js/components/Toolbar/Toolbar.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarContent.d.ts +1 -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/ToolbarExpandableContent.d.ts +2 -2
- package/dist/js/components/Toolbar/ToolbarExpandableContent.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarExpandableContent.js +7 -7
- package/dist/js/components/Toolbar/ToolbarExpandableContent.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarFilter.d.ts +21 -21
- package/dist/js/components/Toolbar/ToolbarFilter.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarFilter.js +15 -15
- package/dist/js/components/Toolbar/ToolbarFilter.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts +1 -1
- package/dist/js/components/Toolbar/ToolbarGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarItem.d.ts +2 -2
- 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/js/components/Toolbar/{ToolbarChipGroupContent.d.ts → ToolbarLabelGroupContent.d.ts} +10 -10
- package/dist/js/components/Toolbar/ToolbarLabelGroupContent.d.ts.map +1 -0
- package/dist/js/components/Toolbar/{ToolbarChipGroupContent.js → ToolbarLabelGroupContent.js} +12 -12
- package/dist/js/components/Toolbar/ToolbarLabelGroupContent.js.map +1 -0
- package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts +2 -2
- package/dist/js/components/Toolbar/ToolbarToggleGroup.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js +4 -4
- package/dist/js/components/Toolbar/ToolbarToggleGroup.js.map +1 -1
- package/dist/js/components/Toolbar/ToolbarUtils.d.ts +3 -3
- package/dist/js/components/Toolbar/ToolbarUtils.d.ts.map +1 -1
- package/dist/js/components/Toolbar/ToolbarUtils.js +2 -2
- package/dist/js/components/Toolbar/ToolbarUtils.js.map +1 -1
- package/dist/umd/assets/{output-Dt8Et40Q.css → output-Rz4e1DgY.css} +2800 -2800
- 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 +2 -2
- package/src/components/ExpandableSection/ExpandableSection.tsx +6 -4
- package/src/components/Toolbar/Toolbar.tsx +12 -12
- package/src/components/Toolbar/ToolbarContent.tsx +2 -2
- package/src/components/Toolbar/ToolbarExpandableContent.tsx +9 -9
- package/src/components/Toolbar/ToolbarFilter.tsx +51 -51
- package/src/components/Toolbar/ToolbarGroup.tsx +1 -1
- package/src/components/Toolbar/ToolbarItem.tsx +3 -3
- package/src/components/Toolbar/{ToolbarChipGroupContent.tsx → ToolbarLabelGroupContent.tsx} +17 -17
- package/src/components/Toolbar/ToolbarToggleGroup.tsx +7 -7
- package/src/components/Toolbar/ToolbarUtils.tsx +5 -5
- package/src/components/Toolbar/__tests__/Generated/ToolbarChipGroupContent.test.tsx +4 -4
- package/src/components/Toolbar/__tests__/Generated/ToolbarExpandableContent.test.tsx +1 -1
- package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarChipGroupContent.test.tsx.snap +1 -1
- package/src/components/Toolbar/__tests__/Toolbar.test.tsx +6 -6
- package/src/components/Toolbar/__tests__/__snapshots__/Toolbar.test.tsx.snap +2 -2
- package/src/components/Toolbar/examples/Toolbar.md +5 -5
- package/src/components/Toolbar/examples/{ToolbarCustomChipGroupContent.tsx → ToolbarCustomLabelGroupContent.tsx} +10 -10
- package/src/components/Toolbar/examples/ToolbarWithFilters.tsx +5 -5
- package/src/demos/CardView/examples/CardView.tsx +2 -2
- package/src/demos/Filters/examples/FilterAttributeSearch.tsx +9 -9
- package/src/demos/Filters/examples/FilterCheckboxSelect.tsx +3 -3
- package/src/demos/Filters/examples/FilterFaceted.tsx +9 -9
- package/src/demos/Filters/examples/FilterMixedSelectGroup.tsx +6 -6
- package/src/demos/examples/PrimaryDetail/PrimaryDetailCardView.tsx +2 -2
- package/dist/esm/components/Toolbar/ToolbarChipGroupContent.d.ts.map +0 -1
- package/dist/esm/components/Toolbar/ToolbarChipGroupContent.js.map +0 -1
- package/dist/js/components/Toolbar/ToolbarChipGroupContent.d.ts.map +0 -1
- package/dist/js/components/Toolbar/ToolbarChipGroupContent.js.map +0 -1
|
@@ -21,19 +21,19 @@ class ToolbarToggleGroup extends React.Component {
|
|
|
21
21
|
};
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
const _a = this.props, { toggleIcon, variant, visibility, breakpoint, alignment, gap, columnGap, rowGap, className, children, isExpanded, onToggle,
|
|
24
|
+
const _a = this.props, { toggleIcon, variant, visibility, breakpoint, alignment, gap, columnGap, rowGap, className, children, isExpanded, onToggle, labelContainerRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["toggleIcon", "variant", "visibility", "breakpoint", "alignment", "gap", "columnGap", "rowGap", "className", "children", "isExpanded", "onToggle", "labelContainerRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
|
|
25
25
|
if (!breakpoint && !toggleIcon) {
|
|
26
26
|
// eslint-disable-next-line no-console
|
|
27
27
|
console.error('ToolbarToggleGroup will not be visible without a breakpoint or toggleIcon.');
|
|
28
28
|
}
|
|
29
29
|
return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement(ToolbarContext.Consumer, null, ({ toggleIsExpanded: managedOnToggle }) => {
|
|
30
30
|
const _onToggle = onToggle !== undefined ? onToggle : managedOnToggle;
|
|
31
|
-
return (React.createElement(ToolbarContentContext.Consumer, null, ({ expandableContentRef, expandableContentId,
|
|
31
|
+
return (React.createElement(ToolbarContentContext.Consumer, null, ({ expandableContentRef, expandableContentId, labelContainerRef: managedLabelContainerRef, isExpanded: managedIsExpanded, clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext }) => {
|
|
32
32
|
const _isExpanded = isExpanded !== undefined ? isExpanded : managedIsExpanded;
|
|
33
|
-
const
|
|
33
|
+
const _labelContainerRef = labelContainerRef !== undefined ? labelContainerRef : managedLabelContainerRef;
|
|
34
34
|
const breakpointMod = {};
|
|
35
35
|
breakpointMod[breakpoint] = 'show';
|
|
36
|
-
const expandableContent = (React.createElement(ToolbarExpandableContent, { id: expandableContentId, expandableContentRef: this.expandableContentRef, isExpanded: _isExpanded, clearAllFilters: clearAllFilters || clearAllFiltersContext, showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext, clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext,
|
|
36
|
+
const expandableContent = (React.createElement(ToolbarExpandableContent, { id: expandableContentId, expandableContentRef: this.expandableContentRef, isExpanded: _isExpanded, clearAllFilters: clearAllFilters || clearAllFiltersContext, showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext, clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext, labelContainerRef: _labelContainerRef }, children));
|
|
37
37
|
const toggleButton = (React.createElement("div", { className: css(styles.toolbarToggle) },
|
|
38
38
|
React.createElement(Button, Object.assign({ variant: "plain", onClick: _onToggle, "aria-label": "Show Filters" }, (_isExpanded && { 'aria-expanded': true }), { "aria-haspopup": _isExpanded && this.isContentPopup(), "aria-controls": _isExpanded ? expandableContentId : undefined, ref: this.toggleRef, icon: toggleIcon }))));
|
|
39
39
|
return (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, styles.modifiers.toggleGroup, variant && styles.modifiers[toCamel(variant)], formatBreakpointMods(breakpointMod, styles, '', getBreakpoint(width)), formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(alignment, styles, '', getBreakpoint(width)), formatBreakpointMods(gap, styles, '', getBreakpoint(width)), formatBreakpointMods(columnGap, styles, '', getBreakpoint(width)), formatBreakpointMods(rowGap, styles, '', getBreakpoint(width)), className) }, props),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,QAAQ,MAAM,WAAW,CAAC;AACtC,OAAO,MAAM,oEAAgE;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAuJtE,MAAM,kBAAmB,SAAQ,KAAK,CAAC,SAAkC;IAAzE;;QAEE,cAAS,GAAG,KAAK,CAAC,SAAS,EAAqB,CAAC;QACjD,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAEzD,mBAAc,GAAG,GAAG,EAAE;YACpB,MAAM,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;YAC1D,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC;YAC7D,OAAO,YAAY,GAAG,iBAAiB,CAAC;QAC1C,CAAC,CAAC;IAqHJ,CAAC;IAnHC,MAAM;QACJ,MAAM,KAkBF,IAAI,CAAC,KAAK,EAlBR,EACJ,UAAU,EACV,OAAO,EACP,UAAU,EACV,UAAU,EACV,SAAS,EACT,GAAG,EACH,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"ToolbarToggleGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,20 +3,20 @@ import { RefObject } from 'react';
|
|
|
3
3
|
export interface ToolbarContextProps {
|
|
4
4
|
isExpanded: boolean;
|
|
5
5
|
toggleIsExpanded: () => void;
|
|
6
|
-
|
|
6
|
+
labelGroupContentRef: RefObject<HTMLDivElement>;
|
|
7
7
|
updateNumberFilters: (categoryName: string, numberOfFilters: number) => void;
|
|
8
8
|
numberOfFilters: number;
|
|
9
9
|
clearAllFilters?: () => void;
|
|
10
10
|
clearFiltersButtonText?: string;
|
|
11
11
|
showClearFiltersButton?: boolean;
|
|
12
12
|
toolbarId?: string;
|
|
13
|
-
|
|
13
|
+
customLabelGroupContent?: React.ReactNode;
|
|
14
14
|
}
|
|
15
15
|
export declare const ToolbarContext: React.Context<ToolbarContextProps>;
|
|
16
16
|
interface ToolbarContentContextProps {
|
|
17
17
|
expandableContentRef: RefObject<HTMLDivElement>;
|
|
18
18
|
expandableContentId: string;
|
|
19
|
-
|
|
19
|
+
labelContainerRef: RefObject<any>;
|
|
20
20
|
isExpanded?: boolean;
|
|
21
21
|
clearAllFilters?: () => void;
|
|
22
22
|
clearFiltersButtonText?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,
|
|
1
|
+
{"version":3,"file":"ToolbarUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,oBAAoB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,mBAAmB,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7E,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,eAAO,MAAM,cAAc,oCAOzB,CAAC;AAEH,UAAU,0BAA0B;IAClC,oBAAoB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,2CAKhC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}
|
|
@@ -6,7 +6,7 @@ import globalBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakp
|
|
|
6
6
|
export const ToolbarContext = React.createContext({
|
|
7
7
|
isExpanded: false,
|
|
8
8
|
toggleIsExpanded: () => { },
|
|
9
|
-
|
|
9
|
+
labelGroupContentRef: null,
|
|
10
10
|
updateNumberFilters: () => { },
|
|
11
11
|
numberOfFilters: 0,
|
|
12
12
|
clearAllFilters: () => { }
|
|
@@ -14,7 +14,7 @@ export const ToolbarContext = React.createContext({
|
|
|
14
14
|
export const ToolbarContentContext = React.createContext({
|
|
15
15
|
expandableContentRef: null,
|
|
16
16
|
expandableContentId: '',
|
|
17
|
-
|
|
17
|
+
labelContainerRef: null,
|
|
18
18
|
clearAllFilters: () => { }
|
|
19
19
|
});
|
|
20
20
|
export const globalBreakpoints = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarUtils.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;AAe1F,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IACrE,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,
|
|
1
|
+
{"version":3,"file":"ToolbarUtils.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,kBAAkB,MAAM,wDAAwD,CAAC;AACxF,OAAO,mBAAmB,MAAM,yDAAyD,CAAC;AAe1F,MAAM,CAAC,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;IACrE,UAAU,EAAE,KAAK;IACjB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC1B,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAYH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,EAAE;IACvB,iBAAiB,EAAE,IAAI;IACvB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;IACtC,EAAE,EAAE,QAAQ,CAAC,kBAAkB,CAAC,KAAK,CAAC;IACtC,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,KAAK,CAAC;CAC3C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,6CAA6C;AAE7C,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oGAAoG;IACpG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE,0FAA0F;IAC1F,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAUD,cAAM,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IAC7F,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAUzC,oBAAoB,kCAAqC;IACzD,QAAQ,EAAE,GAAG,CAAY;IAEzB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAYvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAcjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAWpD,oBAAoB;IAMpB,qBAAqB,aAWnB;IAEF,MAAM,
|
|
1
|
+
{"version":3,"file":"ExpandableSection.d.ts","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAIvD,oBAAY,wBAAwB;IAClC,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,6CAA6C;AAE7C,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC7E,sDAAsD;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oGAAoG;IACpG,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAClE,0FAA0F;IAC1F,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC;AAED,UAAU,sBAAsB;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;CACvB;AAUD,cAAM,iBAAkB,SAAQ,KAAK,CAAC,SAAS,CAAC,sBAAsB,EAAE,sBAAsB,CAAC;IAC7F,MAAM,CAAC,WAAW,SAAuB;gBAC7B,KAAK,EAAE,sBAAsB;IAUzC,oBAAoB,kCAAqC;IACzD,QAAQ,EAAE,GAAG,CAAY;IAEzB,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,sBAAsB,CAAC,CAYvD;IAEF,OAAO,CAAC,mBAAmB;IAe3B,iBAAiB;IAcjB,kBAAkB,CAAC,SAAS,EAAE,sBAAsB;IAWpD,oBAAoB;IAMpB,qBAAqB,aAWnB;IAEF,MAAM,aAQJ;IACF,YAAY,2BAA8B;IAE1C,MAAM;CA+FP;AAED,OAAO,EAAE,iBAAiB,EAAE,CAAC"}
|
|
@@ -37,10 +37,12 @@ class ExpandableSection extends React.Component {
|
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
this.resize = () => {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
this.
|
|
43
|
-
|
|
40
|
+
if (this.expandableContentRef) {
|
|
41
|
+
const { offsetWidth } = this.expandableContentRef.current;
|
|
42
|
+
if (this.state.previousWidth !== offsetWidth) {
|
|
43
|
+
this.setState({ previousWidth: offsetWidth });
|
|
44
|
+
this.checkToggleVisibility();
|
|
45
|
+
}
|
|
44
46
|
}
|
|
45
47
|
};
|
|
46
48
|
this.handleResize = (0, util_1.debounce)(this.resize, 250);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8IAAkG;AAClG,2DAA+C;;;AAI/C,6CAA2D;AAC3D,iEAAiE;AAEjE,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,+CAAmB,CAAA;IACnB,iDAAqB,CAAA;AACvB,CAAC,EAHW,wBAAwB,wCAAxB,wBAAwB,QAGnC;AA6DD,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,OAAuB,EAAE,EAAE;IAC9D,IAAI,CAAC,OAAO,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QAC1B,OAAO;IACT,CAAC;IAED,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,4DAAS,CAAC,IAAI,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9D,CAAC,CAAC;AAEF,MAAM,iBAAkB,SAAQ,KAAK,CAAC,SAAyD;IAE7F,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QASf,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACzD,aAAQ,GAAQ,GAAG,EAAE,GAAE,CAAC,CAAC;QA8DzB,0BAAqB,GAAG,GAAG,EAAE;;YAC3B,IAAI,MAAA,IAAI,CAAC,oBAAoB,0CAAE,OAAO,EAAE,CAAC;gBACvC,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,QAAQ,CAAC,4DAAS,CAAC,KAAK,CAAC,CAAC;gBAC1E,MAAM,UAAU,GACd,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,YAAY;oBAC9C,QAAQ,CAAC,gBAAgB,CAAC,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC,CAAC;gBAE3E,IAAI,CAAC,QAAQ,CAAC;oBACZ,SAAS,EAAE,UAAU,GAAG,QAAQ;iBACjC,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAC;QAEF,WAAM,GAAG,GAAG,EAAE;YACZ,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,oBAAoB,CAAC,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableSection.js","sourceRoot":"","sources":["../../../../src/components/ExpandableSection/ExpandableSection.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,9 +11,9 @@ export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
|
|
|
11
11
|
clearAllFilters?: () => void;
|
|
12
12
|
/** Text to display in the clear all filters button */
|
|
13
13
|
clearFiltersButtonText?: string;
|
|
14
|
-
/** Custom content appended to the filter generated
|
|
15
|
-
|
|
16
|
-
/** The breakpoint at which the listed filters in
|
|
14
|
+
/** Custom content appended to the filter generated label group. To maintain spacing and styling, each node should be wrapped in a ToolbarItem or ToolbarGroup. This property will remove the default "Clear all filters" button. */
|
|
15
|
+
customLabelGroupContent?: React.ReactNode;
|
|
16
|
+
/** The breakpoint at which the listed filters in label groups are collapsed down to a summary */
|
|
17
17
|
collapseListedFiltersBreakpoint?: 'all' | 'md' | 'lg' | 'xl' | '2xl';
|
|
18
18
|
/** Flag indicating if a data toolbar toggle group's expandable content is expanded */
|
|
19
19
|
isExpanded?: boolean;
|
|
@@ -55,7 +55,7 @@ export interface ToolbarState {
|
|
|
55
55
|
/** Flag used if the user has opted NOT to manage the 'isExpanded' state of the toggle group.
|
|
56
56
|
* Indicates whether or not the toggle group is expanded. */
|
|
57
57
|
isManagedToggleExpanded: boolean;
|
|
58
|
-
/** Object managing information about how many
|
|
58
|
+
/** Object managing information about how many labels are in each label group */
|
|
59
59
|
filterInfo: FilterInfo;
|
|
60
60
|
/** Used to keep track of window width so we can collapse expanded content when window is resizing */
|
|
61
61
|
windowWidth: number;
|
|
@@ -66,7 +66,7 @@ interface FilterInfo {
|
|
|
66
66
|
}
|
|
67
67
|
declare class Toolbar extends React.Component<ToolbarProps, ToolbarState> {
|
|
68
68
|
static displayName: string;
|
|
69
|
-
|
|
69
|
+
labelGroupContentRef: React.RefObject<HTMLDivElement>;
|
|
70
70
|
staticFilterInfo: {};
|
|
71
71
|
state: {
|
|
72
72
|
isManagedToggleExpanded: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAkC,SAAS,EAAE,MAAM,eAAe,CAAC;AAG1E,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,
|
|
1
|
+
{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ const toolbar_1 = tslib_1.__importDefault(require("@patternfly/react-styles/css/
|
|
|
7
7
|
const GenerateId_1 = require("../../helpers/GenerateId/GenerateId");
|
|
8
8
|
const react_styles_1 = require("@patternfly/react-styles");
|
|
9
9
|
const ToolbarUtils_1 = require("./ToolbarUtils");
|
|
10
|
-
const
|
|
10
|
+
const ToolbarLabelGroupContent_1 = require("./ToolbarLabelGroupContent");
|
|
11
11
|
const util_1 = require("../../helpers/util");
|
|
12
12
|
const helpers_1 = require("../../helpers");
|
|
13
13
|
const PageContext_1 = require("../Page/PageContext");
|
|
@@ -21,7 +21,7 @@ var ToolbarColorVariant;
|
|
|
21
21
|
class Toolbar extends React.Component {
|
|
22
22
|
constructor() {
|
|
23
23
|
super(...arguments);
|
|
24
|
-
this.
|
|
24
|
+
this.labelGroupContentRef = React.createRef();
|
|
25
25
|
this.staticFilterInfo = {};
|
|
26
26
|
this.state = {
|
|
27
27
|
isManagedToggleExpanded: false,
|
|
@@ -53,7 +53,7 @@ class Toolbar extends React.Component {
|
|
|
53
53
|
};
|
|
54
54
|
this.getNumberOfFilters = () => Object.values(this.state.filterInfo).reduce((acc, cur) => acc + cur, 0);
|
|
55
55
|
this.renderToolbar = (randomId) => {
|
|
56
|
-
const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, usePageInsets, isSticky, ouiaId, numberOfFiltersText,
|
|
56
|
+
const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, usePageInsets, isSticky, ouiaId, numberOfFiltersText, customLabelGroupContent, colorVariant = ToolbarColorVariant.default } = _a, props = tslib_1.__rest(_a, ["clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "inset", "usePageInsets", "isSticky", "ouiaId", "numberOfFiltersText", "customLabelGroupContent", "colorVariant"]);
|
|
57
57
|
const { isManagedToggleExpanded } = this.state;
|
|
58
58
|
const isToggleManaged = this.isToggleManaged();
|
|
59
59
|
const isExpanded = isToggleManaged ? isManagedToggleExpanded : isExpandedProp;
|
|
@@ -63,17 +63,17 @@ class Toolbar extends React.Component {
|
|
|
63
63
|
React.createElement(ToolbarUtils_1.ToolbarContext.Provider, { value: {
|
|
64
64
|
isExpanded,
|
|
65
65
|
toggleIsExpanded: isToggleManaged ? this.toggleIsExpanded : toggleIsExpanded,
|
|
66
|
-
|
|
66
|
+
labelGroupContentRef: this.labelGroupContentRef,
|
|
67
67
|
updateNumberFilters: this.updateNumberFilters,
|
|
68
68
|
numberOfFilters,
|
|
69
69
|
clearAllFilters,
|
|
70
70
|
clearFiltersButtonText,
|
|
71
71
|
showClearFiltersButton,
|
|
72
72
|
toolbarId: randomId,
|
|
73
|
-
|
|
73
|
+
customLabelGroupContent
|
|
74
74
|
} },
|
|
75
75
|
children,
|
|
76
|
-
React.createElement(
|
|
76
|
+
React.createElement(ToolbarLabelGroupContent_1.ToolbarLabelGroupContent, { isExpanded: isExpanded, labelGroupContentRef: this.labelGroupContentRef, clearAllFilters: clearAllFilters, showClearFiltersButton: showClearFiltersButton, clearFiltersButtonText: clearFiltersButtonText, numberOfFilters: numberOfFilters, numberOfFiltersText: numberOfFiltersText, collapseListedFiltersBreakpoint: collapseListedFiltersBreakpoint, customLabelGroupContent: customLabelGroupContent }))))));
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
79
|
componentDidMount() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,oEAAiE;AACjE,2DAA+C;AAC/C,iDAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,7 +30,7 @@ export interface ToolbarContentProps extends React.HTMLProps<HTMLDivElement> {
|
|
|
30
30
|
declare class ToolbarContent extends React.Component<ToolbarContentProps> {
|
|
31
31
|
static displayName: string;
|
|
32
32
|
private expandableContentRef;
|
|
33
|
-
private
|
|
33
|
+
private labelContainerRef;
|
|
34
34
|
private static currentId;
|
|
35
35
|
static defaultProps: ToolbarContentProps;
|
|
36
36
|
render(): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,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,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACxD,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,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAAqC;IACjE,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAC1E,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,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,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;IACxD,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,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IAC/D,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAAqC;IACjE,OAAO,CAAC,iBAAiB,CAAqC;IAC9D,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;CAwEP;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -12,7 +12,7 @@ class ToolbarContent extends React.Component {
|
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
14
14
|
this.expandableContentRef = React.createRef();
|
|
15
|
-
this.
|
|
15
|
+
this.labelContainerRef = React.createRef();
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
18
|
const _a = this.props, { className, children, isExpanded, toolbarId, visibility, alignItems, clearAllFilters, showClearFiltersButton, clearFiltersButtonText, alignSelf } = _a, props = tslib_1.__rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "alignItems", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText", "alignSelf"]);
|
|
@@ -22,7 +22,7 @@ class ToolbarContent extends React.Component {
|
|
|
22
22
|
return (React.createElement(ToolbarUtils_1.ToolbarContentContext.Provider, { value: {
|
|
23
23
|
expandableContentRef: this.expandableContentRef,
|
|
24
24
|
expandableContentId,
|
|
25
|
-
|
|
25
|
+
labelContainerRef: this.labelContainerRef,
|
|
26
26
|
isExpanded: isExpanded || isExpandedContext,
|
|
27
27
|
clearAllFilters: clearAllFilters || clearAllFiltersContext,
|
|
28
28
|
clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,iDAAuE;AACvE,6CAA0D;AAC1D,qDAAkD;AA+BlD,MAAM,cAAe,SAAQ,KAAK,CAAC,SAA8B;IAAjE;;QAEU,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACzD,
|
|
1
|
+
{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAC/C,iDAAuE;AACvE,6CAA0D;AAC1D,qDAAkD;AA+BlD,MAAM,cAAe,SAAQ,KAAK,CAAC,SAA8B;IAAjE;;QAEU,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACzD,sBAAiB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAgFhE,CAAC;IAxEC,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,SAAS,OAEG,EADT,KAAK,sBAXJ,oKAYL,CAAa,CAAC;QAEf,OAAO,CACL,oBAAC,yBAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,cAAc,EACrB,IAAA,2BAAoB,EAAC,UAAU,EAAE,iBAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,EACD,GAAG,EAAE,IAAI,CAAC,oBAAoB,IAC1B,KAAK;YAET,oBAAC,6BAAc,CAAC,QAAQ,QACrB,CAAC,EACA,eAAe,EAAE,sBAAsB,EACvC,sBAAsB,EAAE,yBAAyB,EACjD,sBAAsB,EAAE,6BAA6B,EACrD,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,gBAAgB,EAC5B,EAAE,EAAE;gBACH,MAAM,mBAAmB,GAAG,GAC1B,SAAS,IAAI,gBACf,uBAAuB,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC;gBACpD,OAAO,CACL,oBAAC,oCAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;wBACL,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;wBAC/C,mBAAmB;wBACnB,iBAAiB,EAAE,IAAI,CAAC,iBAAiB;wBACzC,UAAU,EAAE,UAAU,IAAI,iBAAiB;wBAC3C,eAAe,EAAE,eAAe,IAAI,sBAAsB;wBAC1D,sBAAsB,EAAE,sBAAsB,IAAI,yBAAyB;wBAC3E,sBAAsB,EAAE,sBAAsB,IAAI,6BAA6B;qBAChF;oBAED,6BACE,SAAS,EAAE,IAAA,kBAAG,EACZ,iBAAM,CAAC,qBAAqB,EAC5B,UAAU,KAAK,QAAQ,IAAI,iBAAM,CAAC,SAAS,CAAC,gBAAgB,EAC5D,UAAU,KAAK,OAAO,IAAI,iBAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,UAAU,KAAK,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,kBAAkB,EAChE,SAAS,KAAK,QAAQ,IAAI,iBAAM,CAAC,SAAS,CAAC,eAAe,EAC1D,SAAS,KAAK,OAAO,IAAI,iBAAM,CAAC,SAAS,CAAC,cAAc,EACxD,SAAS,KAAK,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,iBAAiB,CAC/D,IAEA,QAAQ,CACL,CACyB,CAClC,CAAC;YACJ,CAAC,CACuB,CACtB,CACP,CACoB,CACxB,CAAC;IACJ,CAAC;;AAGM,wCAAc;AApFd,0BAAW,GAAG,gBAAgB,AAAnB,CAAoB;AAGvB,wBAAS,GAAG,CAAC,AAAJ,CAAK;AAEtB,2BAAY,GAAwB;IACzC,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,KAAK;CAC9B,AAHkB,CAGjB"}
|
|
@@ -9,8 +9,8 @@ export interface ToolbarExpandableContentProps extends React.HTMLProps<HTMLDivEl
|
|
|
9
9
|
isExpanded?: boolean;
|
|
10
10
|
/** Expandable content reference for passing to data toolbar children */
|
|
11
11
|
expandableContentRef?: RefObject<HTMLDivElement>;
|
|
12
|
-
/**
|
|
13
|
-
|
|
12
|
+
/** Label container reference for passing to data toolbar children */
|
|
13
|
+
labelContainerRef?: RefObject<any>;
|
|
14
14
|
/** optional callback for clearing all filters in the toolbar */
|
|
15
15
|
clearAllFilters?: () => void;
|
|
16
16
|
/** Text to display in the clear all filters button */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarExpandableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD,
|
|
1
|
+
{"version":3,"file":"ToolbarExpandableContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACpF,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,oBAAoB,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACjD,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACnC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;CACjC;AAED,cAAM,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,6BAA6B,CAAC;IACnF,MAAM,CAAC,WAAW,SAA8B;IAChD,MAAM,CAAC,WAAW,8DAAkB;IACpC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,6BAA6B,CAAC,CAG9D;IAEF,MAAM;CAyCP;AAED,OAAO,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -11,18 +11,18 @@ const Button_1 = require("../Button");
|
|
|
11
11
|
const ToolbarUtils_1 = require("./ToolbarUtils");
|
|
12
12
|
class ToolbarExpandableContent extends React.Component {
|
|
13
13
|
render() {
|
|
14
|
-
const _a = this.props, { children, className, expandableContentRef,
|
|
15
|
-
const { numberOfFilters,
|
|
16
|
-
const
|
|
14
|
+
const _a = this.props, { children, className, expandableContentRef, labelContainerRef, isExpanded, clearAllFilters, clearFiltersButtonText, showClearFiltersButton } = _a, props = tslib_1.__rest(_a, ["children", "className", "expandableContentRef", "labelContainerRef", "isExpanded", "clearAllFilters", "clearFiltersButtonText", "showClearFiltersButton"]);
|
|
15
|
+
const { numberOfFilters, customLabelGroupContent } = this.context;
|
|
16
|
+
const clearLabelGroups = () => {
|
|
17
17
|
clearAllFilters();
|
|
18
18
|
};
|
|
19
19
|
return (React.createElement("div", Object.assign({ className: (0, react_styles_1.css)(toolbar_1.default.toolbarExpandableContent, isExpanded && toolbar_1.default.modifiers.expanded, className), ref: expandableContentRef }, props),
|
|
20
20
|
React.createElement(ToolbarGroup_1.ToolbarGroup, null, children),
|
|
21
21
|
numberOfFilters > 0 && (React.createElement(ToolbarGroup_1.ToolbarGroup, null,
|
|
22
|
-
React.createElement(ToolbarGroup_1.ToolbarGroup, { ref:
|
|
23
|
-
showClearFiltersButton && !
|
|
24
|
-
React.createElement(Button_1.Button, { variant: "link", onClick:
|
|
25
|
-
|
|
22
|
+
React.createElement(ToolbarGroup_1.ToolbarGroup, { ref: labelContainerRef }),
|
|
23
|
+
showClearFiltersButton && !customLabelGroupContent && (React.createElement(ToolbarItem_1.ToolbarItem, null,
|
|
24
|
+
React.createElement(Button_1.Button, { variant: "link", onClick: clearLabelGroups, isInline: true }, clearFiltersButtonText))),
|
|
25
|
+
customLabelGroupContent && customLabelGroupContent))));
|
|
26
26
|
}
|
|
27
27
|
}
|
|
28
28
|
exports.ToolbarExpandableContent = ToolbarExpandableContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarExpandableContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAG/C,iDAA8C;AAC9C,+CAA4C;AAC5C,sCAAmC;AACnC,iDAAgD;AAoBhD,MAAM,wBAAyB,SAAQ,KAAK,CAAC,SAAwC;IASnF,MAAM;QACJ,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACJ,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,
|
|
1
|
+
{"version":3,"file":"ToolbarExpandableContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,8GAA6E;AAC7E,2DAA+C;AAG/C,iDAA8C;AAC9C,+CAA4C;AAC5C,sCAAmC;AACnC,iDAAgD;AAoBhD,MAAM,wBAAyB,SAAQ,KAAK,CAAC,SAAwC;IASnF,MAAM;QACJ,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACJ,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,iBAAiB,EACjB,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,sBATJ,2JAUL,CAAa,CAAC;QACf,MAAM,EAAE,eAAe,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAElE,MAAM,gBAAgB,GAAG,GAAG,EAAE;YAC5B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,OAAO,CACL,2CACE,SAAS,EAAE,IAAA,kBAAG,EAAC,iBAAM,CAAC,wBAAwB,EAAE,UAAU,IAAI,iBAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,EACnG,GAAG,EAAE,oBAAoB,IACrB,KAAK;YAET,oBAAC,2BAAY,QAAE,QAAQ,CAAgB;YACtC,eAAe,GAAG,CAAC,IAAI,CACtB,oBAAC,2BAAY;gBACX,oBAAC,2BAAY,IAAC,GAAG,EAAE,iBAAiB,GAAI;gBACvC,sBAAsB,IAAI,CAAC,uBAAuB,IAAI,CACrD,oBAAC,yBAAW;oBACV,oBAAC,eAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,UACvD,sBAAsB,CAChB,CACG,CACf;gBACA,uBAAuB,IAAI,uBAAuB,CACtC,CAChB,CACG,CACP,CAAC;IACJ,CAAC;;AAGM,4DAAwB;AAnDxB,oCAAW,GAAG,0BAA0B,CAAC;AACzC,oCAAW,GAAG,6BAAc,CAAC;AAE7B,qCAAY,GAAgD;IACjE,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,mBAAmB;CAC5C,CAAC"}
|
|
@@ -2,39 +2,39 @@ import * as React from 'react';
|
|
|
2
2
|
import { ToolbarItemProps } from './ToolbarItem';
|
|
3
3
|
import { ToolbarContext } from './ToolbarUtils';
|
|
4
4
|
import { PickOptional } from '../../helpers/typeUtils';
|
|
5
|
-
export interface
|
|
6
|
-
/** A unique key to identify this
|
|
5
|
+
export interface ToolbarLabelGroup {
|
|
6
|
+
/** A unique key to identify this label group category */
|
|
7
7
|
key: string;
|
|
8
|
-
/** The category name to display for the
|
|
8
|
+
/** The category name to display for the label group */
|
|
9
9
|
name: string;
|
|
10
10
|
}
|
|
11
|
-
export interface
|
|
12
|
-
/** A unique key to identify this
|
|
11
|
+
export interface ToolbarLabel {
|
|
12
|
+
/** A unique key to identify this label */
|
|
13
13
|
key: string;
|
|
14
|
-
/** The ReactNode to display in the
|
|
14
|
+
/** The ReactNode to display in the label */
|
|
15
15
|
node: React.ReactNode;
|
|
16
16
|
}
|
|
17
17
|
export interface ToolbarFilterProps extends ToolbarItemProps {
|
|
18
18
|
/** Flag indicating when toolbar toggle group is expanded for non-managed toolbar toggle groups. */
|
|
19
19
|
isExpanded?: boolean;
|
|
20
|
-
/** An array of strings to be displayed as
|
|
21
|
-
|
|
22
|
-
/** Callback passed by consumer used to close the entire
|
|
23
|
-
|
|
24
|
-
/** Callback passed by consumer used to delete a
|
|
25
|
-
|
|
26
|
-
/** Customizable "Show Less" text string for the
|
|
27
|
-
|
|
28
|
-
/** Customizeable template string for the
|
|
29
|
-
|
|
30
|
-
/** Content to be rendered inside the data toolbar item associated with the
|
|
20
|
+
/** An array of strings to be displayed as labels in the expandable content */
|
|
21
|
+
labels?: (string | ToolbarLabel)[];
|
|
22
|
+
/** Callback passed by consumer used to close the entire label group */
|
|
23
|
+
deleteLabelGroup?: (category: string | ToolbarLabelGroup) => void;
|
|
24
|
+
/** Callback passed by consumer used to delete a label from the labels[] */
|
|
25
|
+
deleteLabel?: (category: string | ToolbarLabelGroup, label: ToolbarLabel | string) => void;
|
|
26
|
+
/** Customizable "Show Less" text string for the label group */
|
|
27
|
+
labelGroupExpandedText?: string;
|
|
28
|
+
/** Customizeable template string for the label group. Use variable "${remaining}" for the overflow label count. */
|
|
29
|
+
labelGroupCollapsedText?: string;
|
|
30
|
+
/** Content to be rendered inside the data toolbar item associated with the label group */
|
|
31
31
|
children: React.ReactNode;
|
|
32
|
-
/** Unique category name to be used as a label for the
|
|
33
|
-
categoryName: string |
|
|
32
|
+
/** Unique category name to be used as a label for the label group */
|
|
33
|
+
categoryName: string | ToolbarLabelGroup;
|
|
34
34
|
/** Flag to show the toolbar item */
|
|
35
35
|
showToolbarItem?: boolean;
|
|
36
|
-
/** Reference to a
|
|
37
|
-
|
|
36
|
+
/** Reference to a label container created with a custom expandable content group, for non-managed multiple toolbar toggle groups. */
|
|
37
|
+
expandableLabelContainerRef?: React.RefObject<HTMLDivElement>;
|
|
38
38
|
}
|
|
39
39
|
interface ToolbarFilterState {
|
|
40
40
|
isMounted: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAyB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"ToolbarFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAyB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAGvD,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,GAAG,EAAE,MAAM,CAAC;IACZ,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,YAAY;IAC3B,0CAA0C;IAC1C,GAAG,EAAE,MAAM,CAAC;IACZ,4CAA4C;IAC5C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,mGAAmG;IACnG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,KAAK,IAAI,CAAC;IAClE,2EAA2E;IAC3E,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,EAAE,KAAK,EAAE,YAAY,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3F,+DAA+D;IAC/D,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mHAAmH;IACnH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,0FAA0F;IAC1F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qEAAqE;IACrE,YAAY,EAAE,MAAM,GAAG,iBAAiB,CAAC;IACzC,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,qIAAqI;IACrI,2BAA2B,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC/D;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,cAAM,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACjF,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,WAAW,8DAAkB;IACpC,OAAO,EAAG,KAAK,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC;IACnD,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,kBAAkB,CAAC,CAGnD;gBAEU,KAAK,EAAE,kBAAkB;IAOrC,iBAAiB;IAWjB,kBAAkB;IAUlB,MAAM;CAqEP;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -15,45 +15,45 @@ class ToolbarFilter extends React.Component {
|
|
|
15
15
|
};
|
|
16
16
|
}
|
|
17
17
|
componentDidMount() {
|
|
18
|
-
const { categoryName,
|
|
18
|
+
const { categoryName, labels } = this.props;
|
|
19
19
|
this.context.updateNumberFilters(typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
|
|
20
20
|
? categoryName.key
|
|
21
|
-
: categoryName.toString(),
|
|
21
|
+
: categoryName.toString(), labels.length);
|
|
22
22
|
this.setState({ isMounted: true });
|
|
23
23
|
}
|
|
24
24
|
componentDidUpdate() {
|
|
25
|
-
const { categoryName,
|
|
25
|
+
const { categoryName, labels } = this.props;
|
|
26
26
|
this.context.updateNumberFilters(typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
|
|
27
27
|
? categoryName.key
|
|
28
|
-
: categoryName.toString(),
|
|
28
|
+
: categoryName.toString(), labels.length);
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
|
-
const _a = this.props, { children,
|
|
32
|
-
const { isExpanded: managedIsExpanded,
|
|
31
|
+
const _a = this.props, { children, labels, deleteLabelGroup, deleteLabel, labelGroupExpandedText, labelGroupCollapsedText, categoryName, showToolbarItem, isExpanded, expandableLabelContainerRef } = _a, props = tslib_1.__rest(_a, ["children", "labels", "deleteLabelGroup", "deleteLabel", "labelGroupExpandedText", "labelGroupCollapsedText", "categoryName", "showToolbarItem", "isExpanded", "expandableLabelContainerRef"]);
|
|
32
|
+
const { isExpanded: managedIsExpanded, labelGroupContentRef } = this.context;
|
|
33
33
|
const _isExpanded = isExpanded !== undefined ? isExpanded : managedIsExpanded;
|
|
34
34
|
const categoryKey = typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
|
|
35
35
|
? categoryName.key
|
|
36
36
|
: categoryName.toString();
|
|
37
|
-
const
|
|
38
|
-
React.createElement(Label_1.LabelGroup, { key: categoryKey, categoryName: typeof categoryName === 'string' ? categoryName : categoryName.name, isClosable:
|
|
37
|
+
const labelGroup = labels.length ? (React.createElement(ToolbarItem_1.ToolbarItem, { variant: "label-group" },
|
|
38
|
+
React.createElement(Label_1.LabelGroup, { key: categoryKey, categoryName: typeof categoryName === 'string' ? categoryName : categoryName.name, isClosable: deleteLabelGroup !== undefined, onClick: () => deleteLabelGroup(categoryName), collapsedText: labelGroupCollapsedText, expandedText: labelGroupExpandedText }, labels.map((label) => typeof label === 'string' ? (React.createElement(Label_1.Label, { variant: "outline", key: label, onClose: () => deleteLabel(categoryKey, label) }, label)) : (React.createElement(Label_1.Label, { key: label.key, onClose: () => deleteLabel(categoryKey, label) }, label.node)))))) : null;
|
|
39
39
|
if (!_isExpanded && this.state.isMounted) {
|
|
40
40
|
return (React.createElement(React.Fragment, null,
|
|
41
41
|
showToolbarItem && React.createElement(ToolbarItem_1.ToolbarItem, Object.assign({}, props), children),
|
|
42
|
-
ReactDOM.createPortal(
|
|
42
|
+
ReactDOM.createPortal(labelGroup, labelGroupContentRef.current.firstElementChild)));
|
|
43
43
|
}
|
|
44
|
-
return (React.createElement(ToolbarUtils_1.ToolbarContentContext.Consumer, null, ({
|
|
44
|
+
return (React.createElement(ToolbarUtils_1.ToolbarContentContext.Consumer, null, ({ labelContainerRef }) => (React.createElement(React.Fragment, null,
|
|
45
45
|
showToolbarItem && React.createElement(ToolbarItem_1.ToolbarItem, Object.assign({}, props), children),
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
ReactDOM.createPortal(
|
|
46
|
+
labelContainerRef.current && ReactDOM.createPortal(labelGroup, labelContainerRef.current),
|
|
47
|
+
expandableLabelContainerRef &&
|
|
48
|
+
expandableLabelContainerRef.current &&
|
|
49
|
+
ReactDOM.createPortal(labelGroup, expandableLabelContainerRef.current)))));
|
|
50
50
|
}
|
|
51
51
|
}
|
|
52
52
|
exports.ToolbarFilter = ToolbarFilter;
|
|
53
53
|
ToolbarFilter.displayName = 'ToolbarFilter';
|
|
54
54
|
ToolbarFilter.contextType = ToolbarUtils_1.ToolbarContext;
|
|
55
55
|
ToolbarFilter.defaultProps = {
|
|
56
|
-
|
|
56
|
+
labels: [],
|
|
57
57
|
showToolbarItem: true
|
|
58
58
|
};
|
|
59
59
|
//# sourceMappingURL=ToolbarFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarFilter.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarFilter.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,+CAA8D;AAC9D,iDAAuE;AAEvE,oCAA6C;AA2C7C,MAAM,aAAc,SAAQ,KAAK,CAAC,SAAiD;IASjF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,KAAK;SACjB,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,MAAM,EAAE,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"ToolbarFilter.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarFilter.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,4DAAsC;AACtC,+CAA8D;AAC9D,iDAAuE;AAEvE,oCAA6C;AA2C7C,MAAM,aAAc,SAAQ,KAAK,CAAC,SAAiD;IASjF,YAAY,KAAyB;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG;YACX,SAAS,EAAE,KAAK;SACjB,CAAC;IACJ,CAAC;IAED,iBAAiB;QACf,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAC9B,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC;YACpE,CAAC,CAAC,YAAY,CAAC,GAAG;YAClB,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,EAC3B,MAAM,CAAC,MAAM,CACd,CAAC;QACF,IAAI,CAAC,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;IACrC,CAAC;IAED,kBAAkB;QAChB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC5C,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAC9B,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC;YACpE,CAAC,CAAC,YAAY,CAAC,GAAG;YAClB,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,EAC3B,MAAM,CAAC,MAAM,CACd,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,QAAQ,EACR,MAAM,EACN,gBAAgB,EAChB,WAAW,EACX,sBAAsB,EACtB,uBAAuB,EACvB,YAAY,EACZ,eAAe,EACf,UAAU,EACV,2BAA2B,OAEf,EADT,KAAK,sBAXJ,8LAYL,CAAa,CAAC;QACf,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAC7E,MAAM,WAAW,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAC9E,MAAM,WAAW,GACf,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,CAAC,cAAc,CAAC,KAAK,CAAC;YACpE,CAAC,CAAC,YAAY,CAAC,GAAG;YAClB,CAAC,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC;QAE9B,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CACjC,oBAAC,yBAAW,IAAC,OAAO,EAAC,aAAa;YAChC,oBAAC,kBAAU,IACT,GAAG,EAAE,WAAW,EAChB,YAAY,EAAE,OAAO,YAAY,KAAK,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EACjF,UAAU,EAAE,gBAAgB,KAAK,SAAS,EAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,EAC7C,aAAa,EAAE,uBAAuB,EACtC,YAAY,EAAE,sBAAsB,IAEnC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CACpB,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,oBAAC,aAAK,IAAC,OAAO,EAAC,SAAS,EAAC,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,IAChF,KAAK,CACA,CACT,CAAC,CAAC,CAAC,CACF,oBAAC,aAAK,IAAC,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,EAAE,KAAK,CAAC,IAClE,KAAK,CAAC,IAAI,CACL,CACT,CACF,CACU,CACD,CACf,CAAC,CAAC,CAAC,IAAI,CAAC;QAET,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACzC,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ;gBACZ,eAAe,IAAI,oBAAC,yBAAW,oBAAK,KAAK,GAAG,QAAQ,CAAe;gBACnE,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,oBAAoB,CAAC,OAAO,CAAC,iBAAiB,CAAC,CACnE,CAClB,CAAC;QACJ,CAAC;QAED,OAAO,CACL,oBAAC,oCAAqB,CAAC,QAAQ,QAC5B,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAAC,CAC1B,oBAAC,KAAK,CAAC,QAAQ;YACZ,eAAe,IAAI,oBAAC,yBAAW,oBAAK,KAAK,GAAG,QAAQ,CAAe;YACnE,iBAAiB,CAAC,OAAO,IAAI,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACzF,2BAA2B;gBAC1B,2BAA2B,CAAC,OAAO;gBACnC,QAAQ,CAAC,YAAY,CAAC,UAAU,EAAE,2BAA2B,CAAC,OAAO,CAAC,CACzD,CAClB,CAC8B,CAClC,CAAC;IACJ,CAAC;;AAGM,sCAAa;AA3Gb,yBAAW,GAAG,eAAe,CAAC;AAC9B,yBAAW,GAAG,6BAAc,CAAC;AAE7B,0BAAY,GAAqC;IACtD,MAAM,EAAE,EAA+B;IACvC,eAAe,EAAE,IAAI;CACtB,CAAC"}
|
|
@@ -56,7 +56,7 @@ export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>,
|
|
|
56
56
|
children?: React.ReactNode;
|
|
57
57
|
/** Flag that modifies the toolbar group to hide overflow and respond to available space. Used for horizontal navigation. */
|
|
58
58
|
isOverflowContainer?: boolean;
|
|
59
|
-
/** @hide Reference to pass to this group if it has .pf-m-
|
|
59
|
+
/** @hide Reference to pass to this group if it has .pf-m-label-container modifier */
|
|
60
60
|
innerRef?: React.RefObject<any>;
|
|
61
61
|
}
|
|
62
62
|
export declare const ToolbarGroup: React.ForwardRefExoticComponent<ToolbarGroupProps & React.RefAttributes<unknown>>;
|