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

package/components/JumpLinks/JumpLinks.js

@@ -0,0 +1,171 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/JumpLinks/jump-links';
+import sidebarStyles from '@patternfly/react-styles/css/components/Sidebar/sidebar';
+import { JumpLinksItem } from './JumpLinksItem';
+import { JumpLinksList } from './JumpLinksList';
+import { formatBreakpointMods } from '../../helpers/util';
+import { Button } from '../Button';
+import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
+import cssToggleDisplayVar from '@patternfly/react-tokens/dist/esm/c_jump_links__toggle_Display';
+import { canUseDOM } from '../../helpers/util';
+// Recursively find JumpLinkItems and return an array of all their scrollNodes
+const getScrollItems = (children, res) => {
+    React.Children.forEach(children, (child) => {
+        if (canUseDOM && document.getElementById && document.querySelector && child.type === JumpLinksItem) {
+            const scrollNode = child.props.node || child.props.href;
+            if (typeof scrollNode === 'string') {
+                if (scrollNode.startsWith('#')) {
+                    // Allow spaces and other special characters as `id`s to be nicer to consumers
+                    // https://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html
+                    res.push(document.getElementById(scrollNode.substr(1)));
+                }
+                else {
+                    res.push(document.querySelector(scrollNode));
+                }
+            }
+            else if (scrollNode instanceof HTMLElement) {
+                res.push(scrollNode);
+            }
+        }
+        if ([React.Fragment, JumpLinksList, JumpLinksItem].includes(child.type)) {
+            getScrollItems(child.props.children, res);
+        }
+    });
+    return res;
+};
+function isResponsive(jumpLinks) {
+    // https://github.com/patternfly/patternfly/blob/main/src/patternfly/components/JumpLinks/jump-links.scss#L103
+    return (jumpLinks &&
+        getComputedStyle(jumpLinks)
+            .getPropertyValue(cssToggleDisplayVar.name)
+            .includes('block'));
+}
+export const JumpLinks = (_a) => {
+    var { isCentered, isVertical, children, label, 'aria-label': ariaLabel = typeof label === 'string' ? label : null, scrollableSelector, activeIndex: activeIndexProp = 0, offset = 0, expandable, isExpanded: isExpandedProp = false, alwaysShowLabel = true, toggleAriaLabel = 'Toggle jump links', className } = _a, props = __rest(_a, ["isCentered", "isVertical", "children", "label", 'aria-label', "scrollableSelector", "activeIndex", "offset", "expandable", "isExpanded", "alwaysShowLabel", "toggleAriaLabel", "className"]);
+    const hasScrollSpy = Boolean(scrollableSelector);
+    const [scrollItems, setScrollItems] = React.useState(hasScrollSpy ? getScrollItems(children, []) : []);
+    const [activeIndex, setActiveIndex] = React.useState(activeIndexProp);
+    const [isExpanded, setIsExpanded] = React.useState(isExpandedProp);
+    // Boolean to disable scroll listener from overriding active state of clicked jumplink
+    const isLinkClicked = React.useRef(false);
+    // Allow expanding to be controlled for a niche use case
+    React.useEffect(() => setIsExpanded(isExpandedProp), [isExpandedProp]);
+    const navRef = React.useRef();
+    let scrollableElement;
+    const scrollSpy = React.useCallback(() => {
+        if (!canUseDOM || !hasScrollSpy || !(scrollableElement instanceof HTMLElement)) {
+            return;
+        }
+        if (isLinkClicked.current) {
+            isLinkClicked.current = false;
+            return;
+        }
+        const scrollPosition = Math.ceil(scrollableElement.scrollTop + offset);
+        window.requestAnimationFrame(() => {
+            let newScrollItems = scrollItems;
+            // Items might have rendered after this component. Do a quick refresh.
+            if (!newScrollItems[0] || newScrollItems.includes(null)) {
+                newScrollItems = getScrollItems(children, []);
+                setScrollItems(newScrollItems);
+            }
+            const scrollElements = newScrollItems
+                .map((e, index) => ({
+                y: e ? e.offsetTop : null,
+                index
+            }))
+                .filter(({ y }) => y !== null)
+                .sort((e1, e2) => e2.y - e1.y);
+            for (const { y, index } of scrollElements) {
+                if (scrollPosition >= y) {
+                    return setActiveIndex(index);
+                }
+            }
+        });
+    }, [scrollItems, hasScrollSpy, scrollableElement, offset]);
+    React.useEffect(() => {
+        scrollableElement = document.querySelector(scrollableSelector);
+        if (!(scrollableElement instanceof HTMLElement)) {
+            return;
+        }
+        scrollableElement.addEventListener('scroll', scrollSpy);
+        return () => scrollableElement.removeEventListener('scroll', scrollSpy);
+    }, [scrollableSelector, scrollSpy]);
+    React.useEffect(() => {
+        scrollSpy();
+    }, []);
+    let jumpLinkIndex = 0;
+    const cloneChildren = (children) => !hasScrollSpy
+        ? children
+        : React.Children.map(children, (child) => {
+            if (child.type === JumpLinksItem) {
+                const { onClick: onClickProp, isActive: isActiveProp } = child.props;
+                const itemIndex = jumpLinkIndex++;
+                const scrollItem = scrollItems[itemIndex];
+                return React.cloneElement(child, {
+                    onClick(ev) {
+                        isLinkClicked.current = true;
+                        // Items might have rendered after this component. Do a quick refresh.
+                        let newScrollItems;
+                        if (!scrollItem) {
+                            newScrollItems = getScrollItems(children, []);
+                            setScrollItems(newScrollItems);
+                        }
+                        const newScrollItem = scrollItem || newScrollItems[itemIndex];
+                        if (newScrollItem) {
+                            // we have to support scrolling to an offset due to sticky sidebar
+                            const scrollableElement = document.querySelector(scrollableSelector);
+                            if (scrollableElement instanceof HTMLElement) {
+                                if (isResponsive(navRef.current)) {
+                                    // Remove class immediately so we can get collapsed height
+                                    if (navRef.current) {
+                                        navRef.current.classList.remove(styles.modifiers.expanded);
+                                    }
+                                    let stickyParent = navRef.current && navRef.current.parentElement;
+                                    while (stickyParent && !stickyParent.classList.contains(sidebarStyles.modifiers.sticky)) {
+                                        stickyParent = stickyParent.parentElement;
+                                    }
+                                    setIsExpanded(false);
+                                    if (stickyParent) {
+                                        offset += stickyParent.scrollHeight;
+                                    }
+                                }
+                                scrollableElement.scrollTo(0, newScrollItem.offsetTop - offset);
+                            }
+                            newScrollItem.focus();
+                            ev.preventDefault();
+                            setActiveIndex(itemIndex);
+                        }
+                        if (onClickProp) {
+                            onClickProp(ev);
+                        }
+                    },
+                    isActive: isActiveProp || activeIndex === itemIndex,
+                    children: cloneChildren(child.props.children)
+                });
+            }
+            else if (child.type === React.Fragment) {
+                return cloneChildren(child.props.children);
+            }
+            else if (child.type === JumpLinksList) {
+                return React.cloneElement(child, { children: cloneChildren(child.props.children) });
+            }
+            return child;
+        });
+    return (React.createElement("nav", Object.assign({ className: css(styles.jumpLinks, isCentered && styles.modifiers.center, isVertical && styles.modifiers.vertical, formatBreakpointMods(expandable, styles), isExpanded && styles.modifiers.expanded, className), "aria-label": ariaLabel, ref: navRef }, props),
+        React.createElement("div", { className: styles.jumpLinksMain },
+            React.createElement("div", { className: css('pf-c-jump-links__header') },
+                expandable && (React.createElement("div", { className: styles.jumpLinksToggle },
+                    React.createElement(Button, { variant: "plain", onClick: () => setIsExpanded(!isExpanded), "aria-label": toggleAriaLabel, "aria-expanded": isExpanded },
+                        React.createElement("span", { className: styles.jumpLinksToggleIcon },
+                            React.createElement(AngleRightIcon, null)),
+                        label && React.createElement("span", { className: css(styles.jumpLinksToggleText) },
+                            " ",
+                            label,
+                            " ")))),
+                label && alwaysShowLabel && React.createElement("div", { className: css(styles.jumpLinksLabel) }, label)),
+            React.createElement("ul", { className: styles.jumpLinksList }, cloneChildren(children)))));
+};
+JumpLinks.displayName = 'JumpLinks';
+//# sourceMappingURL=JumpLinks.js.map

