@mongodb-js/compass-components 0.7.0 → 0.10.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (92) hide show
  1. package/lib/compass-ui-colors.d.ts +5 -0
  2. package/lib/compass-ui-colors.d.ts.map +1 -0
  3. package/lib/compass-ui-colors.js +8 -0
  4. package/lib/compass-ui-colors.js.map +1 -0
  5. package/lib/components/accordion.d.ts +1 -0
  6. package/lib/components/accordion.d.ts.map +1 -0
  7. package/lib/components/accordion.js +11 -11
  8. package/lib/components/accordion.js.map +1 -1
  9. package/lib/components/cancel-loader.d.ts +1 -0
  10. package/lib/components/cancel-loader.d.ts.map +1 -0
  11. package/lib/components/cancel-loader.js +5 -5
  12. package/lib/components/cancel-loader.js.map +1 -1
  13. package/lib/components/confirmation-modal.d.ts +1 -0
  14. package/lib/components/confirmation-modal.d.ts.map +1 -0
  15. package/lib/components/confirmation-modal.js +1 -1
  16. package/lib/components/confirmation-modal.js.map +1 -1
  17. package/lib/components/content-with-fallback.d.ts +18 -0
  18. package/lib/components/content-with-fallback.d.ts.map +1 -0
  19. package/lib/components/content-with-fallback.js +119 -0
  20. package/lib/components/content-with-fallback.js.map +1 -0
  21. package/lib/components/error-boundary.d.ts +17 -0
  22. package/lib/components/error-boundary.d.ts.map +1 -0
  23. package/lib/components/error-boundary.js +42 -0
  24. package/lib/components/error-boundary.js.map +1 -0
  25. package/lib/components/file-input.d.ts +10 -1
  26. package/lib/components/file-input.d.ts.map +1 -0
  27. package/lib/components/file-input.js +120 -69
  28. package/lib/components/file-input.js.map +1 -1
  29. package/lib/components/icons/favorite-icon.d.ts +9 -0
  30. package/lib/components/icons/favorite-icon.d.ts.map +1 -0
  31. package/lib/components/icons/favorite-icon.js +18 -0
  32. package/lib/components/icons/favorite-icon.js.map +1 -0
  33. package/lib/components/inline-definition.d.ts +8 -0
  34. package/lib/components/inline-definition.d.ts.map +1 -0
  35. package/lib/components/inline-definition.js +31 -0
  36. package/lib/components/inline-definition.js.map +1 -0
  37. package/lib/components/placeholder.d.ts +10 -0
  38. package/lib/components/placeholder.d.ts.map +1 -0
  39. package/lib/components/placeholder.js +68 -0
  40. package/lib/components/placeholder.js.map +1 -0
  41. package/lib/components/resize-handle.d.ts +1 -0
  42. package/lib/components/resize-handle.d.ts.map +1 -0
  43. package/lib/components/resize-handle.js +6 -6
  44. package/lib/components/resize-handle.js.map +1 -1
  45. package/lib/components/spin-loader.d.ts +1 -0
  46. package/lib/components/spin-loader.d.ts.map +1 -0
  47. package/lib/components/spin-loader.js +3 -3
  48. package/lib/components/spin-loader.js.map +1 -1
  49. package/lib/components/tooltip.d.ts +14 -0
  50. package/lib/components/tooltip.d.ts.map +1 -0
  51. package/lib/components/tooltip.js +52 -0
  52. package/lib/components/tooltip.js.map +1 -0
  53. package/lib/components/virtual-grid.d.ts +26 -0
  54. package/lib/components/virtual-grid.d.ts.map +1 -0
  55. package/lib/components/virtual-grid.js +136 -0
  56. package/lib/components/virtual-grid.js.map +1 -0
  57. package/lib/hooks/use-default-action.d.ts +3 -0
  58. package/lib/hooks/use-default-action.d.ts.map +1 -0
  59. package/lib/hooks/use-default-action.js +25 -0
  60. package/lib/hooks/use-default-action.js.map +1 -0
  61. package/lib/hooks/use-dom-rect.d.ts +6 -0
  62. package/lib/hooks/use-dom-rect.d.ts.map +1 -0
  63. package/lib/hooks/use-dom-rect.js +28 -0
  64. package/lib/hooks/use-dom-rect.js.map +1 -0
  65. package/lib/hooks/use-focus-hover.d.ts +15 -0
  66. package/lib/hooks/use-focus-hover.d.ts.map +1 -0
  67. package/lib/hooks/use-focus-hover.js +57 -0
  68. package/lib/hooks/use-focus-hover.js.map +1 -0
  69. package/lib/hooks/use-focus-ring.d.ts +5 -0
  70. package/lib/hooks/use-focus-ring.d.ts.map +1 -0
  71. package/lib/hooks/use-focus-ring.js +38 -0
  72. package/lib/hooks/use-focus-ring.js.map +1 -0
  73. package/lib/hooks/use-virtual-grid.d.ts +14 -0
  74. package/lib/hooks/use-virtual-grid.d.ts.map +1 -0
  75. package/lib/hooks/use-virtual-grid.js +122 -0
  76. package/lib/hooks/use-virtual-grid.js.map +1 -0
  77. package/lib/hooks/use-virtual-grid.test.d.ts +2 -0
  78. package/lib/hooks/use-virtual-grid.test.d.ts.map +1 -0
  79. package/lib/hooks/use-virtual-grid.test.js +209 -0
  80. package/lib/hooks/use-virtual-grid.test.js.map +1 -0
  81. package/lib/index.d.ts +24 -4
  82. package/lib/index.d.ts.map +1 -0
  83. package/lib/index.js +66 -5
  84. package/lib/index.js.map +1 -1
  85. package/lib/utils/merge-props.d.ts +3 -0
  86. package/lib/utils/merge-props.d.ts.map +1 -0
  87. package/lib/utils/merge-props.js +24 -0
  88. package/lib/utils/merge-props.js.map +1 -0
  89. package/package.json +25 -16
  90. package/lib/components/compass-ui-colors.d.ts +0 -2
  91. package/lib/components/compass-ui-colors.js +0 -6
  92. package/lib/components/compass-ui-colors.js.map +0 -1
