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

package/components/Toolbar/ToolbarGroup.d.ts

@@ -0,0 +1,50 @@
+import * as React from 'react';
+export declare enum ToolbarGroupVariant {
+    'filter-group' = "filter-group",
+    'icon-button-group' = "icon-button-group",
+    'button-group' = "button-group"
+}
+export interface ToolbarGroupProps extends Omit<React.HTMLProps<HTMLDivElement>, 'ref'> {
+    /** Classes applied to root element of the data toolbar group */
+    className?: string;
+    /** A type modifier which modifies spacing specifically depending on the type of group */
+    variant?: ToolbarGroupVariant | 'filter-group' | 'icon-button-group' | 'button-group';
+    /** 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';
+    };
+    /** Spacers at various breakpoints. */
+    spacer?: {
+        default?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        md?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        lg?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        xl?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        '2xl'?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+    };
+    /** Space items at various breakpoints. */
+    spaceItems?: {
+        default?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        md?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        lg?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        xl?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        '2xl'?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+    };
+    /** Content to be rendered inside the data toolbar group */
+    children?: React.ReactNode;
+    /** Reference to pass to this group if it has .pf-m-chip-container modifier */
+    innerRef?: React.RefObject<any>;
+}
+export declare const ToolbarGroup: React.ForwardRefExoticComponent<ToolbarGroupProps & React.RefAttributes<unknown>>;
+//# sourceMappingURL=ToolbarGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,oBAAY,mBAAmB;IAC7B,cAAc,iBAAiB;IAC/B,mBAAmB,sBAAsB;IACzC,cAAc,iBAAiB;CAChC;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC;IACrF,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,OAAO,CAAC,EAAE,mBAAmB,GAAG,cAAc,GAAG,mBAAmB,GAAG,cAAc,CAAC;IACtF,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,sCAAsC;IACtC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QAC9D,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;KAC7D,CAAC;IACF,0CAA0C;IAC1C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QAC9E,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,KAAK,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;KAC7E,CAAC;IACF,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;CACjC;AA8BD,eAAO,MAAM,YAAY,mFAEvB,CAAC"}

package/components/Toolbar/ToolbarGroup.js

@@ -0,0 +1,20 @@
+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 { formatBreakpointMods, toCamel } from '../../helpers/util';
+import { PageContext } from '../Page/PageContext';
+export var ToolbarGroupVariant;
+(function (ToolbarGroupVariant) {
+    ToolbarGroupVariant["filter-group"] = "filter-group";
+    ToolbarGroupVariant["icon-button-group"] = "icon-button-group";
+    ToolbarGroupVariant["button-group"] = "button-group";
+})(ToolbarGroupVariant || (ToolbarGroupVariant = {}));
+class ToolbarGroupWithRef extends React.Component {
+    render() {
+        const _a = this.props, { visibility, alignment, spacer, spaceItems, className, variant, children, innerRef } = _a, props = __rest(_a, ["visibility", "alignment", "spacer", "spaceItems", "className", "variant", "children", "innerRef"]);
+        return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarGroup, variant && styles.modifiers[toCamel(variant)], formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(alignment, styles, '', getBreakpoint(width)), formatBreakpointMods(spacer, styles, '', getBreakpoint(width)), formatBreakpointMods(spaceItems, styles, '', getBreakpoint(width)), className) }, props, { ref: innerRef }), children))));
+    }
+}
+export const ToolbarGroup = React.forwardRef((props, ref) => (React.createElement(ToolbarGroupWithRef, Object.assign({}, props, { innerRef: ref }))));
+//# sourceMappingURL=ToolbarGroup.js.map

package/components/Toolbar/ToolbarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarGroup.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,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,mBAIX;AAJD,WAAY,mBAAmB;IAC7B,oDAA+B,CAAA;IAC/B,8DAAyC,CAAA;IACzC,oDAA+B,CAAA;AACjC,CAAC,EAJW,mBAAmB,KAAnB,mBAAmB,QAI9B;AA6CD,MAAM,mBAAoB,SAAQ,KAAK,CAAC,SAA4B;IAClE,MAAM;QACJ,MAAM,KAAkG,IAAI,CAAC,KAAK,EAA5G,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,OAAyB,EAApB,KAAK,cAA7F,mGAA+F,CAAa,CAAC;QAEnH,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,YAAY,EACnB,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAsD,CAAC,EAClG,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,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,oBAAoB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAClE,SAAS,CACV,IACG,KAAK,IACT,GAAG,EAAE,QAAQ,KAEZ,QAAQ,CACL,CACP,CACoB,CACxB,CAAC;IACJ,CAAC;CACF;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAQ,EAAE,EAAE,CAAC,CACnF,oBAAC,mBAAmB,oBAAK,KAAK,IAAE,QAAQ,EAAE,GAAG,IAAI,CAClD,CAAC,CAAC"}