package/components/JumpLinks/JumpLinks.js.map

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

package/components/JumpLinks/JumpLinksItem.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+export interface JumpLinksItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'onClick'> {
+    /** Whether this item is active. Parent JumpLinks component sets this when passed a `scrollableSelector`. */
+    isActive?: boolean;
+    /** Href for this link */
+    href?: string;
+    /** Selector or HTMLElement to spy on */
+    node?: string | HTMLElement;
+    /** Text to be rendered inside span */
+    children?: React.ReactNode;
+    /** Click handler for anchor tag. Parent JumpLinks components tap into this. */
+    onClick?: (ev: React.MouseEvent<HTMLAnchorElement>) => void;
+    /** Class to add to li */
+    className?: string;
+}
+export declare const JumpLinksItem: React.FunctionComponent<JumpLinksItemProps>;
+//# sourceMappingURL=JumpLinksItem.d.ts.map

package/components/JumpLinks/JumpLinksItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JumpLinksItem.d.ts","sourceRoot":"","sources":["../../../../src/components/JumpLinks/JumpLinksItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IACzF,4GAA4G;IAC5G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC5B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+EAA+E;IAC/E,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC5D,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CA0BrE,CAAC"}

package/components/JumpLinks/JumpLinksItem.js

@@ -0,0 +1,19 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import styles from '@patternfly/react-styles/css/components/JumpLinks/jump-links';
+import { JumpLinksList } from './JumpLinksList';
+export const JumpLinksItem = (_a) => {
+    var { isActive, href, 
+    // eslint-disable-next-line
+    node, children, onClick, className } = _a, props = __rest(_a, ["isActive", "href", "node", "children", "onClick", "className"]);
+    const childrenArr = React.Children.toArray(children);
+    const sublists = childrenArr.filter(child => child.type === JumpLinksList);
+    children = childrenArr.filter(child => child.type !== JumpLinksList);
+    return (React.createElement("li", Object.assign({ className: css(styles.jumpLinksItem, isActive && styles.modifiers.current, className) }, (isActive && { 'aria-current': 'location' }), props),
+        React.createElement("a", { className: styles.jumpLinksLink, href: href, onClick: onClick },
+            React.createElement("span", { className: styles.jumpLinksLinkText }, children)),
+        sublists));
+};
+JumpLinksItem.displayName = 'JumpLinksItem';
+//# sourceMappingURL=JumpLinksItem.js.map