@@ -0,0 +1,5 @@
1
+ export declare const gray8 = "#f5f6f7";
2
+ export declare const transparentGray = "rgba(180, 180, 180, 0.5)";
3
+ export declare const transparentWhite = "rgba(255, 255, 255, 0.5)";
4
+ export declare const gold = "#FFC010";
5
+ //# sourceMappingURL=compass-ui-colors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"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"}
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.gold = exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
4
+ exports.gray8 = '#f5f6f7';
5
+ exports.transparentGray = 'rgba(180, 180, 180, 0.5)';
6
+ exports.transparentWhite = 'rgba(255, 255, 255, 0.5)';
7
+ exports.gold = '#FFC010';
8
+ //# sourceMappingURL=compass-ui-colors.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"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"}
@@ -5,3 +5,4 @@ interface AccordionProps {
5
5
  }
6
6
  declare function Accordion(props: React.PropsWithChildren<AccordionProps>): React.ReactElement;
7
7
  export default Accordion;
8
+ //# sourceMappingURL=accordion.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiCxC,UAAU,cAAc;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,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"}
@@ -24,16 +24,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
24
24
  Object.defineProperty(exports, "__esModule", { value: true });
25
25
  const react_1 = __importStar(require("react"));
26
26
  const tokens_1 = require("@leafygreen-ui/tokens");
27
- const css_1 = require("@emotion/css");
27
+ const emotion_1 = require("@leafygreen-ui/emotion");
28
28
  const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
29
29
  const palette_1 = require("@leafygreen-ui/palette");
30
30
  const utils_1 = require("@react-aria/utils");
