@mongodb-js/compass-components 0.10.1 → 0.13.0

package/lib/compass-font-sizes.d.ts

@@ -0,0 +1,2 @@
+export declare const defaultFontSize = "14px";
+//# sourceMappingURL=compass-font-sizes.d.ts.map

package/lib/compass-font-sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compass-font-sizes.d.ts","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SAAS,CAAC"}

package/lib/compass-font-sizes.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFontSize = void 0;
+exports.defaultFontSize = '14px';
+//# sourceMappingURL=compass-font-sizes.js.map

package/lib/compass-font-sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compass-font-sizes.js","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG,MAAM,CAAC"}

package/lib/compass-ui-colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAC3D,eAAO,MAAM,IAAI,YAAY,CAAC"}
+{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAC3D,eAAO,MAAM,IAAI,YAAY,CAAC"}

package/lib/compass-ui-colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC;AAC9C,QAAA,IAAI,GAAG,SAAS,CAAC"}
+{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC;AAC9C,QAAA,IAAI,GAAG,SAAS,CAAC"}

package/lib/components/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAqCxC,UAAU,cAAc;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,iBAAS,SAAS,CAChB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAC7C,KAAK,CAAC,YAAY,CAkCpB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAmCxC,UAAU,cAAc;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,iBAAS,SAAS,CAChB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAC7C,KAAK,CAAC,YAAY,CAiCpB;AAED,eAAe,SAAS,CAAC"}

package/lib/components/accordion.js

@@ -18,22 +18,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
 const react_1 = __importStar(require("react"));
 const tokens_1 = require("@leafygreen-ui/tokens");
 const emotion_1 = require("@leafygreen-ui/emotion");
-const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
 const palette_1 = require("@leafygreen-ui/palette");
 const utils_1 = require("@react-aria/utils");
-const labelStyles = (0, emotion_1.css)({
-    padding: 0,
-    margin: 0,
-    fontWeight: 'bold',
-});
+const leafygreen_1 = require("./leafygreen");
+const compass_font_sizes_1 = require("../compass-font-sizes");
 const buttonStyles = (0, emotion_1.css)({
+    fontWeight: 'bold',
+    fontSize: compass_font_sizes_1.defaultFontSize,
     display: 'flex',
     alignItems: 'center',
     border: 'none',
@@ -61,14 +56,13 @@ function Accordion(props) {
     const [open, setOpen] = (0, react_1.useState)(false);
     const regionId = (0, utils_1.useId)('region-');
     const labelId = (0, utils_1.useId)('label-');
-    return (react_1.default.createElement("div", null,
+    return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: containerStyles },
-            react_1.default.createElement("p", { className: labelStyles, id: labelId },
-                react_1.default.createElement("button", { "data-testid": props['data-testid'], className: buttonStyles, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
-                        setOpen((currentOpen) => !currentOpen);
-                    } },
-                    react_1.default.createElement(icon_1.default, { className: buttonIconStyles, glyph: open ? 'ChevronDown' : 'ChevronRight' }),
-                    props.text))),
+            react_1.default.createElement("button", { "data-testid": props['data-testid'], className: buttonStyles, id: labelId, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
+                    setOpen((currentOpen) => !currentOpen);
+                } },
+                react_1.default.createElement(leafygreen_1.Icon, { className: buttonIconStyles, glyph: open ? 'ChevronDown' : 'ChevronRight' }),
+                props.text)),
         open && (react_1.default.createElement("div", { role: "region", "aria-labelledby": labelId, id: regionId }, props.children))));
 }
 exports.default = Accordion;

package/lib/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,eAAe;YAC7B,qCAAG,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO;gBACpC,yDACe,KAAK,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,YAAY,EACvB,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;oBACzC,CAAC;oBAED,8BAAC,cAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;oBACD,KAAK,CAAC,IAAI,CACJ,CACP,CACA;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,oDAAkD;AAClD,6CAA0C;AAE1C,6CAAoC;AACpC,8DAAwD;AAExD,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,oCAAe;IACzB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,eAAe;YAC7B,yDACe,KAAK,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;gBACzC,CAAC;gBAED,8BAAC,iBAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;gBACD,KAAK,CAAC,IAAI,CACJ,CACL;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}

