@patternfly/react-core 5.0.0-alpha.6 → 5.0.0-alpha.8

package/components/Toolbar/Toolbar.d.ts

@@ -0,0 +1,80 @@
+import * as React from 'react';
+import { OUIAProps } from '../../helpers';
+export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
+    /** Optional callback for clearing all filters in the toolbar */
+    clearAllFilters?: () => void;
+    /** Text to display in the clear all filters button */
+    clearFiltersButtonText?: string;
+    /** Custom content appended to the filter generated chip 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. */
+    customChipGroupContent?: React.ReactNode;
+    /** The breakpoint at which the listed filters in chip groups are collapsed down to a summary */
+    collapseListedFiltersBreakpoint?: 'all' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Flag indicating if a data toolbar toggle group's expandable content is expanded */
+    isExpanded?: boolean;
+    /** A callback for setting the isExpanded flag */
+    toggleIsExpanded?: () => void;
+    /** Classes applied to root element of the data toolbar */
+    className?: string;
+    /** Content to be rendered as rows in the data toolbar */
+    children?: React.ReactNode;
+    /** Id of the data toolbar */
+    id?: string;
+    /** Flag indicating the toolbar height should expand to the full height of the container */
+    isFullHeight?: boolean;
+    /** Flag indicating the toolbar is static */
+    isStatic?: boolean;
+    /** Flag indicating the toolbar should use the Page insets */
+    usePageInsets?: boolean;
+    /** Flag indicating the toolbar should stick to the top of its container */
+    isSticky?: boolean;
+    /** Insets at various breakpoints. */
+    inset?: {
+        default?: 'insetNone' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl';
+        sm?: 'insetNone' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl';
+        md?: 'insetNone' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl';
+        lg?: 'insetNone' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl';
+        xl?: 'insetNone' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl';
+        '2xl'?: 'insetNone' | 'insetSm' | 'insetMd' | 'insetLg' | 'insetXl' | 'inset2xl';
+    };
+    /** Text to display in the total number of applied filters ToolbarFilter */
+    numberOfFiltersText?: (numberOfFilters: number) => string;
+    /** Value to overwrite the randomly generated data-ouia-component-id.*/
+    ouiaId?: number | string;
+    /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
+    ouiaSafe?: boolean;
+}
+export interface ToolbarState {
+    /** Flag used if the user has opted NOT to manage the 'isExpanded' state of the toggle group.
+     *  Indicates whether or not the toggle group is expanded. */
+    isManagedToggleExpanded: boolean;
+    /** Object managing information about how many chips are in each chip group */
+    filterInfo: FilterInfo;
+    /** Used to keep track of window width so we can collapse expanded content when window is resizing */
+    windowWidth: number;
+    ouiaStateId: string;
+}
+interface FilterInfo {
+    [key: string]: number;
+}
+export declare class Toolbar extends React.Component<ToolbarProps, ToolbarState> {
+    static displayName: string;
+    chipGroupContentRef: React.RefObject<HTMLDivElement>;
+    staticFilterInfo: {};
+    state: {
+        isManagedToggleExpanded: boolean;
+        filterInfo: {};
+        windowWidth: number;
+        ouiaStateId: string;
+    };
+    isToggleManaged: () => boolean;
+    toggleIsExpanded: () => void;
+    closeExpandableContent: (e: any) => void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    updateNumberFilters: (categoryName: string, numberOfFilters: number) => void;
+    getNumberOfFilters: () => number;
+    renderToolbar: (randomId: string) => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=Toolbar.d.ts.map

package/components/Toolbar/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}

package/components/Toolbar/Toolbar.js

