@mongodb-js/compass-components 0.11.0 → 0.14.0

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' | 'type') => 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;AAEf,OAAO,KAAK,EAEV,OAAO,IAAI,iBAAiB,EAE7B,MAAM,iBAAiB,CAAC;AA+QzB,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,GAAG,MAAM,KAAK,IAAI,CAAC;IACpE,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,EAAE,iBAAiB,GAAG,IAAI,CAAC;CAC3C,CA2QA,CAAC"}

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

@@ -0,0 +1,333 @@
+"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.HadronElement = void 0;
+const react_1 = __importStar(require("react"));
+const index_1 = require("../../index");
+const hadron_document_1 = require("hadron-document");
+const bson_value_1 = __importDefault(require("../bson-value"));
+const tokens_1 = require("@leafygreen-ui/tokens");
+const element_editors_1 = require("./element-editors");
+const element_actions_1 = require("./element-actions");
+const font_awesome_icon_1 = require("./font-awesome-icon");
+const auto_focus_context_1 = require("./auto-focus-context");
+const use_force_update_1 = require("./use-force-update");
+function getEditorByType(type) {
+    switch (type) {
+        case 'Date':
+        case 'String':
+        case 'Decimal128':
+        case 'Double':
+        case 'Int32':
+        case 'Int64':
+        case 'Null':
+        case 'Undefined':
+        case 'ObjectId':
+            return hadron_document_1.ElementEditor[`${type}Editor`];
+        default:
+            return hadron_document_1.ElementEditor.StandardEditor;
+    }
+}
+function useElementEditor(el) {
+    var _a, _b;
+    const editor = (0, react_1.useRef)(null);
+    if (!editor.current ||
+        ((_a = editor.current) === null || _a === void 0 ? void 0 : _a.element) !== el ||
+        ((_b = editor.current) === null || _b === void 0 ? void 0 : _b.type) !== el.currentType) {
+        const Editor = getEditorByType(el.currentType);
+        editor.current = new Editor(el);
+    }
+    return editor.current;
+}
+function useHadronElement(el) {
+    var _a, _b, _c;
+    const forceUpdate = (0, use_force_update_1.useForceUpdate)();
+    const editor = useElementEditor(el);
+    const [isDuplicateKey, setIsDuplicateKey] = (0, react_1.useState)(() => {
+        return el.isDuplicateKey(el.currentKey);
+    });
+    const onElementChanged = (0, react_1.useCallback)((changedElement) => {
+        if (el.uuid === changedElement.uuid) {
+            forceUpdate();
+        }
+    }, [el, forceUpdate]);
+    const onElementAddedOrRemoved = (0, react_1.useCallback)((_el, parentEl) => {
+        if (el === parentEl) {
+            forceUpdate();
+        }
+    }, [el, forceUpdate]);
+    (0, react_1.useEffect)(() => {
+        el.on(hadron_document_1.ElementEvents.Converted, onElementChanged);
+        el.on(hadron_document_1.ElementEvents.Edited, onElementChanged);
+        el.on(hadron_document_1.ElementEvents.Reverted, onElementChanged);
+        el.on(hadron_document_1.ElementEvents.Invalid, onElementChanged);
+        el.on(hadron_document_1.ElementEvents.Valid, onElementChanged);
+        el.on(hadron_document_1.ElementEvents.Added, onElementAddedOrRemoved);
+        el.on(hadron_document_1.ElementEvents.Removed, onElementAddedOrRemoved);
+        return () => {
+            el.off(hadron_document_1.ElementEvents.Converted, onElementChanged);
+            el.off(hadron_document_1.ElementEvents.Edited, onElementChanged);
+            el.off(hadron_document_1.ElementEvents.Reverted, onElementChanged);
+            el.off(hadron_document_1.ElementEvents.Valid, onElementChanged);
+            el.off(hadron_document_1.ElementEvents.Added, onElementAddedOrRemoved);
+            el.off(hadron_document_1.ElementEvents.Removed, onElementAddedOrRemoved);
+        };
+    }, [el, onElementChanged, onElementAddedOrRemoved]);
+    const isValid = el.isCurrentTypeValid();
+    return {
+        id: el.uuid,
+        key: {
+            value: String(el.currentKey),
+            change(newVal) {
+                setIsDuplicateKey(el.isDuplicateKey(newVal));
+                el.rename(newVal);
+            },
+            editable: el.isKeyEditable() && ((_a = el.parent) === null || _a === void 0 ? void 0 : _a.currentType) !== 'Array',
+            valid: !isDuplicateKey,
+            validationMessage: isDuplicateKey
+                ? `Duplicate key "${el.currentKey}" - this will overwrite previous values`
+                : null,
+        },
+        value: {
+            value: editor.value(),
+            originalValue: el.currentValue,
+            change(newVal) {
+                editor.edit(newVal);
+            },
+            editable: el.isValueEditable() &&
+                el.currentType !== 'Object' &&
+                el.currentType !== 'Array',
+            decrypted: el.isValueDecrypted(),
+            valid: isValid,
+            validationMessage: !isValid ? (_b = el.invalidTypeMessage) !== null && _b !== void 0 ? _b : null : null,
+            startEdit: editor.start.bind(editor),
+            completeEdit: editor.complete.bind(editor),
+        },
+        type: {
+            value: el.currentType,
+            change(newVal) {
+                el.changeType(newVal);
+            },
+        },
+        revert: el.isRevertable() ? el.revert.bind(el) : null,
+        remove: el.isNotActionable() ? null : el.remove.bind(el),
+        expandable: Boolean(el.elements),
+        children: el.elements ? [...el.elements] : [],
+        level: el.level,
+        parentType: (_c = el.parent) === null || _c === void 0 ? void 0 : _c.currentType,
+        removed: el.isRemoved(),
+    };
+}
+const buttonReset = (0, index_1.css)({
+    margin: 0,
+    padding: 0,
+    border: 'none',
+    background: 'none',
+});
+const hadronElement = (0, index_1.css)({
+    display: 'flex',
+    paddingLeft: tokens_1.spacing[2],
+    paddingRight: tokens_1.spacing[2],
+    '&:hover': {
+        backgroundColor: index_1.uiColors.gray.light2,
+    },
+});
+const elementInvalid = (0, index_1.css)({
+    backgroundColor: index_1.uiColors.yellow.light3,
+    '&:hover': {
+        backgroundColor: index_1.uiColors.yellow.light2,
+    },
+});
+const elementRemoved = (0, index_1.css)({
+    backgroundColor: index_1.uiColors.red.light3,
+    '&:hover': {
+        backgroundColor: index_1.uiColors.red.light2,
+    },
+});
+const elementActions = (0, index_1.css)({
+    flex: 'none',
+    width: tokens_1.spacing[3],
+});
+const elementLineNumber = (0, index_1.css)({
+    flex: 'none',
+    position: 'relative',
+    marginLeft: tokens_1.spacing[1],
+    boxSizing: 'content-box',
+});
+const addFieldActionsContainer = (0, index_1.css)({
+    position: 'absolute',
+    top: 0,
+    right: 0,
+});
+const lineNumberCount = (0, index_1.css)({
+    '&::before': {
+        display: 'block',
+        width: '100%',
+        counterIncrement: 'line-number',
+        content: 'counter(line-number)',
+        textAlign: 'end',
+        color: index_1.uiColors.gray.base,
+    },
+});
+const lineNumberInvalid = (0, index_1.css)({
+    backgroundColor: index_1.uiColors.yellow.base,
+    '&::before': {
+        color: index_1.uiColors.yellow.dark2,
+    },
+});
+const lineNumberRemoved = (0, index_1.css)({
+    backgroundColor: index_1.uiColors.red.base,
+    color: index_1.uiColors.red.light3,
+    '&::before': {
+        color: index_1.uiColors.red.light3,
+    },
+});
+const elementSpacer = (0, index_1.css)({
+    flex: 'none',
+});
+const elementExpand = (0, index_1.css)({
+    width: tokens_1.spacing[3],
+    flex: 'none',
+});
+const elementKey = (0, index_1.css)({
+    flex: 'none',
+    fontWeight: 'bold',
+    maxWidth: '60%',
+});
+const elementDivider = (0, index_1.css)({
+    flex: 'none',
+    userSelect: 'none',
+});
+const elementValue = (0, index_1.css)({
+    flex: 1,
+    minWidth: 0,
+    maxWidth: '100%',
+});
+const elementType = (0, index_1.css)({
+    flex: 'none',
+    marginLeft: tokens_1.spacing[1],
+});
+const actions = (0, index_1.css)({
+    display: 'none',
+});
+const actionsVisible = (0, index_1.css)({
+    '[data-document-element="true"]:hover &, [data-document-element="true"]:focus-within &': {
+        display: 'block',
+    },
+});
+const lineNumberCountHidden = (0, index_1.css)({
+    '[data-document-element="true"]:hover &::before, [data-document-element="true"]:focus-within &::before': {
+        visibility: 'hidden',
+    },
+});
+const HadronElement = ({ value: element, editable, editingEnabled, onEditStart, allExpanded, lineNumberSize, onAddElement, }) => {
+    const autoFocus = (0, auto_focus_context_1.useAutoFocusContext)();
+    const [expanded, setExpanded] = (0, react_1.useState)(allExpanded);
+    const { id, key, value, type, revert, remove, expandable, children, level, parentType, removed, } = useHadronElement(element);
+    (0, react_1.useEffect)(() => {
+        setExpanded(allExpanded);
+    }, [allExpanded]);
+    const toggleExpanded = (0, react_1.useCallback)(() => {
+        setExpanded((val) => !val);
+    }, []);
+    const lineNumberMinWidth = (0, react_1.useMemo)(() => {
+        if (editingEnabled) {
+            const charCount = String(lineNumberSize).length;
+            return charCount > 2 ? `${charCount}.5ch` : tokens_1.spacing[3];
+        }
+        return tokens_1.spacing[3];
+    }, [lineNumberSize, editingEnabled]);
+    const onLineClick = (0, react_1.useCallback)(() => {
+        toggleExpanded();
+    }, [toggleExpanded]);
+    const isValid = key.valid && value.valid;
+    const shouldShowActions = editingEnabled;
+    const elementProps = {
+        className: (0, index_1.cx)(hadronElement, removed ? elementRemoved : editingEnabled && !isValid && elementInvalid),
+        onClick: onLineClick,
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { "data-document-element": "true", "data-testid": "hadron-document-element", "data-id": element.uuid, ...elementProps },
+            editable && (react_1.default.createElement("div", { className: elementActions },
+                react_1.default.createElement("div", { className: (0, index_1.cx)(actions, shouldShowActions && actionsVisible) },
+                    react_1.default.createElement(element_actions_1.EditActions, { onRevert: revert, onRemove: remove, editing: editingEnabled })))),
+            editable && (react_1.default.createElement("div", { className: (0, index_1.cx)(elementLineNumber, editingEnabled && lineNumberCount, shouldShowActions && lineNumberCountHidden, removed
+                    ? lineNumberRemoved
+                    : editingEnabled && !isValid && lineNumberInvalid), style: { minWidth: lineNumberMinWidth } },
+                react_1.default.createElement("div", { className: (0, index_1.cx)(actions, addFieldActionsContainer, shouldShowActions && actionsVisible) },
+                    react_1.default.createElement(element_actions_1.AddFieldActions, { editing: editingEnabled, type: type.value, parentType: parentType && parentType === 'Document'
+                            ? 'Object'
+                            : parentType, keyName: key.value, onAddFieldAfterElement: () => {
+                            const el = element.insertSiblingPlaceholder();
+                            onAddElement(el);
+                        }, onAddFieldToElement: type.value === 'Object' || type.value === 'Array'
+                            ? () => {
+                                const el = element.insertPlaceholder();
+                                onAddElement(el);
+                                setExpanded(true);
+                            }
+                            : undefined })))),
+            react_1.default.createElement("div", { className: elementSpacer, style: { width: (editable ? tokens_1.spacing[2] : 0) + tokens_1.spacing[3] * level } }),
+            react_1.default.createElement("div", { className: elementExpand }, expandable && (react_1.default.createElement("button", { className: buttonReset, "aria-pressed": expanded, "aria-label": expanded ? 'Collapse field items' : 'Expand field items', onClick: (evt) => {
+                    evt.stopPropagation();
+                    toggleExpanded();
+                } },
+                react_1.default.createElement(font_awesome_icon_1.FontAwesomeIcon, { icon: expanded ? 'expanded' : 'collapsed' })))),
+            react_1.default.createElement("div", { className: elementKey, "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 === null || autoFocus === void 0 ? void 0 : autoFocus.id) === id && autoFocus.type === 'key', editing: editingEnabled, onEditStart: () => {
+                    onEditStart === null || onEditStart === void 0 ? void 0 : onEditStart(element.uuid, 'key');
+                } })) : (react_1.default.createElement("span", null, key.value))),
+            react_1.default.createElement("div", { className: elementDivider, role: "presentation" },
+                ":\u00A0",
+                value.decrypted && (react_1.default.createElement("span", { "data-test-id": "hadron-document-element-decrypted-icon", title: "Encrypted with CSFLE" },
+                    react_1.default.createElement(index_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 === null || autoFocus === void 0 ? void 0 : autoFocus.id) === id && autoFocus.type === 'value', editing: editingEnabled, onEditStart: () => {
+                    onEditStart === null || onEditStart === void 0 ? void 0 : onEditStart(element.uuid, 'value');
+                }, onFocus: () => {
+                    value.startEdit();
+                }, onBlur: () => {
+                    value.completeEdit();
+                } })) : (react_1.default.createElement("div", { "data-testid": editable && !editingEnabled
+                    ? 'hadron-document-clickable-value'
+                    : undefined, onDoubleClick: () => {
+                    if (editable && !editingEnabled) {
+                        onEditStart === null || onEditStart === void 0 ? void 0 : onEditStart(element.uuid, 'type');
+                    }
+                } },
+                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 === null || autoFocus === void 0 ? void 0 : autoFocus.id) === id && autoFocus.type === 'type', onChange: (newType) => {
+                        type.change(newType);
+                    } })))),
+        expandable &&
+            expanded &&
+            children.map((el) => {
+                return (react_1.default.createElement(exports.HadronElement, { key: el.uuid, value: el, editable: editable, editingEnabled: editingEnabled, onEditStart: onEditStart, allExpanded: allExpanded, lineNumberSize: lineNumberSize, onAddElement: onAddElement }));
+            })));
+};
+exports.HadronElement = HadronElement;
+//# sourceMappingURL=element.js.map

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

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