package/lib/components/bson-value.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { TypeCastMap, TypeCastTypes } from 'hadron-type-checker';
+import type { DBRef } from 'bson';
+declare type ValueProps = {
+    [type in keyof TypeCastMap]: {
+        type: type;
+        value: TypeCastMap[type];
+    };
+}[keyof TypeCastMap] | {
+    type: 'DBRef';
+    value: DBRef;
+};
+declare type ValueTypes = ValueProps['type'];
+declare type PropsByValueType<V extends ValueTypes> = Omit<Extract<ValueProps, {
+    type: V;
+}>, 'type'>;
+export declare const VALUE_COLOR_BY_TYPE: Record<Extract<TypeCastTypes, 'Int32' | 'Double' | 'Decimal128' | 'Date' | 'Boolean' | 'String' | 'ObjectId'>, string>;
+export declare function hasCustomColor(type: ValueTypes | string): type is keyof typeof VALUE_COLOR_BY_TYPE;
+export declare const ObjectIdValue: React.FunctionComponent<PropsByValueType<'ObjectId'>>;
+export declare const BinaryValue: React.FunctionComponent<PropsByValueType<'Binary'>>;
+export declare const CodeValue: React.FunctionComponent<PropsByValueType<'Code'>>;
+export declare const DateValue: React.FunctionComponent<PropsByValueType<'Date'>>;
+export declare const NumberValue: React.FunctionComponent<PropsByValueType<'Int32' | 'Double'> & {
+    type: 'Int32' | 'Double';
+}>;
+export declare const StringValue: React.FunctionComponent<PropsByValueType<'String'>>;
+export declare const RegExpValue: React.FunctionComponent<PropsByValueType<'BSONRegExp'>>;
+export declare const TimestampValue: React.FunctionComponent<PropsByValueType<'Timestamp'>>;
+export declare const KeyValue: React.FunctionComponent<{
+    type: 'MinKey' | 'MaxKey';
+}>;
+export declare const DBRefValue: React.FunctionComponent<PropsByValueType<'DBRef'>>;
+export declare const SymbolValue: React.FunctionComponent<PropsByValueType<'BSONSymbol'>>;
+export declare const UnknownValue: React.FunctionComponent<{
+    type: string;
+    value: unknown;
+}>;
+declare const BSONValue: React.FunctionComponent<ValueProps>;
+export default BSONValue;
+//# sourceMappingURL=bson-value.d.ts.map

package/lib/components/bson-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAGlC,aAAK,UAAU,GACX;KACG,IAAI,IAAI,MAAM,WAAW,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAAE;CACtE,CAAC,MAAM,WAAW,CAAC,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAOpC,aAAK,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAErC,aAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAChD,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,EAChC,MAAM,CACP,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,OAAO,CACL,aAAa,EACX,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,SAAS,GACT,QAAQ,GACR,UAAU,CACb,EACD,MAAM,CASP,CAAC;AAEF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,GAAG,MAAM,GACxB,IAAI,IAAI,MAAM,OAAO,mBAAmB,CAE1C;AA4BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CACjD,gBAAgB,CAAC,UAAU,CAAC,CAa7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAyBzE,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAcvE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAgBvE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,CAWpE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAWzE,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAClD,gBAAgB,CAAC,WAAW,CAAC,CAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAWzE,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAczE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB,CAUA,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAkClD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/bson-value.js