@@ -0,0 +1,84 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
+import { GenerateId } from '../../helpers/GenerateId/GenerateId';
+import { css } from '@patternfly/react-styles';
+import { ToolbarContext } from './ToolbarUtils';
+import { ToolbarChipGroupContent } from './ToolbarChipGroupContent';
+import { formatBreakpointMods, canUseDOM } from '../../helpers/util';
+import { getDefaultOUIAId, getOUIAProps } from '../../helpers';
+import { PageContext } from '../Page/PageContext';
+export class Toolbar extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.chipGroupContentRef = React.createRef();
+        this.staticFilterInfo = {};
+        this.state = {
+            isManagedToggleExpanded: false,
+            filterInfo: {},
+            windowWidth: canUseDOM ? window.innerWidth : 1200,
+            ouiaStateId: getDefaultOUIAId(Toolbar.displayName)
+        };
+        this.isToggleManaged = () => !(this.props.isExpanded || !!this.props.toggleIsExpanded);
+        this.toggleIsExpanded = () => {
+            this.setState(prevState => ({
+                isManagedToggleExpanded: !prevState.isManagedToggleExpanded
+            }));
+        };
+        this.closeExpandableContent = (e) => {
+            if (e.target.innerWidth !== this.state.windowWidth) {
+                this.setState(() => ({
+                    isManagedToggleExpanded: false,
+                    windowWidth: e.target.innerWidth
+                }));
+            }
+        };
+        this.updateNumberFilters = (categoryName, numberOfFilters) => {
+            const filterInfoToUpdate = Object.assign({}, this.staticFilterInfo);
+            if (!filterInfoToUpdate.hasOwnProperty(categoryName) || filterInfoToUpdate[categoryName] !== numberOfFilters) {
+                filterInfoToUpdate[categoryName] = numberOfFilters;
+                this.staticFilterInfo = filterInfoToUpdate;
+                this.setState({ filterInfo: filterInfoToUpdate });
+            }
+        };
+        this.getNumberOfFilters = () => Object.values(this.state.filterInfo).reduce((acc, cur) => acc + cur, 0);
+        this.renderToolbar = (randomId) => {
+            const _a = this.props, { clearAllFilters, clearFiltersButtonText, collapseListedFiltersBreakpoint, isExpanded: isExpandedProp, toggleIsExpanded, className, children, isFullHeight, isStatic, inset, usePageInsets, isSticky, ouiaId, numberOfFiltersText, customChipGroupContent } = _a, props = __rest(_a, ["clearAllFilters", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "isExpanded", "toggleIsExpanded", "className", "children", "isFullHeight", "isStatic", "inset", "usePageInsets", "isSticky", "ouiaId", "numberOfFiltersText", "customChipGroupContent"]);
+            const { isManagedToggleExpanded } = this.state;
+            const isToggleManaged = this.isToggleManaged();
+            const isExpanded = isToggleManaged ? isManagedToggleExpanded : isExpandedProp;
+            const numberOfFilters = this.getNumberOfFilters();
+            const showClearFiltersButton = numberOfFilters > 0;
+            return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbar, isFullHeight && styles.modifiers.fullHeight, isStatic && styles.modifiers.static, usePageInsets && styles.modifiers.pageInsets, isSticky && styles.modifiers.sticky, formatBreakpointMods(inset, styles, '', getBreakpoint(width)), className), id: randomId }, getOUIAProps(Toolbar.displayName, ouiaId !== undefined ? ouiaId : this.state.ouiaStateId), props),
+                React.createElement(ToolbarContext.Provider, { value: {
+                        isExpanded,
+                        toggleIsExpanded: isToggleManaged ? this.toggleIsExpanded : toggleIsExpanded,
+                        chipGroupContentRef: this.chipGroupContentRef,
+                        updateNumberFilters: this.updateNumberFilters,
+                        numberOfFilters,
+                        clearAllFilters,
+                        clearFiltersButtonText,
+                        showClearFiltersButton,
+                        toolbarId: randomId,
+                        customChipGroupContent
+                    } },
+                    children,
+                    React.createElement(ToolbarChipGroupContent, { isExpanded: isExpanded, chipGroupContentRef: this.chipGroupContentRef, clearAllFilters: clearAllFilters, showClearFiltersButton: showClearFiltersButton, clearFiltersButtonText: clearFiltersButtonText, numberOfFilters: numberOfFilters, numberOfFiltersText: numberOfFiltersText, collapseListedFiltersBreakpoint: collapseListedFiltersBreakpoint, customChipGroupContent: customChipGroupContent }))))));
+        };
+    }
+    componentDidMount() {
+        if (this.isToggleManaged() && canUseDOM) {
+            window.addEventListener('resize', this.closeExpandableContent);
+        }
+    }
+    componentWillUnmount() {
+        if (this.isToggleManaged() && canUseDOM) {
+            window.removeEventListener('resize', this.closeExpandableContent);
+        }
+    }
+    render() {
+        return this.props.id ? (this.renderToolbar(this.props.id)) : (React.createElement(GenerateId, null, randomId => this.renderToolbar(randomId)));
+    }
+}
+Toolbar.displayName = 'Toolbar';
+//# sourceMappingURL=Toolbar.js.map

package/components/Toolbar/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":"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"}