package/components/JumpLinks/JumpLinksItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JumpLinksItem.js","sourceRoot":"","sources":["../../../../src/components/JumpLinks/JumpLinksItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,8DAA8D,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAiBhD,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAStD,EAAE,EAAE;QATkD,EACzE,QAAQ,EACR,IAAI;IACJ,2BAA2B;IAC3B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,OAEU,EADhB,KAAK,cARiE,gEAS1E,CADS;IAER,MAAM,WAAW,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAU,CAAC;IAC9D,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;IAC3E,QAAQ,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,aAAa,CAAC,CAAC;IAErE,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,IACjF,CAAC,QAAQ,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,EAC5C,KAAK;QAET,2BAAG,SAAS,EAAE,MAAM,CAAC,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;YAC9D,8BAAM,SAAS,EAAE,MAAM,CAAC,iBAAiB,IAAG,QAAQ,CAAQ,CAC1D;QACH,QAAQ,CACN,CACN,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/components/JumpLinks/JumpLinksList.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface JumpLinksListProps extends React.HTMLProps<HTMLUListElement> {
+    /** Text to be rendered inside span */
+    children?: React.ReactNode;
+    /** Classname to add to ul. */
+    className?: string;
+}
+export declare const JumpLinksList: React.FunctionComponent<JumpLinksListProps>;
+//# sourceMappingURL=JumpLinksList.d.ts.map