31
- const labelStyles = css_1.css({
31
+ const labelStyles = (0, emotion_1.css)({
32
32
  padding: 0,
33
33
  margin: 0,
34
34
  fontWeight: 'bold',
35
35
  });
36
- const buttonStyles = css_1.css({
36
+ const buttonStyles = (0, emotion_1.css)({
37
37
  display: 'flex',
38
38
  alignItems: 'center',
39
39
  border: 'none',
@@ -45,25 +45,25 @@ const buttonStyles = css_1.css({
45
45
  boxShadow: `0 0 0 3px ${palette_1.uiColors.focus}`,
46
46
  },
47
47
  });
48
- const containerStyles = css_1.css({
48
+ const containerStyles = (0, emotion_1.css)({
49
49
  marginTop: tokens_1.spacing[3],
50
50
  display: 'flex',
51
51
  alignItems: 'center',
52
- '&:hover': {
53
- cursor: 'pointer',
54
- },
52
+ });
53
+ const buttonIconStyles = (0, emotion_1.css)({
54
+ marginRight: tokens_1.spacing[1],
55
55
  });
56
56
  function Accordion(props) {
57
- const [open, setOpen] = react_1.useState(false);
58
- const regionId = utils_1.useId('region-');
59
- const labelId = utils_1.useId('label-');
57
+ const [open, setOpen] = (0, react_1.useState)(false);
58
+ const regionId = (0, utils_1.useId)('region-');
59
+ const labelId = (0, utils_1.useId)('label-');
60
60
  return (react_1.default.createElement("div", { "data-testid": props.dataTestId },
61
61
  react_1.default.createElement("div", { className: containerStyles },
62
62
  react_1.default.createElement("p", { className: labelStyles, id: labelId },
63
63
  react_1.default.createElement("button", { className: buttonStyles, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: () => {
64
64
  setOpen((currentOpen) => !currentOpen);
65
65
  } },
66
- react_1.default.createElement(icon_1.default, { glyph: open ? 'ChevronDown' : 'ChevronRight' }),
66
+ react_1.default.createElement(icon_1.default, { className: buttonIconStyles, glyph: open ? 'ChevronDown' : 'ChevronRight' }),
67
67
  props.text))),
68
68
  open && (react_1.default.createElement("div", { role: "region", "aria-labelledby": labelId, id: regionId }, props.children))));
69
69
  }
@@ -1 +1 @@
1
- {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,sCAAmC;AACnC,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,MAAM,WAAW,GAAG,SAAG,CAAC;IACtB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,SAAG,CAAC;IACvB,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,iBAAiB,EAAE;QACjB,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,SAAG,CAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE;QACT,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,aAAK,CAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,aAAK,CAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL,sDAAkB,KAAK,CAAC,UAAU;QAChC,uCAAK,SAAS,EAAE,eAAe;YAC7B,qCAAG,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO;gBACpC,0CACE,SAAS,EAAE,YAAY,EACvB,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;oBACzC,CAAC;oBAED,8BAAC,cAAI,IAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAAI;oBACrD,KAAK,CAAC,IAAI,CACJ,CACP,CACA;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,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,iBAAiB,EAAE;QACjB,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,sDAAkB,KAAK,CAAC,UAAU;QAChC,uCAAK,SAAS,EAAE,eAAe;YAC7B,qCAAG,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO;gBACpC,0CACE,SAAS,EAAE,YAAY,EACvB,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;oBACzC,CAAC;oBAED,8BAAC,cAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;oBACD,KAAK,CAAC,IAAI,CACJ,CACP,CACA;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
@@ -6,3 +6,4 @@ declare function CancelLoader({ dataTestId, progressText, cancelText, onCancel,
6
6
  onCancel: () => void;
7
7
  }): React.ReactElement;
8
8
  export default CancelLoader;
9
+ //# sourceMappingURL=cancel-loader.d.ts.map
@@ -0,0 +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"}
@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
3
3
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
- const css_1 = require("@emotion/css");
6
+ const emotion_1 = require("@leafygreen-ui/emotion");
7
7
  const react_1 = __importDefault(require("react"));
8
- const cancelLoaderStyle = css_1.css({
8
+ const cancelLoaderStyle = (0, emotion_1.css)({
9
9
  height: '100%',
10
10
  display: 'flex',
11
11
  flexDirection: 'column',
@@ -13,14 +13,14 @@ const cancelLoaderStyle = css_1.css({
13
13
  justifyContent: 'center',
14
14
  padding: '10px 0',
15
15
  });
16
- const progressTextStyle = css_1.css({
16
+ const progressTextStyle = (0, emotion_1.css)({
17
17
  margin: '0 auto 30px',
18
18
  textAlign: 'left',
19
19
  fontSize: '24px',
20
20
  color: '#807f7f',
21
21
  fontWeight: 200,
22
22
  });
23
- const spinnerStyle = css_1.css({
23
+ const spinnerStyle = (0, emotion_1.css)({
24
24
  animation: 'fa-spin 2s infinite linear',
25
25
  width: '40px',
26
26
  textAlign: 'center',
@@ -32,7 +32,7 @@ const spinnerStyle = css_1.css({
32
32
  content: '"\\f1ce"',
33
33
  },
34
34
  });
35
- const buttonStyle = css_1.css({
35
+ const buttonStyle = (0, emotion_1.css)({
36
36
  padding: '0 10px 0 10px',
37
37
  height: '28px',
38
38
  fontWeight: 'bold',
@@ -1 +1 @@
1
- {"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,sCAAmC;AACnC,kDAA0B;AAE1B,MAAM,iBAAiB,GAAG,SAAG,CAAC;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,SAAG,CAAC;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,SAAG,CAAC;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,SAAG,CAAC;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,oBAAoB,EAAE,QAAQ;IAC9B,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"}
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,oBAAoB,EAAE,QAAQ;IAC9B,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"}
@@ -4,3 +4,4 @@ declare function ConfirmationModal(props: React.ComponentProps<typeof LeafyGreen
4
4
  trackingId?: string;
5
5
  }): React.ReactElement;
6
6
  export default ConfirmationModal;
7
+ //# sourceMappingURL=confirmation-modal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,MAAM,mCAAmC,CAAC;AAI5E,iBAAS,iBAAiB,CACxB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACA,KAAK,CAAC,YAAY,CAKpB;AAED,eAAe,iBAAiB,CAAC"}
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  const react_1 = __importDefault(require("react"));
7
7
  const confirmation_modal_1 = __importDefault(require("@leafygreen-ui/confirmation-modal"));
8
8
  const compass_logging_1 = require("@mongodb-js/compass-logging");
9
- const { track } = compass_logging_1.createLoggerAndTelemetry('COMPASS-UI');
9
+ const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
10
10
  function ConfirmationModal(props) {
11
11
  if (props.open && props.trackingId) {
12
12
  track('Screen', { name: props.trackingId });
@@ -1 +1 @@
1
- {"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,2FAA4E;AAC5E,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,0CAAwB,CAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,iBAAiB,CACxB,KAEC;IAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;QAClC,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;KAC7C;IACD,OAAO,8BAAC,4BAA2B,OAAK,KAAK,GAAI,CAAC;AACpD,CAAC;AAED,kBAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"confirmation-modal.js","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,2FAA4E;AAC5E,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,iBAAiB,CACxB,KAEC;IAED,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,UAAU,EAAE;QAClC,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;KAC7C;IACD,OAAO,8BAAC,4BAA2B,OAAK,KAAK,GAAI,CAAC;AACpD,CAAC;AAED,kBAAe,iBAAiB,CAAC"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ export declare const ContentWithFallback: React.FunctionComponent<{
3
+ content(shouldRender: boolean, shouldAnimate: boolean): React.ReactElement | boolean | null;
4
+ fallback(shouldRender: boolean): React.ReactElement | boolean | null;
5
+ isContentReady: boolean;
6
+ contentAfterFallbackTimeout?: number;
7
+ fallbackTimeout?: number;
8
+ }>;
9
+ declare type FadeInPlaceholderProps = {
10
+ isContentReady: boolean;
11
+ content(): React.ReactElement | boolean | null;
12
+ fallback(): React.ReactElement | boolean | null;
13
+ contentContainerProps?: React.HTMLProps<HTMLDivElement>;
14
+ fallbackContainerProps?: React.HTMLProps<HTMLDivElement>;
15
+ };
16
+ export declare const FadeInPlaceholder: React.FunctionComponent<FadeInPlaceholderProps & Omit<React.HTMLProps<HTMLDivElement>, keyof FadeInPlaceholderProps>>;
17
+ export {};
18
+ //# sourceMappingURL=content-with-fallback.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content-with-fallback.d.ts","sourceRoot":"","sources":["../../src/components/content-with-fallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuDnD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxD,OAAO,CACL,YAAY,EAAE,OAAO,EACrB,aAAa,EAAE,OAAO,GACrB,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,YAAY,EAAE,OAAO,GAAG,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IACrE,cAAc,EAAE,OAAO,CAAC;IACxB,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAqBA,CAAC;AAuCF,aAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,IAAI,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IAC/C,QAAQ,IAAI,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IAChD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxD,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACrD,sBAAsB,GACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,sBAAsB,CAAC,CA+CtE,CAAC"}
@@ -0,0 +1,119 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ Object.defineProperty(exports, "__esModule", { value: true });
22
+ exports.FadeInPlaceholder = exports.ContentWithFallback = void 0;
23
+ const react_1 = __importStar(require("react"));
24
+ const emotion_1 = require("@leafygreen-ui/emotion");
25
+ var RenderStatus;
26
+ (function (RenderStatus) {
27
+ RenderStatus["Nothing"] = "Nothing";
28
+ RenderStatus["Fallback"] = "Fallback";
29
+ RenderStatus["Content"] = "Content";
30
+ RenderStatus["ContentAnimated"] = "ContentAnimated";
31
+ })(RenderStatus || (RenderStatus = {}));
32
+ function isContent(status) {
33
+ return [RenderStatus.ContentAnimated, RenderStatus.Content].includes(status);
34
+ }
35
+ function useRenderWithFallback(isContentReady, { contentAfterFallbackTimeout = 200, fallbackTimeout = 30 } = {}) {
36
+ const [renderStatus, setRenderStatus] = (0, react_1.useState)(isContentReady ? RenderStatus.Content : RenderStatus.Nothing);
37
+ (0, react_1.useEffect)(() => {
38
+ if (isContent(renderStatus)) {
39
+ return;
40
+ }
41
+ if (isContentReady && renderStatus === RenderStatus.Nothing) {
42
+ setRenderStatus(RenderStatus.Content);
43
+ return;
44
+ }
45
+ if (isContentReady && renderStatus === RenderStatus.Fallback) {
46
+ const timeout = setTimeout(() => {
47
+ setRenderStatus(RenderStatus.ContentAnimated);
48
+ }, contentAfterFallbackTimeout);
49
+ return () => {
50
+ clearTimeout(timeout);
51
+ };
52
+ }
53
+ if (!isContentReady && renderStatus === RenderStatus.Nothing) {
54
+ const timeout = setTimeout(() => {
55
+ setRenderStatus(RenderStatus.Fallback);
56
+ }, fallbackTimeout);
57
+ return () => {
58
+ clearTimeout(timeout);
59
+ };
60
+ }
61
+ }, [
62
+ renderStatus,
63
+ isContentReady,
64
+ contentAfterFallbackTimeout,
65
+ fallbackTimeout,
66
+ ]);
67
+ return renderStatus;
68
+ }
69
+ const ContentWithFallback = ({ content, fallback, isContentReady, contentAfterFallbackTimeout, fallbackTimeout, }) => {
70
+ const renderStatus = useRenderWithFallback(isContentReady, {
71
+ contentAfterFallbackTimeout,
72
+ fallbackTimeout,
73
+ });
74
+ return (react_1.default.createElement(react_1.default.Fragment, null,
75
+ content(isContent(renderStatus), renderStatus === RenderStatus.ContentAnimated),
76
+ fallback(renderStatus === RenderStatus.Fallback)));
77
+ };
78
+ exports.ContentWithFallback = ContentWithFallback;
79
+ const contentWithFallbackContainer = (0, emotion_1.css)({
80
+ position: 'relative',
81
+ });
82
+ const fadeInAnimation = (0, emotion_1.keyframes)({
83
+ from: {
84
+ opacity: 0,
85
+ },
86
+ to: {
87
+ opacity: 1,
88
+ },
89
+ });
90
+ const contentContainer = (0, emotion_1.css)({
91
+ position: 'relative',
92
+ });
93
+ const contentContainerFadeIn = (0, emotion_1.css)({
94
+ animation: `${fadeInAnimation} .16s ease-out`,
95
+ });
96
+ const fallbackContainer = (0, emotion_1.css)({
97
+ position: 'absolute',
98
+ top: 0,
99
+ right: 0,
100
+ bottom: 0,
101
+ left: 0,
102
+ opacity: 0,
103
+ transition: 'opacity .16s ease-out',
104
+ pointerEvents: 'none',
105
+ });
106
+ const fallbackContainerVisible = (0, emotion_1.css)({
107
+ opacity: 1,
108
+ transitionTimingFunction: 'ease-in',
109
+ });
110
+ const FadeInPlaceholder = ({ content, fallback, isContentReady, contentContainerProps = {}, fallbackContainerProps = {}, className, ...props }) => {
111
+ return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(contentWithFallbackContainer, className), ...props },
112
+ react_1.default.createElement(exports.ContentWithFallback, { isContentReady: isContentReady, content: (shouldRender, shouldAnimate) => {
113
+ return (shouldRender && (react_1.default.createElement("div", { ...contentContainerProps, className: (0, emotion_1.cx)(contentContainer, shouldAnimate && contentContainerFadeIn, contentContainerProps.className) }, content())));
114
+ }, fallback: (shouldRender) => {
115
+ return (react_1.default.createElement("div", { ...fallbackContainerProps, className: (0, emotion_1.cx)(fallbackContainer, shouldRender && fallbackContainerVisible, fallbackContainerProps.className) }, fallback()));
116
+ } })));
117
+ };
118
+ exports.FadeInPlaceholder = FadeInPlaceholder;
119
+ //# sourceMappingURL=content-with-fallback.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"content-with-fallback.js","sourceRoot":"","sources":["../../src/components/content-with-fallback.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,17 @@
1
+ import type { ErrorInfo } from 'react';
2
+ import React from 'react';
3
+ declare type State = {
4
+ error: Error | null;
5
+ };
6
+ declare type Props = {
7
+ onError?: (error: Error, errorInfo: ErrorInfo) => void;
8
+ children: React.ReactElement;
9
+ };
10
+ export declare class ErrorBoundary extends React.Component<Props> {
11
+ state: State;
12
+ static getDerivedStateFromError(error: Error): State;
13
+ componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
14
+ render(): React.ReactNode;
15
+ }
16
+ export {};
17
+ //# sourceMappingURL=error-boundary.d.ts.map
@@ -0,0 +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;AAQ1B,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,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;CAc1B"}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.ErrorBoundary = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const banner_1 = __importDefault(require("@leafygreen-ui/banner"));
9
+ const emotion_1 = require("@leafygreen-ui/emotion");
10
+ const errorContainerStyles = (0, emotion_1.css)({
11
+ width: '100%',
12
+ });
13
+ class ErrorBoundary extends react_1.default.Component {
14
+ constructor() {
15
+ super(...arguments);
16
+ this.state = {
17
+ error: null,
18
+ };
19
+ }
20
+ static getDerivedStateFromError(error) {
21
+ return {
22
+ error,
23
+ };
24
+ }
25
+ componentDidCatch(error, errorInfo) {
26
+ if (this.props.onError) {
27
+ this.props.onError(error, errorInfo);
28
+ }
29
+ }
30
+ render() {
31
+ const { error } = this.state;
32
+ if (error) {
33
+ return (react_1.default.createElement("div", { className: errorContainerStyles },
34
+ react_1.default.createElement(banner_1.default, { variant: "danger" },
35
+ "An error occurred while rendering: ",
36
+ error.message)));
37
+ }
38
+ return this.props.children;
39
+ }
40
+ }
41
+ exports.ErrorBoundary = ErrorBoundary;
42
+ //# sourceMappingURL=error-boundary.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mEAA2C;AAC3C,oDAA6C;AAE7C,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAWH,MAAa,aAAc,SAAQ,eAAK,CAAC,SAAgB;IAAzD;;QACE,UAAK,GAAU;YACb,KAAK,EAAE,IAAI;SACZ,CAAC;IA4BJ,CAAC;IA1BC,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,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;;oBACc,KAAK,CAAC,OAAO,CAC1C,CACL,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AA/BD,sCA+BC"}
@@ -3,14 +3,23 @@ export declare enum Variant {
3
3
  Horizontal = "HORIZONTAL",
4
4
  Vertical = "VERTICAL"
5
5
  }
6
- declare function FileInput({ id, label, onChange, multi, error, variant, link, values, }: {
6
+ declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, optional, optionalMessage, error, errorMessage, variant, showFileOnNewLine, link, description, values, labelAlignment, }: {
7
7
  id: string;
8
8
  label: string;
9
+ dataTestId?: string;
9
10
  onChange: (files: string[]) => void;
11
+ disabled?: boolean;
10
12
  multi?: boolean;
13
+ optional?: boolean;
14
+ optionalMessage?: string;
11
15
  error?: boolean;
16
+ errorMessage?: string;
12
17
  variant?: Variant;
13
18
  link?: string;
19
+ description?: string;
20
+ showFileOnNewLine?: boolean;
14
21
  values?: string[];
22
+ labelAlignment?: 'right' | 'left' | 'center';
15
23
  }): React.ReactElement;
16
24
  export default FileInput;
25
+ //# sourceMappingURL=file-input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+F1B,oBAAY,OAAO;IACjB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAQD,iBAAS,SAAS,CAAC,EACjB,EAAE,EACF,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAa,EACb,QAAgB,EAChB,eAAe,EACf,KAAa,EACb,YAAY,EACZ,OAA4B,EAC5B,iBAAyB,EACzB,IAAI,EACJ,WAAW,EACX,MAAM,EACN,cAAuB,GACxB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC9C,GAAG,KAAK,CAAC,YAAY,CA0JrB;AAED,eAAe,SAAS,CAAC"}