@mongodb-js/compass-components 1.68.0 → 1.69.0

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

@@ -1,20 +1,31 @@
 import React from 'react';
 import type { TypeCastMap } from 'hadron-type-checker';
 import type { DBRef } from 'bson';
-type ValueProps = {
-    [type in keyof TypeCastMap]: {
-        type: type;
-        value: TypeCastMap[type];
-    };
-}[keyof TypeCastMap] | {
-    type: 'DBRef';
-    value: DBRef;
+type ValueTypeMap = TypeCastMap & {
+    DBRef: DBRef;
 };
-type ValueTypes = ValueProps['type'];
-export declare const BSONValueContainer: React.FunctionComponent<React.HTMLProps<HTMLDivElement> & {
+type ValueTypes = keyof ValueTypeMap;
+/**
+ * ValueProps external interface is meant to provide a correlation between type
+ * and the type of value.
+ *
+ * So `T` is used to capture the type name and pick the corresponding type
+ * out of ValueTypeMap.
+ *
+ * @example
+ * ```ts
+ * function x<T extends ValueTypes>(props: ValueProps<T>) {}
+ * x({ type: 'String', value: 'example' });
+ * x({ type: 'Decimal128', value: 'test' }); // Error
+ * ```
+ */
+type ValueProps<T extends ValueTypes = ValueTypes> = {
+    type: T;
+    value: ValueTypeMap[T];
+};
+export declare const BSONValueContainer: React.FunctionComponent<React.HTMLProps<HTMLSpanElement> & {
     type?: ValueTypes;
-    chidren?: React.ReactChildren;
 }>;
-declare const BSONValue: React.FunctionComponent<ValueProps>;
+declare function BSONValue<T extends ValueTypes>(genericProps: ValueProps<T>): React.JSX.Element;
 export default BSONValue;
 //# sourceMappingURL=bson-value.d.ts.map

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

@@ -1 +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,MAAM,qBAAqB,CAAC;AAOvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAWlC,KAAK,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,KAAK,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAyCrC,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CACtD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CA+BF,CAAC;AA0bF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAkDlD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"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,MAAM,qBAAqB,CAAC;AAOvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAalC,KAAK,YAAY,GAAG,WAAW,GAAG;IAAE,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAEnD,KAAK,UAAU,GAAG,MAAM,YAAY,CAAC;AAErC;;;;;;;;;;;;;GAaG;AACH,KAAK,UAAU,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,IAAI;IACnD,IAAI,EAAE,CAAC,CAAC;IACR,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAgDF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CACtD,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAoBF,CAAC;AAqbF,iBAAS,SAAS,CAAC,CAAC,SAAS,UAAU,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,qBAqDnE;AAED,eAAe,SAAS,CAAC"}

package/dist/components/bson-value.js

@@ -38,60 +38,42 @@ const react_1 = __importStar(require("react"));
 const hadron_type_checker_1 = require("hadron-type-checker");
 const bson_1 = require("bson");
 const mongodb_query_parser_1 = require("mongodb-query-parser");
-const code_1 = require("@leafygreen-ui/code");
 const leafygreen_1 = require("./leafygreen");
 const tokens_1 = require("@leafygreen-ui/tokens");
 const emotion_1 = require("@leafygreen-ui/emotion");
-const use_theme_1 = require("../hooks/use-theme");
-const legacy_uuid_format_context_1 = require("./document-list/legacy-uuid-format-context");
+const bson_utils_1 = require("./document-list/bson-utils");
+const bson_display_options_context_1 = require("./document-list/bson-display-options-context");
+const date_with_timezone_hint_1 = require("./document-list/date-with-timezone-hint");
 function truncate(str, length = 70) {
     const truncated = str.slice(0, length);
     return length < str.length ? `${truncated}…` : str;
 }
-const VALUE_COLOR_BY_THEME_AND_TYPE = {
-    [use_theme_1.Themes.Dark]: {
-        Int32: code_1.variantColors.dark[9],
-        Double: code_1.variantColors.dark[9],
-        Decimal128: code_1.variantColors.dark[9],
-        Date: code_1.variantColors.dark[9],
-        Boolean: code_1.variantColors.dark[10],
-        String: code_1.variantColors.dark[7],
-        ObjectId: code_1.variantColors.dark[5],
-    },
-    [use_theme_1.Themes.Light]: {
-        Int32: code_1.variantColors.light[9],
-        Double: code_1.variantColors.light[9],
-        Decimal128: code_1.variantColors.light[9],
-        Date: code_1.variantColors.light[9],
-        Boolean: code_1.variantColors.light[10],
-        String: code_1.variantColors.light[7],
-        ObjectId: code_1.variantColors.light[5],
-    },
-};
+function truncateLines(str, lines = 3) {
+    let index = -1;
+    for (let i = 0; i < lines; i++) {
+        const next = str.indexOf('\n', index + 1);
+        if (next === -1)
+            return str;
+        index = next;
+    }
+    return `${str.slice(0, index)}…`;
+}
 const bsonValue = (0, emotion_1.css)({
+    display: `var(${bson_utils_1.bsonValueDisplayVar}, block)`,
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
 });
 const bsonValuePrewrap = (0, emotion_1.css)({
-    whiteSpace: 'pre-wrap',
+    whiteSpace: 'pre',
 });
+// A span so that it stays valid markup whatever `bsonValueDisplayVar` resolves
+// the display to, including inside the inline document list layout.
 const BSONValueContainer = ({ type, children, className, ...props }) => {
-    const darkMode = (0, use_theme_1.useDarkMode)();
-    const colorStyle = (0, react_1.useMemo)(() => {
-        if (!type) {
-            return;
-        }
-        return {
-            color: VALUE_COLOR_BY_THEME_AND_TYPE[darkMode ? use_theme_1.Themes.Dark : use_theme_1.Themes.Light][type],
-        };
-    }, [type, darkMode]);
-    return (react_1.default.createElement("div", { ...props, className: (0, emotion_1.cx)(className, bsonValue, type === 'String' && bsonValuePrewrap, `element-value element-value-is-${type ? type.toLowerCase() : 'unknown'}`), style: colorStyle }, children));
+    const bsonStyles = (0, bson_utils_1.useBsonThemeStyles)(type);
+    return (react_1.default.createElement("span", { ...props, className: (0, emotion_1.cx)(className, bsonValue, type === 'String' && bsonValuePrewrap, `element-value element-value-is-${type ? type.toLowerCase() : 'unknown'}`), style: bsonStyles }, children));
 };
 exports.BSONValueContainer = BSONValueContainer;
-const nonSelectable = (0, emotion_1.css)({
-    userSelect: 'none',
-});
 const encryptedHelpLinkStyle = (0, emotion_1.css)({
     color: 'inherit',
     marginLeft: tokens_1.spacing[100],
@@ -100,28 +82,25 @@ const ObjectIdValue = ({ value, }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         return String(value);
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "ObjectId", title: stringifiedValue },
-        react_1.default.createElement("span", { className: nonSelectable }, "ObjectId('"),
-        stringifiedValue,
-        react_1.default.createElement("span", { className: nonSelectable }, "')")));
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: "ObjectId", title: stringifiedValue }, (0, bson_utils_1.wrapValueWithBsonLabel)('ObjectId', stringifiedValue)));
 };
 const toLegacyJavaUUID = ({ value }) => {
     const hex = value.toString('hex');
     const reversedHex = (0, hadron_type_checker_1.reverseJavaUUIDBytes)(hex);
-    return "LegacyJavaUUID('" + (0, hadron_type_checker_1.uuidHexToString)(reversedHex) + "')";
+    return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyJavaUUID', (0, hadron_type_checker_1.uuidHexToString)(reversedHex));
 };
 const toLegacyCSharpUUID = ({ value }) => {
     const hex = value.toString('hex');
     const reversedHex = (0, hadron_type_checker_1.reverseCSharpUUIDBytes)(hex);
-    return "LegacyCSharpUUID('" + (0, hadron_type_checker_1.uuidHexToString)(reversedHex) + "')";
+    return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyCSharpUUID', (0, hadron_type_checker_1.uuidHexToString)(reversedHex));
 };
 const toLegacyPythonUUID = ({ value }) => {
     const hex = value.toString('hex');
-    return "LegacyPythonUUID('" + (0, hadron_type_checker_1.uuidHexToString)(hex) + "')";
+    return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyPythonUUID', (0, hadron_type_checker_1.uuidHexToString)(hex));
 };
 // Binary sub_type 3.
 const LegacyUUIDValue = (bsonValue) => {
-    const legacyUUIDDisplayEncoding = (0, legacy_uuid_format_context_1.useLegacyUUIDDisplayContext)();
+    const { legacyUUIDDisplayEncoding } = (0, bson_display_options_context_1.useBSONDisplayOptions)();
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // UUID must be exactly 16 bytes.
         if (bsonValue.value.buffer.length === 16) {
@@ -167,17 +146,14 @@ const UUIDValue = ({ value, }) => {
             return value.toString('hex');
         }
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "Binary", title: stringifiedValue },
-        react_1.default.createElement("span", { className: nonSelectable }, "UUID('"),
-        stringifiedValue,
-        react_1.default.createElement("span", { className: nonSelectable }, "')")));
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: "Binary", title: stringifiedValue }, (0, bson_utils_1.wrapValueWithBsonLabel)('UUID', stringifiedValue)));
 };
 // Legacy Java UUID value component
 const LegacyJavaUUIDValue = ({ value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // During editing, value might be a string
         if (typeof value === 'string') {
-            return `LegacyJavaUUID('${value}')`;
+            return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyJavaUUID', value);
         }
         if (!value || !value.buffer) {
             return String(value);
@@ -191,7 +167,7 @@ const LegacyCSharpUUIDValue = ({ value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // During editing, value might be a string
         if (typeof value === 'string') {
-            return `LegacyCSharpUUID('${value}')`;
+            return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyCSharpUUID', value);
         }
         if (!value || !value.buffer) {
             return String(value);
@@ -205,7 +181,7 @@ const LegacyPythonUUIDValue = ({ value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         // During editing, value might be a string
         if (typeof value === 'string') {
-            return `LegacyPythonUUID('${value}')`;
+            return (0, bson_utils_1.wrapValueWithBsonLabel)('LegacyPythonUUID', value);
         }
         if (!value || !value.buffer) {
             return String(value);
@@ -285,19 +261,20 @@ const DateValue = ({ value, }) => {
             return String(value);
         }
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "Date", title: stringifiedValue }, stringifiedValue));
+    return (react_1.default.createElement(date_with_timezone_hint_1.DateWithTimezoneHint, { value: value },
+        react_1.default.createElement(exports.BSONValueContainer, { type: "Date", title: stringifiedValue }, (0, bson_utils_1.wrapValueWithBsonLabel)('Date', stringifiedValue))));
 };
 const NumberValue = ({ type, value }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
-        return String(value.valueOf());
-    }, [value]);
+        return (0, bson_utils_1.wrapValueWithBsonLabel)(type, String(value));
+    }, [value, type]);
     return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
 };
 const StringValue = ({ value, }) => {
     const truncatedValue = (0, react_1.useMemo)(() => {
-        return truncate(value, 70);
+        return truncateLines(truncate(value, 1000));
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { type: "String", title: value },
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: "String", title: truncatedValue },
         "\"",
         truncatedValue,
         "\""));
@@ -322,8 +299,8 @@ const KeyValue = ({ type }) => {
 };
 const DBRefValue = ({ value, }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
-        return `DBRef('${value.collection}', ${(0, mongodb_query_parser_1.stringify)(value.oid)}${value?.db ? `, '${value.db}'` : ''})`;
-    }, [value.collection, value.oid, value.db]);
+        return (0, mongodb_query_parser_1.toJSString)(value, 0);
+    }, [value]);
     return (react_1.default.createElement(exports.BSONValueContainer, { type: "DBRef", title: stringifiedValue }, stringifiedValue));
 };
 const SymbolValue = ({ value, }) => {
@@ -332,11 +309,11 @@ const SymbolValue = ({ value, }) => {
     }, [value]);
     return (react_1.default.createElement(exports.BSONValueContainer, { type: "BSONSymbol", title: stringifiedValue }, stringifiedValue));
 };