package/lib/components/document-list/font-awesome-icon.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare const FA_ICONS: {
+    remove: string;
+    revert: string;
+    collapsed: string;
+    expanded: string;
+    addChild: string;
+    addSibling: string;
+};
+export declare const FontAwesomeIcon: React.FunctionComponent<{
+    icon: keyof typeof FA_ICONS;
+}>;
+export {};
+//# sourceMappingURL=font-awesome-icon.d.ts.map

package/lib/components/document-list/font-awesome-icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-awesome-icon.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/font-awesome-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,QAAA,MAAM,QAAQ;;;;;;;CAOb,CAAC;AASF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACpD,IAAI,EAAE,MAAM,OAAO,QAAQ,CAAC;CAC7B,CAQA,CAAC"}

package/lib/components/document-list/font-awesome-icon.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FontAwesomeIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const emotion_1 = require("@leafygreen-ui/emotion");
+const tokens_1 = require("@leafygreen-ui/tokens");
+const FA_ICONS = {
+    remove: 'times-circle',
+    revert: 'rotate-left',
+    collapsed: 'angle-right',
+    expanded: 'angle-right  fa-rotate-90',
+    addChild: 'level-down fa-rotate-90',
+    addSibling: 'plus-square-o',
+};
+const faIcon = (0, emotion_1.css)({
+    width: tokens_1.spacing[3],
+    height: tokens_1.spacing[3],
+    padding: '2px',
+    textAlign: 'center',
+});
+const FontAwesomeIcon = ({ icon }) => {
+    const faClassName = FA_ICONS[icon];
+    return (react_1.default.createElement("span", { role: "presentation", className: (0, emotion_1.cx)(faIcon, `fa fa-${faClassName}`) }));
+};
+exports.FontAwesomeIcon = FontAwesomeIcon;
+//# sourceMappingURL=font-awesome-icon.js.map

