@mongodb-js/compass-components 0.17.0 → 1.1.1

package/lib/components/interactive-popover.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+declare type InteractivePopoverProps = {
+    className: string;
+    children: (childrenProps: {
+        onClose: () => void;
+    }) => React.ReactElement;
+    trigger: (triggerProps: {
+        onClick: (event: React.MouseEvent | React.TouchEvent) => void;
+        ref: React.RefObject<HTMLButtonElement>;
+        children: React.ReactNode;
+    }) => React.ReactElement;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+declare function InteractivePopover({ className, children, trigger, open, setOpen, }: InteractivePopoverProps): React.ReactElement;
+export { InteractivePopover };
+//# sourceMappingURL=interactive-popover.d.ts.map

package/lib/components/interactive-popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive-popover.d.ts","sourceRoot":"","sources":["../../src/components/interactive-popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAoC9D,aAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,CAAC,aAAa,EAAE;QAAE,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;IACzE,OAAO,EAAE,CAAC,YAAY,EAAE;QACtB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;QAC9D,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;QACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;KAC3B,KAAK,KAAK,CAAC,YAAY,CAAC;IACzB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,OAAO,GACR,EAAE,uBAAuB,GAAG,KAAK,CAAC,YAAY,CAoI9C;AAED,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/components/interactive-popover.js

@@ -0,0 +1,132 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InteractivePopover = void 0;
+const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const focus_trap_react_1 = __importDefault(require("focus-trap-react"));
+const leafygreen_1 = require("./leafygreen");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const palette_1 = require("@leafygreen-ui/palette");
+const polished_1 = require("polished");
+const use_theme_1 = require("../hooks/use-theme");
+const compass_ui_colors_1 = require("../compass-ui-colors");
+const borderRadius = tokens_1.spacing[2];
+const contentContainerStyles = (0, emotion_1.css)({
+    display: 'flex',
+    height: '100%',
+    alignItems: 'center',
+    borderRadius: borderRadius,
+    boxShadow: `0px 2px 4px -1px ${(0, polished_1.transparentize)(0.85, palette_1.uiColors.black)}`,
+    border: `1px solid`,
+    overflow: 'hidden',
+    width: 'fit-content',
+});
+const contentContainerStylesLight = (0, emotion_1.css)({
+    borderColor: palette_1.uiColors.gray.light2,
+    backgroundColor: compass_ui_colors_1.gray8,
+    color: palette_1.uiColors.gray.dark2,
+});
+const contentContainerStylesDark = (0, emotion_1.css)({
+    borderColor: palette_1.uiColors.gray.dark2,
+    backgroundColor: palette_1.uiColors.gray.dark3,
+    color: palette_1.uiColors.white,
+});
+function InteractivePopover({ className, children, trigger, open, setOpen, }) {
+    const { theme } = (0, use_theme_1.useTheme)();
+    const triggerRef = (0, react_1.useRef)(null);
+    const popoverContentContainerRef = (0, react_1.useRef)(null);
+    const onClose = (0, react_1.useCallback)(() => {
+        setOpen(false);
+        setTimeout(() => {
+            var _a;
+            (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        });
+    }, [setOpen]);
+    const onClickTrigger = (0, react_1.useCallback)(() => {
+        if (open) {
+            onClose();
+            return;
+        }
+        setOpen(!open);
+    }, [open, setOpen, onClose]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        const clickEventListener = (event) => {
+            if (!popoverContentContainerRef.current ||
+                popoverContentContainerRef.current.contains(event.target)) {
+                return;
+            }
+            if (!triggerRef.current ||
+                triggerRef.current.contains(event.target)) {
+                return;
+            }
+            onClose();
+        };
+        window.addEventListener('mousedown', clickEventListener);
+        window.addEventListener('touchstart', clickEventListener);
+        return () => {
+            window.removeEventListener('mousedown', clickEventListener);
+            window.removeEventListener('touchstart', clickEventListener);
+        };
+    }, [open, onClose]);
+    const onPopoverKeyDown = (0, react_1.useCallback)((evt) => {
+        if (evt.key === 'Escape') {
+            onClose();
+            return;
+        }
+    }, [onClose]);
+    (0, react_1.useEffect)(() => {
+        if (!open) {
+            return;
+        }
+        document.addEventListener('keydown', onPopoverKeyDown);
+        return () => {
+            document.removeEventListener('keydown', onPopoverKeyDown);
+        };
+    }, [onPopoverKeyDown, open]);
+    return trigger({
+        onClick: onClickTrigger,
+        ref: triggerRef,
+        children: (react_1.default.createElement(leafygreen_1.Popover, { align: "bottom", justify: "start", active: open, adjustOnMutation: true, usePortal: true, spacing: 0, className: className, refEl: triggerRef }, open && (react_1.default.createElement(focus_trap_react_1.default, { focusTrapOptions: {
+                clickOutsideDeactivates: true,
+                tabbableOptions: {
+                    displayCheck: 'none',
+                },
+            } },
+            react_1.default.createElement("div", { className: (0, emotion_1.cx)(contentContainerStyles, theme === use_theme_1.Theme.Dark
+                    ? contentContainerStylesDark
+                    : contentContainerStylesLight), ref: popoverContentContainerRef }, children({
+                onClose: onClose,
+            })))))),
+    });
+}
+exports.InteractivePopover = InteractivePopover;
+//# sourceMappingURL=interactive-popover.js.map

package/lib/components/interactive-popover.js.map

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

package/lib/components/item-action-controls.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+export declare type ItemAction<Action> = {
+    action: Action;
+    label: string;
+    icon: string;
+};
+export declare type MenuAction<Action> = {
+    action: Action;
+    label: string;
+    icon?: string;
+};
+declare const ItemActionButtonSize: {
+    readonly Small: "small";
+    readonly Default: "default";
+};
+declare type ItemActionButtonSize = typeof ItemActionButtonSize[keyof typeof ItemActionButtonSize];
+export declare function ItemActionMenu<Action extends string>({ isVisible, actions, onAction, className, usePortal, iconClassName, iconSize, 'data-testid': dataTestId, }: {
+    actions: MenuAction<Action>[];
+    onAction(actionName: Action): void;
+    className?: string;
+    usePortal?: boolean;
+    iconClassName?: string;
+    iconSize?: ItemActionButtonSize;
+    isVisible?: boolean;
+    'data-testid'?: string;
+}): JSX.Element | null;
+export declare function ItemActionGroup<Action extends string>({ actions, onAction, className, iconClassName, iconSize, isVisible, 'data-testid': dataTestId, }: {
+    actions: ItemAction<Action>[];
+    onAction(actionName: Action): void;
+    className?: string;
+    iconClassName?: string;
+    iconSize?: ItemActionButtonSize;
+    isVisible?: boolean;
+    'data-testid'?: string;
+}): JSX.Element | null;
+export declare function ItemActionControls<Action extends string>({ isVisible, actions, onAction, className, iconClassName, iconSize, usePortal, collapseToMenuThreshold, 'data-testid': dataTestId, }: {
+    isVisible?: boolean;
+    actions: ItemAction<Action>[];
+    onAction(actionName: Action): void;
+    className?: string;
+    iconSize?: ItemActionButtonSize;
+    iconClassName?: string;
+    collapseToMenuThreshold?: number;
+    usePortal?: boolean;
+    'data-testid'?: string;
+}): JSX.Element | null;
+export {};
+//# sourceMappingURL=item-action-controls.d.ts.map

package/lib/components/item-action-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-action-controls.d.ts","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":";AAMA,oBAAY,UAAU,CAAC,MAAM,IAAI;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,oBAAY,UAAU,CAAC,MAAM,IAAI;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;CAGhB,CAAC;AAEX,aAAK,oBAAoB,GACvB,OAAO,oBAAoB,CAAC,MAAM,OAAO,oBAAoB,CAAC,CAAC;AAyEjE,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,EAAE,EACpD,SAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,QAAuC,EACvC,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBA+EA;AAED,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,EAAE,EACrD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAuC,EACvC,SAAgB,EAChB,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAqCA;AAED,wBAAgB,kBAAkB,CAAC,MAAM,SAAS,MAAM,EAAE,EACxD,SAAgB,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAuC,EACvC,SAAS,EACT,uBAA2B,EAC3B,aAAa,EAAE,UAAU,GAC1B,EAAE;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,sBAiCA"}

package/lib/components/item-action-controls.js

@@ -0,0 +1,118 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemActionControls = exports.ItemActionGroup = exports.ItemActionMenu = void 0;
+const react_1 = __importStar(require("react"));
+const leafygreen_1 = require("./leafygreen");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const ItemActionButtonSize = {
+    Small: 'small',
+    Default: 'default',
+};
+const actionControlsStyle = (0, emotion_1.css)({
+    flex: 'none',
+    marginLeft: 'auto',
+    alignItems: 'center',
+    display: 'flex',
+});
+const actionGroupButtonStyle = (0, emotion_1.css)({
+    '&:not(:first-child)': {
+        marginLeft: tokens_1.spacing[1],
+    },
+});
+const iconContainerStyle = (0, emotion_1.css)({
+    display: 'block',
+    flex: 'none',
+    fontSize: 0,
+    lineHeight: 0,
+});
+const iconButtonSmallStyle = (0, emotion_1.css)({
+    flex: 'none',
+    width: `${tokens_1.spacing[4]}px !important`,
+    height: `${tokens_1.spacing[4]}px !important`,
+});
+function actionTestId(dataTestId, action) {
+    return dataTestId ? `${dataTestId}-${action}-action` : undefined;
+}
+const ItemActionButton = (0, react_1.forwardRef)(function IconButtonSmall({ glyph, size, label, onClick, children, title, className, ...rest }, ref) {
+    return (react_1.default.createElement(leafygreen_1.IconButton, { ref: ref, className: (0, emotion_1.cx)(size === ItemActionButtonSize.Small ? iconButtonSmallStyle : '', className), "aria-label": label, title: title, onClick: onClick, ...rest },
+        react_1.default.createElement("span", { role: "presentation", className: iconContainerStyle },
+            react_1.default.createElement(leafygreen_1.Icon, { size: size, glyph: glyph })),
+        children));
+});
+function ItemActionMenu({ isVisible = true, actions, onAction, className, usePortal, iconClassName, iconSize = ItemActionButtonSize.Default, 'data-testid': dataTestId, }) {
+    const menuTriggerRef = (0, react_1.useRef)(null);
+    const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
+    const onClick = (0, react_1.useCallback)((evt) => {
+        var _a;
+        evt.stopPropagation();
+        if (evt.currentTarget.dataset.menuitem) {
+            setIsMenuOpen(false);
+            (_a = menuTriggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        onAction(evt.currentTarget.dataset.action);
+    }, [onAction]);
+    const shouldRender = isMenuOpen || (isVisible && actions.length > 0);
+    if (!shouldRender) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(actionControlsStyle, className) },
+        react_1.default.createElement(leafygreen_1.Menu, { open: isMenuOpen, setOpen: setIsMenuOpen, refEl: menuTriggerRef, usePortal: usePortal, "data-testid": dataTestId, trigger: ({ onClick, children, }) => {
+                return (react_1.default.createElement(ItemActionButton, { ref: menuTriggerRef, size: iconSize, glyph: "Ellipsis", label: "Show actions", title: "Show actions", "data-testid": dataTestId ? `${dataTestId}-show-actions` : undefined, onClick: (evt) => {
+                        evt.stopPropagation();
+                        onClick && onClick(evt);
+                    }, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName) }, children));
+            } }, actions.map(({ action, label, icon }) => {
+            return (react_1.default.createElement(leafygreen_1.MenuItem, { key: action, "data-testid": actionTestId(dataTestId, action), "data-action": action, "data-menuitem": true, glyph: icon ? react_1.default.createElement(leafygreen_1.Icon, { glyph: icon }) : undefined, onClick: onClick }, label));
+        }))));
+}
+exports.ItemActionMenu = ItemActionMenu;
+function ItemActionGroup({ actions, onAction, className, iconClassName, iconSize = ItemActionButtonSize.Default, isVisible = true, 'data-testid': dataTestId, }) {
+    const onClick = (0, react_1.useCallback)((evt) => {
+        evt.stopPropagation();
+        onAction(evt.currentTarget.dataset.action);
+    }, [onAction]);
+    const shouldRender = isVisible && actions.length > 0;
+    if (!shouldRender) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(actionControlsStyle, className), "data-testid": dataTestId }, actions.map(({ action, icon, label }) => {
+        return (react_1.default.createElement(ItemActionButton, { key: action, glyph: icon, label: label, title: label, size: iconSize, "data-action": action, "data-testid": actionTestId(dataTestId, action), onClick: onClick, className: (0, emotion_1.cx)(actionGroupButtonStyle, iconClassName) }));
+    })));
+}
+exports.ItemActionGroup = ItemActionGroup;
+function ItemActionControls({ isVisible = true, actions, onAction, className, iconClassName, iconSize = ItemActionButtonSize.Default, usePortal, collapseToMenuThreshold = 2, 'data-testid': dataTestId, }) {
+    if (actions.length === 0) {
+        return null;
+    }
+    const shouldShowMenu = actions.length >= collapseToMenuThreshold;
+    if (shouldShowMenu) {
+        return (react_1.default.createElement(ItemActionMenu, { actions: actions, className: className, "data-testid": dataTestId, iconClassName: iconClassName, iconSize: iconSize, isVisible: isVisible, onAction: onAction, usePortal: usePortal }));
+    }
+    return (react_1.default.createElement(ItemActionGroup, { isVisible: isVisible, actions: actions, onAction: onAction, className: className, iconSize: iconSize, "data-testid": dataTestId, iconClassName: iconClassName }));
+}
+exports.ItemActionControls = ItemActionControls;
+//# sourceMappingURL=item-action-controls.js.map

