@mongodb-js/compass-components 0.15.0 → 1.0.0

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-test-id": "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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AAEtE,+DAAuC;AACvC,yDAAqD;AACrD,oDAAiD;AACjD,oDAAkD;AAClD,yFAAgE;AAChE,4CAAoD;AACpD,iCAAgC;AAEhC,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,IAAI,GAIL,EAAE,EAAE;IACH,IAAI,aAAa,EAAE,aAAa,CAAC;IAEjC,IAAI,QAAQ,EAAE;QACZ,aAAa,GAAG,IAAA,aAAG,EAAA,EAAE,CAAC;KACvB;SAAM;QACL,aAAa,GAAG,IAAA,aAAG,EAAA;uCACgB,kBAAQ,CAAC,IAAI,CAAC,KAAK;uCACnB,kBAAQ,CAAC,IAAI,CAAC,KAAK;6CACb,kBAAQ,CAAC,IAAI,CAAC,MAAM;wCACzB,kBAAQ,CAAC,IAAI,CAAC,MAAM;wCACpB,kBAAQ,CAAC,IAAI,CAAC,MAAM;KACvD,CAAC;KACH;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,aAAa,GAAG,IAAA,aAAG,EAAA;;;;;;OAMlB,CAAC;YACF,MAAM;KACT;IAED,OAAO,IAAA,YAAE,EACP,aAAa,EACb,aAAa,EACb,IAAA,aAAG,EAAA;;;;;;;;;;;;;;;;;KAiBF,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAA;;CAEnB,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,aAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEW,QAAA,IAAI,GAAG,eAAK,CAAC,UAAU,CAClC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAa,EAAE,YAAY,EAAE,EAAE;IACzE,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,sBAAsB,EACtB,kBAAkB,GAAG,EAAE,GACxB,GAAG,IAAA,kBAAU,EAAC,kCAAe,CAAC,CAAC;IAEhC,MAAM,WAAW,GACf,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,sBAAsB;QACxB,sBAAsB,KAAK,MAAM;QACjC,WAAW,CAAC,MAAM,GAAG,kBAAkB,CAAC;IAE1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,WAAW,EAAE;YACf,MAAM,QAAQ,GAAG,GAAG,CAAC;YACrB,MAAM,KAAK,GAAG,kBAAkB,GAAG,CAAC,CAAC;YAErC,QAAQ,sBAAsB,EAAE;gBAC9B,KAAK,OAAO,CAAC,CAAC;oBACZ,MAAM,GAAG,GAAG,WAAW;yBACpB,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;yBACrC,IAAI,EAAE,CAAC;oBACV,OAAO,QAAQ,GAAG,GAAG,CAAC;iBACvB;gBAED,KAAK,QAAQ,CAAC,CAAC;oBACb,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;oBACzD,MAAM,GAAG,GAAG,WAAW;yBACpB,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;yBACzC,IAAI,EAAE,CAAC;oBACV,OAAO,KAAK,GAAG,QAAQ,GAAG,GAAG,CAAC;iBAC/B;gBAED,KAAK,KAAK,CAAC,CAAC;oBACV,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;oBACrD,OAAO,KAAK,GAAG,QAAQ,CAAC;iBACzB;gBAED,OAAO,CAAC,CAAC;oBACP,OAAO,WAAW,CAAC;iBACpB;aACF;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3E,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE;YAC1B,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,IACE,CAAC,QAAQ;YACT,CAAC,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,MAAM;gBAC1B,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,SAAS;gBAC9B,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,KAAK;gBAC1B,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,KAAK,CAAC,EAC7B;YACA,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAmB,EAAE,EAAE;;QAE9C,IAAI,CAAC,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAA,EAAE;YAClD,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,oBAAc,EAAC,eAAe,CAAC,CAAC;IAEjD,OAAO,CAEL,wCACE,IAAI,EAAC,QAAQ,mBACE,SAAS,kBACX,kBAAkB,KAC3B,QAAQ,CAAC,IAAI,EACjB,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAC/C,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,CAAC;QAEZ,wCAAM,SAAS,EAAE,QAAQ,IACtB,aAAa,CAAC,CAAC,CAAC,CACf,8BAAC,2BAAgB,IAAC,UAAU,EAAE,WAAW,EAAE,KAAK,EAAC,QAAQ,IACtD,aAAa,CACG,CACpB,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI;QACP,wDACc,YAAY,WAAW,EAAE,mBACtB,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,aAAa;YAExB,8BAAC,cAAI,IAAC,KAAK,EAAC,GAAG,GAAG,CACX,CACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

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"}

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