package/lib/components/document-list/font-awesome-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-awesome-icon.js","sourceRoot":"","sources":["../../../src/components/document-list/font-awesome-icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAEhD,MAAM,QAAQ,GAAG;IACf,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,2BAA2B;IACrC,QAAQ,EAAE,yBAAyB;IACnC,UAAU,EAAE,eAAe;CAC5B,CAAC;AAEF,MAAM,MAAM,GAAG,IAAA,aAAG,EAAC;IACjB,KAAK,EAAE,gBAAO,CAAC,CAAC,CAAC;IACjB,MAAM,EAAE,gBAAO,CAAC,CAAC,CAAC;IAClB,OAAO,EAAE,KAAK;IACd,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEI,MAAM,eAAe,GAEvB,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAChB,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnC,OAAO,CACL,wCACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,IAAA,YAAE,EAAC,MAAM,EAAE,SAAS,WAAW,EAAE,CAAC,GACvC,CACT,CAAC;AACJ,CAAC,CAAC;AAVW,QAAA,eAAe,mBAU1B"}

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

@@ -0,0 +1,4 @@
+export { default as DocumentActionsGroup } from './document-actions-group';
+export { default as DocumentFieldsToggleGroup } from './document-fields-toggle-group';
+export { default as Document } from './document';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Document = exports.DocumentFieldsToggleGroup = exports.DocumentActionsGroup = void 0;
+var document_actions_group_1 = require("./document-actions-group");
+Object.defineProperty(exports, "DocumentActionsGroup", { enumerable: true, get: function () { return __importDefault(document_actions_group_1).default; } });
+var document_fields_toggle_group_1 = require("./document-fields-toggle-group");
+Object.defineProperty(exports, "DocumentFieldsToggleGroup", { enumerable: true, get: function () { return __importDefault(document_fields_toggle_group_1).default; } });
+var document_1 = require("./document");
+Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return __importDefault(document_1).default; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/document-list/index.ts"],"names":[],"mappings":";;;;;;AAAA,mEAA2E;AAAlE,+IAAA,OAAO,OAAwB;AACxC,+EAAsF;AAA7E,0JAAA,OAAO,OAA6B;AAC7C,uCAAiD;AAAxC,qHAAA,OAAO,OAAY"}