package/components/Toolbar/ToolbarChipGroupContent.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { RefObject } from 'react';
+import { PickOptional } from '../../helpers/typeUtils';
+export interface ToolbarChipGroupContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Classes applied to root element of the data toolbar content row */
+    className?: string;
+    /** Flag indicating if a data toolbar toggle group's expandable content is expanded */
+    isExpanded?: boolean;
+    /** Chip group content reference for passing to data toolbar children */
+    chipGroupContentRef?: RefObject<any>;
+    /** optional callback for clearing all filters in the toolbar */
+    clearAllFilters?: () => void;
+    /** Flag indicating that the clear all filters button should be visible */
+    showClearFiltersButton: boolean;
+    /** Text to display in the clear all filters button */
+    clearFiltersButtonText?: string;
+    /** Total number of filters currently being applied across all ToolbarFilter components */
+    numberOfFilters: number;
+    /** Text to display in the total number of applied filters ToolbarFilter */
+    numberOfFiltersText?: (numberOfFilters: number) => string;
+    /** The breakpoint at which the listed filters in chip groups are collapsed down to a summary */
+    collapseListedFiltersBreakpoint?: 'all' | 'md' | 'lg' | 'xl' | '2xl';
+    /** Custom additional content appended to the generated chips. To maintain spacing and styling, each node should be a ToolbarItem or ToolbarGroup. This property will remove the built in "Clear all filters" button. */
+    customChipGroupContent?: React.ReactNode;
+}
+export declare class ToolbarChipGroupContent extends React.Component<ToolbarChipGroupContentProps> {
+    static displayName: string;
+    static defaultProps: PickOptional<ToolbarChipGroupContentProps>;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=ToolbarChipGroupContent.d.ts.map

package/components/Toolbar/ToolbarChipGroupContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarChipGroupContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlC,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,4BAA6B,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACnF,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wEAAwE;IACxE,mBAAmB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IACrC,gEAAgE;IAChE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,0EAA0E;IAC1E,sBAAsB,EAAE,OAAO,CAAC;IAChC,sDAAsD;IACtD,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,0FAA0F;IAC1F,eAAe,EAAE,MAAM,CAAC;IACxB,2EAA2E;IAC3E,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1D,gGAAgG;IAChG,+BAA+B,CAAC,EAAE,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACrE,wNAAwN;IACxN,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAAC,4BAA4B,CAAC;IACxF,MAAM,CAAC,WAAW,SAA6B;IAC/C,MAAM,CAAC,YAAY,EAAE,YAAY,CAAC,4BAA4B,CAAC,CAI7D;IAEF,MAAM;CA2DP"}

package/components/Toolbar/ToolbarChipGroupContent.js

@@ -0,0 +1,39 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
+import { css } from '@patternfly/react-styles';
+import { canUseDOM } from '../../helpers/util';
+import { ToolbarItem } from './ToolbarItem';
+import { Button } from '../Button';
+import { ToolbarGroup } from './ToolbarGroup';
+import { globalBreakpoints } from './ToolbarUtils';
+export class ToolbarChipGroupContent extends React.Component {
+    render() {
+        const _a = this.props, { className, isExpanded, chipGroupContentRef, clearAllFilters, showClearFiltersButton, clearFiltersButtonText, collapseListedFiltersBreakpoint, numberOfFilters, numberOfFiltersText, customChipGroupContent } = _a, props = __rest(_a, ["className", "isExpanded", "chipGroupContentRef", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText", "collapseListedFiltersBreakpoint", "numberOfFilters", "numberOfFiltersText", "customChipGroupContent"]);
+        const clearChipGroups = () => {
+            clearAllFilters();
+        };
+        let collapseListedFilters = false;
+        if (collapseListedFiltersBreakpoint === 'all') {
+            collapseListedFilters = true;
+        }
+        else if (canUseDOM) {
+            collapseListedFilters =
+                (canUseDOM ? window.innerWidth : 1200) < globalBreakpoints[collapseListedFiltersBreakpoint];
+        }
+        return (React.createElement("div", Object.assign({ className: css(styles.toolbarContent, (numberOfFilters === 0 || isExpanded) && styles.modifiers.hidden, className) }, ((numberOfFilters === 0 || isExpanded) && { hidden: true }), { ref: chipGroupContentRef }, props),
+            React.createElement(ToolbarGroup, Object.assign({ className: css(collapseListedFilters && styles.modifiers.hidden) }, (collapseListedFilters && { hidden: true }), (collapseListedFilters && { 'aria-hidden': true }))),
+            collapseListedFilters && numberOfFilters > 0 && !isExpanded && (React.createElement(ToolbarGroup, null,
+                React.createElement(ToolbarItem, null, numberOfFiltersText(numberOfFilters)))),
+            showClearFiltersButton && !isExpanded && !customChipGroupContent && (React.createElement(ToolbarItem, null,
+                React.createElement(Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText))),
+            customChipGroupContent && customChipGroupContent));
+    }
+}
+ToolbarChipGroupContent.displayName = 'ToolbarChipGroupContent';
+ToolbarChipGroupContent.defaultProps = {
+    clearFiltersButtonText: 'Clear all filters',
+    collapseListedFiltersBreakpoint: 'lg',
+    numberOfFiltersText: (numberOfFilters) => `${numberOfFilters} filters applied`
+};
+//# sourceMappingURL=ToolbarChipGroupContent.js.map

package/components/Toolbar/ToolbarChipGroupContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarChipGroupContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarChipGroupContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA0BnD,MAAM,OAAO,uBAAwB,SAAQ,KAAK,CAAC,SAAuC;IAQxF,MAAM;QACJ,MAAM,KAYF,IAAI,CAAC,KAAK,EAZR,EACJ,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,+BAA+B,EAC/B,eAAe,EACf,mBAAmB,EACnB,sBAAsB,OAEV,EADT,KAAK,cAXJ,gOAYL,CAAa,CAAC;QAEf,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,IAAI,qBAAqB,GAAG,KAAK,CAAC;QAClC,IAAI,+BAA+B,KAAK,KAAK,EAAE;YAC7C,qBAAqB,GAAG,IAAI,CAAC;SAC9B;aAAM,IAAI,SAAS,EAAE;YACpB,qBAAqB;gBACnB,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,iBAAiB,CAAC,+BAA+B,CAAC,CAAC;SAC/F;QAED,OAAO,CACL,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EAChE,SAAS,CACV,IACG,CAAC,CAAC,eAAe,KAAK,CAAC,IAAI,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,IAC/D,GAAG,EAAE,mBAAmB,IACpB,KAAK;YAET,oBAAC,YAAY,kBACX,SAAS,EAAE,GAAG,CAAC,qBAAqB,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,IAC5D,CAAC,qBAAqB,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAC3C,CAAC,qBAAqB,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EACtD;YACD,qBAAqB,IAAI,eAAe,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,CAC9D,oBAAC,YAAY;gBACX,oBAAC,WAAW,QAAE,mBAAmB,CAAC,eAAe,CAAC,CAAe,CACpD,CAChB;YACA,sBAAsB,IAAI,CAAC,UAAU,IAAI,CAAC,sBAAsB,IAAI,CACnE,oBAAC,WAAW;gBACV,oBAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf;YACA,sBAAsB,IAAI,sBAAsB,CAC7C,CACP,CAAC;IACJ,CAAC;;AAjEM,mCAAW,GAAG,yBAAyB,CAAC;AACxC,oCAAY,GAA+C;IAChE,sBAAsB,EAAE,mBAAmB;IAC3C,+BAA+B,EAAE,IAAI;IACrC,mBAAmB,EAAE,CAAC,eAAuB,EAAE,EAAE,CAAC,GAAG,eAAe,kBAAkB;CACvF,CAAC"}

package/components/Toolbar/ToolbarContent.d.ts

@@ -0,0 +1,42 @@
+import * as React from 'react';
+export interface ToolbarContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Classes applied to root element of the data toolbar content row */
+    className?: string;
+    /** Visibility at various breakpoints. */
+    visibility?: {
+        default?: 'hidden' | 'visible';
+        md?: 'hidden' | 'visible';
+        lg?: 'hidden' | 'visible';
+        xl?: 'hidden' | 'visible';
+        '2xl'?: 'hidden' | 'visible';
+    };
+    /** Alignment at various breakpoints. */
+    alignment?: {
+        default?: 'alignRight' | 'alignLeft';
+        md?: 'alignRight' | 'alignLeft';
+        lg?: 'alignRight' | 'alignLeft';
+        xl?: 'alignRight' | 'alignLeft';
+        '2xl'?: 'alignRight' | 'alignLeft';
+    };
+    /** Content to be rendered as children of the content row */
+    children?: React.ReactNode;
+    /** Flag indicating if a data toolbar toggle group's expandable content is expanded */
+    isExpanded?: boolean;
+    /** Optional callback for clearing all filters in the toolbar */
+    clearAllFilters?: () => void;
+    /** Flag indicating that the clear all filters button should be visible */
+    showClearFiltersButton?: boolean;
+    /** Text to display in the clear all filters button */
+    clearFiltersButtonText?: string;
+    /** Id of the parent Toolbar component */
+    toolbarId?: string;
+}
+export declare class ToolbarContent extends React.Component<ToolbarContentProps> {
+    static displayName: string;
+    private expandableContentRef;
+    private chipContainerRef;
+    private static currentId;
+    static defaultProps: ToolbarContentProps;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=ToolbarContent.d.ts.map

package/components/Toolbar/ToolbarContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/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,wCAAwC;IACxC,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QACrC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,EAAE,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;QAChC,KAAK,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC;KACpC,CAAC;IACF,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,qBAAa,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC;IACtE,MAAM,CAAC,WAAW,SAAoB;IACtC,OAAO,CAAC,oBAAoB,CAAqC;IACjE,OAAO,CAAC,gBAAgB,CAAqC;IAC7D,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B,MAAM,CAAC,YAAY,EAAE,mBAAmB,CAGtC;IAEF,MAAM;CA8DP"}

package/components/Toolbar/ToolbarContent.js

@@ -0,0 +1,37 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
+import { css } from '@patternfly/react-styles';
+import { ToolbarContentContext, ToolbarContext } from './ToolbarUtils';
+import { formatBreakpointMods } from '../../helpers/util';
+import { ToolbarExpandableContent } from './ToolbarExpandableContent';
+import { PageContext } from '../Page/PageContext';
+export class ToolbarContent extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.expandableContentRef = React.createRef();
+        this.chipContainerRef = React.createRef();
+    }
+    render() {
+        const _a = this.props, { className, children, isExpanded, toolbarId, visibility, alignment, clearAllFilters, showClearFiltersButton, clearFiltersButtonText } = _a, props = __rest(_a, ["className", "children", "isExpanded", "toolbarId", "visibility", "alignment", "clearAllFilters", "showClearFiltersButton", "clearFiltersButtonText"]);
+        return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarContent, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(alignment, styles, '', getBreakpoint(width)), className) }, props),
+            React.createElement(ToolbarContext.Consumer, null, ({ clearAllFilters: clearAllFiltersContext, clearFiltersButtonText: clearFiltersButtonContext, showClearFiltersButton: showClearFiltersButtonContext, toolbarId: toolbarIdContext }) => {
+                const expandableContentId = `${toolbarId ||
+                    toolbarIdContext}-expandable-content-${ToolbarContent.currentId++}`;
+                return (React.createElement(ToolbarContentContext.Provider, { value: {
+                        expandableContentRef: this.expandableContentRef,
+                        expandableContentId,
+                        chipContainerRef: this.chipContainerRef
+                    } },
+                    React.createElement("div", { className: css(styles.toolbarContentSection) }, children),
+                    React.createElement(ToolbarExpandableContent, { id: expandableContentId, isExpanded: isExpanded, expandableContentRef: this.expandableContentRef, chipContainerRef: this.chipContainerRef, clearAllFilters: clearAllFilters || clearAllFiltersContext, showClearFiltersButton: showClearFiltersButton || showClearFiltersButtonContext, clearFiltersButtonText: clearFiltersButtonText || clearFiltersButtonContext })));
+            })))));
+    }
+}
+ToolbarContent.displayName = 'ToolbarContent';
+ToolbarContent.currentId = 0;
+ToolbarContent.defaultProps = {
+    isExpanded: false,
+    showClearFiltersButton: false
+};
+//# sourceMappingURL=ToolbarContent.js.map

