@mongodb-js/compass-components 0.13.0 → 0.16.0

package/lib/compass-font-sizes.d.ts

@@ -1,2 +1,3 @@
+export declare const smallFontSize = "13px";
 export declare const defaultFontSize = "14px";
 //# sourceMappingURL=compass-font-sizes.d.ts.map

package/lib/compass-font-sizes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-font-sizes.d.ts","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,SAAS,CAAC"}
+{"version":3,"file":"compass-font-sizes.d.ts","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,SAAS,CAAC;AACpC,eAAO,MAAM,eAAe,SAAS,CAAC"}

package/lib/compass-font-sizes.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultFontSize = void 0;
+exports.defaultFontSize = exports.smallFontSize = void 0;
+exports.smallFontSize = '13px';
 exports.defaultFontSize = '14px';
 //# sourceMappingURL=compass-font-sizes.js.map

package/lib/compass-font-sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass-font-sizes.js","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG,MAAM,CAAC"}
+{"version":3,"file":"compass-font-sizes.js","sourceRoot":"","sources":["../src/compass-font-sizes.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG,MAAM,CAAC;AACvB,QAAA,eAAe,GAAG,MAAM,CAAC"}

package/lib/compass-ui-colors.d.ts

@@ -2,4 +2,6 @@ export declare const gray8 = "#f5f6f7";
 export declare const transparentGray = "rgba(180, 180, 180, 0.5)";
 export declare const transparentWhite = "rgba(255, 255, 255, 0.5)";
 export declare const gold = "#FFC010";
+export declare const scrollbarThumbLightTheme = "rgba(137, 151, 155, 0.65)";
+export declare const scrollbarThumbDarkTheme = "rgba(137, 151, 155, 0.65)";
 //# sourceMappingURL=compass-ui-colors.d.ts.map

package/lib/compass-ui-colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAC3D,eAAO,MAAM,IAAI,YAAY,CAAC"}
+{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAC3D,eAAO,MAAM,IAAI,YAAY,CAAC;AAG9B,eAAO,MAAM,wBAAwB,8BAA8B,CAAC;AACpE,eAAO,MAAM,uBAAuB,8BAA8B,CAAC"}

package/lib/compass-ui-colors.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.gold = exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
+exports.scrollbarThumbDarkTheme = exports.scrollbarThumbLightTheme = exports.gold = exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
 exports.gray8 = '#f5f6f7';
 exports.transparentGray = 'rgba(180, 180, 180, 0.5)';
 exports.transparentWhite = 'rgba(255, 255, 255, 0.5)';
 exports.gold = '#FFC010';
+exports.scrollbarThumbLightTheme = 'rgba(137, 151, 155, 0.65)';
+exports.scrollbarThumbDarkTheme = 'rgba(137, 151, 155, 0.65)';
 //# sourceMappingURL=compass-ui-colors.js.map

package/lib/compass-ui-colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC;AAC9C,QAAA,IAAI,GAAG,SAAS,CAAC"}
+{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC;AAC9C,QAAA,IAAI,GAAG,SAAS,CAAC;AAGjB,QAAA,wBAAwB,GAAG,2BAA2B,CAAC;AACvD,QAAA,uBAAuB,GAAG,2BAA2B,CAAC"}

package/lib/components/accordion.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
 interface AccordionProps {
+    darkMode?: boolean;
     'data-testid'?: string;
-    text: string;
+    text: string | React.ReactNode;
+    hintText?: string;
 }
-declare function Accordion(props: React.PropsWithChildren<AccordionProps>): React.ReactElement;
-export default Accordion;
+declare const Accordion: React.ComponentType<AccordionProps>;
+export { Accordion };
 //# sourceMappingURL=accordion.d.ts.map

package/lib/components/accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAmCxC,UAAU,cAAc;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,iBAAS,SAAS,CAChB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAC7C,KAAK,CAAC,YAAY,CAiCpB;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AA8CxC,UAAU,cAAc;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA+CD,QAAA,MAAM,SAAS,qCAA+B,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/lib/components/accordion.js

@@ -19,6 +19,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
 const react_1 = __importStar(require("react"));
 const tokens_1 = require("@leafygreen-ui/tokens");
 const emotion_1 = require("@leafygreen-ui/emotion");
@@ -26,6 +27,7 @@ const palette_1 = require("@leafygreen-ui/palette");
 const utils_1 = require("@react-aria/utils");
 const leafygreen_1 = require("./leafygreen");
 const compass_font_sizes_1 = require("../compass-font-sizes");
+const use_theme_1 = require("../hooks/use-theme");
 const buttonStyles = (0, emotion_1.css)({
     fontWeight: 'bold',
     fontSize: compass_font_sizes_1.defaultFontSize,
@@ -44,26 +46,38 @@ const buttonStyles = (0, emotion_1.css)({
         boxShadow: `0 0 0 3px ${palette_1.uiColors.focus}`,
     },
 });
+const buttonLightThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.gray.dark2,
+});
+const buttonDarkThemeStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.white,
+});
 const containerStyles = (0, emotion_1.css)({
-    marginTop: tokens_1.spacing[3],
     display: 'flex',
     alignItems: 'center',
 });
 const buttonIconStyles = (0, emotion_1.css)({
     marginRight: tokens_1.spacing[1],
 });