@@ -0,0 +1,200 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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.UnknownValue = exports.SymbolValue = exports.DBRefValue = exports.KeyValue = exports.TimestampValue = exports.RegExpValue = exports.StringValue = exports.NumberValue = exports.DateValue = exports.CodeValue = exports.BinaryValue = exports.ObjectIdValue = exports.hasCustomColor = exports.VALUE_COLOR_BY_TYPE = void 0;
+const react_1 = __importStar(require("react"));
+const bson_1 = require("bson");
+const emotion_1 = require("@leafygreen-ui/emotion");
+function truncate(str, length = 70) {
+    const truncated = str.slice(0, length);
+    return length < str.length ? `${truncated}…` : str;
+}
+exports.VALUE_COLOR_BY_TYPE = {
+    Int32: '#145a32',
+    Double: '#1e8449',
+    Decimal128: '#229954',
+    Date: 'firebrick',
+    Boolean: 'purple',
+    String: 'steelblue',
+    ObjectId: 'orangered',
+};
+function hasCustomColor(type) {
+    return type in exports.VALUE_COLOR_BY_TYPE;
+}
+exports.hasCustomColor = hasCustomColor;
+const bsonValue = (0, emotion_1.css)({
+    whiteSpace: 'nowrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+});
+const bsonValuePrewrap = (0, emotion_1.css)({
+    whiteSpace: 'pre-wrap',
+});
+function getStyles(type) {
+    return (0, emotion_1.cx)(bsonValue, type === 'String' && bsonValuePrewrap, hasCustomColor(type) &&
+        (0, emotion_1.css)({
+            color: exports.VALUE_COLOR_BY_TYPE[type],
+        }), `element-value element-value-is-${type.toLowerCase()}`);
+}
+const nonSelectable = (0, emotion_1.css)({
+    userSelect: 'none',
+});
+const ObjectIdValue = ({ value }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return String(value);
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles('ObjectId'), title: stringifiedValue },
+        react_1.default.createElement("span", { className: nonSelectable }, "ObjectId('"),
+        stringifiedValue,
+        react_1.default.createElement("span", { className: nonSelectable }, "')")));
+};
+exports.ObjectIdValue = ObjectIdValue;
+const BinaryValue = ({ value }) => {
+    const { stringifiedValue, title } = (0, react_1.useMemo)(() => {
+        if (value.sub_type === bson_1.Binary.SUBTYPE_ENCRYPTED) {
+            return {
+                stringifiedValue: '*********',
+                title: 'Encrypted',
+            };
+        }
+        if (value.sub_type === bson_1.Binary.SUBTYPE_UUID) {
+            return { stringifiedValue: `UUID('${value.toUUID().toHexString()}')` };
+        }
+        return {
+            stringifiedValue: `Binary('${truncate(value.toString('base64'), 100)}', ${value.sub_type})`,
+        };
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles('Binary'), title: title !== null && title !== void 0 ? title : stringifiedValue }, stringifiedValue));
+};
+exports.BinaryValue = BinaryValue;
+const CodeValue = ({ value, }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return `Code('${String(value.code)}'${value.scope ? `, ${JSON.stringify(value.scope)}` : ''})`;
+    }, [value.code, value.scope]);
+    return (react_1.default.createElement("div", { className: getStyles('Code'), title: stringifiedValue }, stringifiedValue));
+};
+exports.CodeValue = CodeValue;
+const DateValue = ({ value, }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        try {
+            return new Date(value).toISOString().replace('Z', '+00:00');
+        }
+        catch (_a) {
+            return String(value);
+        }
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles('Date'), title: stringifiedValue }, stringifiedValue));
+};
+exports.DateValue = DateValue;
+const NumberValue = ({ type, value }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return String(value.valueOf());
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles(type), title: stringifiedValue }, stringifiedValue));
+};
+exports.NumberValue = NumberValue;
+const StringValue = ({ value }) => {
+    const truncatedValue = (0, react_1.useMemo)(() => {
+        return truncate(value, 70);
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles('String'), title: value },
+        "\"",
+        truncatedValue,
+        "\""));
+};
+exports.StringValue = StringValue;
+const RegExpValue = ({ value }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return `/${value.pattern}/${value.options}`;
+    }, [value.pattern, value.options]);
+    return (react_1.default.createElement("div", { className: getStyles('BSONRegExp'), title: stringifiedValue }, stringifiedValue));
+};
+exports.RegExpValue = RegExpValue;
+const TimestampValue = ({ value }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return `Timestamp({ t: ${value.getHighBits()}, i: ${value.getLowBits()} })`;
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles('Timestamp'), title: stringifiedValue }, stringifiedValue));
+};
+exports.TimestampValue = TimestampValue;
+const KeyValue = ({ type }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return `${type}()`;
+    }, [type]);
+    return (react_1.default.createElement("div", { className: getStyles(type), title: stringifiedValue }, stringifiedValue));
+};
+exports.KeyValue = KeyValue;
+const DBRefValue = ({ value, }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return `DBRef('${value.collection}', '${String(value.oid)}'${(value === null || value === void 0 ? void 0 : value.db) ? `, '${value.db}'` : ''})`;
+    }, [value.collection, value.oid, value.db]);
+    return (react_1.default.createElement("div", { className: getStyles('DBRef'), title: stringifiedValue }, stringifiedValue));
+};
+exports.DBRefValue = DBRefValue;
+const SymbolValue = ({ value }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return `Symbol('${String(value)}')`;
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles('Symbol'), title: stringifiedValue }, stringifiedValue));
+};
+exports.SymbolValue = SymbolValue;
+const UnknownValue = ({ type, value }) => {
+    const stringifiedValue = (0, react_1.useMemo)(() => {
+        return String(value);
+    }, [value]);
+    return (react_1.default.createElement("div", { className: getStyles(type), title: stringifiedValue }, stringifiedValue));
+};
+exports.UnknownValue = UnknownValue;
+const BSONValue = (props) => {
+    switch (props.type) {
+        case 'ObjectId':
+            return react_1.default.createElement(exports.ObjectIdValue, { value: props.value });
+        case 'Date':
+            return react_1.default.createElement(exports.DateValue, { value: props.value });
+        case 'Binary':
+            return react_1.default.createElement(exports.BinaryValue, { value: props.value });
+        case 'Int32':
+        case 'Double':
+            return react_1.default.createElement(exports.NumberValue, { type: props.type, value: props.value });
+        case 'String':
+            return react_1.default.createElement(exports.StringValue, { value: props.value });
+        case 'BSONRegExp':
+            return react_1.default.createElement(exports.RegExpValue, { value: props.value });
+        case 'Code':
+            return react_1.default.createElement(exports.CodeValue, { value: props.value });
+        case 'MinKey':
+        case 'MaxKey':
+            return react_1.default.createElement(exports.KeyValue, { type: props.type });
+        case 'DBRef':
+            return react_1.default.createElement(exports.DBRefValue, { value: props.value });
+        case 'Timestamp':
+            return react_1.default.createElement(exports.TimestampValue, { value: props.value });
+        case 'BSONSymbol':
+            return react_1.default.createElement(exports.SymbolValue, { value: props.value });
+        case 'Object':
+        case 'Array':
+            return react_1.default.createElement(exports.UnknownValue, { type: props.type, value: props.type });
+        default:
+            return (react_1.default.createElement(exports.UnknownValue, { type: props.type, value: props.value }));
+    }
+};
+exports.default = BSONValue;
+//# sourceMappingURL=bson-value.js.map