package/components/JumpLinks/JumpLinksList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"JumpLinksList.d.ts","sourceRoot":"","sources":["../../../../src/components/JumpLinks/JumpLinksList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IAC3E,sCAAsC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC,kBAAkB,CAQrE,CAAC"}

package/components/JumpLinks/JumpLinksList.js

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

package/components/JumpLinks/JumpLinksList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JumpLinksList.js","sourceRoot":"","sources":["../../../../src/components/JumpLinks/JumpLinksList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,MAAM,MAAM,8DAA8D,CAAC;AASlF,MAAM,CAAC,MAAM,aAAa,GAAgD,CAAC,EAItD,EAAE,EAAE;QAJkD,EACzE,QAAQ,EACR,SAAS,OAEU,EADhB,KAAK,cAHiE,yBAI1E,CADS;IACgB,OAAA,CACxB,0CAAI,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,IAAM,KAAK,GAC3D,QAAQ,CACN,CACN,CAAA;CAAA,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}

package/components/JumpLinks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './JumpLinks';
+export * from './JumpLinksItem';
+export * from './JumpLinksList';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/JumpLinks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/components/JumpLinks/index.js

@@ -0,0 +1,4 @@
+export * from './JumpLinks';
+export * from './JumpLinksItem';
+export * from './JumpLinksList';
+//# sourceMappingURL=index.js.map

package/components/JumpLinks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/JumpLinks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC"}

package/components/Label/Label.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import { TooltipPosition } from '../Tooltip';
+export interface LabelProps extends React.HTMLProps<HTMLSpanElement> {
+    /** Content rendered inside the label. */
+    children?: React.ReactNode;
+    /** Additional classes added to the label. */
+    className?: string;
+    /** Color of the label. */
+    color?: 'blue' | 'cyan' | 'green' | 'orange' | 'purple' | 'red' | 'grey' | 'gold';
+    /** Variant of the label. */
+    variant?: 'outline' | 'filled';
+    /** Flag indicating the label is compact. */
+    isCompact?: boolean;
+    /** @beta Flag indicating the label is editable. */
+    isEditable?: boolean;
+    /** @beta Additional props passed to the editable label text div. Optionally passing onInput and onBlur callbacks will allow finer custom text input control. */
+    editableProps?: any;
+    /** @beta Callback when an editable label completes an edit. */
+    onEditComplete?: (event: MouseEvent | KeyboardEvent, newText: string) => void;
+    /** @beta Callback when an editable label cancels an edit. */
+    onEditCancel?: (event: KeyboardEvent, previousText: string) => void;
+    /** Flag indicating the label text should be truncated. */
+    isTruncated?: boolean;
+    /** Position of the tooltip which is displayed if text is truncated */
+    tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    /** Icon added to the left of the label text. */
+    icon?: React.ReactNode;
+    /** Close click callback for removable labels. If present, label will have a close button. */
+    onClose?: (event: React.MouseEvent) => void;
+    /** Node for custom close button. */
+    closeBtn?: React.ReactNode;
+    /** Aria label for close button */
+    closeBtnAriaLabel?: string;
+    /** Additional properties for the default close button. */
+    closeBtnProps?: any;
+    /** Href for a label that is a link. If present, the label will change to an anchor element. */
+    href?: string;
+    /** Flag indicating if the label is an overflow label */
+    isOverflowLabel?: boolean;
+    /** Forwards the label content and className to rendered function.  Use this prop for react router support.*/
+    render?: ({ className, content, componentRef }: {
+        className: string;
+        content: React.ReactNode;
+        componentRef: any;
+    }) => React.ReactNode;
+}
+export declare const Label: React.FunctionComponent<LabelProps>;
+//# sourceMappingURL=Label.d.ts.map