-function Accordion(props) {
+const buttonHintStyles = (0, emotion_1.css)({
+    margin: 0,
+    marginLeft: tokens_1.spacing[1],
+    padding: 0,
+});
+function UnthemedAccordion({ text, darkMode, hintText, ...props }) {
     const [open, setOpen] = (0, react_1.useState)(false);
     const regionId = (0, utils_1.useId)('region-');
     const labelId = (0, utils_1.useId)('label-');
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: containerStyles },
-            react_1.default.createElement("button", { "data-testid": props['data-testid'], className: buttonStyles, id: labelId, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
+            react_1.default.createElement("button", { "data-testid": props['data-testid'], className: (0, emotion_1.cx)(darkMode ? buttonDarkThemeStyles : buttonLightThemeStyles, buttonStyles), id: labelId, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
                     setOpen((currentOpen) => !currentOpen);
                 } },
                 react_1.default.createElement(leafygreen_1.Icon, { className: buttonIconStyles, glyph: open ? 'ChevronDown' : 'ChevronRight' }),
-                props.text)),
+                text,
+                hintText && (react_1.default.createElement(leafygreen_1.Description, { className: buttonHintStyles }, hintText)))),
         open && (react_1.default.createElement("div", { role: "region", "aria-labelledby": labelId, id: regionId }, props.children))));
 }
-exports.default = Accordion;
+const Accordion = (0, use_theme_1.withTheme)(UnthemedAccordion);
+exports.Accordion = Accordion;
 //# sourceMappingURL=accordion.js.map

package/lib/components/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,oDAAkD;AAClD,6CAA0C;AAE1C,6CAAoC;AACpC,8DAAwD;AAExD,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,oCAAe;IACzB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,eAAe;YAC7B,yDACe,KAAK,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,YAAY,EACvB,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;gBACzC,CAAC;gBAED,8BAAC,iBAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;gBACD,KAAK,CAAC,IAAI,CACJ,CACL;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAAiD;AACjD,oDAAkD;AAClD,6CAA0C;AAE1C,6CAAiD;AACjD,8DAAwD;AACxD,kDAA+C;AAE/C,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,oCAAe;IACzB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;IACD,iBAAiB,EAAE;QACjB,OAAO,EAAE,MAAM;QACf,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,KAAK,EAAE,kBAAQ,CAAC,IAAI,CAAC,KAAK;CAC3B,CAAC,CAAC;AACH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,KAAK,EAAE,kBAAQ,CAAC,KAAK;CACtB,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;IACtB,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAOH,SAAS,iBAAiB,CAAC,EACzB,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACgC;IACxC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,eAAe;YAC7B,yDACe,KAAK,CAAC,aAAa,CAAC,EACjC,SAAS,EAAE,IAAA,YAAE,EACX,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,sBAAsB,EACzD,YAAY,CACb,EACD,EAAE,EAAE,OAAO,EACX,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;gBACzC,CAAC;gBAED,8BAAC,iBAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;gBACD,IAAI;gBACJ,QAAQ,IAAI,CACX,8BAAC,wBAAW,IAAC,SAAS,EAAE,gBAAgB,IAAG,QAAQ,CAAe,CACnE,CACM,CACL;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,qBAAS,EAAC,iBAAiB,CAAC,CAAC;AAEtC,8BAAS"}

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