package/components/Toolbar/ToolbarContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;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,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAmClD,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,SAA8B;IAAxE;;QAEU,yBAAoB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QACzD,qBAAgB,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;IAsE/D,CAAC;IA9DC,MAAM;QACJ,MAAM,KAWF,IAAI,CAAC,KAAK,EAXR,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,cAVJ,sJAWL,CAAa,CAAC;QAEf,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,cAAc,EACrB,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EACjE,SAAS,CACV,IACG,KAAK;YAET,oBAAC,cAAc,CAAC,QAAQ,QACrB,CAAC,EACA,eAAe,EAAE,sBAAsB,EACvC,sBAAsB,EAAE,yBAAyB,EACjD,sBAAsB,EAAE,6BAA6B,EACrD,SAAS,EAAE,gBAAgB,EAC5B,EAAE,EAAE;gBACH,MAAM,mBAAmB,GAAG,GAAG,SAAS;oBACtC,gBAAgB,uBAAuB,cAAc,CAAC,SAAS,EAAE,EAAE,CAAC;gBACtE,OAAO,CACL,oBAAC,qBAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE;wBACL,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;wBAC/C,mBAAmB;wBACnB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;qBACxC;oBAED,6BAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,qBAAqB,CAAC,IAAG,QAAQ,CAAO;oBACnE,oBAAC,wBAAwB,IACvB,EAAE,EAAE,mBAAmB,EACvB,UAAU,EAAE,UAAU,EACtB,oBAAoB,EAAE,IAAI,CAAC,oBAAoB,EAC/C,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,eAAe,EAAE,eAAe,IAAI,sBAAsB,EAC1D,sBAAsB,EAAE,sBAAsB,IAAI,6BAA6B,EAC/E,sBAAsB,EAAE,sBAAsB,IAAI,yBAAyB,GAC3E,CAC6B,CAClC,CAAC;YACJ,CAAC,CACuB,CACtB,CACP,CACoB,CACxB,CAAC;IACJ,CAAC;;AAvEM,0BAAW,GAAG,gBAAgB,CAAC;AAGvB,wBAAS,GAAG,CAAC,CAAC;AAEtB,2BAAY,GAAwB;IACzC,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,KAAK;CAC9B,CAAC"}

