@mongodb-js/compass-components 1.29.3 → 1.30.0

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

@@ -38,12 +38,16 @@ const use_stacked_component_1 = require("../hooks/use-stacked-component");
 const darkModeMediaQuery = (() => {
     return typeof window !== 'undefined' && window.matchMedia
         ? window.matchMedia('(prefers-color-scheme: dark)')
-        :
+        : // A fallback for test environment. This API is supported in browsers
+            // since forever, so there is no way this will be missing in a real
+            // browser / electron env
             {
                 matches: false,
                 addEventListener() {
+                    // noop
                 },
                 removeEventListener() {
+                    // noop
                 },
             };
 })();
@@ -61,8 +65,25 @@ function useDarkMode(_darkMode) {
     }, []);
     return isDarkModeControlled ? _darkMode : darkMode;
 }
+/**
+ * This component combines most of the existing compass-component providers into
+ * one for the purposes of being reused between compass-main (electron) and
+ * compass-web. This component ONLY combines UI-related providers exported from
+ * the compass-components plugin and is not intended to include all the various
+ * other providers we use in the app that usually have a platform specific role
+ * (like WorkspacesProviders or FileInputBackendProvider).
+ *
+ * A rule of thumb for adding a new provider in this component tree should be
+ * whether or not it can be used completely interchangeably between electron and
+ * browser environment.
+ */
 const CompassComponentsProvider = ({ darkMode: _darkMode, children, onNextGuideGue, onNextGuideCueGroup, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, ...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
+    // pricey operation as this re-renders the whole application tree, but there
+    // is literally no way around it with how leafygreen popover works and lucky
+    // for us, this will usually cause a state update only once
     const [portalContainer, setPortalContainer] = (0, react_1.useState)(_popoverPortalContainer ?? null);
     const [scrollContainer, setScrollContainer] = (0, react_1.useState)(null);
     const popoverPortalContainer = (0, react_1.useMemo)(() => {

package/lib/components/compass-components-provider.js.map

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

package/lib/components/content-with-fallback.js

@@ -24,6 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FadeInPlaceholder = exports.ContentWithFallback = void 0;
+/* eslint-disable react/prop-types */
 const react_1 = __importStar(require("react"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 var RenderStatus;
@@ -31,6 +32,8 @@ var RenderStatus;
     RenderStatus["Nothing"] = "Nothing";
     RenderStatus["Fallback"] = "Fallback";
     RenderStatus["Content"] = "Content";
+    // If content is appearing after fallback was displayed, we want to signal
+    // this so that content might want to animate the transition
     RenderStatus["ContentAnimated"] = "ContentAnimated";
 })(RenderStatus || (RenderStatus = {}));
 function isContent(status) {

package/lib/components/content-with-fallback.js.map

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

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

@@ -57,6 +57,7 @@ const actionsGroupHovered = (0, emotion_1.css)({
         display: 'block',
     },
 });
+// Insight icon is always visible, even when action buttons are not
 const actionsGroupSignalPopover = (0, emotion_1.css)({
     display: 'block !important',
 });
@@ -80,7 +81,15 @@ function useElementParentHoverState(ref) {
     return isHovered;
 }
 function ActionButton({ tooltipText, tooltipEnabled, ...props }) {
-    return (react_1.default.createElement(leafygreen_1.Tooltip, { enabled: tooltipEnabled, trigger: react_1.default.createElement("div", { "data-action-item": true },
+    return (react_1.default.createElement(leafygreen_1.Tooltip
+    // We pass `enabled` as the buttons set their styles `display: false`
+    // the container isn't hovered, which causes the tooltips to reset
+    // their position to 0,0 and glitch visually without enabled.
+    , { 
+        // We pass `enabled` as the buttons set their styles `display: false`
+        // the container isn't hovered, which causes the tooltips to reset
+        // their position to 0,0 and glitch visually without enabled.
+        enabled: tooltipEnabled, trigger: react_1.default.createElement("div", { "data-action-item": true },
             react_1.default.createElement(leafygreen_1.Button, { ...props })), justify: "middle" }, tooltipText));
 }
 const DocumentActionsGroup = ({ onEdit, onCopy, onClone, onRemove, onExpand, expanded, onlyShowOnHover = true, insights, }) => {

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

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

package/lib/components/document-list/document-edit-actions-footer.js

@@ -233,6 +233,9 @@ function getColorStyles(status, darkMode) {
 const EditActionsFooter = ({ doc, editing, deleting, modified = false, containsErrors = false, alwaysForceUpdate = false, onUpdate, onDelete, onCancel, }) => {
     const { status: _status, updateStatus, errorMessage, } = useHadronDocumentStatus(doc, editing, deleting);
     const darkMode = (0, use_theme_1.useDarkMode)();
+    // Allow props to override event based status of the document (helpful for
+    // JSON editor where changing the document text doesn't really generate any
+    // changes of the HadronDocument)
     const status = containsErrors
         ? 'ContainsErrors'
         : modified

package/lib/components/document-list/document-edit-actions-footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"document-edit-actions-footer.js","sourceRoot":"","sources":["../../../src/components/document-list/document-edit-actions-footer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"document-edit-actions-footer.js","sourceRoot":"","sources":["../../../src/components/document-list/document-edit-actions-footer.tsx"],"names":[],"mappings":"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"}

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

@@ -44,11 +44,15 @@ function useHadronDocument(doc) {
         }
     }, [doc, forceUpdate]);
     const onDocumentFieldsAddedOrRemoved = (0, react_1.useCallback)((_el, parentEl) => {
+        // We only care about elements added or removed to the root document here
+        // so that the root elements list can be correctly re-rendered. Everything
+        // else will be handled correctly by HadronElement component
         if (doc === parentEl) {
             forceUpdate();
         }
     }, [doc, forceUpdate]);
     (0, react_1.useEffect)(() => {
+        // Force update if the document that was passed to the component changed
         if (prevDoc && prevDoc !== doc) {
             forceUpdate();
         }
@@ -75,6 +79,9 @@ const hadronDocument = (0, emotion_1.css)({
     lineHeight: `${typography_1.documentTypography.lineHeight}px`,
     counterReset: 'line-number',
 });
+// TODO: This element should implement treegrid aria role to be accessible
+// https://www.w3.org/TR/wai-aria-practices/examples/treegrid/treegrid-1.html
+// https://jira.mongodb.org/browse/COMPASS-5614
 const HadronDocument = ({ value: document, editable = false, editing = false, onEditStart }) => {
     const { elements, visibleElements } = useHadronDocument(document);
     const [autoFocus, setAutoFocus] = (0, react_1.useState)(null);
@@ -86,6 +93,8 @@ const HadronDocument = ({ value: document, editable = false, editing = false, on
     const handleVisibleFieldsChanged = (0, react_1.useCallback)((totalVisibleFields) => {
         document.setMaxVisibleElementsCount(totalVisibleFields);
     }, [document]);
+    // To render the "Show more" toggle for the document we need to calculate a
+    // proper offset so that it aligns with the expand icon of top level fields
     const showMoreToggleOffset = (0, react_1.useMemo)(() => (0, element_1.calculateShowMoreToggleOffset)({
         editable,
         level: 0,
@@ -106,7 +115,20 @@ const HadronDocument = ({ value: document, editable = false, editing = false, on
                         });
                     } }));
             }))),
-        react_1.default.createElement(visible_field_toggle_1.default, { showHideButton: !editing, currentSize: document.maxVisibleElementsCount, totalSize: elements.length, minSize: hadron_document_1.DEFAULT_VISIBLE_DOCUMENT_ELEMENTS, step: editing ? 100 : 1000, onSizeChange: handleVisibleFieldsChanged, style: {
+        react_1.default.createElement(visible_field_toggle_1.default
+        // TODO: "Hide items" button will only be shown when document is not
+        // edited because it's not decided how to handle changes to the fields
+        // that are changed but then hidden
+        // https://jira.mongodb.org/browse/COMPASS-5587
+        , { 
+            // TODO: "Hide items" button will only be shown when document is not
+            // edited because it's not decided how to handle changes to the fields
+            // that are changed but then hidden
+            // https://jira.mongodb.org/browse/COMPASS-5587
+            showHideButton: !editing, currentSize: document.maxVisibleElementsCount, totalSize: elements.length, minSize: hadron_document_1.DEFAULT_VISIBLE_DOCUMENT_ELEMENTS, 
+            // In the editing mode we allow to show / hide less fields because
+            // historically Compass was doing this for "performance" reasons
+            step: editing ? 100 : 1000, onSizeChange: handleVisibleFieldsChanged, style: {
                 paddingLeft: showMoreToggleOffset,
             } })));
 };

package/lib/components/document-list/document.js.map

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

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

@@ -66,9 +66,11 @@ const addFieldButton = (0, emotion_1.css)({
 });
 const menu = (0, emotion_1.css)({
     width: 'auto',
+    // Replicating leafygreen ~200px but as a min width instead of static width
     minWidth: tokens_1.spacing[6] * 3,
 });
 const menuItem = (0, emotion_1.css)({
+    // Make sure labels are not collapsing
     whiteSpace: 'nowrap',
 });
 const AddFieldActions = ({ editing, type, parentType, keyName, onAddFieldToElement, onAddFieldAfterElement, }) => {

package/lib/components/document-list/element-actions.js.map

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

package/lib/components/document-list/element-editors.js

@@ -72,16 +72,33 @@ const editorInvalidDarkMode = (0, emotion_1.css)({
 });
 const KeyEditor = ({ editing, value, valid, validationMessage, onChange, autoFocus, onEditStart, }) => {
     const darkMode = (0, use_theme_1.useDarkMode)();
+    // On Safari if a text is 5 mono-characters wide and is supposed to overflow /
+    // get ellipse'd only when shorter than that, it would still overflow and get
+    // ellipse'd under normal conditions, for unknown reasons. For that, we add a
+    // small amount to the width to tackle this issue.
     const width = `${Math.max(value.length, 1)}.5ch`;
-    return (react_1.default.createElement(react_1.default.Fragment, null, editing ? (react_1.default.createElement(leafygreen_1.Tooltip, { darkMode: true, enabled: !valid, usePortal: false, trigger: ({ className, onDragStart, onPointerUp, onPointerDown, onMouseDown, }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, editing ? (react_1.default.createElement(leafygreen_1.Tooltip, { darkMode: true, enabled: !valid, usePortal: false, trigger: ({ className, 
+        // Having a tooltip connected to the input elements is not the most
+        // accessible thing ever and so a lot of event listeners of the
+        // tooltip conflict with the textarea default behavior (due to
+        // preventDefault). Because of that we exclude them, so the tooltip
+        // will still be visible, but only on hover or focus, which is okay
+        // for our case
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        onDragStart, onPointerUp, onPointerDown, onMouseDown, }) => {
             return (react_1.default.createElement("div", { className: className },
                 react_1.default.createElement("input", { type: "text", "data-testid": "hadron-document-key-editor", value: value, onChange: (evt) => {
                         onChange(evt.currentTarget.value);
-                    }, autoFocus: autoFocus, className: (0, emotion_1.cx)(maxWidth, editorReset, editorOutline, !valid && editorInvalid, !valid &&
+                    }, 
+                    // See ./element.tsx
+                    // eslint-disable-next-line jsx-a11y/no-autofocus
+                    autoFocus: autoFocus, className: (0, emotion_1.cx)(maxWidth, editorReset, editorOutline, !valid && editorInvalid, !valid &&
                         (darkMode
                             ? editorInvalidDarkMode
                             : editorInvalidLightMode)), style: { width }, spellCheck: "false" })));
-        } }, validationMessage)) : (react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-key", onDoubleClick: onEditStart, className: maxWidth, style: { width } }, value))));
+        } }, validationMessage)) : (
+    // Double-click is not accessible so no reason for this to be a button
+    react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-key", onDoubleClick: onEditStart, className: maxWidth, style: { width } }, value))));
 };
 exports.KeyEditor = KeyEditor;
 const textareaContainer = (0, emotion_1.css)({
@@ -96,6 +113,7 @@ const editorTextarea = (0, emotion_1.css)({
     display: 'inline-block',
     whiteSpace: 'nowrap',
     minWidth: '5ch',
+    // 2ch for `"` around the textarea
     maxWidth: 'calc(100% - 2ch)',
     verticalAlign: 'top',
     color: 'inherit',
@@ -112,7 +130,9 @@ const ValueEditor = ({ editing, onEditStart, type, value, valid, validationMessa
                     longestLineCharLength = length;
                 }
             }
-            const width = `${Math.min(longestLineCharLength + 1, 70)}ch`;
+            const width = `${Math.min(
+            // Adding one to account for a textarea resize icon button thingie
+            longestLineCharLength + 1, 70)}ch`;
             const minLines = Math.max(lines.length, longestLineCharLength > 70 ? 2 : 1);
             const maxLines = Math.min(minLines, 10);
             const minHeight = typography_1.documentTypography.lineHeight * Math.min(minLines, maxLines);
@@ -121,17 +141,34 @@ const ValueEditor = ({ editing, onEditStart, type, value, valid, validationMessa
         }
         return { width: `${Math.max(val.length, 1)}ch` };
     }, [val, type]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, editing ? (react_1.default.createElement(leafygreen_1.Tooltip, { darkMode: true, enabled: !valid, usePortal: false, trigger: ({ className, children, onDragStart, onPointerUp, onPointerDown, onMouseDown, ...triggerProps }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, editing ? (react_1.default.createElement(leafygreen_1.Tooltip, { darkMode: true, enabled: !valid, usePortal: false, trigger: ({ className, children, 
+        // See above
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        onDragStart, onPointerUp, onPointerDown, onMouseDown, 
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        ...triggerProps }) => {
+            // NB: Order is important, if triggerProps has onFocus / onBlur we
+            // want to merge them with ours, if they are not passed, we want our
+            // listeners to overwrite undefined keys
             const mergedProps = (0, merge_props_1.mergeProps)(triggerProps, { onBlur, onFocus });
             return (react_1.default.createElement("div", { className: className },
                 type === 'String' ? (react_1.default.createElement(bson_value_1.BSONValueContainer, { type: "String", className: (0, emotion_1.cx)(textareaContainer) },
                     react_1.default.createElement("textarea", { "data-testid": "hadron-document-value-editor", value: val, onChange: (evt) => {
                             onChange(evt.currentTarget.value);
-                        }, autoFocus: autoFocus, className: (0, emotion_1.cx)(editorReset, editorOutline, editorTextarea, !valid && editorInvalid), spellCheck: "false", style: inputStyle, ...mergedProps }))) : (react_1.default.createElement("input", { type: "text", "data-testid": "hadron-document-value-editor", value: val, onChange: (evt) => {
+                        }, 
+                        // See ./element.tsx
+                        // eslint-disable-next-line jsx-a11y/no-autofocus
+                        autoFocus: autoFocus, className: (0, emotion_1.cx)(editorReset, editorOutline, editorTextarea, !valid && editorInvalid), spellCheck: "false", style: inputStyle, ...mergedProps }))) : (react_1.default.createElement("input", { type: "text", "data-testid": "hadron-document-value-editor", value: val, onChange: (evt) => {
                         onChange(evt.currentTarget.value);
-                    }, autoFocus: autoFocus, className: (0, emotion_1.cx)(editorReset, editorOutline, !valid && editorInvalid), style: inputStyle, spellCheck: "false", ...mergedProps })),
+                    }, 
+                    // See ./element.tsx
+                    // eslint-disable-next-line jsx-a11y/no-autofocus
+                    autoFocus: autoFocus, className: (0, emotion_1.cx)(editorReset, editorOutline, !valid && editorInvalid), style: inputStyle, spellCheck: "false", ...mergedProps })),
                 children));
-        } }, validationMessage)) : (react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-value", onDoubleClick: onEditStart },
+        } }, validationMessage)) : (
+    // Double-click is not accessible so no reason for this to be a button,
+    // users won't be able to interact with it anyway
+    react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-value", onDoubleClick: onEditStart },
         react_1.default.createElement(bson_value_1.default, { type: type, value: originalValue })))));
 };
 exports.ValueEditor = ValueEditor;
@@ -140,6 +177,8 @@ const longestTypeNameCharLength = Math.max(...TYPES.map((type) => type.length));
 const typeEditor = (0, emotion_1.css)({
     color: palette_1.palette.gray.base,
     appearance: 'none',
+    // Accounting for the margin that `appearance: auto` will add to the shadow
+    // dom inside select node
     paddingLeft: tokens_1.spacing[1],
     width: `calc(${longestTypeNameCharLength}ch + ${tokens_1.spacing[4]}px)`,
     '&:hover': {
@@ -172,7 +211,10 @@ const typeEditorContainer = (0, emotion_1.css)({
 const TypeEditor = ({ editing, autoFocus, type, onChange, visuallyActive }) => {
     const darkMode = (0, use_theme_1.useDarkMode)();
     return (react_1.default.createElement(react_1.default.Fragment, null, editing && (react_1.default.createElement("div", { className: typeEditorContainer },
-        react_1.default.createElement("select", { value: type, "data-testid": "hadron-document-type-editor", autoFocus: autoFocus, onChange: (evt) => {
+        react_1.default.createElement("select", { value: type, "data-testid": "hadron-document-type-editor", 
+            // See ./element.tsx
+            // eslint-disable-next-line jsx-a11y/no-autofocus
+            autoFocus: autoFocus, onChange: (evt) => {
                 onChange(evt.currentTarget.value);
             }, className: (0, emotion_1.cx)(editorReset, editorOutline, typeEditor, visuallyActive && typeEditorActive), onClick: (e) => {
                 e.stopPropagation();

package/lib/components/document-list/element-editors.js.map

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

package/lib/components/document-list/element.js

@@ -71,6 +71,8 @@ function useHadronElement(el) {
     const forceUpdate = (0, use_force_update_1.useForceUpdate)();
     const prevEl = (0, use_previous_1.usePrevious)(el);
     const editor = useElementEditor(el);
+    // NB: Duplicate key state is kept local to the component and not derived on
+    // every change so that only the changed key is highlighed as duplicate
     const [isDuplicateKey, setIsDuplicateKey] = (0, react_1.useState)(() => {
         return el.isDuplicateKey(el.currentKey);
     });
@@ -121,6 +123,9 @@ function useHadronElement(el) {
                 setIsDuplicateKey(el.isDuplicateKey(newVal));
                 el.rename(newVal);
             },
+            // TODO: isKeyEditable should probably account for Array parents on it's
+            // own, but right now `isValueEditable` has a weird dependency on it and
+            // so marking aray keys uneditable breaks value editing
             editable: el.isKeyEditable() && el.parent?.currentType !== 'Array',
             valid: !isDuplicateKey,
             validationMessage: isDuplicateKey
@@ -298,11 +303,18 @@ const actions = (0, emotion_1.css)({
     display: 'none',
 });
 const actionsVisible = (0, emotion_1.css)({
+    // We are deliberately not using useFocus and useHover hooks in the component
+    // as these listeners are expensive and so with the amount of code and DOM on
+    // the screen causes noticeable frame skips in the browser. This code is a bit
+    // brittle as we can't really reference the exact className of an emotion
+    // style so we have to rely on data attributes, but the chances that this
+    // should ever be an issue are pretty slim
     '[data-document-element="true"]:hover &, [data-document-element="true"]:focus-within &': {
         display: 'block',
     },
 });
 const lineNumberCountHidden = (0, emotion_1.css)({
+    // See above
     '[data-document-element="true"]:hover &::before, [data-document-element="true"]:focus-within &::before': {
         visibility: 'hidden',
     },
@@ -314,12 +326,15 @@ const calculateElementSpacerWidth = (editable, level) => {
     return (editable ? tokens_1.spacing[200] : 0) + tokens_1.spacing[400] * level;
 };
 const calculateShowMoreToggleOffset = ({ editable, level, alignWithNestedExpandIcon, }) => {
+    // the base padding that we have on all elements rendered in the document
     const BASE_PADDING_LEFT = tokens_1.spacing[200];
     const OFFSET_WHEN_EDITABLE = editable
-        ?
+        ? // space taken by element actions
             tokens_1.spacing[400] +
+                // space and margin taken by line number element
                 tokens_1.spacing[400] +
                 tokens_1.spacing[100] +
+                // element spacer width that we render
                 calculateElementSpacerWidth(editable, level)
         : 0;
     const EXPAND_ICON_SIZE = tokens_1.spacing[400];
@@ -336,6 +351,7 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
         expanded ? collapse() : expand();
     };
     const lineNumberMinWidth = (0, react_1.useMemo)(() => {
+        // Only account for ~ line count length if we are in editing mode
         if (editingEnabled) {
             const charCount = String(lineNumberSize).length;
             return charCount > 2 ? `${charCount}.5ch` : tokens_1.spacing[3];
@@ -343,6 +359,8 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
         return tokens_1.spacing[400];
     }, [lineNumberSize, editingEnabled]);
     const elementSpacerWidth = (0, react_1.useMemo)(() => calculateElementSpacerWidth(editable, level), [editable, level]);
+    // To render the "Show more" toggle for the nested expandable elements we need
+    // to calculate a proper offset so that it aligns with the nesting level
     const nestedElementsVisibilityToggleOffset = (0, react_1.useMemo)(() => (0, exports.calculateShowMoreToggleOffset)({
         editable,
         level,
@@ -401,7 +419,12 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
                 react_1.default.createElement(leafygreen_1.Icon, { size: "xsmall", glyph: expanded ? 'CaretDown' : 'CaretRight' })))),
             react_1.default.createElement("div", { ...keyProps, "data-testid": "hadron-document-element-key" }, key.editable ? (react_1.default.createElement(element_editors_1.KeyEditor, { value: key.value, valid: key.valid, validationMessage: key.validationMessage, onChange: (newVal) => {
                     key.change(newVal);
-                }, autoFocus: autoFocus?.id === id && autoFocus.type === 'key', editing: editingEnabled, onEditStart: () => {
+                }, 
+                // This autofocus will only trigger after user deliberately
+                // double-clicked on a field and so auto focusing the input is
+                // expected in this case
+                // eslint-disable-next-line jsx-a11y/no-autofocus
+                autoFocus: autoFocus?.id === id && autoFocus.type === 'key', editing: editingEnabled, onEditStart: () => {
                     onEditStart?.(element.uuid, 'key');
                 } })) : (react_1.default.createElement("span", null, key.value))),
             react_1.default.createElement("div", { className: elementDivider, role: "presentation" }, ":\u00A0"),
@@ -409,7 +432,10 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
                 react_1.default.createElement(leafygreen_1.Icon, { glyph: "Key", size: "small" })))),
             react_1.default.createElement("div", { className: elementValue, "data-testid": "hadron-document-element-value" }, value.editable ? (react_1.default.createElement(element_editors_1.ValueEditor, { type: type.value, originalValue: value.originalValue, value: value.value, valid: value.valid, validationMessage: value.validationMessage, onChange: (newVal) => {
                     value.change(newVal);
-                }, autoFocus: autoFocus?.id === id && autoFocus.type === 'value', editing: editingEnabled, onEditStart: () => {
+                }, 
+                // See above
+                // eslint-disable-next-line jsx-a11y/no-autofocus
+                autoFocus: autoFocus?.id === id && autoFocus.type === 'value', editing: editingEnabled, onEditStart: () => {
                     onEditStart?.(element.uuid, 'value');
                 }, onFocus: () => {
                     value.startEdit();
@@ -424,8 +450,13 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
                 } },
                 react_1.default.createElement(bson_value_1.default, { type: type.value, value: value.originalValue })))),
             editable && (react_1.default.createElement("div", { className: elementType, "data-testid": "hadron-document-element-type" },
-                react_1.default.createElement(element_editors_1.TypeEditor, { editing: editingEnabled, type: type.value, autoFocus: autoFocus?.id === id && autoFocus.type === 'type', onChange: (newType) => {
+                react_1.default.createElement(element_editors_1.TypeEditor, { editing: editingEnabled, type: type.value, 
+                    // See above
+                    // eslint-disable-next-line jsx-a11y/no-autofocus
+                    autoFocus: autoFocus?.id === id && autoFocus.type === 'type', onChange: (newType) => {
                         type.change(newType);
+                        // When we change the type to an object or array we auto
+                        // expand them to make seeding data a bit quicker.
                         if (newType === 'Array' || newType === 'Object') {
                             expand();
                         }
@@ -434,7 +465,16 @@ const HadronElement = ({ value: element, editable, editingEnabled, onEditStart,
             visibleChildren.map((el, idx) => {
                 return (react_1.default.createElement(exports.HadronElement, { key: idx, value: el, editable: editable, editingEnabled: editingEnabled, onEditStart: onEditStart, lineNumberSize: lineNumberSize, onAddElement: onAddElement }));
             }),
-            react_1.default.createElement(visible_field_toggle_1.default, { parentFieldName: key.value, showHideButton: !editingEnabled, currentSize: element.maxVisibleElementsCount, totalSize: children.length, minSize: hadron_document_1.DEFAULT_VISIBLE_ELEMENTS, step: editingEnabled ? hadron_document_1.DEFAULT_VISIBLE_ELEMENTS : 1000, onSizeChange: handleVisibleElementsChanged, style: {
+            react_1.default.createElement(visible_field_toggle_1.default, { parentFieldName: key.value, 
+                // TODO: (Same as that for Document) "Hide items" button will only
+                // be shown when document is not edited because it's not decided how
+                // to handle changes to the fields that are changed but then hidden
+                // https://jira.mongodb.org/browse/COMPASS-5587
+                showHideButton: !editingEnabled, currentSize: element.maxVisibleElementsCount, totalSize: children.length, minSize: hadron_document_1.DEFAULT_VISIBLE_ELEMENTS, 
+                // Same as that for Document renderer, in the editing mode we allow
+                // to show / hide less fields because historically Compass was doing
+                // this for "performance" reasons
+                step: editingEnabled ? hadron_document_1.DEFAULT_VISIBLE_ELEMENTS : 1000, onSizeChange: handleVisibleElementsChanged, style: {
                     paddingLeft: nestedElementsVisibilityToggleOffset,
                 } })))));
 };