@mongodb-js/compass-components 0.12.0 → 0.15.0

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

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

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

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

package/lib/compass-font-sizes.js

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

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

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

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

@@ -2,4 +2,6 @@ export declare const gray8 = "#f5f6f7";
 export declare const transparentGray = "rgba(180, 180, 180, 0.5)";
 export declare const transparentWhite = "rgba(255, 255, 255, 0.5)";
 export declare const gold = "#FFC010";
+export declare const scrollbarThumbLightTheme = "rgba(137, 151, 155, 0.65)";
+export declare const scrollbarThumbDarkTheme = "rgba(137, 151, 155, 0.65)";
 //# sourceMappingURL=compass-ui-colors.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"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;AAG9B,eAAO,MAAM,wBAAwB,8BAA8B,CAAC;AACpE,eAAO,MAAM,uBAAuB,8BAA8B,CAAC"}

package/lib/compass-ui-colors.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.gold = exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
+exports.scrollbarThumbDarkTheme = exports.scrollbarThumbLightTheme = exports.gold = exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
 exports.gray8 = '#f5f6f7';
 exports.transparentGray = 'rgba(180, 180, 180, 0.5)';
 exports.transparentWhite = 'rgba(255, 255, 255, 0.5)';
 exports.gold = '#FFC010';
+exports.scrollbarThumbLightTheme = 'rgba(137, 151, 155, 0.65)';
+exports.scrollbarThumbDarkTheme = 'rgba(137, 151, 155, 0.65)';
 //# sourceMappingURL=compass-ui-colors.js.map

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

@@ -1 +1 @@
-{"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"}
+{"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;AAGjB,QAAA,wBAAwB,GAAG,2BAA2B,CAAC;AACvD,QAAA,uBAAuB,GAAG,2BAA2B,CAAC"}

package/lib/components/accordion.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 interface AccordionProps {
+    darkMode?: boolean;
     'data-testid'?: string;
-    text: string;
+    text: string | React.ReactNode;
+    hintText?: string;
 }
-declare function Accordion(props: React.PropsWithChildren<AccordionProps>): React.ReactElement;
-export default Accordion;
+declare const Accordion: React.ComponentType<AccordionProps>;
+export { Accordion };
 //# sourceMappingURL=accordion.d.ts.map

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;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"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA+CxC,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA+CD,QAAA,MAAM,SAAS,qCAA+B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/accordion.js

@@ -18,17 +18,16 @@ 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 });
+exports.Accordion = void 0;
 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 leafygreen_1 = require("./leafygreen");
 const compass_font_sizes_1 = require("../compass-font-sizes");