package/lib/components/bson-value.js.map

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

package/lib/components/cancel-loader.js

@@ -45,7 +45,7 @@ const buttonStyle = (0, emotion_1.css)({
     boxShadow: 'none',
     color: '#13AA52',
     fontFamily: 'Akzidenz',
-    '-webkit-appearance': 'button',
+    WebkitAppearance: 'button',
     cursor: 'pointer',
     overflow: 'visible',
     margin: 0,

package/lib/components/cancel-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6C;AAC7C,kDAA0B;AAE1B,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,SAAS,EAAE,4BAA4B;IACvC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,cAAc;IACvB,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,yCAAyC;IAC/C,WAAW,EAAE;QACX,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,UAAU;IACtB,oBAAoB,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,sDAAkB,UAAU,EAAE,SAAS,EAAE,iBAAiB;QACxD,uCAAK,SAAS,EAAE,iBAAiB;YAC/B,qCAAG,SAAS,EAAE,YAAY,GAAI;YAC7B,YAAY,CACT;QACN;YACE,0CAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6C;AAC7C,kDAA0B;AAE1B,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,SAAS,EAAE,4BAA4B;IACvC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,cAAc;IACvB,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,yCAAyC;IAC/C,WAAW,EAAE;QACX,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,UAAU;IACtB,gBAAgB,EAAE,QAAQ;IAC1B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,sDAAkB,UAAU,EAAE,SAAS,EAAE,iBAAiB;QACxD,uCAAK,SAAS,EAAE,iBAAiB;YAC/B,qCAAG,SAAS,EAAE,YAAY,GAAI;YAC7B,YAAY,CACT;QACN;YACE,0CAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}

package/lib/components/checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import LeafyGreenCheckbox from '@leafygreen-ui/checkbox';
+import { Checkbox as LeafyGreenCheckbox } from './leafygreen';
 declare function Checkbox(props: React.ComponentProps<typeof LeafyGreenCheckbox>): ReturnType<typeof LeafyGreenCheckbox>;
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.ts.map

package/lib/components/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AASzD,iBAAS,QAAQ,CACf,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GACrD,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAUvC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,IAAI,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAG9D,iBAAS,QAAQ,CACf,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,GACrD,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAMvC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/lib/components/checkbox.js

@@ -5,15 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Checkbox = void 0;
 const react_1 = __importDefault(require("react"));
-const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
-const emotion_1 = require("@leafygreen-ui/emotion");
+const leafygreen_1 = require("./leafygreen");
 const use_theme_1 = require("../hooks/use-theme");
-const checkboxOverrideStyles = (0, emotion_1.css)({
-    fontWeight: 'bold',
-});
 function Checkbox(props) {
     const theme = (0, use_theme_1.useTheme)();
-    return (react_1.default.createElement(checkbox_1.default, { className: checkboxOverrideStyles, darkMode: (theme === null || theme === void 0 ? void 0 : theme.theme) === use_theme_1.Theme.Dark, ...props }));
+    return (react_1.default.createElement(leafygreen_1.Checkbox, { darkMode: (theme === null || theme === void 0 ? void 0 : theme.theme) === use_theme_1.Theme.Dark, ...props }));
 }
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=checkbox.js.map

package/lib/components/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,uEAAyD;AACzD,oDAA6C;AAE7C,kDAAqD;AAErD,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,SAAS,QAAQ,CACf,KAAsD;IAEtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,kBAAkB,IACjB,SAAS,EAAE,sBAAsB,EACjC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,iBAAK,CAAC,IAAI,KACjC,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAEQ,4BAAQ"}
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,6CAA8D;AAC9D,kDAAqD;AAErD,SAAS,QAAQ,CACf,KAAsD;IAEtD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,8BAAC,qBAAkB,IAAC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,iBAAK,CAAC,IAAI,KAAM,KAAK,GAAI,CACzE,CAAC;AACJ,CAAC;AAEQ,4BAAQ"}

package/lib/components/confirmation-modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import LeafyGreenConfirmationModal from '@leafygreen-ui/confirmation-modal';
+import { ConfirmationModal as LeafyGreenConfirmationModal } from './leafygreen';
 declare function ConfirmationModal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenConfirmationModal> & {
     trackingId?: string;
 }): React.ReactElement;

