@mongodb-js/compass-components 0.12.0 → 0.15.0

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const DocumentFieldsToggleGroup: React.FunctionComponent<{
+    showHideButton?: boolean;
+    currentSize: number;
+    totalSize: number;
+    minSize?: number;
+    step?: number;
+    onSizeChange(newSize: number): void;
+}>;
+export default DocumentFieldsToggleGroup;
+//# sourceMappingURL=document-fields-toggle-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document-fields-toggle-group.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/document-fields-toggle-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAiBpD,QAAA,MAAM,yBAAyB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;CACrC,CA8DA,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

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;
+    editing?: boolean;
+    onEditStart?: () => void;
+}>;
+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;AA4DzB,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC5C,KAAK,EAAE,kBAAkB,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CA2DA,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,90 @@
+"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");
+const use_previous_1 = require("./use-previous");
+function useHadronDocument(doc) {
+    const prevDoc = (0, use_previous_1.usePrevious)(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)(() => {
+        if (prevDoc && prevDoc !== doc) {
+            forceUpdate();
+        }
+    }, [prevDoc, 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 = false, editable = false, editing = false, onEditStart, }) => {
+    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, idx) => {
+            return (react_1.default.createElement(element_1.HadronElement, { key: idx, value: el, 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":"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"}

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,33 @@
+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];
+    autoFocus?: boolean;
+    onChange(newVal: string): void;
+    onFocus(): void;
+    onBlur(): void;
+}>;
+export declare const TypeEditor: React.FunctionComponent<{
+    editing?: boolean;
+    autoFocus?: 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,CA8EA,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,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,IAAI,IAAI,CAAC;CAChB,CAoIA,CAAC;AAyBF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,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,CAkCA,CAAC"}