package/components/Toolbar/ToolbarExpandIconWrapper.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface ToolbarExpandIconWrapperProps extends React.HTMLProps<HTMLSpanElement> {
+    /** Icon content used for the expand all or collapse all indication. */
+    children?: React.ReactNode;
+    /** Additional classes added to the span */
+    className?: string;
+}
+export declare const ToolbarExpandIconWrapper: React.FunctionComponent<ToolbarExpandIconWrapperProps>;
+//# sourceMappingURL=ToolbarExpandIconWrapper.d.ts.map

package/components/Toolbar/ToolbarExpandIconWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarExpandIconWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandIconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,6BAA8B,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IACrF,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,6BAA6B,CAQ3F,CAAC"}

package/components/Toolbar/ToolbarExpandIconWrapper.js

@@ -0,0 +1,10 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
+import { css } from '@patternfly/react-styles';
+export const ToolbarExpandIconWrapper = (_a) => {
+    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
+    return (React.createElement("span", Object.assign({}, props, { className: css(styles.toolbarExpandAllIcon, className) }), children));
+};
+ToolbarExpandIconWrapper.displayName = 'ToolbarExpandIconWrapper';
+//# sourceMappingURL=ToolbarExpandIconWrapper.js.map

package/components/Toolbar/ToolbarExpandIconWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarExpandIconWrapper.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandIconWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAS/C,MAAM,CAAC,MAAM,wBAAwB,GAA2D,CAAC,EAIjE,EAAE,EAAE;QAJ6D,EAC/F,QAAQ,EACR,SAAS,OAEqB,EAD3B,KAAK,cAHuF,yBAIhG,CADS;IAC2B,OAAA,CACnC,8CAAU,KAAK,IAAE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,oBAAoB,EAAE,SAAS,CAAC,KACpE,QAAQ,CACJ,CACR,CAAA;CAAA,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC"}