package/lib/components/document-list/use-force-update.d.ts

@@ -0,0 +1,2 @@
+export declare function useForceUpdate(): () => void;
+//# sourceMappingURL=use-force-update.d.ts.map

package/lib/components/document-list/use-force-update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-force-update.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/use-force-update.tsx"],"names":[],"mappings":"AAEA,wBAAgB,cAAc,IAAI,MAAM,IAAI,CAM3C"}

package/lib/components/document-list/use-force-update.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForceUpdate = void 0;
+const react_1 = require("react");
+function useForceUpdate() {
+    const [, setState] = (0, react_1.useState)({});
+    const forceUpdate = (0, react_1.useCallback)(() => {
+        setState({});
+    }, []);
+    return forceUpdate;
+}
+exports.useForceUpdate = useForceUpdate;
+//# sourceMappingURL=use-force-update.js.map

package/lib/components/document-list/use-force-update.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-force-update.js","sourceRoot":"","sources":["../../../src/components/document-list/use-force-update.tsx"],"names":[],"mappings":";;;AAAA,iCAA8C;AAE9C,SAAgB,cAAc;IAC5B,MAAM,CAAC,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAClC,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QACnC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,WAAW,CAAC;AACrB,CAAC;AAND,wCAMC"}

package/lib/components/error-boundary.d.ts