package/lib/components/confirmation-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,2BAA2B,MAAM,mCAAmC,CAAC;AAI5E,iBAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,iBAAiB,IAAI,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAEhF,iBAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,eAAe,iBAAiB,CAAC"}

package/lib/components/confirmation-modal.js

@@ -18,21 +18,18 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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 });
 const react_1 = __importStar(require("react"));
-const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
 const compass_logging_1 = require("@mongodb-js/compass-logging");
 const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
+const leafygreen_1 = require("./leafygreen");
 function ConfirmationModal({ trackingId, ...props }) {
     (0, react_1.useEffect)(() => {
         if (props.open && trackingId) {
             track('Screen', { name: trackingId });
         }
     }, [props.open, trackingId]);
-    return react_1.default.createElement(confirmation_modal_1.default, { "data-testid": trackingId, ...props });
+    return react_1.default.createElement(leafygreen_1.ConfirmationModal, { "data-testid": trackingId, ...props });
 }
 exports.default = ConfirmationModal;
 //# sourceMappingURL=confirmation-modal.js.map

package/lib/components/confirmation-modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,2FAA4E;AAC5E,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,8BAAC,4BAA2B,mBAAc,UAAU,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,kBAAe,iBAAiB,CAAC"}
+{"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,6CAAgF;AAEhF,SAAS,iBAAiB,CAAC,EACzB,UAAU,EACV,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,8BAAC,8BAA2B,mBAAc,UAAU,KAAM,KAAK,GAAI,CAAC;AAC7E,CAAC;AAED,kBAAe,iBAAiB,CAAC"}