package/components/Toolbar/ToolbarItem.d.ts

@@ -0,0 +1,58 @@
+import * as React from 'react';
+export declare enum ToolbarItemVariant {
+    separator = "separator",
+    'bulk-select' = "bulk-select",
+    'overflow-menu' = "overflow-menu",
+    pagination = "pagination",
+    'search-filter' = "search-filter",
+    label = "label",
+    'chip-group' = "chip-group",
+    'expand-all' = "expand-all"
+}
+export interface ToolbarItemProps extends React.HTMLProps<HTMLDivElement> {
+    /** Classes applied to root element of the data toolbar item */
+    className?: string;
+    /** A type modifier which modifies spacing specifically depending on the type of item */
+    variant?: ToolbarItemVariant | 'bulk-select' | 'overflow-menu' | 'pagination' | 'search-filter' | 'label' | 'chip-group' | 'separator' | 'expand-all';
+    /** 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';
+    };
+    /** Spacers at various breakpoints. */
+    spacer?: {
+        default?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        md?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        lg?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        xl?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        '2xl'?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+    };
+    /** Widths at various breakpoints. */
+    widths?: {
+        default?: string;
+        sm?: string;
+        md?: string;
+        lg?: string;
+        xl?: string;
+        '2xl'?: string;
+    };
+    /** id for this data toolbar item */
+    id?: string;
+    /** Flag indicating if the expand-all variant is expanded or not */
+    isAllExpanded?: boolean;
+    /** Content to be rendered inside the data toolbar item */
+    children?: React.ReactNode;
+}
+export declare const ToolbarItem: React.FunctionComponent<ToolbarItemProps>;
+//# sourceMappingURL=ToolbarItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,oBAAY,kBAAkB;IAC5B,SAAS,cAAc;IACvB,aAAa,gBAAgB;IAC7B,eAAe,kBAAkB;IACjC,UAAU,eAAe;IACzB,eAAe,kBAAkB;IACjC,KAAK,UAAU;IACf,YAAY,eAAe;IAC3B,YAAY,eAAe;CAC5B;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IACvE,+DAA+D;IAC/D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wFAAwF;IACxF,OAAO,CAAC,EACJ,kBAAkB,GAClB,aAAa,GACb,eAAe,GACf,YAAY,GACZ,eAAe,GACf,OAAO,GACP,YAAY,GACZ,WAAW,GACX,YAAY,CAAC;IACjB,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,sCAAsC;IACtC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QAC9D,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;KAC7D,CAAC;IACF,qCAAqC;IACrC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,oCAAoC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,mEAAmE;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAwDjE,CAAC"}

package/components/Toolbar/ToolbarItem.js

@@ -0,0 +1,32 @@
+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 { formatBreakpointMods, toCamel } from '../../helpers/util';
+import { Divider } from '../Divider';
+import { PageContext } from '../Page/PageContext';
+export var ToolbarItemVariant;
+(function (ToolbarItemVariant) {
+    ToolbarItemVariant["separator"] = "separator";
+    ToolbarItemVariant["bulk-select"] = "bulk-select";
+    ToolbarItemVariant["overflow-menu"] = "overflow-menu";
+    ToolbarItemVariant["pagination"] = "pagination";
+    ToolbarItemVariant["search-filter"] = "search-filter";
+    ToolbarItemVariant["label"] = "label";
+    ToolbarItemVariant["chip-group"] = "chip-group";
+    ToolbarItemVariant["expand-all"] = "expand-all";
+})(ToolbarItemVariant || (ToolbarItemVariant = {}));
+export const ToolbarItem = (_a) => {
+    var { className, variant, visibility, alignment, spacer, widths, id, children, isAllExpanded } = _a, props = __rest(_a, ["className", "variant", "visibility", "alignment", "spacer", "widths", "id", "children", "isAllExpanded"]);
+    if (variant === ToolbarItemVariant.separator) {
+        return React.createElement(Divider, Object.assign({ className: css(styles.modifiers.vertical, className) }, props));
+    }
+    const widthStyles = {};
+    if (widths) {
+        Object.entries(widths || {}).map(([breakpoint, value]) => (widthStyles[`--pf-c-toolbar__item--Width${breakpoint !== 'default' ? `-on-${breakpoint}` : ''}`] = value));
+    }
+    return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement("div", Object.assign({ className: css(styles.toolbarItem, variant &&
+            styles.modifiers[toCamel(variant)], isAllExpanded && styles.modifiers.expanded, formatBreakpointMods(visibility, styles, '', getBreakpoint(width)), formatBreakpointMods(alignment, styles, '', getBreakpoint(width)), formatBreakpointMods(spacer, styles, '', getBreakpoint(width)), className) }, (variant === 'label' && { 'aria-hidden': true }), { id: id }, props, (widths && { style: Object.assign(Object.assign({}, widthStyles), props.style) })), children))));
+};
+ToolbarItem.displayName = 'ToolbarItem';
+//# sourceMappingURL=ToolbarItem.js.map

