@mongodb-js/compass-components 0.12.0 → 0.13.0

package/lib/components/document-list/document-fields-toggle-group.js

@@ -0,0 +1,69 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const leafygreen_1 = require("../leafygreen");
+const container = (0, emotion_1.css)({
+    display: 'flex',
+    gap: tokens_1.spacing[2],
+    paddingTop: tokens_1.spacing[3],
+    paddingLeft: tokens_1.spacing[3],
+    paddingRight: tokens_1.spacing[3],
+});
+const button = (0, emotion_1.css)({
+    flex: 'none',
+});
+const DocumentFieldsToggleGroup = ({ showHideButton = true, currentSize, totalSize, minSize = 25, step = 1000, onSizeChange, }) => {
+    const showSizeDiff = (0, react_1.useMemo)(() => {
+        return Math.min(totalSize - currentSize, step);
+    }, [currentSize, step, totalSize]);
+    const hideSizeDiff = (0, react_1.useMemo)(() => {
+        return Math.max(currentSize - minSize, 0);
+    }, [currentSize, minSize]);
+    const isShowButtonVisible = (0, react_1.useMemo)(() => {
+        return showSizeDiff > 0;
+    }, [showSizeDiff]);
+    const isHideButtonVisible = (0, react_1.useMemo)(() => {
+        return showHideButton && hideSizeDiff > 0;
+    }, [hideSizeDiff, showHideButton]);
+    const onShowClick = (0, react_1.useCallback)(() => {
+        onSizeChange(currentSize + showSizeDiff);
+    }, [currentSize, onSizeChange, showSizeDiff]);
+    const onHideClick = (0, react_1.useCallback)(() => {
+        onSizeChange(currentSize - hideSizeDiff);
+    }, [currentSize, hideSizeDiff, onSizeChange]);
+    if (!isShowButtonVisible && !isHideButtonVisible) {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: container },
+        isShowButtonVisible && (react_1.default.createElement(leafygreen_1.Button, { size: "xsmall", leftGlyph: react_1.default.createElement(leafygreen_1.Icon, { glyph: "ArrowDown" }), onClick: onShowClick, className: button, "data-testid": "show-more-fields-button" },
+            "Show ",
+            showSizeDiff,
+            " more fields")),
+        isHideButtonVisible && (react_1.default.createElement(leafygreen_1.Button, { size: "xsmall", leftGlyph: react_1.default.createElement(leafygreen_1.Icon, { glyph: "ArrowUp" }), onClick: onHideClick, className: button, "data-testid": "hide-fields-button" },
+            "Hide ",
+            hideSizeDiff,
+            " fields"))));
+};
+exports.default = DocumentFieldsToggleGroup;
+//# sourceMappingURL=document-fields-toggle-group.js.map