@@ -0,0 +1,69 @@
+"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.InternalComboboxGroup = void 0;
+const emotion_1 = require("@leafygreen-ui/emotion");
+const hooks_1 = require("@leafygreen-ui/hooks");
+const palette_1 = require("@leafygreen-ui/palette");
+const react_1 = __importStar(require("react"));
+const combobox_context_1 = require("./combobox-context");
+const comboboxGroupStyle = (darkMode) => (0, emotion_1.css) `
+  --lg-combobox-group-label-color: ${darkMode
+    ? palette_1.uiColors.gray.light1
+    : palette_1.uiColors.gray.dark1};
+  --lg-combobox-group-border-color: ${darkMode
+    ? palette_1.uiColors.gray.dark1
+    : palette_1.uiColors.gray.light1};
+  padding-top: 8px;
+  border-bottom: 1px solid var(--lg-combobox-group-border-color);
+`;
+const comboboxGroupLabel = (0, emotion_1.css) `
+  cursor: default;
+  width: 100%;
+  padding: 0 12px 2px;
+  outline: none;
+  overflow-wrap: anywhere;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: bold;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
+  color: var(--lg-combobox-group-label-color);
+`;
+function InternalComboboxGroup({ label, className, children, }) {
+    const { darkMode } = (0, react_1.useContext)(combobox_context_1.ComboboxContext);
+    const groupId = (0, hooks_1.useIdAllocator)({ prefix: 'combobox-group' });
+    const childCount = react_1.default.Children.count(children);
+    return childCount > 0 ? (react_1.default.createElement("div", { className: (0, emotion_1.cx)(comboboxGroupStyle(darkMode), className) },
+        react_1.default.createElement("div", { className: comboboxGroupLabel, id: groupId }, label),
+        react_1.default.createElement("div", { role: "group", "aria-labelledby": groupId }, children))) : (react_1.default.createElement(react_1.default.Fragment, null));
+}
+exports.InternalComboboxGroup = InternalComboboxGroup;
+ComboboxGroup.displayName = 'ComboboxGroup';
+function ComboboxGroup() {
+    throw Error('`ComboboxGroup` must be a child of a `Combobox` instance');
+}
+exports.default = ComboboxGroup;
+//# sourceMappingURL=combobox-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-group.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAiD;AACjD,gDAAsD;AACtD,oDAAkD;AAClD,+CAA0C;AAE1C,yDAAqD;AAErD,MAAM,kBAAkB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;qCAChB,QAAQ;IACzC,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACtB,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,KAAK;sCACa,QAAQ;IAC1C,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACrB,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,MAAM;;;CAGzB,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAA;;;;;;;;;;;;CAY7B,CAAC;AAEF,SAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAU,EAAC,kCAAe,CAAC,CAAC;IAEjD,MAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAElD,OAAO,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;QACzD,uCAAK,SAAS,EAAE,kBAAkB,EAAE,EAAE,EAAE,OAAO,IAC5C,KAAK,CACF;QACN,uCAAK,IAAI,EAAC,OAAO,qBAAkB,OAAO,IACvC,QAAQ,CACL,CACF,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC;AAtBD,sDAsBC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,SAAwB,aAAa;IACnC,MAAM,KAAK,CAAC,0DAA0D,CAAC,CAAC;AAC1E,CAAC;AAFD,gCAEC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { InternalComboboxOptionProps } from './combobox-types';
+declare const InternalComboboxOption: React.ForwardRefExoticComponent<InternalComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
+export { InternalComboboxOption };
+declare function ComboboxOption(): JSX.Element;
+declare namespace ComboboxOption {
+    var displayName: string;
+}
+export default ComboboxOption;
+//# sourceMappingURL=combobox-option.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-option.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AA+DpE,QAAA,MAAM,sBAAsB,mGAwH3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,iBAAwB,cAAc,IAAI,GAAG,CAAC,OAAO,CAEpD;kBAFuB,cAAc;;;eAAd,cAAc"}

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