package/components/Toolbar/ToolbarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarItem.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;AAE/C,OAAO,EAAE,oBAAoB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,MAAM,CAAN,IAAY,kBASX;AATD,WAAY,kBAAkB;IAC5B,6CAAuB,CAAA;IACvB,iDAA6B,CAAA;IAC7B,qDAAiC,CAAA;IACjC,+CAAyB,CAAA;IACzB,qDAAiC,CAAA;IACjC,qCAAe,CAAA;IACf,+CAA2B,CAAA;IAC3B,+CAA2B,CAAA;AAC7B,CAAC,EATW,kBAAkB,KAAlB,kBAAkB,QAS7B;AAyDD,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,EAWpD,EAAE,EAAE;QAXgD,EACrE,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,MAAM,EACN,MAAM,EACN,EAAE,EACF,QAAQ,EACR,aAAa,OAEI,EADd,KAAK,cAV6D,0GAWtE,CADS;IAER,IAAI,OAAO,KAAK,kBAAkB,CAAC,SAAS,EAAE;QAC5C,OAAO,oBAAC,OAAO,kBAAC,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,SAAS,CAAC,IAAM,KAAK,EAAI,CAAC;KACrF;IAED,MAAM,WAAW,GAAQ,EAAE,CAAC;IAC5B,IAAI,MAAM,EAAE;QACV,MAAM,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,GAAG,CAC9B,CAAC,CAAC,UAAU,EAAE,KAAK,CAAC,EAAE,EAAE,CACtB,CAAC,WAAW,CAAC,8BAA8B,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,UAAU,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,CAC7G,CAAC;KACH;IAED,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,QAClB,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAC7B,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,WAAW,EAClB,OAAO;YACL,MAAM,CAAC,SAAS,CACd,OAAO,CAAC,OAAO,CAMA,CAChB,EACH,aAAa,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,EAC1C,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,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,EAC9D,SAAS,CACV,IACG,CAAC,OAAO,KAAK,OAAO,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,IACpD,EAAE,EAAE,EAAE,IACF,KAAK,EACL,CAAC,MAAM,IAAI,EAAE,KAAK,EAAE,gCAAK,WAAW,GAAK,KAAK,CAAC,KAAK,CAAyB,EAAE,CAAC,GAEnF,QAAQ,CACL,CACP,CACoB,CACxB,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/components/Toolbar/ToolbarToggleGroup.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { ToolbarGroupProps } from './ToolbarGroup';
+export interface ToolbarToggleGroupProps extends ToolbarGroupProps {
+    /** An icon to be rendered when the toggle group has collapsed down */
+    toggleIcon: React.ReactNode;
+    /** Controls when filters are shown and when the toggle button is hidden. */
+    breakpoint: 'md' | 'lg' | 'xl' | '2xl';
+    /** 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';
+    };
+    /** Spacers at various breakpoints. */
+    spacer?: {
+        default?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        md?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        lg?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        xl?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+        '2xl'?: 'spacerNone' | 'spacerSm' | 'spacerMd' | 'spacerLg';
+    };
+    /** Space items at various breakpoints. */
+    spaceItems?: {
+        default?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        md?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        lg?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        xl?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+        '2xl'?: 'spaceItemsNone' | 'spaceItemsSm' | 'spaceItemsMd' | 'spaceItemsLg';
+    };
+}
+export declare class ToolbarToggleGroup extends React.Component<ToolbarToggleGroupProps> {
+    static displayName: string;
+    isContentPopup: () => boolean;
+    render(): JSX.Element;
+}
+//# sourceMappingURL=ToolbarToggleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarToggleGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/ToolbarToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAOnD,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,sEAAsE;IACtE,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4EAA4E;IAC5E,UAAU,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACvC,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,sCAAsC;IACtC,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QAC9D,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,EAAE,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;QACzD,KAAK,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;KAC7D,CAAC;IACF,0CAA0C;IAC1C,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QAC9E,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,EAAE,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;QACzE,KAAK,CAAC,EAAE,gBAAgB,GAAG,cAAc,GAAG,cAAc,GAAG,cAAc,CAAC;KAC7E,CAAC;CACH;AAED,qBAAa,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,uBAAuB,CAAC;IAC9E,MAAM,CAAC,WAAW,SAAwB;IAC1C,cAAc,gBAIZ;IAEF,MAAM;CAsFP"}