package/components/Label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAKtD,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC;IAClE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;IAClF,4BAA4B;IAC5B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC/B,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gKAAgK;IAChK,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,aAAa,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9E,6DAA6D;IAC7D,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACpE,0DAA0D;IAC1D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,eAAe,CAAC,EACZ,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,gDAAgD;IAChD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0DAA0D;IAC1D,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,6GAA6G;IAC7G,MAAM,CAAC,EAAE,CAAC,EACR,SAAS,EACT,OAAO,EACP,YAAY,EACb,EAAE;QACD,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;QACzB,YAAY,EAAE,GAAG,CAAC;KACnB,KAAK,KAAK,CAAC,SAAS,CAAC;CACvB;AAaD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAyNrD,CAAC"}

package/components/Label/Label.js

@@ -0,0 +1,144 @@
+import { __rest } from "tslib";
+import * as React from 'react';
+import { useState } from 'react';
+import styles from '@patternfly/react-styles/css/components/Label/label';
+import labelGrpStyles from '@patternfly/react-styles/css/components/LabelGroup/label-group';
+import { Button } from '../Button';
+import { Tooltip } from '../Tooltip';
+import { css } from '@patternfly/react-styles';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import { useIsomorphicLayoutEffect } from '../../helpers';
+const colorStyles = {
+    blue: styles.modifiers.blue,
+    cyan: styles.modifiers.cyan,
+    green: styles.modifiers.green,
+    orange: styles.modifiers.orange,
+    purple: styles.modifiers.purple,
+    red: styles.modifiers.red,
+    gold: styles.modifiers.gold,
+    grey: ''
+};
+export const Label = (_a) => {
+    var { children, className = '', color = 'grey', variant = 'filled', isCompact = false, isEditable = false, editableProps, isTruncated = false, tooltipPosition, icon, onClose, onEditCancel, onEditComplete, closeBtn, closeBtnAriaLabel, closeBtnProps, href, isOverflowLabel, render } = _a, props = __rest(_a, ["children", "className", "color", "variant", "isCompact", "isEditable", "editableProps", "isTruncated", "tooltipPosition", "icon", "onClose", "onEditCancel", "onEditComplete", "closeBtn", "closeBtnAriaLabel", "closeBtnProps", "href", "isOverflowLabel", "render"]);
+    const [isEditableActive, setIsEditableActive] = useState(false);
+    const [currValue, setCurrValue] = useState(children);
+    const editableButtonRef = React.useRef();
+    const editableInputRef = React.useRef();
+    React.useEffect(() => {
+        document.addEventListener('mousedown', onDocMouseDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onDocMouseDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    });
+    const onDocMouseDown = (event) => {
+        if (isEditableActive &&
+            editableInputRef &&
+            editableInputRef.current &&
+            !editableInputRef.current.contains(event.target)) {
+            if (editableInputRef.current.value) {
+                onEditComplete && onEditComplete(event, editableInputRef.current.value);
+            }
+            setIsEditableActive(false);
+        }
+    };
+    const onKeyDown = (event) => {
+        var _a, _b;
+        const key = event.key;
+        if ((!isEditableActive &&
+            (!editableButtonRef ||
+                !editableButtonRef.current ||
+                !editableButtonRef.current.contains(event.target))) ||
+            (isEditableActive &&
+                (!editableInputRef || !editableInputRef.current || !editableInputRef.current.contains(event.target)))) {
+            return;
+        }
+        if (isEditableActive && (key === 'Enter' || key === 'Tab')) {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            if (editableInputRef.current.value) {
+                onEditComplete && onEditComplete(event, editableInputRef.current.value);
+            }
+            setIsEditableActive(false);
+            (_a = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        if (isEditableActive && key === 'Escape') {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            // Reset div text to initial children prop - pre-edit
+            if (editableInputRef.current.value) {
+                editableInputRef.current.value = children;
+                onEditCancel && onEditCancel(event, children);
+            }
+            setIsEditableActive(false);
+            (_b = editableButtonRef === null || editableButtonRef === void 0 ? void 0 : editableButtonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+        if (!isEditableActive && key === 'Enter') {
+            event.preventDefault();
+            event.stopImmediatePropagation();
+            setIsEditableActive(true);
+            // Set cursor position to end of text
+            const el = event.target;
+            const range = document.createRange();
+            const sel = window.getSelection();
+            range.selectNodeContents(el);
+            range.collapse(false);
+            sel.removeAllRanges();
+            sel.addRange(range);
+        }
+    };
+    const LabelComponent = (isOverflowLabel ? 'button' : 'span');
+    const button = closeBtn ? (closeBtn) : (React.createElement(Button, Object.assign({ type: "button", variant: "plain", onClick: onClose, "aria-label": closeBtnAriaLabel || `Close ${children}` }, closeBtnProps),
+        React.createElement(TimesIcon, null)));
+    const textRef = React.createRef();
+    // ref to apply tooltip when rendered is used
+    const componentRef = React.useRef();
+    const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
+    useIsomorphicLayoutEffect(() => {
+        const currTextRef = isEditable ? editableButtonRef : textRef;
+        if (!isEditableActive) {
+            setIsTooltipVisible(currTextRef.current && currTextRef.current.offsetWidth < currTextRef.current.scrollWidth);
+        }
+    }, [isEditableActive]);
+    const content = (React.createElement(React.Fragment, null,
+        icon && React.createElement("span", { className: css(styles.labelIcon) }, icon),
+        isTruncated && (React.createElement("span", { ref: textRef, className: css(styles.labelText) }, children)),
+        !isTruncated && children));
+    React.useEffect(() => {
+        if (isEditableActive && editableInputRef) {
+            editableInputRef.current && editableInputRef.current.focus();
+        }
+    }, [editableInputRef, isEditableActive]);
+    const updateVal = () => {
+        setCurrValue(editableInputRef.current.value);
+    };
+    let labelComponentChild = React.createElement("span", { className: css(styles.labelContent) }, content);
+    if (href) {
+        labelComponentChild = (React.createElement("a", { className: css(styles.labelContent), href: href }, content));
+    }
+    else if (isEditable) {
+        labelComponentChild = (React.createElement("button", Object.assign({ ref: editableButtonRef, className: css(styles.labelContent), onClick: (e) => {
+                setIsEditableActive(true);
+                e.stopPropagation();
+            } }, editableProps), content));
+    }
+    if (render) {
+        labelComponentChild = (React.createElement(React.Fragment, null,
+            isTooltipVisible && React.createElement(Tooltip, { reference: componentRef, content: children, position: tooltipPosition }),
+            render({
+                className: styles.labelContent,
+                content,
+                componentRef
+            })));
+    }
+    else if (isTooltipVisible) {
+        labelComponentChild = (React.createElement(Tooltip, { content: children, position: tooltipPosition }, labelComponentChild));
+    }
+    return (React.createElement(LabelComponent, Object.assign({}, props, { className: css(styles.label, colorStyles[color], variant === 'outline' && styles.modifiers.outline, isOverflowLabel && styles.modifiers.overflow, isCompact && styles.modifiers.compact, isEditable && labelGrpStyles.modifiers.editable, isEditableActive && styles.modifiers.editableActive, className) }),
+        !isEditableActive && labelComponentChild,
+        !isEditableActive && onClose && button,
+        isEditableActive && (React.createElement("input", Object.assign({ className: css(styles.labelContent), type: "text", id: "editable-input", ref: editableInputRef, value: currValue, onChange: updateVal }, editableProps)))));
+};
+Label.displayName = 'Label';
+//# sourceMappingURL=Label.js.map

package/components/Label/Label.js.map

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

package/components/Label/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Label';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/components/Label/index.js

@@ -0,0 +1,2 @@
+export * from './Label';
+//# sourceMappingURL=index.js.map

package/components/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/components/LabelGroup/LabelGroup.d.ts

@@ -0,0 +1,56 @@
+import * as React from 'react';
+import { TooltipPosition } from '../Tooltip';
+export interface LabelGroupProps extends React.HTMLProps<HTMLUListElement> {
+    /** Content rendered inside the label group. Should be <Label> elements. */
+    children?: React.ReactNode;
+    /** Additional classes added to the label item */
+    className?: string;
+    /** Flag for having the label group default to expanded */
+    defaultIsOpen?: boolean;
+    /** Customizable "Show Less" text string */
+    expandedText?: string;
+    /** Customizeable template string. Use variable "${remaining}" for the overflow label count. */
+    collapsedText?: string;
+    /** Category name text for the label group category.  If this prop is supplied the label group with have a label and category styling applied */
+    categoryName?: string;
+    /** Aria label for label group that does not have a category name */
+    'aria-label'?: string;
+    /** Set number of labels to show before overflow */
+    numLabels?: number;
+    /** Flag if label group can be closed */
+    isClosable?: boolean;
+    /** Flag indicating the labels in the group are compact */
+    isCompact?: boolean;
+    /** Aria label for close button */
+    closeBtnAriaLabel?: string;
+    /** Function that is called when clicking on the label group close button */
+    onClick?: (event: React.MouseEvent) => void;
+    /** Position of the tooltip which is displayed if the category name text is longer */
+    tooltipPosition?: TooltipPosition | 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+    /** Flag to implement a vertical layout */
+    isVertical?: boolean;
+    /** Flag indicating contained labels are editable. Allows spacing for a text input after the labels. */
+    isEditable?: boolean;
+    /** Flag indicating the editable label group should be appended with a textarea. */
+    hasEditableTextArea?: boolean;
+    /** Additional props passed to the editable textarea. */
+    editableTextAreaProps?: any;
+    /** Control for adding new labels */
+    addLabelControl?: React.ReactNode;
+}
+interface LabelGroupState {
+    isOpen: boolean;
+    isTooltipVisible: boolean;
+}
+export declare class LabelGroup extends React.Component<LabelGroupProps, LabelGroupState> {
+    static displayName: string;
+    constructor(props: LabelGroupProps);
+    private headingRef;
+    static defaultProps: LabelGroupProps;
+    componentDidMount(): void;
+    toggleCollapse: () => void;
+    renderLabel(id: string): JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=LabelGroup.d.ts.map

package/components/LabelGroup/LabelGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/LabelGroup/LabelGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAW,eAAe,EAAE,MAAM,YAAY,CAAC;AAKtD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC;IACxE,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+FAA+F;IAC/F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gJAAgJ;IAChJ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mDAAmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4EAA4E;IAC5E,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,qFAAqF;IACrF,eAAe,CAAC,EACZ,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,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,uGAAuG;IACvG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,mFAAmF;IACnF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,GAAG,CAAC;IAC5B,oCAAoC;IACpC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACnC;AAED,UAAU,eAAe;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,gBAAgB,EAAE,OAAO,CAAC;CAC3B;AAED,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,WAAW,SAAgB;gBACtB,KAAK,EAAE,eAAe;IAOlC,OAAO,CAAC,UAAU,CAAsC;IAExD,MAAM,CAAC,YAAY,EAAE,eAAe,CAgBlC;IAEF,iBAAiB;IAQjB,cAAc,aAOZ;IAEF,WAAW,CAAC,EAAE,EAAE,MAAM;IAkBtB,MAAM;CAwGP"}