@@ -0,0 +1,142 @@
+"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.InternalComboboxOption = void 0;
+const emotion_1 = require("@leafygreen-ui/emotion");
+const react_1 = __importStar(require("react"));
+const palette_1 = require("@leafygreen-ui/palette");
+const lib_1 = require("@leafygreen-ui/lib");
+const hooks_1 = require("@leafygreen-ui/hooks");
+const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
+const icon_1 = __importStar(require("@leafygreen-ui/icon"));
+const combobox_context_1 = require("./combobox-context");
+const util_1 = require("./util");
+const comboboxOptionStyle = () => (0, emotion_1.css) `
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  list-style: none;
+  color: inherit;
+  cursor: pointer;
+  overflow: hidden;
+  font-size: var(--lg-combobox-item-font-size);
+  line-height: var(--lg-combobox-item-line-height);
+  padding: var(--lg-combobox-item-padding-y) var(--lg-combobox-item-padding-x);
+
+  &:before {
+    content: '';
+    position: absolute;
+    left: 0;
+    width: 3px;
+    height: var(--lg-combobox-item-wedge-height);
+    background-color: transparent;
+    border-radius: 0 2px 2px 0;
+    transform: scaleY(0.3);
+    transition: 150ms ease-in-out;
+    transition-property: transform, background-color;
+  }
+
+  &:hover {
+    outline: none;
+    background-color: var(--lg-combobox-item-hover-color);
+  }
+
+  &[aria-selected='true'] {
+    outline: none;
+    background-color: var(--lg-combobox-item-active-color);
+
+    &:before {
+      background-color: var(--lg-combobox-item-wedge-color);
+      transform: scaleY(1);
+    }
+  }
+`;
+const flexSpan = (0, emotion_1.css) `
+  display: inline-flex;
+  gap: 8px;
+  justify-content: start;
+  align-items: inherit;
+`;
+const displayNameStyle = (isSelected) => (0, emotion_1.css) `
+  font-weight: ${isSelected ? 'bold' : 'normal'};
+`;
+const InternalComboboxOption = react_1.default.forwardRef(({ displayName, glyph, isSelected, isFocused, setSelected, className, }, forwardedRef) => {
+    const { multiselect, darkMode, withIcons, inputValue } = (0, react_1.useContext)(combobox_context_1.ComboboxContext);
+    const optionTextId = (0, hooks_1.useIdAllocator)({ prefix: 'combobox-option-text' });
+    const optionRef = (0, hooks_1.useForwardedRef)(forwardedRef, null);
+    const handleOptionClick = (0, react_1.useCallback)((e) => {
+        e.stopPropagation();
+        if (e.target === optionRef.current ||
+            e.target.tagName === 'INPUT' ||
+            e.target.tagName === 'SPAN') {
+            setSelected();
+        }
+    }, [optionRef, setSelected]);
+    const renderedIcon = (0, react_1.useMemo)(() => {
+        if (glyph) {
+            if ((0, icon_1.isComponentGlyph)(glyph) || (0, lib_1.isComponentType)(glyph, 'Icon')) {
+                return glyph;
+            }
+            console.error('`ComboboxOption` instance did not render icon because it is not a known glyph element.', glyph);
+        }
+    }, [glyph]);
+    const renderedChildren = (0, react_1.useMemo)(() => {
+        if (multiselect) {
+            const checkbox = (react_1.default.createElement(checkbox_1.default, { label: "", "aria-labelledby": optionTextId, checked: isSelected, tabIndex: -1, animate: false }));
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("span", { className: flexSpan },
+                    withIcons ? renderedIcon : checkbox,
+                    react_1.default.createElement("span", { id: optionTextId, className: displayNameStyle(isSelected) }, (0, util_1.wrapJSX)(displayName, inputValue, 'strong'))),
+                withIcons && checkbox));
+        }
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("span", { className: flexSpan },
+                renderedIcon,
+                react_1.default.createElement("span", { className: displayNameStyle(isSelected) }, (0, util_1.wrapJSX)(displayName, inputValue, 'strong'))),
+            isSelected && (react_1.default.createElement(icon_1.default, { glyph: "Checkmark", color: darkMode ? palette_1.uiColors.blue.light1 : palette_1.uiColors.blue.base }))));
+    }, [
+        multiselect,
+        renderedIcon,
+        isSelected,
+        displayName,
+        inputValue,
+        darkMode,
+        optionTextId,
+        withIcons,
+    ]);
+    return (react_1.default.createElement("li", { ref: optionRef, role: "option", "aria-selected": isFocused, "aria-label": displayName, tabIndex: -1, className: (0, emotion_1.cx)(comboboxOptionStyle(), className), onClick: handleOptionClick, onKeyPress: handleOptionClick }, renderedChildren));
+});
+exports.InternalComboboxOption = InternalComboboxOption;
+InternalComboboxOption.displayName = 'ComboboxOption';
+function ComboboxOption() {
+    throw Error('`ComboboxOption` must be a child of a `Combobox` instance');
+}
+exports.default = ComboboxOption;
+ComboboxOption.displayName = 'ComboboxOption';
+//# sourceMappingURL=combobox-option.js.map

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

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

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