package/components/Toolbar/ToolbarToggleGroup.js

@@ -0,0 +1,48 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
+import { css } from '@patternfly/react-styles';
+import { ToolbarContext, ToolbarContentContext } from './ToolbarUtils';
+import { Button } from '../Button';
+import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_lg';
+import { formatBreakpointMods, toCamel, canUseDOM } from '../../helpers/util';
+import { PageContext } from '../Page/PageContext';
+export class ToolbarToggleGroup extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.isContentPopup = () => {
+            const viewportSize = canUseDOM ? window.innerWidth : 1200;
+            const lgBreakpointValue = parseInt(globalBreakpointLg.value);
+            return viewportSize < lgBreakpointValue;
+        };
+    }
+    render() {
+        const _a = this.props, { toggleIcon, variant, visibility, breakpoint, alignment, spacer, spaceItems, className, children } = _a, props = __rest(_a, ["toggleIcon", "variant", "visibility", "breakpoint", "alignment", "spacer", "spaceItems", "className", "children"]);
+        if (!breakpoint && !toggleIcon) {
+            // eslint-disable-next-line no-console
+            console.error('ToolbarToggleGroup will not be visible without a breakpoint or toggleIcon.');
+        }
+        return (React.createElement(PageContext.Consumer, null, ({ width, getBreakpoint }) => (React.createElement(ToolbarContext.Consumer, null, ({ isExpanded, toggleIsExpanded }) => (React.createElement(ToolbarContentContext.Consumer, null, ({ expandableContentRef, expandableContentId }) => {
+            if (expandableContentRef.current && expandableContentRef.current.classList) {
+                if (isExpanded) {
+                    expandableContentRef.current.classList.add(styles.modifiers.expanded);
+                }
+                else {
+                    expandableContentRef.current.classList.remove(styles.modifiers.expanded);
+                }
+            }
+            const breakpointMod = {};
+            breakpointMod[breakpoint] = 'show';
+            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(spacer, styles, '', getBreakpoint(width)), formatBreakpointMods(spaceItems, styles, '', getBreakpoint(width)), className) }, props),
+                React.createElement("div", { className: css(styles.toolbarToggle) },
+                    React.createElement(Button, Object.assign({ variant: "plain", onClick: toggleIsExpanded, "aria-label": "Show Filters" }, (isExpanded && { 'aria-expanded': true }), { "aria-haspopup": isExpanded && this.isContentPopup(), "aria-controls": expandableContentId }), toggleIcon)),
+                isExpanded
+                    ? ReactDOM.createPortal(children, expandableContentRef.current.firstElementChild)
+                    : children));
+        }))))));
+    }
+}
+ToolbarToggleGroup.displayName = 'ToolbarToggleGroup';
+//# sourceMappingURL=ToolbarToggleGroup.js.map

package/components/Toolbar/ToolbarToggleGroup.js.map

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

package/components/Toolbar/ToolbarUtils.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { RefObject } from 'react';
+export interface ToolbarContextProps {
+    isExpanded: boolean;
+    toggleIsExpanded: () => void;
+    chipGroupContentRef: RefObject<HTMLDivElement>;
+    updateNumberFilters: (categoryName: string, numberOfFilters: number) => void;
+    numberOfFilters: number;
+    clearAllFilters?: () => void;
+    clearFiltersButtonText?: string;
+    showClearFiltersButton?: boolean;
+    toolbarId?: string;
+    customChipGroupContent?: React.ReactNode;
+}
+export declare const ToolbarContext: React.Context<ToolbarContextProps>;
+interface ToolbarContentContextProps {
+    expandableContentRef: RefObject<HTMLDivElement>;
+    expandableContentId: string;
+    chipContainerRef: RefObject<any>;
+}
+export declare const ToolbarContentContext: React.Context<ToolbarContentContextProps>;
+export declare const globalBreakpoints: {
+    md: number;
+    lg: number;
+    xl: number;
+    '2xl': number;
+};
+export {};
+//# sourceMappingURL=ToolbarUtils.d.ts.map

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