+const use_theme_1 = require("../hooks/use-theme");
 const buttonStyles = (0, emotion_1.css)({
     fontWeight: 'bold',
     fontSize: compass_font_sizes_1.defaultFontSize,
@@ -47,6 +46,12 @@ const buttonStyles = (0, emotion_1.css)({
         boxShadow: `0 0 0 3px ${palette_1.uiColors.focus}`,
     },
 });
+const buttonLightThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.dark2,
+});
+const buttonDarkThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.white,
+});
 const containerStyles = (0, emotion_1.css)({
     marginTop: tokens_1.spacing[3],
     display: 'flex',
@@ -55,18 +60,25 @@ const containerStyles = (0, emotion_1.css)({
 const buttonIconStyles = (0, emotion_1.css)({
     marginRight: tokens_1.spacing[1],
 });
-function Accordion(props) {
+const buttonHintStyles = (0, emotion_1.css)({
+    margin: 0,
+    marginLeft: tokens_1.spacing[1],
+    padding: 0,
+});
+function UnthemedAccordion({ text, darkMode, hintText, ...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(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: containerStyles },
-            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: () => {
+            react_1.default.createElement("button", { "data-testid": props['data-testid'], className: (0, emotion_1.cx)(darkMode ? buttonDarkThemeStyles : buttonLightThemeStyles, buttonStyles), id: labelId, 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(leafygreen_1.Icon, { className: buttonIconStyles, glyph: open ? 'ChevronDown' : 'ChevronRight' }),
+                text,
+                hintText && (react_1.default.createElement(leafygreen_1.Description, { className: buttonHintStyles }, hintText)))),
         open && (react_1.default.createElement("div", { role: "region", "aria-labelledby": labelId, id: regionId }, props.children))));
 }
-exports.default = Accordion;
+const Accordion = (0, use_theme_1.withTheme)(UnthemedAccordion);
+exports.Accordion = Accordion;
 //# sourceMappingURL=accordion.js.map

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

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;AA6BD,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,CAqCzE,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,208 @@
+"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',
+    display: 'inline',
+});
+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) {
+            let uuid;
+            try {
+                uuid = value.toUUID().toString();
+            }
+            catch (_a) {
+                uuid = value.toString('hex');
+            }
+            return { stringifiedValue: `UUID('${uuid}')` };
+        }
+        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":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,+BAA8B;AAE9B,oDAAiD;AAQjD,SAAS,QAAQ,CAAC,GAAW,EAAE,MAAM,GAAG,EAAE;IACxC,MAAM,SAAS,GAAG,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IACvC,OAAO,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AACrD,CAAC;AASY,QAAA,mBAAmB,GAY5B;IACF,KAAK,EAAE,SAAS;IAChB,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,SAAS;IACrB,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,SAAgB,cAAc,CAC5B,IAAyB;IAEzB,OAAO,IAAI,IAAI,2BAAmB,CAAC;AACrC,CAAC;AAJD,wCAIC;AAED,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;IACxB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,UAAU,EAAE,UAAU;CACvB,CAAC,CAAC;AAEH,SAAS,SAAS,CAAC,IAAyB;IAC1C,OAAO,IAAA,YAAE,EACP,SAAS,EACT,IAAI,KAAK,QAAQ,IAAI,gBAAgB,EACrC,cAAc,CAAC,IAAI,CAAC;QAClB,IAAA,aAAG,EAAC;YACF,KAAK,EAAE,2BAAmB,CAAC,IAAI,CAAC;SACjC,CAAC,EACJ,kCAAkC,IAAI,CAAC,WAAW,EAAE,EAAE,CACvD,CAAC;AACJ,CAAC;AAED,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEI,MAAM,aAAa,GAEtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,gBAAgB;QAC5D,wCAAM,SAAS,EAAE,aAAa,iBAAwB;QACrD,gBAAgB;QACjB,wCAAM,SAAS,EAAE,aAAa,SAAgB,CAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,aAAa,iBAcxB;AAEK,MAAM,WAAW,GACtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACZ,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC/C,IAAI,KAAK,CAAC,QAAQ,KAAK,aAAM,CAAC,iBAAiB,EAAE;YAC/C,OAAO;gBACL,gBAAgB,EAAE,WAAW;gBAC7B,KAAK,EAAE,WAAW;aACnB,CAAC;SACH;QACD,IAAI,KAAK,CAAC,QAAQ,KAAK,aAAM,CAAC,YAAY,EAAE;YAC1C,IAAI,IAAY,CAAC;YAEjB,IAAI;gBAEF,IAAI,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC;aAClC;YAAC,WAAM;gBAIN,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;aAC9B;YAED,OAAO,EAAE,gBAAgB,EAAE,SAAS,IAAI,IAAI,EAAE,CAAC;SAChD;QACD,OAAO;YACL,gBAAgB,EAAE,WAAW,QAAQ,CACnC,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACxB,GAAG,CACJ,MAAM,KAAK,CAAC,QAAQ,GAAG;SACzB,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,gBAAgB,IAClE,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AArCS,QAAA,WAAW,eAqCpB;AAEG,MAAM,SAAS,GAAsD,CAAC,EAC3E,KAAK,GACN,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,SAAS,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,IAChC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EACrD,GAAG,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,IACvD,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,SAAS,aAcpB;AAEK,MAAM,SAAS,GAAsD,CAAC,EAC3E,KAAK,GACN,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,IAAI;YACF,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC,OAAO,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;SAC7D;QAAC,WAAM;YACN,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;SACtB;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,gBAAgB,IACvD,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,SAAS,aAgBpB;AAEK,MAAM,WAAW,GAEpB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IACtB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,gBAAgB,IACrD,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB;AAEK,MAAM,WAAW,GACtB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACZ,MAAM,cAAc,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAClC,OAAO,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK;;QACxC,cAAc;aACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAXS,QAAA,WAAW,eAWpB;AAEG,MAAM,WAAW,GAEpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IAC9C,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,YAAY,CAAC,EAAE,KAAK,EAAE,gBAAgB,IAC7D,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB;AAEK,MAAM,cAAc,GAEvB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,kBAAkB,KAAK,CAAC,WAAW,EAAE,QAAQ,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC;IAC9E,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,gBAAgB,IAC5D,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,cAAc,kBAYzB;AAEK,MAAM,QAAQ,GACnB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACX,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,GAAG,IAAI,IAAI,CAAC;IACrB,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,gBAAgB,IACrD,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAXS,QAAA,QAAQ,YAWjB;AAEG,MAAM,UAAU,GAAuD,CAAC,EAC7E,KAAK,GACN,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,UAAU,KAAK,CAAC,UAAU,OAAO,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,IACvD,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE,EAAC,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAClC,GAAG,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,gBAAgB,IACxD,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,UAAU,cAcrB;AAEK,MAAM,WAAW,GAEpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,WAAW,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,gBAAgB,IACzD,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,WAAW,eAYtB;AAEK,MAAM,YAAY,GAGpB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;IACvB,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,gBAAgB,IACrD,gBAAgB,CACb,CACP,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,YAAY,gBAavB;AAEF,MAAM,SAAS,GAAwC,CAAC,KAAK,EAAE,EAAE;IAC/D,QAAQ,KAAK,CAAC,IAAI,EAAE;QAClB,KAAK,UAAU;YACb,OAAO,8BAAC,qBAAa,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAkB,CAAC;QAC7D,KAAK,MAAM;YACT,OAAO,8BAAC,iBAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAc,CAAC;QACrD,KAAK,QAAQ;YACX,OAAO,8BAAC,mBAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAgB,CAAC;QACzD,KAAK,OAAO,CAAC;QACb,KAAK,QAAQ;YACX,OAAO,8BAAC,mBAAW,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAgB,CAAC;QAC3E,KAAK,QAAQ;YACX,OAAO,8BAAC,mBAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAgB,CAAC;QACzD,KAAK,YAAY;YACf,OAAO,8BAAC,mBAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAgB,CAAC;QACzD,KAAK,MAAM;YACT,OAAO,8BAAC,iBAAS,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAc,CAAC;QACrD,KAAK,QAAQ,CAAC;QACd,KAAK,QAAQ;YACX,OAAO,8BAAC,gBAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAa,CAAC;QACjD,KAAK,OAAO;YACV,OAAO,8BAAC,kBAAU,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAe,CAAC;QACvD,KAAK,WAAW;YACd,OAAO,8BAAC,sBAAc,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAmB,CAAC;QAC/D,KAAK,YAAY;YACf,OAAO,8BAAC,mBAAW,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,GAAgB,CAAC;QACzD,KAAK,QAAQ,CAAC;QACd,KAAK,OAAO;YACV,OAAO,8BAAC,oBAAY,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,GAAiB,CAAC;QAC5E;YACE,OAAO,CACL,8BAAC,oBAAY,IAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAiB,CACpE,CAAC;KACL;AACH,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}

package/lib/components/cancel-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,iBAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,iBAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAUrB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/cancel-loader.js

@@ -3,62 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const emotion_1 = require("@leafygreen-ui/emotion");
 const react_1 = __importDefault(require("react"));
-const cancelLoaderStyle = (0, emotion_1.css)({
-    height: '100%',
+const tokens_1 = require("@leafygreen-ui/tokens");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const leafygreen_1 = require("./leafygreen");
+const spin_loader_1 = require("./spin-loader");
+const containerStyles = (0, emotion_1.css)({
     display: 'flex',
+    gap: tokens_1.spacing[2],
     flexDirection: 'column',
-    alignItems: 'center',
     justifyContent: 'center',
-    padding: '10px 0',
-});
-const progressTextStyle = (0, emotion_1.css)({
-    margin: '0 auto 30px',
-    textAlign: 'left',
-    fontSize: '24px',
-    color: '#807f7f',
-    fontWeight: 200,
+    alignItems: 'center',
+    maxWidth: tokens_1.spacing[6] * 8,
 });
-const spinnerStyle = (0, emotion_1.css)({
-    animation: 'fa-spin 2s infinite linear',
-    width: '40px',
+const textStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.green.dark2,
     textAlign: 'center',
-    display: 'inline-block',
-    textRendering: 'auto',
-    font: 'normal normal normal 20px/1 FontAwesome',
-    '&::before': {
-        boxSizing: 'border-box',
-        content: '"\\f1ce"',
-    },
-});
-const buttonStyle = (0, emotion_1.css)({
-    padding: '0 10px 0 10px',
-    height: '28px',
-    fontWeight: 'bold',
-    fontSize: '13px',
-    lineHeight: '26px',
-    textTransform: 'uppercase',
-    backgroundColor: 'transparent',
-    border: '1px solid #13AA52',
-    borderRadius: '3px',
-    boxShadow: 'none',
-    color: '#13AA52',
-    fontFamily: 'Akzidenz',
-    '-webkit-appearance': 'button',
-    cursor: 'pointer',
-    overflow: 'visible',
-    margin: 0,
-    boxSizing: 'border-box',
-    outline: 'none',
 });
 function CancelLoader({ dataTestId, progressText, cancelText, onCancel, }) {
-    return (react_1.default.createElement("div", { "data-testid": dataTestId, className: cancelLoaderStyle },
-        react_1.default.createElement("div", { className: progressTextStyle },
-            react_1.default.createElement("i", { className: spinnerStyle }),
-            progressText),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("button", { className: buttonStyle, onClick: onCancel }, cancelText))));
+    return (react_1.default.createElement("div", { className: containerStyles, "data-testid": dataTestId },
+        react_1.default.createElement(spin_loader_1.SpinLoader, { size: `${tokens_1.spacing[4]}px` }),
+        react_1.default.createElement(leafygreen_1.Subtitle, { className: textStyles }, progressText),
+        react_1.default.createElement(leafygreen_1.Button, { variant: "primaryOutline", onClick: onCancel }, cancelText)));
 }
 exports.default = CancelLoader;
 //# sourceMappingURL=cancel-loader.js.map

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,kDAA0B;AAC1B,kDAAgD;AAChD,oDAA6C;AAC7C,oDAAkD;AAElD,6CAAgD;AAChD,+CAA2C;AAE3C,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,KAAK,EAAE,kBAAQ,CAAC,KAAK,CAAC,KAAK;IAC3B,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe,iBAAe,UAAU;QACtD,8BAAC,wBAAU,IAAC,IAAI,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,IAAI,GAAI;QACvC,8BAAC,qBAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,YAAY,CAAY;QAC1D,8BAAC,mBAAM,IAAC,OAAO,EAAC,gBAAgB,EAAC,OAAO,EAAE,QAAQ,IAC/C,UAAU,CACJ,CACL,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' | 'type';
+} | 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,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC;AAET,eAAO,MAAM,gBAAgB,wCAAqC,CAAC;AAEnE,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}