package/lib/components/item-action-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-action-controls.js","sourceRoot":"","sources":["../../src/components/item-action-controls.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AACzE,6CAAgE;AAEhE,kDAAgD;AAChD,oDAAiD;AAcjD,MAAM,oBAAoB,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAKX,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,IAAI,EAAE,MAAM;IACZ,UAAU,EAAE,MAAM;IAClB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,qBAAqB,EAAE;QACrB,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;KACvB;CACF,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAC;IAC7B,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,CAAC;IACX,UAAU,EAAE,CAAC;CACd,CAAC,CAAC;AAIH,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,eAAe;IACnC,MAAM,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,eAAe;CACrC,CAAC,CAAC;AAEH,SAAS,YAAY,CACnB,UAA8B,EAC9B,MAAc;IAEd,OAAO,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,IAAI,MAAM,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACnE,CAAC;AAED,MAAM,gBAAgB,GAAG,IAAA,kBAAU,EASjC,SAAS,eAAe,CACxB,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACpE,GAAG;IAEH,OAAO,CACL,8BAAC,uBAAU,IAGT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,IAAI,KAAK,oBAAoB,CAAC,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAC/D,SAAS,CACV,gBACW,KAAK,EACjB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,KACZ,IAAI;QAER,wCAAM,IAAI,EAAC,cAAc,EAAC,SAAS,EAAE,kBAAkB;YACrD,8BAAC,iBAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAS,CAClC;QAEN,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,SAAgB,cAAc,CAAwB,EACpD,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EACvC,aAAa,EAAE,UAAU,GAU1B;IAIC,MAAM,cAAc,GAAG,IAAA,cAAM,EAA2B,IAAI,CAAC,CAAC;IAC9D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,GAAG,EAAE,EAAE;;QACN,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,IAAI,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ,EAAE;YACtC,aAAa,CAAC,KAAK,CAAC,CAAC;YAErB,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SACjC;QACD,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,IAAI,CAAC,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAErE,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC;QAChD,8BAAC,iBAAI,IACH,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,aAAa,EACtB,KAAK,EAAE,cAAc,EACrB,SAAS,EAAE,SAAS,iBACP,UAAU,EACvB,OAAO,EAAE,CAAC,EACR,OAAO,EACP,QAAQ,GAIT,EAAE,EAAE;gBACH,OAAO,CACL,8BAAC,gBAAgB,IACf,GAAG,EAAE,cAAc,EACnB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAC,UAAU,EAChB,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,cAAc,iBAElB,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,eAAe,CAAC,CAAC,CAAC,SAAS,EAEvD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;wBACf,GAAG,CAAC,eAAe,EAAE,CAAC;wBACtB,OAAO,IAAI,OAAO,CAAC,GAAG,CAAC,CAAC;oBAC1B,CAAC,EACD,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,aAAa,CAAC,IAEnD,QAAQ,CACQ,CACpB,CAAC;YACJ,CAAC,IAEA,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;YACvC,OAAO,CACL,8BAAC,qBAAQ,IACP,GAAG,EAAE,MAAM,iBACE,YAAY,CAAS,UAAU,EAAE,MAAM,CAAC,iBACxC,MAAM,mBACJ,IAAI,EACnB,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,8BAAC,iBAAI,IAAC,KAAK,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,SAAS,EAC/C,OAAO,EAAE,OAAO,IAEf,KAAK,CACG,CACZ,CAAC;QACJ,CAAC,CAAC,CACG,CACH,CACP,CAAC;AACJ,CAAC;AAjGD,wCAiGC;AAED,SAAgB,eAAe,CAAwB,EACrD,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EACvC,SAAS,GAAG,IAAI,EAChB,aAAa,EAAE,UAAU,GAS1B;IACC,MAAM,OAAO,GAAG,IAAA,mBAAW,EACzB,CAAC,GAAG,EAAE,EAAE;QACN,GAAG,CAAC,eAAe,EAAE,CAAC;QACtB,QAAQ,CAAC,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,YAAY,GAAG,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAErD,IAAI,CAAC,YAAY,EAAE;QACjB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,mBAAmB,EAAE,SAAS,CAAC,iBAChC,UAAU,IAEtB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;QACvC,OAAO,CACL,8BAAC,gBAAgB,IACf,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,QAAQ,iBACD,MAAM,iBACN,YAAY,CAAS,UAAU,EAAE,MAAM,CAAC,EACrD,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,YAAE,EAAC,sBAAsB,EAAE,aAAa,CAAC,GAClC,CACrB,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AArDD,0CAqDC;AAED,SAAgB,kBAAkB,CAAwB,EACxD,SAAS,GAAG,IAAI,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,aAAa,EACb,QAAQ,GAAG,oBAAoB,CAAC,OAAO,EACvC,SAAS,EACT,uBAAuB,GAAG,CAAC,EAC3B,aAAa,EAAE,UAAU,GAW1B;IACC,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QACxB,OAAO,IAAI,CAAC;KACb;IAED,MAAM,cAAc,GAAG,OAAO,CAAC,MAAM,IAAI,uBAAuB,CAAC;IAEjE,IAAI,cAAc,EAAE;QAClB,OAAO,CACL,8BAAC,cAAc,IACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,iBACP,UAAU,EACvB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,GACJ,CACnB,CAAC;KACH;IAED,OAAO,CACL,8BAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,iBACL,UAAU,EACvB,aAAa,EAAE,aAAa,GACX,CACpB,CAAC;AACJ,CAAC;AArDD,gDAqDC"}