@@ -1,18 +1,10 @@
 import type { ErrorInfo } from 'react';
 import React from 'react';
-declare type State = {
-    error: Error | null;
-};
 declare type Props = {
     displayName?: string;
     onError?: (error: Error, errorInfo: ErrorInfo) => void;
     children: React.ReactElement;
 };
-export declare class ErrorBoundary extends React.Component<Props> {
-    state: State;
-    static getDerivedStateFromError(error: Error): State;
-    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): React.ReactNode;
-}
-export {};
+declare const _ErrorBoundary: React.FunctionComponent<Props>;
+export { _ErrorBoundary as ErrorBoundary };
 //# sourceMappingURL=error-boundary.d.ts.map

package/lib/components/error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEF,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,KAAK,CAEV;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAMpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAM3D,MAAM,IAAI,KAAK,CAAC,SAAS;CAgB1B"}
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,aAAK,KAAK,GAAG;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAqCF,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAAC,KAAK,CASlD,CAAC;AAEF,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}

package/lib/components/error-boundary.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorBoundary = void 0;
 const react_1 = __importDefault(require("react"));
-const banner_1 = __importDefault(require("@leafygreen-ui/banner"));
 const emotion_1 = require("@leafygreen-ui/emotion");
 const tokens_1 = require("@leafygreen-ui/tokens");