package/lib/components/document-list/auto-focus-context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type AutoFocusInfo = {
+    id: string;
+    type: 'key' | 'value';
+} | null;
+export declare const AutoFocusContext: import("react").Context<AutoFocusInfo>;
+export declare function useAutoFocusContext(): AutoFocusInfo;
+export {};
+//# sourceMappingURL=auto-focus-context.d.ts.map

package/lib/components/document-list/auto-focus-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-focus-context.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/auto-focus-context.tsx"],"names":[],"mappings":";AAEA,aAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC;AAET,eAAO,MAAM,gBAAgB,wCAAqC,CAAC;AAEnE,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}

package/lib/components/document-list/auto-focus-context.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutoFocusContext = exports.AutoFocusContext = void 0;
+const react_1 = require("react");
+exports.AutoFocusContext = (0, react_1.createContext)(null);
+function useAutoFocusContext() {
+    return (0, react_1.useContext)(exports.AutoFocusContext);
+}
+exports.useAutoFocusContext = useAutoFocusContext;
+//# sourceMappingURL=auto-focus-context.js.map

package/lib/components/document-list/auto-focus-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auto-focus-context.js","sourceRoot":"","sources":["../../../src/components/document-list/auto-focus-context.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAOrC,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAAgB,IAAI,CAAC,CAAC;AAEnE,SAAgB,mBAAmB;IACjC,OAAO,IAAA,kBAAU,EAAC,wBAAgB,CAAC,CAAC;AACtC,CAAC;AAFD,kDAEC"}

package/lib/components/document-list/document-actions-group.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+declare const DocumentActionsGroup: React.FunctionComponent<{
+    onEdit?: () => void;
+    onCopy?: () => void;
+    onClone?: () => void;
+    onRemove?: () => void;
+    onlyShowOnHover?: boolean;
+} & ({
+    onExpand?: never;
+    expanded?: never;
+} | {
+    onExpand: () => void;
+    expanded: boolean;
+})>;
+export default DocumentActionsGroup;
+//# sourceMappingURL=document-actions-group.d.ts.map