package/lib/components/document-list/document-fields-toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document-fields-toggle-group.js","sourceRoot":"","sources":["../../../src/components/document-list/document-fields-toggle-group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,oDAA6C;AAC7C,kDAAgD;AAChD,8CAA6C;AAE7C,MAAM,SAAS,GAAG,IAAA,aAAG,EAAC;IACpB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IACf,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;IACtB,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;IACvB,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,MAAM,GAAG,IAAA,aAAG,EAAC;IACjB,IAAI,EAAE,MAAM;CACb,CAAC,CAAC;AAEH,MAAM,yBAAyB,GAO1B,CAAC,EACJ,cAAc,GAAG,IAAI,EACrB,WAAW,EACX,SAAS,EACT,OAAO,GAAG,EAAE,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GACb,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,WAAW,EAAE,IAAI,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,OAAO,YAAY,GAAG,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,MAAM,mBAAmB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACvC,OAAO,cAAc,IAAI,YAAY,GAAG,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAC;IAEnC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,YAAY,CAAC,WAAW,GAAG,YAAY,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,YAAY,CAAC,WAAW,GAAG,YAAY,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9C,IAAI,CAAC,mBAAmB,IAAI,CAAC,mBAAmB,EAAE;QAChD,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uCAAK,SAAS,EAAE,SAAS;QACtB,mBAAmB,IAAI,CACtB,8BAAC,mBAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,8BAAC,iBAAI,IAAC,KAAK,EAAC,WAAW,GAAQ,EAC1C,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,iBACL,yBAAyB;;YAE/B,YAAY;2BACX,CACV;QACA,mBAAmB,IAAI,CACtB,8BAAC,mBAAM,IACL,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,8BAAC,iBAAI,IAAC,KAAK,EAAC,SAAS,GAAQ,EACxC,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,iBACL,oBAAoB;;YAE1B,YAAY;sBACX,CACV,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { default as HadronDocumentType } from 'hadron-document';
+declare const HadronDocument: React.FunctionComponent<{
+    value: HadronDocumentType;
+    visibleFieldsCount?: number;
+    expanded: boolean;
+    editable: boolean;
+    onEditStart?: () => void;
+    editing: boolean;
+}>;
+export default HadronDocument;
+//# sourceMappingURL=document.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/document.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EACV,OAAO,IAAI,kBAAkB,EAE9B,MAAM,iBAAiB,CAAC;AAmDzB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC5C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;CAClB,CA2DA,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const hadron_document_1 = require("hadron-document");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const auto_focus_context_1 = require("./auto-focus-context");
+const use_force_update_1 = require("./use-force-update");
+const element_1 = require("./element");
+function useHadronDocument(doc) {
+    const forceUpdate = (0, use_force_update_1.useForceUpdate)();
+    const onDocumentFieldsAddedOrRemoved = (0, react_1.useCallback)((_el, parentEl) => {
+        if (doc === parentEl) {
+            forceUpdate();
+        }
+    }, [doc, forceUpdate]);
+    (0, react_1.useEffect)(() => {
+        doc.on(hadron_document_1.ElementEvents.Added, onDocumentFieldsAddedOrRemoved);
+        doc.on(hadron_document_1.ElementEvents.Removed, onDocumentFieldsAddedOrRemoved);
+        return () => {
+            doc.off(hadron_document_1.ElementEvents.Added, onDocumentFieldsAddedOrRemoved);
+            doc.off(hadron_document_1.ElementEvents.Removed, onDocumentFieldsAddedOrRemoved);
+        };
+    }, [doc, onDocumentFieldsAddedOrRemoved]);
+    return {
+        elements: [...doc.elements],
+    };
+}
+const hadronDocument = (0, emotion_1.css)({
+    position: 'relative',
+    fontFamily: tokens_1.fontFamilies.code,
+    fontSize: '12px',
+    lineHeight: `${tokens_1.spacing[3]}px`,
+    counterReset: 'line-number',
+});
+const HadronDocument = ({ value: document, visibleFieldsCount, expanded, editable, onEditStart, editing, }) => {
+    const { elements } = useHadronDocument(document);
+    const visibleElements = (0, react_1.useMemo)(() => {
+        return elements.filter(Boolean).slice(0, visibleFieldsCount);
+    }, [elements, visibleFieldsCount]);
+    const [autoFocus, setAutoFocus] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        if (!editing) {
+            setAutoFocus(null);
+        }
+    }, [editing]);
+    return (react_1.default.createElement("div", { className: hadronDocument, "data-testid": "hadron-document", "data-id": document.uuid },
+        react_1.default.createElement(auto_focus_context_1.AutoFocusContext.Provider, { value: autoFocus }, visibleElements.map((el) => {
+            return (react_1.default.createElement(element_1.HadronElement, { value: el, key: el.uuid, editable: editable, editingEnabled: editing, allExpanded: expanded, onEditStart: editable
+                    ? (id, type) => {
+                        setAutoFocus({ id, type });
+                        onEditStart === null || onEditStart === void 0 ? void 0 : onEditStart();
+                    }
+                    : undefined, lineNumberSize: visibleElements.length, onAddElement: (el) => {
+                    var _a;
+                    setAutoFocus({
+                        id: el.uuid,
+                        type: ((_a = el.parent) === null || _a === void 0 ? void 0 : _a.currentType) === 'Array' ? 'value' : 'key',
+                    });
+                } }));
+        }))));
+};
+exports.default = HadronDocument;
+//# sourceMappingURL=document.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document.js","sourceRoot":"","sources":["../../../src/components/document-list/document.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyE;AACzE,oDAA6C;AAK7C,qDAAgD;AAChD,kDAA8D;AAC9D,6DAAwD;AACxD,yDAAoD;AACpD,uCAA0C;AAE1C,SAAS,iBAAiB,CAAC,GAAuB;IAChD,MAAM,WAAW,GAAG,IAAA,iCAAc,GAAE,CAAC;IAErC,MAAM,8BAA8B,GAAG,IAAA,mBAAW,EAChD,CACE,GAAsB,EACtB,QAAuD,EACvD,EAAE;QAIF,IAAI,GAAG,KAAK,QAAQ,EAAE;YACpB,WAAW,EAAE,CAAC;SACf;IACH,CAAC,EACD,CAAC,GAAG,EAAE,WAAW,CAAC,CACnB,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,EAAE,CAAC,+BAAa,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC;QAC5D,GAAG,CAAC,EAAE,CAAC,+BAAa,CAAC,OAAO,EAAE,8BAA8B,CAAC,CAAC;QAE9D,OAAO,GAAG,EAAE;YACV,GAAG,CAAC,GAAG,CAAC,+BAAa,CAAC,KAAK,EAAE,8BAA8B,CAAC,CAAC;YAC7D,GAAG,CAAC,GAAG,CAAC,+BAAa,CAAC,OAAO,EAAE,8BAA8B,CAAC,CAAC;QACjE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,8BAA8B,CAAC,CAAC,CAAC;IAE1C,OAAO;QACL,QAAQ,EAAE,CAAC,GAAG,GAAG,CAAC,QAAQ,CAAC;KAC5B,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,qBAAY,CAAC,IAAI;IAC7B,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,IAAI;IAC7B,YAAY,EAAE,aAAa;CAC5B,CAAC,CAAC;AAKH,MAAM,cAAc,GAOf,CAAC,EACJ,KAAK,EAAE,QAAQ,EACf,kBAAkB,EAClB,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,OAAO,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,kBAAkB,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC,CAAC;IACnC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAGhC,IAAI,CAAC,CAAC;IAEhB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,OAAO,EAAE;YACZ,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;IACH,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,uCACE,SAAS,EAAE,cAAc,iBACb,iBAAiB,aACpB,QAAQ,CAAC,IAAI;QAEtB,8BAAC,qCAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IACxC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE;YAC1B,OAAO,CACL,8BAAC,uBAAa,IACZ,KAAK,EAAE,EAAE,EACT,GAAG,EAAE,EAAE,CAAC,IAAI,EACZ,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,OAAO,EACvB,WAAW,EAAE,QAAQ,EACrB,WAAW,EACT,QAAQ;oBACN,CAAC,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;wBACX,YAAY,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC;wBAC3B,WAAW,aAAX,WAAW,uBAAX,WAAW,EAAI,CAAC;oBAClB,CAAC;oBACH,CAAC,CAAC,SAAS,EAEf,cAAc,EAAE,eAAe,CAAC,MAAM,EACtC,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE;;oBACnB,YAAY,CAAC;wBACX,EAAE,EAAE,EAAE,CAAC,IAAI;wBACX,IAAI,EAAE,CAAA,MAAA,EAAE,CAAC,MAAM,0CAAE,WAAW,MAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK;qBAC3D,CAAC,CAAC;gBACL,CAAC,GACc,CAClB,CAAC;QACJ,CAAC,CAAC,CACwB,CACxB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { TypeCastTypes } from 'hadron-type-checker';
+export declare const EditActions: React.FunctionComponent<{
+    onRemove?: (() => void) | null;
+    onRevert?: (() => void) | null;
+    editing?: boolean;
+}>;
+export declare const AddFieldActions: React.FunctionComponent<{
+    type: TypeCastTypes;
+    parentType?: TypeCastTypes;
+    editing?: boolean;
+    keyName: string;
+    onAddFieldToElement?: () => void;
+    onAddFieldAfterElement: () => void;
+}>;
+//# sourceMappingURL=element-actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"element-actions.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element-actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAazD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CA+BA,CAAC;AAgBF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACpD,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sBAAsB,EAAE,MAAM,IAAI,CAAC;CACpC,CAsEA,CAAC"}

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