+const leafygreen_1 = require("./leafygreen");
 const errorContainerStyles = (0, emotion_1.css)({
     padding: tokens_1.spacing[3],
     width: '100%',
@@ -34,7 +34,7 @@ class ErrorBoundary extends react_1.default.Component {
         const { error } = this.state;
         if (error) {
             return (react_1.default.createElement("div", { className: errorContainerStyles },
-                react_1.default.createElement(banner_1.default, { variant: "danger" },
+                react_1.default.createElement(leafygreen_1.Banner, { variant: "danger" },
                     "An error occurred while rendering",
                     displayName ? ` ${displayName}` : '',
                     ": ",
@@ -43,5 +43,9 @@ class ErrorBoundary extends react_1.default.Component {
         return this.props.children;
     }
 }
-exports.ErrorBoundary = ErrorBoundary;
+const _ErrorBoundary = (props) => {
+    var _a;
+    return ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.COMPASS_DISABLE_ERROR_BOUNDARY) === 'true' ? (react_1.default.createElement(react_1.default.Fragment, null, props.children)) : (react_1.default.createElement(ErrorBoundary, { ...props }));
+};
+exports.ErrorBoundary = _ErrorBoundary;
 //# sourceMappingURL=error-boundary.js.map

package/lib/components/error-boundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mEAA2C;AAC3C,oDAA6C;AAC7C,kDAAgD;AAEhD,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,OAAO,EAAE,gBAAO,CAAC,CAAC,CAAC;IACnB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAYH,MAAa,aAAc,SAAQ,eAAK,CAAC,SAAgB;IAAzD;;QACE,UAAK,GAAU;YACb,KAAK,EAAE,IAAI;SACZ,CAAC;IA8BJ,CAAC;IA5BC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO;YACL,KAAK;SACN,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SACtC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,EAAE;YACT,OAAO,CACL,uCAAK,SAAS,EAAE,oBAAoB;gBAClC,8BAAC,gBAAM,IAAC,OAAO,EAAC,QAAQ;;oBAErB,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;;oBAAI,KAAK,CAAC,OAAO,CAC/C,CACL,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAjCD,sCAiCC"}
+{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,oDAA6C;AAC7C,kDAAgD;AAEhD,6CAAsC;AAEtC,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,OAAO,EAAE,gBAAO,CAAC,CAAC,CAAC;IACnB,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAYH,MAAM,aAAc,SAAQ,eAAK,CAAC,SAAgB;IAAlD;;QACE,UAAK,GAAU;YACb,KAAK,EAAE,IAAI;SACZ,CAAC;IA8BJ,CAAC;IA5BC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO;YACL,KAAK;SACN,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SACtC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,EAAE;YACT,OAAO,CACL,uCAAK,SAAS,EAAE,oBAAoB;gBAClC,8BAAC,mBAAM,IAAC,OAAO,EAAC,QAAQ;;oBAErB,WAAW,CAAC,CAAC,CAAC,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE;;oBAAI,KAAK,CAAC,OAAO,CAC/C,CACL,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AAED,MAAM,cAAc,GAAmC,CAAC,KAAK,EAAE,EAAE;;IAI/D,OAAO,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,0CAAE,8BAA8B,MAAK,MAAM,CAAC,CAAC,CAAC,CAC/D,8DAAG,KAAK,CAAC,QAAQ,CAAI,CACtB,CAAC,CAAC,CAAC,CACF,8BAAC,aAAa,OAAK,KAAK,GAAkB,CAC3C,CAAC;AACJ,CAAC,CAAC;AAEyB,uCAAa"}

package/lib/components/error-warning-summary.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare type ErrorOrWarning = {
+    message: string;
+};
+export declare function ErrorSummary({ errors, dataTestId, onAction, actionText, }: {
+    dataTestId?: string;
+    errors: ErrorOrWarning[];
+    onAction?: () => void;
+    actionText?: string;
+}): React.ReactElement | null;
+export declare function WarningSummary({ warnings, }: {
+    warnings: ErrorOrWarning[];
+}): React.ReactElement | null;
+export {};
+//# sourceMappingURL=error-warning-summary.d.ts.map

package/lib/components/error-warning-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-warning-summary.d.ts","sourceRoot":"","sources":["../../src/components/error-warning-summary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,aAAK,cAAc,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAoE1C,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,UAAU,EACV,QAAQ,EACR,UAAU,GACX,EAAE;IACD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,cAAc,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAwB5B;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,GACT,EAAE;IACD,QAAQ,EAAE,cAAc,EAAE,CAAC;CAC5B,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAQ5B"}