package/lib/components/document-list/document-actions-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-actions-group.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/document-actions-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqD3D,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,iBAAiB,CACjD;IACE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,GAAG,CACA;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GACtC;IAAE,QAAQ,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAA;CAAE,CAC9C,CAkHF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/document-list/document-actions-group.js

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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 });
+const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const leafygreen_1 = require("../leafygreen");
+const actionsGroupContainer = (0, emotion_1.css)({
+    position: 'absolute',
+    display: 'flex',
+    gap: tokens_1.spacing[2],
+    width: '100%',
+    top: tokens_1.spacing[3],
+    paddingLeft: tokens_1.spacing[3],
+    paddingRight: tokens_1.spacing[3],
+    pointerEvents: 'none',
+});
+const actionsGroupItem = (0, emotion_1.css)({
+    flex: 'none',
+    pointerEvents: 'all',
+});
+const actionsGroupItemSeparator = (0, emotion_1.css)({
+    flex: '1 0 auto',
+});
+function useElementParentHoverState(ref) {
+    const [isHovered, setIsHovered] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        const node = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        const onMouseEnter = () => {
+            setIsHovered(true);
+        };
+        const onMouseLeave = () => {
+            setIsHovered(false);
+        };
+        node === null || node === void 0 ? void 0 : node.addEventListener('mouseenter', onMouseEnter);
+        node === null || node === void 0 ? void 0 : node.addEventListener('mouseleave', onMouseLeave);
+        return () => {
+            node === null || node === void 0 ? void 0 : node.removeEventListener('mouseenter', onMouseEnter);
+            node === null || node === void 0 ? void 0 : node.removeEventListener('mouseleave', onMouseLeave);
+        };
+    }, [ref]);
+    return isHovered;
+}
+const DocumentActionsGroup = ({ onEdit, onCopy, onClone, onRemove, onExpand, expanded, onlyShowOnHover = true, }) => {
+    const conatinerRef = (0, react_1.useRef)(null);
+    const isHovered = useElementParentHoverState(conatinerRef);
+    const [showCopyButtonTooltip, setShowCopyButtonTooltip] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        if (showCopyButtonTooltip === true) {
+            const tid = setTimeout(() => {
+                setShowCopyButtonTooltip(false);
+            }, 1200);
+            return () => {
+                clearTimeout(tid);
+            };
+        }
+    }, [showCopyButtonTooltip]);
+    return (react_1.default.createElement("div", { ref: conatinerRef, className: actionsGroupContainer, style: {
+            display: onlyShowOnHover ? (isHovered ? 'flex' : 'none') : 'flex',
+        } },
+        onExpand && (react_1.default.createElement(leafygreen_1.Button, { size: "xsmall", rightGlyph: react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: expanded ? 'CaretDown' : 'CaretRight' }), title: expanded ? 'Collapse all' : 'Expand all', "aria-label": expanded ? 'Collapse all' : 'Expand all', "aria-pressed": expanded, "data-testid": "expand-document-button", onClick: onExpand, className: actionsGroupItem })),
+        react_1.default.createElement("span", { className: actionsGroupItemSeparator }),
+        onEdit && (react_1.default.createElement(leafygreen_1.Button, { size: "xsmall", rightGlyph: react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: "Edit" }), title: "Edit document", "aria-label": "Edit document", "data-testid": "edit-document-button", onClick: onEdit, className: actionsGroupItem })),
+        onCopy && (react_1.default.createElement(leafygreen_1.Tooltip, { open: showCopyButtonTooltip, trigger: ({ children }) => {
+                return (react_1.default.createElement("div", null,
+                    react_1.default.createElement(leafygreen_1.Button, { size: "xsmall", rightGlyph: react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: "Copy" }), title: "Copy document", "aria-label": "Copy document", "data-testid": "copy-document-button", onClick: () => {
+                            setShowCopyButtonTooltip(true);
+                            onCopy();
+                        }, className: actionsGroupItem }),
+                    children));
+            }, justify: "middle", darkMode: true }, "Copied!")),
+        onClone && (react_1.default.createElement(leafygreen_1.Button, { size: "xsmall", rightGlyph: react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: "Clone" }), title: "Clone document", "aria-label": "Clone document", "data-testid": "clone-document-button", onClick: onClone, className: actionsGroupItem })),
+        onRemove && (react_1.default.createElement(leafygreen_1.Button, { size: "xsmall", rightGlyph: react_1.default.createElement(leafygreen_1.Icon, { role: "presentation", glyph: "Trash" }), title: "Remove document", "aria-label": "Remove document", "data-testid": "remove-document-button", onClick: onRemove, className: actionsGroupItem }))));
+};
+exports.default = DocumentActionsGroup;
+//# sourceMappingURL=document-actions-group.js.map