-const UnknownValue = ({ value }) => {
+const UnknownValue = ({ value, type }) => {
     const stringifiedValue = (0, react_1.useMemo)(() => {
         return String(value);
     }, [value]);
-    return (react_1.default.createElement(exports.BSONValueContainer, { title: stringifiedValue }, stringifiedValue));
+    return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
 };
 const ArrayValue = ({ value, }) => {
     const lengthString = (0, react_1.useMemo)(() => {
@@ -355,7 +332,8 @@ const ObjectValue = ({ value, }) => {
         "Object ",
         lengthString));
 };
-const BSONValue = (props) => {
+function BSONValue(genericProps) {
+    const props = genericProps;
     switch (props.type) {
         case 'ObjectId':
             return react_1.default.createElement(ObjectIdValue, { value: props.value });
@@ -376,6 +354,8 @@ const BSONValue = (props) => {
             return (react_1.default.createElement(LegacyPythonUUIDValue, { value: props.value }));
         case 'Int32':
         case 'Double':
+        case 'Int64':
+        case 'Decimal128':
             return react_1.default.createElement(NumberValue, { type: props.type, value: props.value });
         case 'String':
             return react_1.default.createElement(StringValue, { value: props.value });
@@ -399,5 +379,5 @@ const BSONValue = (props) => {
         default:
             return (react_1.default.createElement(UnknownValue, { type: props.type, value: props.value }));
     }
-};
+}
 exports.default = BSONValue;

package/dist/components/compass-components-provider.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { GuideCueProvider } from './guide-cue/guide-cue';
 import { SignalHooksProvider } from './signal-popover';
 import { type ContextMenuItem, type ContextMenuItemGroup } from './context-menu';
-import { type LegacyUUIDDisplay } from './document-list/legacy-uuid-format-context';
+import { type BSONDisplayOptions } from './document-list/bson-display-options-context';
 type GuideCueProviderProps = React.ComponentProps<typeof GuideCueProvider>;
 type CompassComponentsProviderProps = {
     /**
@@ -10,7 +10,8 @@ type CompassComponentsProviderProps = {
      * value will be derived from the system settings
      */
     darkMode?: boolean;
-    legacyUUIDDisplayEncoding?: LegacyUUIDDisplay;
+    legacyUUIDDisplayEncoding?: BSONDisplayOptions['legacyUUIDDisplayEncoding'];
+    timezone?: BSONDisplayOptions['timezone'];
     popoverPortalContainer?: HTMLElement;
     /**
      * Either React children or a render callback that will get the darkMode
@@ -25,15 +26,12 @@ type CompassComponentsProviderProps = {
      * zIndex for the stacked elements (modal, toast, popover)
      */
     stackedElementsZIndex?: number;
-    /**
-     * Set to disable context menus in the application.
-     */
-    disableContextMenus?: boolean;
     /**
      * Set to disable guide cues in the application
      */
     disableGuideCues?: boolean;
 } & {
+    onGuideCueShown?: GuideCueProviderProps['onShow'];
     onNextGuideGue?: GuideCueProviderProps['onNext'];
     onNextGuideCueGroup?: GuideCueProviderProps['onNextGroup'];
 } & {
@@ -50,7 +48,7 @@ type CompassComponentsProviderProps = {
 } & {
     onDrawerSectionOpen?: (drawerSectionId: string) => void;
     onDrawerSectionHide?: (drawerSectionId: string) => void;
-} & React.ComponentProps<typeof SignalHooksProvider>;
+} & Omit<React.ComponentProps<typeof SignalHooksProvider>, 'children'>;
 /**
  * This component combines most of the existing compass-component providers into
  * one for the purposes of being reused between compass-main (electron) and
@@ -63,6 +61,6 @@ type CompassComponentsProviderProps = {
  * whether or not it can be used completely interchangeably between electron and
  * browser environment.
  */
-export declare const CompassComponentsProvider: ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableContextMenus, disableGuideCues, ...signalHooksProviderProps }: CompassComponentsProviderProps) => React.JSX.Element;
+export declare const CompassComponentsProvider: ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, timezone, onGuideCueShown, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableGuideCues, ...signalHooksProviderProps }: CompassComponentsProviderProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=compass-components-provider.d.ts.map

package/dist/components/compass-components-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAE1B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,4CAA4C,CAAC;AAEpD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,iBAAiB,CAAC;IAC9C,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG;IACF,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,GAAG;IACF,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAuCrD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,yBAAyB,GAAI,0VAiBvC,8BAA8B,sBAqEhC,CAAC"}
+{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EAE1B,MAAM,gBAAgB,CAAC;AAGxB,OAAO,EACL,KAAK,kBAAkB,EAExB,MAAM,8CAA8C,CAAC;AAEtD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,kBAAkB,CAAC,2BAA2B,CAAC,CAAC;IAC5E,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAE/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG;IACF,eAAe,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IAClD,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE;;OAEG;IACH,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,GAAG;IACF,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;IACxD,mBAAmB,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,EAAE,UAAU,CAAC,CAAC;AAuCvE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,yBAAyB,GAAI,gWAkBvC,8BAA8B,sBAsEhC,CAAC"}

package/dist/components/compass-components-provider.js

@@ -48,7 +48,7 @@ const use_stacked_component_1 = require("../hooks/use-stacked-component");
 const context_menu_1 = require("./context-menu");
 const drawer_portal_1 = require("./drawer-portal");
 const use_copy_paste_context_menu_1 = require("../hooks/use-copy-paste-context-menu");
-const legacy_uuid_format_context_1 = require("./document-list/legacy-uuid-format-context");
+const bson_display_options_context_1 = require("./document-list/bson-display-options-context");
 const darkModeMediaQuery = (() => {
     return typeof window !== 'undefined' && window.matchMedia
         ? window.matchMedia('(prefers-color-scheme: dark)')
@@ -91,7 +91,7 @@ function useDarkMode(_darkMode) {
  * whether or not it can be used completely interchangeably between electron and
  * browser environment.
  */
-const CompassComponentsProvider = ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableContextMenus, disableGuideCues, ...signalHooksProviderProps }) => {
+const CompassComponentsProvider = ({ darkMode: _darkMode, children, legacyUUIDDisplayEncoding, timezone, onGuideCueShown, onNextGuideGue, onNextGuideCueGroup, onContextMenuOpen, onContextMenuItemClick, onDrawerSectionOpen, onDrawerSectionHide, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, disableGuideCues, ...signalHooksProviderProps }) => {
     const darkMode = useDarkMode(_darkMode);
     // Leafygreen doesn't accept refs for dom elements so we are required to
     // trigger a state update when the popover ref is resolved. This is very
@@ -104,14 +104,14 @@ const CompassComponentsProvider = ({ darkMode: _darkMode, children, legacyUUIDDi
         return { portalContainer, scrollContainer };
     }, [portalContainer, scrollContainer]);
     return (react_1.default.createElement(leafygreen_provider_1.default, { darkMode: darkMode, popoverPortalContainer: popoverPortalContainer },
-        react_1.default.createElement(legacy_uuid_format_context_1.LegacyUUIDDisplayContext.Provider, { value: legacyUUIDDisplayEncoding ?? '' },
+        react_1.default.createElement(bson_display_options_context_1.BSONDisplayOptionsProvider, { legacyUUIDDisplayEncoding: legacyUUIDDisplayEncoding, timezone: timezone },
             react_1.default.createElement(drawer_portal_1.DrawerContentProvider, { onDrawerSectionOpen: onDrawerSectionOpen, onDrawerSectionHide: onDrawerSectionHide },
                 react_1.default.createElement(use_stacked_component_1.StackedComponentProvider, { zIndex: stackedElementsZIndex },
                     react_1.default.createElement(link_1.RequiredURLSearchParamsProvider, { utmSource: utmSource, utmMedium: utmMedium },
-                        react_1.default.createElement(guide_cue_1.GuideCueProvider, { onNext: onNextGuideGue, onNextGroup: onNextGuideCueGroup, disabled: disableGuideCues },
+                        react_1.default.createElement(guide_cue_1.GuideCueProvider, { onShow: onGuideCueShown, onNext: onNextGuideGue, onNextGroup: onNextGuideCueGroup, disabled: disableGuideCues },
                             react_1.default.createElement(signal_popover_1.SignalHooksProvider, { ...signalHooksProviderProps },
                                 react_1.default.createElement(use_confirmation_1.ConfirmationModalArea, null,
-                                    react_1.default.createElement(context_menu_1.ContextMenuProvider, { disabled: disableContextMenus, onContextMenuOpen: onContextMenuOpen, onContextMenuItemClick: onContextMenuItemClick },
+                                    react_1.default.createElement(context_menu_1.ContextMenuProvider, { onContextMenuOpen: onContextMenuOpen, onContextMenuItemClick: onContextMenuItemClick },
                                         react_1.default.createElement(use_copy_paste_context_menu_1.CopyPasteContextMenu, null,
                                             react_1.default.createElement(use_toast_1.ToastArea, null, typeof children === 'function'
                                                 ? children({

package/dist/components/context-menu.d.ts

@@ -1,9 +1,8 @@
 import React from 'react';
 import { type ContextMenuItem, type ContextMenuItemGroup, type ContextMenuWrapperProps } from '@mongodb-js/compass-context-menu';
 export type { ContextMenuItem, ContextMenuItemGroup, } from '@mongodb-js/compass-context-menu';
-export declare function ContextMenuProvider({ children, disabled, onContextMenuItemClick, onContextMenuOpen, }: {
+export declare function ContextMenuProvider({ children, onContextMenuItemClick, onContextMenuOpen, }: {
     children: React.ReactNode;
-    disabled?: boolean;
     onContextMenuOpen?: (itemGroups: ContextMenuItemGroup[]) => void;
     onContextMenuItemClick?: (itemGroup: ContextMenuItemGroup, item: ContextMenuItem) => void;
 }): React.JSX.Element;

package/dist/components/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAe1C,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAeA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,sBAAsB,GACvB,EAAE,uBAAuB,GAAG;IAC3B,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAoFA;AAED,+FAA+F;AAC/F,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,CACb,CAAC,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG;IACrC,KAAK,EAAE,SAAS,GAAG,CAAC,eAAe,GAAG,SAAS,CAAC,EAAE,CAAC;CACpD,CAAC,GACF,SAAS,CACZ,EAAE,EACH,YAAY,GAAE,KAAK,CAAC,cAAmB,GACtC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CA2BhC"}
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/components/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAKhE,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAE7B,MAAM,kCAAkC,CAAC;AAG1C,YAAY,EACV,eAAe,EACf,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAkB1C,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,sBAAsB,EACtB,iBAAiB,GAClB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,UAAU,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IACjE,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAcA;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,sBAAsB,GACvB,EAAE,uBAAuB,GAAG;IAC3B,sBAAsB,CAAC,EAAE,CACvB,SAAS,EAAE,oBAAoB,EAC/B,IAAI,EAAE,eAAe,KAClB,IAAI,CAAC;CACX,qBAoFA;AAED,+FAA+F;AAC/F,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,MAAM,CACb,CAAC,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC,GAAG;IACrC,KAAK,EAAE,SAAS,GAAG,CAAC,eAAe,GAAG,SAAS,CAAC,EAAE,CAAC;CACpD,CAAC,GACF,SAAS,CACZ,EAAE,EACH,YAAY,GAAE,KAAK,CAAC,cAAmB,GACtC,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CA2BhC"}

package/dist/components/context-menu.js

@@ -46,14 +46,17 @@ const use_current_value_ref_1 = require("../hooks/use-current-value-ref");
 const menuStyles = (0, emotion_1.css)({
     paddingTop: tokens_1.spacing[150],
     paddingBottom: tokens_1.spacing[150],
+    width: 'max-content',
+    // LG default width for menu
+    minWidth: 210,
 });
 const itemStyles = (0, emotion_1.css)({
     paddingTop: 0,
     paddingBottom: 0,
     fontSize: '.8em',
 });
-function ContextMenuProvider({ children, disabled, onContextMenuItemClick, onContextMenuOpen, }) {
-    return (react_1.default.createElement(compass_context_menu_1.ContextMenuProvider, { disabled: disabled, menuWrapper: (props) => (react_1.default.createElement(ContextMenu, { ...props, onContextMenuItemClick: onContextMenuItemClick })), onContextMenuOpen: onContextMenuOpen }, children));
+function ContextMenuProvider({ children, onContextMenuItemClick, onContextMenuOpen, }) {
+    return (react_1.default.createElement(compass_context_menu_1.ContextMenuProvider, { menuWrapper: (props) => (react_1.default.createElement(ContextMenu, { ...props, onContextMenuItemClick: onContextMenuItemClick })), onContextMenuOpen: onContextMenuOpen }, children));
 }
 function ContextMenu({ menu, onContextMenuItemClick, }) {
     const menuRef = (0, react_1.useRef)(null);

package/dist/components/document-list/bson-display-options-context.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type LegacyUUIDDisplay = '' | 'LegacyJavaUUID' | 'LegacyCSharpUUID' | 'LegacyPythonUUID';
+export type BSONDisplayOptions = {
+    legacyUUIDDisplayEncoding: LegacyUUIDDisplay;
+    timezone: string;
+};
+export declare const DEFAULT_BSON_DISPLAY_OPTIONS: BSONDisplayOptions;
+export declare const BSONDisplayOptionsContext: React.Context<BSONDisplayOptions>;
+export declare function useBSONDisplayOptions(): BSONDisplayOptions;
+export declare const BSONDisplayOptionsProvider: React.FunctionComponent<Partial<BSONDisplayOptions> & {
+    children?: React.ReactNode;
+}>;
+//# sourceMappingURL=bson-display-options-context.d.ts.map

package/dist/components/document-list/bson-display-options-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bson-display-options-context.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/bson-display-options-context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAElE,MAAM,MAAM,iBAAiB,GACzB,EAAE,GACF,gBAAgB,GAChB,kBAAkB,GAClB,kBAAkB,CAAC;AAEvB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,yBAAyB,EAAE,iBAAiB,CAAC;IAC7C,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,kBAG1C,CAAC;AAEF,eAAO,MAAM,yBAAyB,mCAErC,CAAC;AAEF,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D;AAED,eAAO,MAAM,0BAA0B,EAAE,KAAK,CAAC,iBAAiB,CAC9D,OAAO,CAAC,kBAAkB,CAAC,GAAG;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAkB7D,CAAC"}

package/dist/components/document-list/bson-display-options-context.js

@@ -0,0 +1,56 @@
+"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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BSONDisplayOptionsProvider = exports.BSONDisplayOptionsContext = exports.DEFAULT_BSON_DISPLAY_OPTIONS = void 0;
+exports.useBSONDisplayOptions = useBSONDisplayOptions;
+const react_1 = __importStar(require("react"));
+exports.DEFAULT_BSON_DISPLAY_OPTIONS = {
+    legacyUUIDDisplayEncoding: '',
+    timezone: 'UTC',
+};
+exports.BSONDisplayOptionsContext = (0, react_1.createContext)(exports.DEFAULT_BSON_DISPLAY_OPTIONS);
+function useBSONDisplayOptions() {
+    return (0, react_1.useContext)(exports.BSONDisplayOptionsContext);
+}
+const BSONDisplayOptionsProvider = ({ legacyUUIDDisplayEncoding = exports.DEFAULT_BSON_DISPLAY_OPTIONS.legacyUUIDDisplayEncoding, timezone = exports.DEFAULT_BSON_DISPLAY_OPTIONS.timezone, children, }) => {
+    const value = (0, react_1.useMemo)(() => {
+        return {
+            legacyUUIDDisplayEncoding,
+            timezone,
+        };
+    }, [legacyUUIDDisplayEncoding, timezone]);
+    return (react_1.default.createElement(exports.BSONDisplayOptionsContext.Provider, { value: value }, children));
+};
+exports.BSONDisplayOptionsProvider = BSONDisplayOptionsProvider;

package/dist/components/document-list/bson-utils.d.ts

@@ -0,0 +1,10 @@
+import type { TypeCastMap } from 'hadron-type-checker';
+type BSONValueType = keyof TypeCastMap | 'DBRef';
+export declare const bsonValueDisplayVar = "--bson-value-display";
+export declare const BSON_TYPE_LABEL: Partial<Record<keyof TypeCastMap, string>>;
+export declare function wrapValueWithBsonLabel(type: keyof TypeCastMap, value: string): string;
+export declare function useBsonThemeStyles(type?: BSONValueType): {
+    color: string | undefined;
+} | undefined;
+export {};
+//# sourceMappingURL=bson-utils.d.ts.map

package/dist/components/document-list/bson-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bson-utils.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/bson-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAOvD,KAAK,aAAa,GAAG,MAAM,WAAW,GAAG,OAAO,CAAC;AAGjD,eAAO,MAAM,mBAAmB,yBAAyB,CAAC;AA+B1D,eAAO,MAAM,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,WAAW,EAAE,MAAM,CAAC,CAS7D,CAAC;AAEX,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,WAAW,EACvB,KAAK,EAAE,MAAM,GACZ,MAAM,CAMR;AAED,wBAAgB,kBAAkB,CAAC,IAAI,CAAC,EAAE,aAAa;;cAatD"}

package/dist/components/document-list/bson-utils.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BSON_TYPE_LABEL = exports.bsonValueDisplayVar = void 0;
+exports.wrapValueWithBsonLabel = wrapValueWithBsonLabel;
+exports.useBsonThemeStyles = useBsonThemeStyles;
+const react_1 = require("react");
+const code_1 = require("@leafygreen-ui/code");
+const use_theme_1 = require("../../hooks/use-theme");
+// Set by containers laying values out inline, see `elementContentInline`.
+exports.bsonValueDisplayVar = '--bson-value-display';
+// Colors used to render bson values both in the read-only and the editing
+// state of a document.
+const VALUE_COLOR_BY_THEME_AND_TYPE = {
+    [use_theme_1.Themes.Dark]: {
+        Int32: code_1.variantColors.dark[9],
+        Int64: code_1.variantColors.dark[9],
+        Double: code_1.variantColors.dark[9],
+        Decimal128: code_1.variantColors.dark[9],
+        Date: code_1.variantColors.dark[9],
+        Boolean: code_1.variantColors.dark[10],
+        String: code_1.variantColors.dark[7],
+        ObjectId: code_1.variantColors.dark[5],
+    },
+    [use_theme_1.Themes.Light]: {
+        Int32: code_1.variantColors.light[9],
+        Int64: code_1.variantColors.light[9],
+        Double: code_1.variantColors.light[9],
+        Decimal128: code_1.variantColors.light[9],
+        Date: code_1.variantColors.light[9],
+        Boolean: code_1.variantColors.light[10],
+        String: code_1.variantColors.light[7],
+        ObjectId: code_1.variantColors.light[5],
+    },
+};
+// This is the list of bson types to map to their corresponding label on the UI.
+exports.BSON_TYPE_LABEL = {
+    Int64: 'Long',
+    Decimal128: 'Decimal128',
+    ObjectId: 'ObjectId',
+    Date: 'ISODate',
+    UUID: 'UUID',
+    LegacyJavaUUID: 'LegacyJavaUUID',
+    LegacyCSharpUUID: 'LegacyCSharpUUID',
+    LegacyPythonUUID: 'LegacyPythonUUID',
+};
+function wrapValueWithBsonLabel(type, value) {
+    const label = exports.BSON_TYPE_LABEL[type];
+    if (!label) {
+        return value;
+    }
+    return `${label}('${value}')`;
+}
+function useBsonThemeStyles(type) {
+    const darkMode = (0, use_theme_1.useDarkMode)();
+    return (0, react_1.useMemo)(() => {
+        if (!type) {
+            return;
+        }
+        return {
+            color: VALUE_COLOR_BY_THEME_AND_TYPE[darkMode ? use_theme_1.Themes.Dark : use_theme_1.Themes.Light][type],
+        };
+    }, [type, darkMode]);
+}

package/dist/components/document-list/date-time-picker.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare function DateTimePicker({ value, onChange, }: {
+    value: string;
+    onChange(newValue: string): void;
+}): React.JSX.Element;
+//# sourceMappingURL=date-time-picker.d.ts.map

package/dist/components/document-list/date-time-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/date-time-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AA8C7D,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,qBAiEA"}