@@ -0,0 +1,94 @@
+"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.AddFieldActions = exports.EditActions = void 0;
+const react_1 = __importStar(require("react"));
+const menu_1 = require("@leafygreen-ui/menu");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const font_awesome_icon_1 = require("./font-awesome-icon");
+const buttonReset = (0, emotion_1.css)({
+    margin: 0,
+    padding: 0,
+    border: 'none',
+    background: 'none',
+});
+const EditActions = ({ editing, onRemove, onRevert }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, editing &&
+        (onRevert ? (react_1.default.createElement("button", { "data-testid": "hadron-document-revert", className: buttonReset, "aria-label": "Revert changes", onClick: (evt) => {
+                evt.stopPropagation();
+                onRevert();
+            } },
+            react_1.default.createElement(font_awesome_icon_1.FontAwesomeIcon, { icon: "revert" }))) : onRemove ? (react_1.default.createElement("button", { "data-testid": "hadron-document-remove", className: buttonReset, "aria-label": "Remove field", onClick: (evt) => {
+                evt.stopPropagation();
+                onRemove();
+            } },
+            react_1.default.createElement(font_awesome_icon_1.FontAwesomeIcon, { icon: "remove" }))) : null)));
+};
+exports.EditActions = EditActions;
+const addFieldButton = (0, emotion_1.css)({
+    display: 'block',
+    width: tokens_1.spacing[3],
+    height: tokens_1.spacing[3],
+    marginLeft: 'auto',
+    boxShadow: `inset 0 0 0 1px currentColor`,
+    borderRadius: '2px',
+    userSelect: 'none',
+});
+const menu = (0, emotion_1.css)({
+    width: 'auto',
+});
+const AddFieldActions = ({ editing, type, parentType, keyName, onAddFieldToElement, onAddFieldAfterElement, }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
+    if (!editing) {
+        return null;
+    }
+    return (react_1.default.createElement(menu_1.Menu, { open: isOpen, setOpen: setIsOpen, usePortal: false, popoverZIndex: 999999, align: "bottom", justify: "start", className: menu, trigger: ({ children, onClick, ...props }) => {
+            return (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement("button", { "data-testid": "hadron-document-add-element", className: (0, emotion_1.cx)(buttonReset, addFieldButton), onClick: (evt) => {
+                        evt.stopPropagation();
+                        onClick === null || onClick === void 0 ? void 0 : onClick(evt);
+                    }, ...props }, "+"),
+                children));
+        } },
+        onAddFieldToElement && (react_1.default.createElement(menu_1.MenuItem, { "data-testid": "hadron-document-add-child", onClick: () => {
+                setIsOpen(false);
+                onAddFieldToElement();
+            } },
+            react_1.default.createElement(font_awesome_icon_1.FontAwesomeIcon, { icon: "addChild" }),
+            "\u00A0Add",
+            ' ',
+            type === 'Array' ? 'item' : 'field',
+            " to ",
+            react_1.default.createElement("b", null, keyName))),
+        react_1.default.createElement(menu_1.MenuItem, { "data-testid": "hadron-document-add-sibling", onClick: () => {
+                setIsOpen(false);
+                onAddFieldAfterElement();
+            } },
+            react_1.default.createElement(font_awesome_icon_1.FontAwesomeIcon, { icon: "addSibling" }),
+            "\u00A0Add",
+            ' ',
+            parentType === 'Array' ? 'item' : 'field',
+            " after ",
+            react_1.default.createElement("b", null, keyName))));
+};
+exports.AddFieldActions = AddFieldActions;
+//# sourceMappingURL=element-actions.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import type { Element as HadronElementType } from 'hadron-document';
+import type { TypeCastMap } from 'hadron-type-checker';
+export declare const KeyEditor: React.FunctionComponent<{
+    editing?: boolean;
+    onEditStart(): void;
+    value: string;
+    valid: boolean;
+    validationMessage: string | null;
+    onChange(newVal: string): void;
+    autoFocus?: boolean;
+}>;
+export declare const ValueEditor: React.FunctionComponent<{
+    editing?: boolean;
+    onEditStart(): void;
+    type: string;
+    value: string;
+    valid: boolean;
+    validationMessage: string | null;
+    originalValue: TypeCastMap[keyof TypeCastMap];
+    onChange(newVal: string): void;
+    autoFocus?: boolean;
+}>;
+export declare const TypeEditor: React.FunctionComponent<{
+    editing?: boolean;
+    type: HadronElementType['type'];
+    onChange(newVal: HadronElementType['type']): void;
+    visuallyActive?: boolean;
+}>;
+//# sourceMappingURL=element-editors.d.ts.map