package/lib/components/leafy-green/combobox/chip.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ChipProps } from './combobox-types';
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=chip.d.ts.map

package/lib/components/leafy-green/combobox/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,kBAAkB,CAAC;AAmGhE,eAAO,MAAM,IAAI,mFAyHhB,CAAC"}

package/lib/components/leafy-green/combobox/chip.js

@@ -0,0 +1,182 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Chip = void 0;
+const react_1 = __importStar(require("react"));
+const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
+const combobox_context_1 = require("./combobox-context");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const inline_definition_1 = __importDefault(require("@leafygreen-ui/inline-definition"));
+const lib_1 = require("@leafygreen-ui/lib");
+const util_1 = require("./util");
+const chipWrapperStyle = ({ darkMode, size, }) => {
+    let chipModeStyle, chipSizeStyle;
+    if (darkMode) {
+        chipModeStyle = (0, emotion_1.css) ``;
+    }
+    else {
+        chipModeStyle = (0, emotion_1.css) `
+      --lg-combobox-chip-text-color: ${palette_1.uiColors.gray.dark3};
+      --lg-combobox-chip-icon-color: ${palette_1.uiColors.gray.dark2};
+      --lg-combobox-chip-background-color: ${palette_1.uiColors.gray.light2};
+      --lg-combobox-chip-hover-color: ${palette_1.uiColors.gray.light1};
+      --lg-combobox-chip-focus-color: ${palette_1.uiColors.blue.light2};
+    `;
+    }
+    switch (size) {
+        case 'default':
+            chipSizeStyle = (0, emotion_1.css) `
+        --lg-combobox-chip-height: 24px;
+        --lg-combobox-chip-border-radius: 4px;
+        --lg-combobox-chip-font-size: 14px;
+        --lg-combobox-chip-line-height: 20px;
+        --lg-combobox-chip-padding-x: 6px;
+      `;
+            break;
+    }
+    return (0, emotion_1.cx)(chipModeStyle, chipSizeStyle, (0, emotion_1.css) `
+      display: inline-flex;
+      align-items: center;
+      overflow: hidden;
+      white-space: nowrap;
+      height: var(--lg-combobox-chip-height);
+      font-size: var(--lg-combobox-chip-font-size);
+      line-height: var(--lg-combobox-chip-line-height);
+      border-radius: var(--lg-combobox-chip-border-radius);
+      color: var(--lg-combobox-chip-text-color);
+      background-color: var(--lg-combobox-chip-background-color);
+
+      // TODO - refine these styles
+      /* &:focus, */
+      &:focus-within {
+        background-color: var(--lg-combobox-chip-focus-color);
+      }
+    `);
+};
+const chipText = (0, emotion_1.css) `
+  padding-inline: var(--lg-combobox-chip-padding-x);
+`;
+const chipButton = (0, emotion_1.css) `
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  outline: none;
+  border: none;
+  background-color: transparent;
+  color: var(--lg-combobox-chip-icon-color);
+  cursor: pointer;
+  transition: background-color 100ms ease-in-out;
+
+  &:before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 1px;
+    background-color: var(--lg-combobox-chip-hover-color);
+  }
+
+  &:hover {
+    background-color: var(--lg-combobox-chip-hover-color);
+  }
+`;
+exports.Chip = react_1.default.forwardRef(({ displayName, isFocused, onRemove, onFocus }, forwardedRef) => {
+    const { darkMode, size, disabled, chipTruncationLocation, chipCharacterLimit = 12, } = (0, react_1.useContext)(combobox_context_1.ComboboxContext);
+    const isTruncated = !!chipCharacterLimit &&
+        !!chipTruncationLocation &&
+        chipTruncationLocation !== 'none' &&
+        displayName.length > chipCharacterLimit;
+    const buttonRef = (0, react_1.useRef)(null);
+    const truncatedName = (0, react_1.useMemo)(() => {
+        if (isTruncated) {
+            const ellipsis = '…';
+            const chars = chipCharacterLimit - 3;
+            switch (chipTruncationLocation) {
+                case 'start': {
+                    const end = displayName
+                        .substring(displayName.length - chars)
+                        .trim();
+                    return ellipsis + end;
+                }
+                case 'middle': {
+                    const start = displayName.substring(0, chars / 2).trim();
+                    const end = displayName
+                        .substring(displayName.length - chars / 2)
+                        .trim();
+                    return start + ellipsis + end;
+                }
+                case 'end': {
+                    const start = displayName.substring(0, chars).trim();
+                    return start + ellipsis;
+                }
+                default: {
+                    return displayName;
+                }
+            }
+        }
+        return false;
+    }, [chipCharacterLimit, chipTruncationLocation, displayName, isTruncated]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (isFocused && !disabled) {
+            (_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [disabled, forwardedRef, isFocused]);
+    const handleKeyDown = (e) => {
+        if (!disabled &&
+            (e.keyCode === util_1.keyMap.Delete ||
+                e.keyCode === util_1.keyMap.Backspace ||
+                e.keyCode === util_1.keyMap.Enter ||
+                e.keyCode === util_1.keyMap.Space)) {
+            onRemove();
+        }
+    };
+    const handleChipClick = (e) => {
+        var _a;
+        if (!((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
+            onFocus();
+        }
+    };
+    const handleButtonClick = () => {
+        if (!disabled) {
+            onRemove();
+        }
+    };
+    const dataProp = (0, lib_1.createDataProp)('combobox-chip');
+    return (react_1.default.createElement("span", { role: "option", "aria-selected": isFocused, "data-testid": "lg-combobox-chip", ...dataProp.prop, ref: forwardedRef, className: chipWrapperStyle({ darkMode, size }), onClick: handleChipClick, tabIndex: -1 },
+        react_1.default.createElement("span", { className: chipText }, truncatedName ? (react_1.default.createElement(inline_definition_1.default, { definition: displayName, align: "bottom" }, truncatedName)) : (displayName)),
+        react_1.default.createElement("button", { "aria-label": `Deselect ${displayName}`, "aria-disabled": disabled, disabled: disabled, ref: buttonRef, className: chipButton, onClick: handleButtonClick, onKeyDown: handleKeyDown },
+            react_1.default.createElement(icon_1.default, { glyph: "X" }))));
+});
+exports.Chip.displayName = 'Chip';
+//# sourceMappingURL=chip.js.map

package/lib/components/leafy-green/combobox/chip.js.map

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

package/lib/components/leafy-green/combobox/combobox-context.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { ComboboxSize, TrunctationLocation } from './combobox-types';
+interface ComboboxData {
+    multiselect: boolean;
+    darkMode: boolean;
+    size: keyof typeof ComboboxSize;
+    withIcons: boolean;
+    disabled: boolean;
+    chipTruncationLocation?: TrunctationLocation;
+    chipCharacterLimit?: number;
+    inputValue?: string;
+}
+export declare const ComboboxContext: import("react").Context<ComboboxData>;
+export {};
+//# sourceMappingURL=combobox-context.d.ts.map

package/lib/components/leafy-green/combobox/combobox-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-context.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-context.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,OAAO,YAAY,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uCAM1B,CAAC"}

package/lib/components/leafy-green/combobox/combobox-context.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComboboxContext = void 0;
+const react_1 = require("react");
+exports.ComboboxContext = (0, react_1.createContext)({
+    multiselect: false,
+    darkMode: false,
+    size: 'default',
+    withIcons: false,
+    disabled: false,
+});
+//# sourceMappingURL=combobox-context.js.map

package/lib/components/leafy-green/combobox/combobox-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-context.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-context.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAczB,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAe;IACzD,WAAW,EAAE,KAAK;IAClB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CAChB,CAAC,CAAC"}

package/lib/components/leafy-green/combobox/combobox-group.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComboboxGroupProps } from './combobox-types';
+export declare function InternalComboboxGroup({ label, className, children, }: ComboboxGroupProps): JSX.Element;
+declare function ComboboxGroup(): JSX.Element;
+declare namespace ComboboxGroup {
+    var displayName: string;
+}
+export default ComboboxGroup;
+//# sourceMappingURL=combobox-group.d.ts.map

package/lib/components/leafy-green/combobox/combobox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-group.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-group.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA4B3D,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkBlC;AAID,iBAAwB,aAAa,IAAI,GAAG,CAAC,OAAO,CAEnD;kBAFuB,aAAa;;;eAAb,aAAa"}