@@ -0,0 +1,94 @@
+import type { ReactElement, ReactNode } from 'react';
+import type { Either } from '@leafygreen-ui/lib';
+export declare const ComboboxSize: {
+    readonly default: "default";
+};
+export declare type ComboboxSize = typeof ComboboxSize[keyof typeof ComboboxSize];
+export declare const TrunctationLocation: {
+    readonly start: "start";
+    readonly middle: "middle";
+    readonly end: "end";
+    readonly none: "none";
+};
+export declare type TrunctationLocation = typeof TrunctationLocation[keyof typeof TrunctationLocation];
+export declare const Overflow: {
+    readonly expandY: "expand-y";
+    readonly expandX: "expand-x";
+    readonly scrollY: "scroll-x";
+};
+export declare type Overflow = typeof Overflow[keyof typeof Overflow];
+export declare const State: {
+    readonly error: "error";
+    readonly none: "none";
+};
+export declare type State = typeof State[keyof typeof State];
+export declare const SearchState: {
+    readonly unset: "unset";
+    readonly error: "error";
+    readonly loading: "loading";
+};
+export declare type SearchState = typeof SearchState[keyof typeof SearchState];
+export declare type SelectValueType<M extends boolean> = M extends true ? Array<string> : string | null;
+export declare type onChangeType<M extends boolean> = M extends true ? (value: SelectValueType<true>) => void : (value: SelectValueType<false>) => void;
+export declare function getNullSelection<M extends boolean>(multiselect: M): SelectValueType<M>;
+export interface ComboboxMultiselectProps<M extends boolean> {
+    multiselect?: M;
+    initialValue?: SelectValueType<M>;
+    onChange?: onChangeType<M>;
+    value?: SelectValueType<M>;
+    overflow?: M extends true ? Overflow : undefined;
+}
+export interface BaseComboboxProps {
+    children?: ReactNode;
+    label?: string;
+    'aria-label'?: string;
+    description?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: ComboboxSize;
+    darkMode?: boolean;
+    state?: State;
+    errorMessage?: string;
+    searchState?: SearchState;
+    searchEmptyMessage?: string;
+    searchErrorMessage?: string;
+    searchLoadingMessage?: string;
+    onFilter?: (value: string) => void;
+    clearable?: boolean;
+    onClear?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    filteredOptions?: Array<string>;
+    chipTruncationLocation?: TrunctationLocation;
+    chipCharacterLimit?: number;
+    className?: string;
+}
+export declare type ComboboxProps<M extends boolean> = Either<BaseComboboxProps & ComboboxMultiselectProps<M>, 'label' | 'aria-label'>;
+interface BaseComboboxOptionProps {
+    value?: string;
+    displayName?: string;
+    glyph?: ReactElement;
+    className?: string;
+}
+export declare type ComboboxOptionProps = Either<BaseComboboxOptionProps, 'value' | 'displayName'>;
+export interface InternalComboboxOptionProps {
+    value: string;
+    displayName: string;
+    isSelected: boolean;
+    isFocused: boolean;
+    setSelected: () => void;
+    glyph?: ReactElement;
+    className?: string;
+    index: number;
+}
+export interface ComboboxGroupProps {
+    label: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ChipProps {
+    displayName: string;
+    isFocused: boolean;
+    onRemove: () => void;
+    onFocus: () => void;
+}
+export {};
+//# sourceMappingURL=combobox-types.d.ts.map

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getNullSelection = exports.SearchState = exports.State = exports.Overflow = exports.TrunctationLocation = exports.ComboboxSize = void 0;
+exports.ComboboxSize = {
+    default: 'default',
+};
+exports.TrunctationLocation = {
+    start: 'start',
+    middle: 'middle',
+    end: 'end',
+    none: 'none',
+};
+exports.Overflow = {
+    expandY: 'expand-y',
+    expandX: 'expand-x',
+    scrollY: 'scroll-x',
+};
+exports.State = {
+    error: 'error',
+    none: 'none',
+};
+exports.SearchState = {
+    unset: 'unset',
+    error: 'error',
+    loading: 'loading',
+};
+function getNullSelection(multiselect) {
+    if (multiselect) {
+        return [];
+    }
+    else {
+        return null;
+    }
+}
+exports.getNullSelection = getNullSelection;
+//# sourceMappingURL=combobox-types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-types.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,SAAS;CACV,CAAC;AAGE,QAAA,mBAAmB,GAAG;IACjC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC;AAIE,QAAA,QAAQ,GAAG;IACtB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;CACX,CAAC;AAGE,QAAA,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACJ,CAAC;AAGE,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAeX,SAAgB,gBAAgB,CAC9B,WAAc;IAEd,IAAI,WAAW,EAAE;QACf,OAAO,EAAyC,CAAC;KAClD;SAAM;QACL,OAAO,IAA0B,CAAC;KACnC;AACH,CAAC;AARD,4CAQC"}

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ComboboxProps } from './combobox-types';
+export default function Combobox<M extends boolean>({ children, label, description, placeholder, 'aria-label': ariaLabel, disabled, size, darkMode, state, errorMessage, searchState, searchEmptyMessage, searchErrorMessage, searchLoadingMessage, filteredOptions, onFilter, clearable, onClear, overflow, multiselect, initialValue, onChange, value, chipTruncationLocation, chipCharacterLimit, className, ...rest }: ComboboxProps<M>): JSX.Element;
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox.tsx"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EACV,aAAa,EAGd,MAAM,kBAAkB,CAAC;AA4B1B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAClD,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAAgB,EAChB,QAAgB,EAChB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAqB,EACrB,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAgkClB"}