package/components/Toolbar/ToolbarExpandableContent.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { RefObject } from 'react';
+import { ToolbarContext } from './ToolbarUtils';
+import { PickOptional } from '../../helpers/typeUtils';
+export interface ToolbarExpandableContentProps extends React.HTMLProps<HTMLDivElement> {
+    /** Classes added to the root element of the data toolbar expandable content */
+    className?: string;
+    /** Flag indicating the expandable content is expanded */
+    isExpanded?: boolean;
+    /** Expandable content reference for passing to data toolbar children */
+    expandableContentRef?: RefObject<HTMLDivElement>;
+    /** Chip container reference for passing to data toolbar children */
+    chipContainerRef?: RefObject<any>;
+    /** optional callback for clearing all filters in the toolbar */
+    clearAllFilters?: () => void;
+    /** Text to display in the clear all filters button */
+    clearFiltersButtonText?: string;
+    /** Flag indicating that the clear all filters button should be visible */
+    showClearFiltersButton: boolean;
+}
+export declare class ToolbarExpandableContent extends React.Component<ToolbarExpandableContentProps> {
+    static displayName: string;
+    static contextType: React.Context<import("./ToolbarUtils").ToolbarContextProps>;
+    context: React.ContextType<typeof ToolbarContext>;
+    static defaultProps: PickOptional<ToolbarExpandableContentProps>;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=ToolbarExpandableContent.d.ts.map

package/components/Toolbar/ToolbarExpandableContent.d.ts.map

@@ -0,0 +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,oEAAoE;IACpE,gBAAgB,CAAC,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAClC,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,qBAAa,wBAAyB,SAAQ,KAAK,CAAC,SAAS,CAAC,6BAA6B,CAAC;IAC1F,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;CAqCP"}

package/components/Toolbar/ToolbarExpandableContent.js

@@ -0,0 +1,33 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
+import { css } from '@patternfly/react-styles';
+import { ToolbarGroup } from './ToolbarGroup';
+import { ToolbarItem } from './ToolbarItem';
+import { Button } from '../Button';
+import { ToolbarContext } from './ToolbarUtils';
+export class ToolbarExpandableContent extends React.Component {
+    render() {
+        const _a = this.props, { className, expandableContentRef, chipContainerRef, 
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        isExpanded, clearAllFilters, clearFiltersButtonText, showClearFiltersButton } = _a, props = __rest(_a, ["className", "expandableContentRef", "chipContainerRef", "isExpanded", "clearAllFilters", "clearFiltersButtonText", "showClearFiltersButton"]);
+        const { numberOfFilters, customChipGroupContent } = this.context;
+        const clearChipGroups = () => {
+            clearAllFilters();
+        };
+        return (React.createElement("div", Object.assign({ className: css(styles.toolbarExpandableContent, className), ref: expandableContentRef }, props),
+            React.createElement(ToolbarGroup, null),
+            numberOfFilters > 0 && (React.createElement(ToolbarGroup, { className: styles.modifiers.chipContainer },
+                React.createElement(ToolbarGroup, { ref: chipContainerRef }),
+                showClearFiltersButton && !customChipGroupContent && (React.createElement(ToolbarItem, null,
+                    React.createElement(Button, { variant: "link", onClick: clearChipGroups, isInline: true }, clearFiltersButtonText))),
+                customChipGroupContent && customChipGroupContent))));
+    }
+}
+ToolbarExpandableContent.displayName = 'ToolbarExpandableContent';
+ToolbarExpandableContent.contextType = ToolbarContext;
+ToolbarExpandableContent.defaultProps = {
+    isExpanded: false,
+    clearFiltersButtonText: 'Clear all filters'
+};
+//# sourceMappingURL=ToolbarExpandableContent.js.map

package/components/Toolbar/ToolbarExpandableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarExpandableContent.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarExpandableContent.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,yDAAyD,CAAC;AAC7E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAG/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAoBhD,MAAM,OAAO,wBAAyB,SAAQ,KAAK,CAAC,SAAwC;IAS1F,MAAM;QACJ,MAAM,KAUF,IAAI,CAAC,KAAK,EAVR,EACJ,SAAS,EACT,oBAAoB,EACpB,gBAAgB;QAChB,6DAA6D;QAC7D,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,sBAAsB,OAEV,EADT,KAAK,cATJ,8IAUL,CAAa,CAAC;QACf,MAAM,EAAE,eAAe,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAEjE,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,OAAO,CACL,2CAAK,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAAE,GAAG,EAAE,oBAAoB,IAAM,KAAK;YACnG,oBAAC,YAAY,OAAG;YACf,eAAe,GAAG,CAAC,IAAI,CACtB,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,aAAa;gBACrD,oBAAC,YAAY,IAAC,GAAG,EAAE,gBAAgB,GAAI;gBACtC,sBAAsB,IAAI,CAAC,sBAAsB,IAAI,CACpD,oBAAC,WAAW;oBACV,oBAAC,MAAM,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,UACtD,sBAAsB,CAChB,CACG,CACf;gBACA,sBAAsB,IAAI,sBAAsB,CACpC,CAChB,CACG,CACP,CAAC;IACJ,CAAC;;AA5CM,oCAAW,GAAG,0BAA0B,CAAC;AACzC,oCAAW,GAAG,cAAc,CAAC;AAE7B,qCAAY,GAAgD;IACjE,UAAU,EAAE,KAAK;IACjB,sBAAsB,EAAE,mBAAmB;CAC5C,CAAC"}

package/components/Toolbar/ToolbarFilter.d.ts

@@ -0,0 +1,49 @@
+import * as React from 'react';
+import { ToolbarItemProps } from './ToolbarItem';
+import { ToolbarContext } from './ToolbarUtils';
+import { PickOptional } from '../../helpers/typeUtils';
+export interface ToolbarChipGroup {
+    /** A unique key to identify this chip group category */
+    key: string;
+    /** The category name to display for the chip group */
+    name: string;
+}
+export interface ToolbarChip {
+    /** A unique key to identify this chip */
+    key: string;
+    /** The ReactNode to display in the chip */
+    node: React.ReactNode;
+}
+export interface ToolbarFilterProps extends ToolbarItemProps {
+    /** An array of strings to be displayed as chips in the expandable content */
+    chips?: (string | ToolbarChip)[];
+    /** Callback passed by consumer used to close the entire chip group */
+    deleteChipGroup?: (category: string | ToolbarChipGroup) => void;
+    /** Callback passed by consumer used to delete a chip from the chips[] */
+    deleteChip?: (category: string | ToolbarChipGroup, chip: ToolbarChip | string) => void;
+    /** Customizable "Show Less" text string for the chip group */
+    chipGroupExpandedText?: string;
+    /** Customizeable template string for the chip group. Use variable "${remaining}" for the overflow chip count. */
+    chipGroupCollapsedText?: string;
+    /** Content to be rendered inside the data toolbar item associated with the chip group */
+    children: React.ReactNode;
+    /** Unique category name to be used as a label for the chip group */
+    categoryName: string | ToolbarChipGroup;
+    /** Flag to show the toolbar item */
+    showToolbarItem?: boolean;
+}
+interface ToolbarFilterState {
+    isMounted: boolean;
+}
+export declare class ToolbarFilter extends React.Component<ToolbarFilterProps, ToolbarFilterState> {
+    static displayName: string;
+    static contextType: React.Context<import("./ToolbarUtils").ToolbarContextProps>;
+    context: React.ContextType<typeof ToolbarContext>;
+    static defaultProps: PickOptional<ToolbarFilterProps>;
+    constructor(props: ToolbarFilterProps);
+    componentDidMount(): void;
+    componentDidUpdate(): void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=ToolbarFilter.d.ts.map

package/components/Toolbar/ToolbarFilter.d.ts.map

@@ -0,0 +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;AAG9D,OAAO,EAAyB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;IACZ,sDAAsD;IACtD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,yCAAyC;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,gBAAgB;IAC1D,6EAA6E;IAC7E,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,WAAW,CAAC,EAAE,CAAC;IACjC,sEAAsE;IACtE,eAAe,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,KAAK,IAAI,CAAC;IAChE,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,gBAAgB,EAAE,IAAI,EAAE,WAAW,GAAG,MAAM,KAAK,IAAI,CAAC;IACvF,8DAA8D;IAC9D,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,iHAAiH;IACjH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,yFAAyF;IACzF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,YAAY,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACxC,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,UAAU,kBAAkB;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACxF,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;CA+DP"}

package/components/Toolbar/ToolbarFilter.js

@@ -0,0 +1,52 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { ToolbarItem } from './ToolbarItem';
+import { ChipGroup } from '../ChipGroup';
+import { Chip } from '../Chip';
+import { ToolbarContentContext, ToolbarContext } from './ToolbarUtils';
+export class ToolbarFilter extends React.Component {
+    constructor(props) {
+        super(props);
+        this.state = {
+            isMounted: false
+        };
+    }
+    componentDidMount() {
+        const { categoryName, chips } = this.props;
+        this.context.updateNumberFilters(typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
+            ? categoryName.key
+            : categoryName.toString(), chips.length);
+        this.setState({ isMounted: true });
+    }
+    componentDidUpdate() {
+        const { categoryName, chips } = this.props;
+        this.context.updateNumberFilters(typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
+            ? categoryName.key
+            : categoryName.toString(), chips.length);
+    }
+    render() {
+        const _a = this.props, { children, chips, deleteChipGroup, deleteChip, chipGroupExpandedText, chipGroupCollapsedText, categoryName, showToolbarItem } = _a, props = __rest(_a, ["children", "chips", "deleteChipGroup", "deleteChip", "chipGroupExpandedText", "chipGroupCollapsedText", "categoryName", "showToolbarItem"]);
+        const { isExpanded, chipGroupContentRef } = this.context;
+        const categoryKey = typeof categoryName !== 'string' && categoryName.hasOwnProperty('key')
+            ? categoryName.key
+            : categoryName.toString();
+        const chipGroup = chips.length ? (React.createElement(ToolbarItem, { variant: "chip-group" },
+            React.createElement(ChipGroup, { key: categoryKey, categoryName: typeof categoryName === 'string' ? categoryName : categoryName.name, isClosable: deleteChipGroup !== undefined, onClick: () => deleteChipGroup(categoryName), collapsedText: chipGroupCollapsedText, expandedText: chipGroupExpandedText }, chips.map(chip => typeof chip === 'string' ? (React.createElement(Chip, { key: chip, onClick: () => deleteChip(categoryKey, chip) }, chip)) : (React.createElement(Chip, { key: chip.key, onClick: () => deleteChip(categoryKey, chip) }, chip.node)))))) : null;
+        if (!isExpanded && this.state.isMounted) {
+            return (React.createElement(React.Fragment, null,
+                showToolbarItem && React.createElement(ToolbarItem, Object.assign({}, props), children),
+                ReactDOM.createPortal(chipGroup, chipGroupContentRef.current.firstElementChild)));
+        }
+        return (React.createElement(ToolbarContentContext.Consumer, null, ({ chipContainerRef }) => (React.createElement(React.Fragment, null,
+            showToolbarItem && React.createElement(ToolbarItem, Object.assign({}, props), children),
+            chipContainerRef.current && ReactDOM.createPortal(chipGroup, chipContainerRef.current)))));
+    }
+}
+ToolbarFilter.displayName = 'ToolbarFilter';
+ToolbarFilter.contextType = ToolbarContext;
+ToolbarFilter.defaultProps = {
+    chips: [],
+    showToolbarItem: true
+};
+//# sourceMappingURL=ToolbarFilter.js.map

package/components/Toolbar/ToolbarFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarFilter.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarFilter.tsx"],"names":[],"mappings":"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"}