@@ -0,0 +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,mBAAmB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC/C,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,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1C;AAED,eAAO,MAAM,cAAc,oCAOzB,CAAC;AAEH,UAAU,0BAA0B;IAClC,oBAAoB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAChD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;CAClC;AAED,eAAO,MAAM,qBAAqB,2CAIhC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;CAK7B,CAAC"}

package/components/Toolbar/ToolbarUtils.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import globalBreakpointMd from '@patternfly/react-tokens/dist/esm/global_breakpoint_md';
+import globalBreakpointLg from '@patternfly/react-tokens/dist/esm/global_breakpoint_lg';
+import globalBreakpointXl from '@patternfly/react-tokens/dist/esm/global_breakpoint_xl';
+import globalBreakpoint2xl from '@patternfly/react-tokens/dist/esm/global_breakpoint_2xl';
+export const ToolbarContext = React.createContext({
+    isExpanded: false,
+    toggleIsExpanded: () => { },
+    chipGroupContentRef: null,
+    updateNumberFilters: () => { },
+    numberOfFilters: 0,
+    clearAllFilters: () => { }
+});
+export const ToolbarContentContext = React.createContext({
+    expandableContentRef: null,
+    expandableContentId: '',
+    chipContainerRef: null
+});
+export const globalBreakpoints = {
+    md: parseInt(globalBreakpointMd.value),
+    lg: parseInt(globalBreakpointLg.value),
+    xl: parseInt(globalBreakpointXl.value),
+    '2xl': parseInt(globalBreakpoint2xl.value)
+};
+//# sourceMappingURL=ToolbarUtils.js.map

package/components/Toolbar/ToolbarUtils.js.map

@@ -0,0 +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,mBAAmB,EAAE,IAAI;IACzB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;IAC7B,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;CAC1B,CAAC,CAAC;AAQH,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAA6B;IACnF,oBAAoB,EAAE,IAAI;IAC1B,mBAAmB,EAAE,EAAE;IACvB,gBAAgB,EAAE,IAAI;CACvB,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"}

package/components/Toolbar/index.d.ts

@@ -0,0 +1,9 @@
+export * from './Toolbar';
+export * from './ToolbarContent';
+export * from './ToolbarExpandIconWrapper';
+export * from './ToolbarGroup';
+export * from './ToolbarItem';
+export * from './ToolbarFilter';
+export * from './ToolbarToggleGroup';
+export * from './ToolbarUtils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/components/Toolbar/index.js

@@ -0,0 +1,9 @@
+export * from './Toolbar';
+export * from './ToolbarContent';
+export * from './ToolbarExpandIconWrapper';
+export * from './ToolbarGroup';
+export * from './ToolbarItem';
+export * from './ToolbarFilter';
+export * from './ToolbarToggleGroup';
+export * from './ToolbarUtils';
+//# sourceMappingURL=index.js.map

package/components/Toolbar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Toolbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,gBAAgB,CAAC"}

package/components/Tooltip/Tooltip.d.ts