package/lib/components/document-list/element-editors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element-editors.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element-editors.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAuCvD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CA6EA,CAAC;AA0BF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,IAAI,IAAI,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,aAAa,EAAE,WAAW,CAAC,MAAM,WAAW,CAAC,CAAC;IAC9C,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CA4HA,CAAC;AAyBF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IAChC,QAAQ,CAAC,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CA+BA,CAAC"}

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

@@ -0,0 +1,143 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypeEditor = exports.ValueEditor = exports.KeyEditor = void 0;
+const react_1 = __importStar(require("react"));
+const hadron_type_checker_1 = __importDefault(require("hadron-type-checker"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const bson_value_1 = __importStar(require("../bson-value"));
+const tooltip_1 = require("../tooltip");
+const maxWidth = (0, emotion_1.css)({
+    maxWidth: '100%',
+    overflowX: 'hidden',
+    textOverflow: 'ellipsis',
+});
+const editorReset = (0, emotion_1.css)({
+    padding: 0,
+    margin: 0,
+    border: 'none',
+    boxShadow: 'none',
+    outline: 'none',
+    backgroundColor: 'transparent',
+    maxWidth: '100%',
+});
+const editorOutline = (0, emotion_1.css)({
+    '&:focus, &:active': {
+        borderRadius: `2px`,
+        boxShadow: `0 0 0 2px ${palette_1.uiColors.focus}`,
+    },
+});
+const editorInvalid = (0, emotion_1.css)({
+    backgroundColor: palette_1.uiColors.red.light2,
+    color: palette_1.uiColors.red.dark2,
+    '&:focus, &:active': {
+        boxShadow: `0 0 0 2px ${palette_1.uiColors.red.dark2}`,
+    },
+});
+const KeyEditor = ({ editing, value, valid, validationMessage, onChange, autoFocus, onEditStart, }) => {
+    const width = `${Math.max(value.length, 1)}ch`;
+    return (react_1.default.createElement(react_1.default.Fragment, null, editing ? (react_1.default.createElement(tooltip_1.Tooltip, { darkMode: true, isDisabled: valid, delay: 600, usePortal: false, trigger: ({ className, children, onDragStart, onPointerUp, onPointerDown, onMouseDown, ...triggerProps }) => {
+            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), style: { width }, spellCheck: "false", ...triggerProps }),
+                children));
+        } }, validationMessage)) : (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)({
+    width: '100%',
+    maxWidth: '100%',
+    '&::before, &::after': {
+        content: "'\"'",
+        userSelect: 'none',
+    },
+});
+const editorTextarea = (0, emotion_1.css)({
+    display: 'inline-block',
+    whiteSpace: 'nowrap',
+    minWidth: '5ch',
+    maxWidth: 'calc(100% - 2ch)',
+    verticalAlign: 'top',
+});
+const valueContainer = (0, emotion_1.css)({});
+function getCustomColorStyle(type) {
+    return (0, bson_value_1.hasCustomColor)(type) ? (0, emotion_1.css)({ color: bson_value_1.VALUE_COLOR_BY_TYPE[type] }) : '';
+}
+const ValueEditor = ({ editing, onEditStart, type, value, valid, validationMessage, originalValue, onChange, autoFocus, }) => {
+    const val = String(value);
+    const inputStyle = (0, react_1.useMemo)(() => {
+        if (type === 'String') {
+            const lines = val.split('\n');
+            const longestLineCharLength = Math.max(...lines.map((line) => line.length));
+            const width = `${Math.min(longestLineCharLength + 1, 70)}ch`;
+            const minLines = Math.max(lines.length, longestLineCharLength > 70 ? 2 : 1);
+            const maxLines = Math.min(minLines, 10);
+            const minHeight = tokens_1.spacing[3] * Math.min(minLines, maxLines);
+            const height = tokens_1.spacing[3] * maxLines;
+            return { width, minHeight, height };
+        }
+        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(tooltip_1.Tooltip, { darkMode: true, isDisabled: valid, delay: 600, usePortal: false, trigger: ({ className, children, onDragStart, onPointerUp, onPointerDown, onMouseDown, ...triggerProps }) => {
+            return (react_1.default.createElement("div", { className: className },
+                type === 'String' ? (react_1.default.createElement("div", { className: (0, emotion_1.cx)(textareaContainer, getCustomColorStyle(type)) },
+                    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, ...triggerProps }))) : (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, getCustomColorStyle(type), !valid && editorInvalid), style: inputStyle, spellCheck: "false", ...triggerProps })),
+                children));
+        } }, validationMessage)) : (react_1.default.createElement("div", { "data-testid": "hadron-document-clickable-value", className: valueContainer, onDoubleClick: onEditStart },
+        react_1.default.createElement(bson_value_1.default, { type: type, value: originalValue })))));
+};
+exports.ValueEditor = ValueEditor;
+const TYPES = hadron_type_checker_1.default.castableTypes(true);
+const longestTypeNameCharLength = Math.max(...TYPES.map((type) => type.length));
+const typeEditor = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.base,
+    appearance: 'none',
+    paddingLeft: tokens_1.spacing[1],
+    width: `calc(${longestTypeNameCharLength}ch + ${tokens_1.spacing[4]}px)`,
+    '&:hover, &:focus, &:focus-within, &:active': {
+        appearance: 'auto',
+        paddingLeft: 0,
+        color: 'inherit',
+    },
+});
+const typeEditorActive = (0, emotion_1.css)({
+    appearance: 'auto',
+    paddingLeft: 0,
+});
+const TypeEditor = ({ editing, type, onChange, visuallyActive }) => {
+    return (react_1.default.createElement(react_1.default.Fragment, null, editing && (react_1.default.createElement("select", { value: type, "data-testid": "hadron-document-type-editor", onChange: (evt) => {
+            onChange(evt.currentTarget.value);
+        }, className: (0, emotion_1.cx)(editorReset, editorOutline, typeEditor, visuallyActive && typeEditorActive) }, TYPES.map((type) => {
+        return (react_1.default.createElement("option", { key: type, value: type }, type));
+    })))));
+};
+exports.TypeEditor = TypeEditor;
+//# sourceMappingURL=element-editors.js.map

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Element as HadronElementType } from 'hadron-document';
+export declare const HadronElement: React.FunctionComponent<{
+    value: HadronElementType;
+    editable: boolean;
+    editingEnabled: boolean;
+    onEditStart?: (id: string, field: 'key' | 'value') => void;
+    allExpanded: boolean;
+    lineNumberSize: number;
+    onAddElement(el: HadronElementType): void;
+}>;
+//# sourceMappingURL=element.d.ts.map

package/lib/components/document-list/element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/element.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAEV,OAAO,IAAI,iBAAiB,EAE7B,MAAM,iBAAiB,CAAC;AAkRzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClD,KAAK,EAAE,iBAAiB,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,OAAO,KAAK,IAAI,CAAC;IAC3D,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC3C,CA0OA,CAAC"}