@@ -1 +1 @@
-{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAGlC,aAAK,UAAU,GACX;KACG,IAAI,IAAI,MAAM,WAAW,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAAE;CACtE,CAAC,MAAM,WAAW,CAAC,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAOpC,aAAK,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAErC,aAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAChD,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,EAChC,MAAM,CACP,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,OAAO,CACL,aAAa,EACX,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,SAAS,GACT,QAAQ,GACR,UAAU,CACb,EACD,MAAM,CASP,CAAC;AAEF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,GAAG,MAAM,GACxB,IAAI,IAAI,MAAM,OAAO,mBAAmB,CAE1C;AA4BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CACjD,gBAAgB,CAAC,UAAU,CAAC,CAa7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAyBzE,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAcvE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAgBvE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,CAWpE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAWzE,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAClD,gBAAgB,CAAC,WAAW,CAAC,CAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAWzE,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAczE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB,CAUA,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAkClD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEtE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAGlC,aAAK,UAAU,GACX;KACG,IAAI,IAAI,MAAM,WAAW,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAAE;CACtE,CAAC,MAAM,WAAW,CAAC,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAOpC,aAAK,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAErC,aAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAChD,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,EAChC,MAAM,CACP,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CACtC,OAAO,CACL,aAAa,EACX,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,MAAM,GACN,SAAS,GACT,QAAQ,GACR,UAAU,CACb,EACD,MAAM,CASP,CAAC;AAEF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,UAAU,GAAG,MAAM,GACxB,IAAI,IAAI,MAAM,OAAO,mBAAmB,CAE1C;AA6BD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CACjD,gBAAgB,CAAC,UAAU,CAAC,CAa7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAqCzE,CAAC;AAEJ,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAcvE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAgBvE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,CAWpE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAWzE,CAAC;AAEJ,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAClD,gBAAgB,CAAC,WAAW,CAAC,CAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAAE,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAA;CAAE,CAWzE,CAAC;AAEJ,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAczE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB,CAUA,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAkClD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/bson-value.js

@@ -44,6 +44,7 @@ const bsonValue = (0, emotion_1.css)({
     whiteSpace: 'nowrap',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
+    display: 'inline',
 });
 const bsonValuePrewrap = (0, emotion_1.css)({
     whiteSpace: 'pre-wrap',
@@ -76,7 +77,14 @@ const BinaryValue = ({ value }) => {
             };
         }
         if (value.sub_type === bson_1.Binary.SUBTYPE_UUID) {
-            return { stringifiedValue: `UUID('${value.toUUID().toHexString()}')` };
+            let uuid;
+            try {
+                uuid = value.toUUID().toString();
+            }
+            catch (_a) {
+                uuid = value.toString('hex');
+            }
+            return { stringifiedValue: `UUID('${uuid}')` };
         }
         return {
             stringifiedValue: `Binary('${truncate(value.toString('base64'), 100)}', ${value.sub_type})`,

package/lib/components/bson-value.js.map

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

package/lib/components/cancel-loader.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-declare function CancelLoader({ dataTestId, progressText, cancelText, onCancel, }: {
-    dataTestId: string;
+declare function CancelLoader({ ['data-testid']: dataTestId, progressText, cancelText, onCancel, }: {
+    'data-testid'?: string;
     progressText: string;
     cancelText: string;
     onCancel: () => void;

package/lib/components/cancel-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,iBAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,iBAAS,YAAY,CAAC,EACpB,CAAC,aAAa,CAAC,EAAE,UAA4B,EAC7C,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,eAAe,YAAY,CAAC"}

package/lib/components/cancel-loader.js

@@ -3,62 +3,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const emotion_1 = require("@leafygreen-ui/emotion");
 const react_1 = __importDefault(require("react"));
-const cancelLoaderStyle = (0, emotion_1.css)({
-    height: '100%',
+const tokens_1 = require("@leafygreen-ui/tokens");
+const emotion_1 = require("@leafygreen-ui/emotion");
+const palette_1 = require("@leafygreen-ui/palette");
+const leafygreen_1 = require("./leafygreen");
+const spin_loader_1 = require("./spin-loader");
+const containerStyles = (0, emotion_1.css)({
     display: 'flex',
+    gap: tokens_1.spacing[2],
     flexDirection: 'column',
-    alignItems: 'center',
     justifyContent: 'center',
-    padding: '10px 0',
-});
-const progressTextStyle = (0, emotion_1.css)({
-    margin: '0 auto 30px',
-    textAlign: 'left',
-    fontSize: '24px',
-    color: '#807f7f',
-    fontWeight: 200,
+    alignItems: 'center',
+    maxWidth: tokens_1.spacing[6] * 8,
 });
-const spinnerStyle = (0, emotion_1.css)({
-    animation: 'fa-spin 2s infinite linear',
-    width: '40px',
+const textStyles = (0, emotion_1.css)({
+    color: palette_1.uiColors.green.dark2,
     textAlign: 'center',
-    display: 'inline-block',
-    textRendering: 'auto',
-    font: 'normal normal normal 20px/1 FontAwesome',
-    '&::before': {
-        boxSizing: 'border-box',
-        content: '"\\f1ce"',
-    },
-});
-const buttonStyle = (0, emotion_1.css)({
-    padding: '0 10px 0 10px',
-    height: '28px',
-    fontWeight: 'bold',
-    fontSize: '13px',
-    lineHeight: '26px',
-    textTransform: 'uppercase',
-    backgroundColor: 'transparent',
-    border: '1px solid #13AA52',
-    borderRadius: '3px',
-    boxShadow: 'none',
-    color: '#13AA52',
-    fontFamily: 'Akzidenz',
-    WebkitAppearance: 'button',
-    cursor: 'pointer',
-    overflow: 'visible',
-    margin: 0,
-    boxSizing: 'border-box',
-    outline: 'none',
 });
-function CancelLoader({ dataTestId, progressText, cancelText, onCancel, }) {
-    return (react_1.default.createElement("div", { "data-testid": dataTestId, className: cancelLoaderStyle },
-        react_1.default.createElement("div", { className: progressTextStyle },
-            react_1.default.createElement("i", { className: spinnerStyle }),
-            progressText),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("button", { className: buttonStyle, onClick: onCancel }, cancelText))));
+function CancelLoader({ ['data-testid']: dataTestId = 'cancel-loader', progressText, cancelText, onCancel, }) {
+    return (react_1.default.createElement("div", { className: containerStyles, "data-testid": dataTestId },
+        react_1.default.createElement(spin_loader_1.SpinLoader, { size: `${tokens_1.spacing[4]}px` }),
+        react_1.default.createElement(leafygreen_1.Subtitle, { className: textStyles }, progressText),
+        react_1.default.createElement(leafygreen_1.Button, { variant: "primaryOutline", onClick: onCancel, "data-testid": `${dataTestId}-button` }, cancelText)));
 }
 exports.default = CancelLoader;
 //# sourceMappingURL=cancel-loader.js.map

package/lib/components/cancel-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6C;AAC7C,kDAA0B;AAE1B,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,SAAS,EAAE,4BAA4B;IACvC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,cAAc;IACvB,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,yCAAyC;IAC/C,WAAW,EAAE;QACX,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,UAAU;IACtB,gBAAgB,EAAE,QAAQ;IAC1B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,sDAAkB,UAAU,EAAE,SAAS,EAAE,iBAAiB;QACxD,uCAAK,SAAS,EAAE,iBAAiB;YAC/B,qCAAG,SAAS,EAAE,YAAY,GAAI;YAC7B,YAAY,CACT;QACN;YACE,0CAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}
+{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAA6C;AAC7C,oDAAkD;AAElD,6CAAgD;AAChD,+CAA2C;AAE3C,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,KAAK,EAAE,kBAAQ,CAAC,KAAK,CAAC,KAAK;IAC3B,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,CAAC,aAAa,CAAC,EAAE,UAAU,GAAG,eAAe,EAC7C,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe,iBAAe,UAAU;QACtD,8BAAC,wBAAU,IAAC,IAAI,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,IAAI,GAAI;QACvC,8BAAC,qBAAQ,IAAC,SAAS,EAAE,UAAU,IAAG,YAAY,CAAY;QAC1D,8BAAC,mBAAM,IACL,OAAO,EAAC,gBAAgB,EACxB,OAAO,EAAE,QAAQ,iBACJ,GAAG,UAAU,SAAS,IAElC,UAAU,CACJ,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}

package/lib/components/document-list/auto-focus-context.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 declare type AutoFocusInfo = {
     id: string;
-    type: 'key' | 'value';
+    type: 'key' | 'value' | 'type';
 } | null;
 export declare const AutoFocusContext: import("react").Context<AutoFocusInfo>;
 export declare function useAutoFocusContext(): AutoFocusInfo;

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

@@ -1 +1 @@
-{"version":3,"file":"auto-focus-context.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/auto-focus-context.tsx"],"names":[],"mappings":";AAEA,aAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,GAAG,OAAO,CAAC;CACvB,GAAG,IAAI,CAAC;AAET,eAAO,MAAM,gBAAgB,wCAAqC,CAAC;AAEnE,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}
+{"version":3,"file":"auto-focus-context.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/auto-focus-context.tsx"],"names":[],"mappings":";AAEA,aAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CAChC,GAAG,IAAI,CAAC;AAET,eAAO,MAAM,gBAAgB,wCAAqC,CAAC;AAEnE,wBAAgB,mBAAmB,IAAI,aAAa,CAEnD"}

package/lib/components/document-list/document-edit-actions-footer.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { default as HadronDocumentType } from 'hadron-document';
+declare const EditActionsFooter: React.FunctionComponent<{
+    doc: HadronDocumentType;
+    editing: boolean;
+    deleting: boolean;
+    modified?: boolean;
+    containsErrors?: boolean;
+    alwaysForceUpdate?: boolean;
+    onUpdate(force: boolean): void;
+    onDelete(): void;
+    onCancel?: () => void;
+}>;
+export default EditActionsFooter;
+//# sourceMappingURL=document-edit-actions-footer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"document-edit-actions-footer.d.ts","sourceRoot":"","sources":["../../../src/components/document-list/document-edit-actions-footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAkPrE,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC/C,GAAG,EAAE,kBAAkB,CAAC;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IAC/B,QAAQ,IAAI,IAAI,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAkFA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,255 @@
+"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 hadron_document_1 = require("hadron-document");
+const leafygreen_1 = require("../leafygreen");
+const __1 = require("../..");
+function isDeleting(status) {
+    return ['Deleting', 'DeleteStart', 'DeleteSuccess', 'DeleteError'].includes(status);
+}
+function isSuccess(status) {
+    return ['DeleteSuccess', 'UpdateSuccess'].includes(status);
+}
+function isPrimaryActionDisabled(status) {
+    return [
+        'Editing',
+        'ContainsErrors',
+        'UpdateStart',
+        'UpdateSuccess',
+        'DeleteStart',
+        'DeleteSuccess',
+    ].includes(status);
+}
+function isCancelDisabled(status) {
+    return [
+        'UpdateStart',
+        'UpdateSuccess',
+        'DeleteStart',
+        'DeleteSuccess',
+    ].includes(status);
+}
+const StatusMessages = {
+    ['Initial']: '',
+    ['Editing']: '',
+    ['Deleting']: 'Document flagged for deletion.',
+    ['Modified']: 'Document modified.',
+    ['ContainsErrors']: 'Update not permitted while document contains errors.',
+    ['UpdateStart']: 'Updating document…',
+    ['UpdateError']: '',
+    ['UpdateBlocked']: 'Document was modified in the background or it longer exists. Do you wish to continue and possibly overwrite new changes?',
+    ['UpdateSuccess']: 'Document updated.',
+    ['DeleteStart']: 'Removing document…',
+    ['DeleteError']: '',
+    ['DeleteSuccess']: 'Document deleted.',
+};
+function useHadronDocumentStatus(doc, editing, deleting) {
+    const [status, setStatus] = (0, react_1.useState)(() => {
+        return editing
+            ? doc.isModified()
+                ? 'Modified'
+                : 'Editing'
+            : deleting
+                ? 'Deleting'
+                : 'Initial';
+    });
+    const [errorMessage, setErrorMessage] = (0, react_1.useState)(null);
+    const invalidElementsRef = (0, react_1.useRef)(new Set());
+    const updateStatus = (0, react_1.useCallback)((newStatus, errorMessage = null) => {
+        setStatus(newStatus);
+        setErrorMessage(errorMessage);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (status !== 'Initial') {
+            return;
+        }
+        if (editing) {
+            updateStatus('Editing');
+        }
+        else if (deleting) {
+            updateStatus('Deleting');
+        }
+    }, [status, updateStatus, editing, deleting]);
+    (0, react_1.useEffect)(() => {
+        const onUpdate = () => {
+            updateStatus(invalidElementsRef.current.size === 0
+                ? doc.isModified()
+                    ? 'Modified'
+                    : 'Editing'
+                : 'ContainsErrors');
+        };
+        const onElementValid = (el) => {
+            invalidElementsRef.current.delete(el);
+            onUpdate();
+        };
+        const onElementInvalid = (el) => {
+            invalidElementsRef.current.add(el);
+            onUpdate();
+        };
+        const onUpdateStart = () => {
+            updateStatus('UpdateStart');
+        };
+        const onUpdateBlocked = () => {
+            updateStatus('UpdateBlocked');
+        };
+        const onUpdateSuccess = () => {
+            updateStatus('UpdateSuccess');
+        };
+        const onUpdateError = (err) => {
+            updateStatus('UpdateError', err);
+        };
+        const onRemoveStart = () => {
+            updateStatus('DeleteStart');
+        };
+        const onRemoveSuccess = () => {
+            updateStatus('DeleteSuccess');
+        };
+        const onRemoveError = (err) => {
+            updateStatus('DeleteError', err);
+        };
+        doc.on(hadron_document_1.Element.Events.Added, onUpdate);
+        doc.on(hadron_document_1.Element.Events.Edited, onUpdate);
+        doc.on(hadron_document_1.Element.Events.Removed, onUpdate);
+        doc.on(hadron_document_1.Element.Events.Reverted, onUpdate);
+        doc.on(hadron_document_1.Element.Events.Invalid, onElementInvalid);
+        doc.on(hadron_document_1.Element.Events.Valid, onElementValid);
+        doc.on('update-start', onUpdateStart);
+        doc.on('update-blocked', onUpdateBlocked);
+        doc.on('update-success', onUpdateSuccess);
+        doc.on('update-error', onUpdateError);
+        doc.on('remove-start', onRemoveStart);
+        doc.on('remove-success', onRemoveSuccess);
+        doc.on('remove-error', onRemoveError);
+        return () => {
+            doc.on(hadron_document_1.Element.Events.Added, onUpdate);
+            doc.off(hadron_document_1.Element.Events.Edited, onUpdate);
+            doc.off(hadron_document_1.Element.Events.Removed, onUpdate);
+            doc.off(hadron_document_1.Element.Events.Reverted, onUpdate);
+            doc.off(hadron_document_1.Element.Events.Invalid, onElementInvalid);
+            doc.off(hadron_document_1.Element.Events.Valid, onElementValid);
+            doc.off('update-start', onUpdateStart);
+            doc.off('update-blocked', onUpdateBlocked);
+            doc.off('update-success', onUpdateSuccess);
+            doc.off('update-error', onUpdateError);
+            doc.off('remove-start', onRemoveStart);
+            doc.off('remove-success', onRemoveSuccess);
+            doc.off('remove-error', onRemoveError);
+        };
+    }, [doc, updateStatus]);
+    (0, react_1.useEffect)(() => {
+        if (isSuccess(status)) {
+            const timeoutId = setTimeout(() => {
+                updateStatus('Initial');
+            }, 2000);
+            return () => {
+                clearTimeout(timeoutId);
+            };
+        }
+    }, [status, updateStatus]);
+    return { status, updateStatus, errorMessage };
+}
+const container = (0, __1.css)({
+    display: 'flex',
+    paddingTop: __1.spacing[2],
+    paddingRight: __1.spacing[2],
+    paddingBottom: __1.spacing[2],
+    paddingLeft: __1.spacing[3],
+    alignItems: 'center',
+    gap: __1.spacing[2],
+});
+const message = (0, __1.css)({
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+});
+const buttonGroup = (0, __1.css)({
+    display: 'flex',
+    marginLeft: 'auto',
+    gap: __1.spacing[2],
+});
+const button = (0, __1.css)({
+    flex: 'none',
+});
+function getColorStyles(status) {
+    switch (status) {
+        case 'Editing':
+            return { backgroundColor: __1.uiColors.gray.light2 };
+        case 'ContainsErrors':
+        case 'UpdateError':
+        case 'UpdateBlocked':
+        case 'Deleting':
+        case 'DeleteError':
+        case 'DeleteStart':
+            return {
+                backgroundColor: __1.uiColors.red.light2,
+                color: __1.uiColors.red.dark3,
+            };
+        case 'UpdateStart':
+            return {
+                backgroundColor: __1.uiColors.blue.light2,
+                color: __1.uiColors.blue.dark3,
+            };
+        case 'DeleteSuccess':
+        case 'UpdateSuccess':
+            return {
+                backgroundColor: __1.uiColors.green.light2,
+                color: __1.uiColors.green.dark3,
+            };
+        default:
+            return {
+                backgroundColor: __1.uiColors.yellow.light2,
+                color: __1.uiColors.yellow.dark3,
+            };
+    }
+}
+const EditActionsFooter = ({ doc, editing, deleting, modified = false, containsErrors = false, alwaysForceUpdate = false, onUpdate, onDelete, onCancel, }) => {
+    const { status: _status, updateStatus, errorMessage, } = useHadronDocumentStatus(doc, editing, deleting);
+    const status = containsErrors
+        ? 'ContainsErrors'
+        : modified
+            ? 'Modified'
+            : _status;
+    const statusMessage = StatusMessages[status];
+    if (status === 'Initial') {
+        return null;
+    }
+    return (react_1.default.createElement("div", { className: container, style: getColorStyles(status), "data-testid": "document-footer", "data-status": status },
+        react_1.default.createElement("div", { className: message, "data-testid": "document-footer-message" }, errorMessage !== null && errorMessage !== void 0 ? errorMessage : statusMessage),
+        !isSuccess(status) && (react_1.default.createElement("div", { className: buttonGroup },
+            react_1.default.createElement(leafygreen_1.Button, { type: "button", size: "xsmall", className: button, "data-testid": "cancel-button", onClick: () => {
+                    doc.cancel();
+                    onCancel === null || onCancel === void 0 ? void 0 : onCancel();
+                    updateStatus('Initial');
+                }, disabled: isCancelDisabled(status) }, "Cancel"),
+            react_1.default.createElement(leafygreen_1.Button, { type: "button", size: "xsmall", className: button, "data-testid": isDeleting(status) ? 'delete-button' : 'update-button', onClick: () => {
+                    if (isDeleting(status)) {
+                        onDelete();
+                    }
+                    else {
+                        onUpdate(alwaysForceUpdate || status === 'UpdateBlocked');
+                    }
+                }, disabled: isPrimaryActionDisabled(status) }, isDeleting(status)
+                ? 'Delete'
+                : alwaysForceUpdate || status === 'UpdateBlocked'
+                    ? 'Replace'
+                    : 'Update')))));
+};
+exports.default = EditActionsFooter;
+//# sourceMappingURL=document-edit-actions-footer.js.map