@@ -0,0 +1,99 @@
+import * as React from 'react';
+import { ReactElement } from 'react';
+export declare enum TooltipPosition {
+    auto = "auto",
+    top = "top",
+    bottom = "bottom",
+    left = "left",
+    right = "right",
+    topStart = "top-start",
+    topEnd = "top-end",
+    bottomStart = "bottom-start",
+    bottomEnd = "bottom-end",
+    leftStart = "left-start",
+    leftEnd = "left-end",
+    rightStart = "right-start",
+    rightEnd = "right-end"
+}
+export interface TooltipProps extends Omit<React.HTMLProps<HTMLDivElement>, 'content'> {
+    /** The element to append the tooltip to, defaults to body */
+    appendTo?: HTMLElement | ((ref?: HTMLElement) => HTMLElement);
+    /**
+     * aria-labelledby or aria-describedby for tooltip.
+     * The trigger will be cloned to add the aria attribute, and the corresponding id in the form of 'pf-tooltip-#' is added to the content container.
+     * If you don't want that or prefer to add the aria attribute yourself on the trigger, set aria to 'none'.
+     */
+    aria?: 'describedby' | 'labelledby' | 'none';
+    /**
+     * Determines whether the tooltip is an aria-live region. If the reference prop is passed in the
+     * default behavior is 'polite' in order to ensure the tooltip contents is announced to
+     * assistive technologies. Otherwise the default behavior is 'off'.
+     */
+    'aria-live'?: 'off' | 'polite';
+    /**
+     * The reference element to which the Tooltip is relatively placed to.
+     * If you cannot wrap the reference with the Tooltip, you can use the reference prop instead.
+     * Usage: <Tooltip><Button>Reference</Button></Tooltip>
+     */
+    children?: ReactElement<any>;
+    /**
+     * The reference element to which the Tooltip is relatively placed to.
+     * If you can wrap the reference with the Tooltip, you can use the children prop instead.
+     * Usage: <Tooltip reference={() => document.getElementById('reference-element')} />
+     */
+    reference?: HTMLElement | (() => HTMLElement) | React.RefObject<any>;
+    /** Tooltip additional class */
+    className?: string;
+    /** Tooltip content */
+    content: React.ReactNode;
+    /** Distance of the tooltip to its target, defaults to 15 */
+    distance?: number;
+    /** If true, tries to keep the tooltip in view by flipping it if necessary */
+    enableFlip?: boolean;
+    /** Delay in ms before the tooltip appears */
+    entryDelay?: number;
+    /** Delay in ms before the tooltip disappears, Avoid passing in a value of "0", as users should
+     * be given ample time to move their mouse from the trigger to the tooltip content without the content
+     * being hidden.
+     */
+    exitDelay?: number;
+    /**
+     * The desired position to flip the tooltip to if the initial position is not possible.
+     * By setting this prop to 'flip' it attempts to flip the tooltip to the opposite side if there is no space.
+     * You can also pass an array of positions that determines the flip order. It should contain the initial position
+     * followed by alternative positions if that position is unavailable.
+     * Example: Initial position is 'top'. Button with tooltip is in the top right corner. 'flipBehavior' is set to
+     * ['top', 'right', 'left']. Since there is no space to the top, it checks if right is available. There's also no
+     * space to the right, so it finally shows the tooltip on the left.
+     */
+    flipBehavior?: 'flip' | ('top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end')[];
+    /** Maximum width of the tooltip (default 18.75rem) */
+    maxWidth?: string;
+    /** Callback when tooltip's hide transition has finished executing */
+    onTooltipHidden?: () => void;
+    /**
+     * Tooltip position. Note: With 'enableFlip' set to true,
+     * it will change the position if there is not enough space for the starting position.
+     * The behavior of where it flips to can be controlled through the flipBehavior prop.
+     * The 'auto' position chooses the side with the most space.
+     * The 'auto' position requires the 'enableFlip' prop to be true.
+     */
+    position?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    /**
+     * Tooltip trigger: click, mouseenter, focus, manual
+     * Set to manual to trigger tooltip programmatically (through the isVisible prop)
+     */
+    trigger?: string;
+    /** Flag to indicate that the text content is left aligned */
+    isContentLeftAligned?: boolean;
+    /** value for visibility when trigger is 'manual' */
+    isVisible?: boolean;
+    /** z-index of the tooltip */
+    zIndex?: number;
+    /** id of the tooltip */
+    id?: string;
+    /** CSS fade transition animation duration */
+    animationDuration?: number;
+}
+export declare const Tooltip: React.FunctionComponent<TooltipProps>;
+//# sourceMappingURL=Tooltip.d.ts.map

package/components/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,cAAc;IACtB,MAAM,YAAY;IAClB,WAAW,iBAAiB;IAC5B,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,OAAO,aAAa;IACpB,UAAU,gBAAgB;IAC1B,QAAQ,cAAc;CACvB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC;IACpF,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,KAAK,WAAW,CAAC,CAAC;IAC9D;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,GAAG,YAAY,GAAG,MAAM,CAAC;IAC7C;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,CAAC,MAAM,WAAW,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IACrE,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;OAQG;IACH,YAAY,CAAC,EACT,MAAM,GACN,CACI,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CACd,EAAE,CAAC;IACR,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EACL,eAAe,GACf,MAAM,GACN,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,WAAW,GACX,SAAS,GACT,cAAc,GACd,YAAY,GACZ,YAAY,GACZ,UAAU,GACV,aAAa,GACb,WAAW,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wBAAwB;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6CAA6C;IAC7C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAKD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,YAAY,CAuMzD,CAAC"}