@mongodb-js/compass-components 1.20.3 → 1.21.1

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.
@@ -4,9 +4,7 @@ import { SignalHooksProvider } from './signal-popover';
4
4
  type GuideCueProviderProps = React.ComponentProps<typeof GuideCueProvider>;
5
5
  type CompassComponentsProviderProps = {
6
6
  darkMode?: boolean;
7
- portalContainerRef?: React.RefObject<HTMLElement>;
8
- scrollContainerRef?: React.RefObject<HTMLElement>;
9
- children?: React.ReactChildren | (({ darkMode, }: {
7
+ children?: React.ReactNode | (({ darkMode, }: {
10
8
  darkMode: boolean;
11
9
  portalContainerRef: React.Ref<HTMLElement>;
12
10
  scrollContainerRef: React.Ref<HTMLElement>;
@@ -1 +1 @@
1
- {"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IAKpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAInB,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAIlD,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAKlD,QAAQ,CAAC,EACL,KAAK,CAAC,aAAa,GACnB,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;CACtC,GAAG;IACF,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAmDrD,eAAO,MAAM,yBAAyB,wGAMnC,8BAA8B,gBA4ChC,CAAC"}
1
+ {"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IAKpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;CACtC,GAAG;IACF,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAmDrD,eAAO,MAAM,yBAAyB,wGAMnC,8BAA8B,gBA4ChC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"compass-components-provider.js","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,6FAAoE;AACpE,gEAAkE;AAClE,kDAA+C;AAC/C,qDAAyD;AACzD,qDAAuD;AAoCvD,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;IAC/B,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU;QACvD,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC;QACnD,CAAC;YAGC;gBACE,OAAO,EAAE,KAAK;gBACd,gBAAgB;gBAEhB,CAAC;gBACD,mBAAmB;gBAEnB,CAAC;aACF,CAAC;AACR,CAAC,CAAC,EAAE,CAAC;AAEL,SAAS,WAAW,CAAC,SAAmB;IACtC,MAAM,oBAAoB,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EACtC,SAAS,IAAI,kBAAkB,CAAC,OAAO,CACxC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,0BAA0B,GAAG,GAAG,EAAE;YACtC,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC;QAC1E,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,mBAAmB,CACpC,QAAQ,EACR,0BAA0B,CAC3B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AACrD,CAAC;AAcM,MAAM,yBAAyB,GAAG,CAAC,EACxC,QAAQ,EAAE,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,GAAG,wBAAwB,EACI,EAAE,EAAE;IACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAOxC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EACpD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EACpD,IAAI,CACL,CAAC;IAEF,MAAM,sBAAsB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1C,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;IAC9C,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,8BAAC,6BAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,sBAAsB;QAE9C,8BAAC,4BAAgB,IACf,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,mBAAmB;YAEhC,8BAAC,oCAAmB,OAAK,wBAAwB;gBAC/C,8BAAC,wCAAqB;oBACpB,8BAAC,qBAAS,QACP,OAAO,QAAQ,KAAK,UAAU;wBAC7B,CAAC,CAAC,QAAQ,CAAC;4BACP,QAAQ;4BACR,kBAAkB,EAAE,kBAAkB;4BACtC,kBAAkB,EAAE,kBAAkB;yBACvC,CAAC;wBACJ,CAAC,CAAC,QAAQ,CACF,CACU,CACJ,CACL,CACA,CACtB,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,yBAAyB,6BAkDpC"}
1
+ {"version":3,"file":"compass-components-provider.js","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4D;AAC5D,6FAAoE;AACpE,gEAAkE;AAClE,kDAA+C;AAC/C,qDAAyD;AACzD,qDAAuD;AA4BvD,MAAM,kBAAkB,GAAG,CAAC,GAAG,EAAE;IAC/B,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU;QACvD,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC;QACnD,CAAC;YAGC;gBACE,OAAO,EAAE,KAAK;gBACd,gBAAgB;gBAEhB,CAAC;gBACD,mBAAmB;gBAEnB,CAAC;aACF,CAAC;AACR,CAAC,CAAC,EAAE,CAAC;AAEL,SAAS,WAAW,CAAC,SAAmB;IACtC,MAAM,oBAAoB,GAAG,OAAO,SAAS,KAAK,WAAW,CAAC;IAC9D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EACtC,SAAS,IAAI,kBAAkB,CAAC,OAAO,CACxC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,0BAA0B,GAAG,GAAG,EAAE;YACtC,WAAW,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC1C,CAAC,CAAC;QACF,kBAAkB,CAAC,gBAAgB,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC;QAC1E,OAAO,GAAG,EAAE;YACV,kBAAkB,CAAC,mBAAmB,CACpC,QAAQ,EACR,0BAA0B,CAC3B,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,oBAAoB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AACrD,CAAC;AAcM,MAAM,yBAAyB,GAAG,CAAC,EACxC,QAAQ,EAAE,SAAS,EACnB,QAAQ,EACR,cAAc,EACd,mBAAmB,EACnB,GAAG,wBAAwB,EACI,EAAE,EAAE;IACnC,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;IAOxC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EACpD,IAAI,CACL,CAAC;IACF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,IAAA,gBAAQ,EACpD,IAAI,CACL,CAAC;IAEF,MAAM,sBAAsB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1C,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC;IAC9C,CAAC,EAAE,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,8BAAC,6BAAkB,IACjB,QAAQ,EAAE,QAAQ,EAClB,sBAAsB,EAAE,sBAAsB;QAE9C,8BAAC,4BAAgB,IACf,MAAM,EAAE,cAAc,EACtB,WAAW,EAAE,mBAAmB;YAEhC,8BAAC,oCAAmB,OAAK,wBAAwB;gBAC/C,8BAAC,wCAAqB;oBACpB,8BAAC,qBAAS,QACP,OAAO,QAAQ,KAAK,UAAU;wBAC7B,CAAC,CAAC,QAAQ,CAAC;4BACP,QAAQ;4BACR,kBAAkB,EAAE,kBAAkB;4BACtC,kBAAkB,EAAE,kBAAkB;yBACvC,CAAC;wBACJ,CAAC,CAAC,QAAQ,CACF,CACU,CACJ,CACL,CACA,CACtB,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,yBAAyB,6BAkDpC"}
@@ -1 +1 @@
1
- {"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAmDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAyDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
@@ -34,6 +34,7 @@ var ResizeDirection;
34
34
  })(ResizeDirection || (ResizeDirection = {}));
35
35
  exports.ResizeDirection = ResizeDirection;
36
36
  const baseResizerStyles = (0, emotion_1.css)({
37
+ all: 'unset',
37
38
  position: 'absolute',
38
39
  background: 'transparent',
39
40
  padding: 0,
@@ -43,24 +44,29 @@ const baseResizerStyles = (0, emotion_1.css)({
43
44
  opacity: '0',
44
45
  outline: 'none',
45
46
  zIndex: 100,
46
- ':focus': {
47
+ '&:focus': {
47
48
  opacity: 1,
48
49
  },
49
- ':hover': {
50
+ '&:hover': {
50
51
  transitionDelay: '250ms',
51
52
  opacity: 1,
52
53
  },
53
54
  WebkitAppearance: 'none',
54
- '::-webkit-slider-thumb': {
55
+ '&::-moz-range-thumb': {
56
+ width: 0,
57
+ height: 0,
58
+ },
59
+ '&::-webkit-slider-thumb': {
55
60
  WebkitAppearance: 'none',
56
61
  },
57
- '::-ms-track': {
62
+ '&::-ms-track': {
58
63
  background: 'none',
59
64
  borderColor: 'none',
60
65
  color: 'none',
61
66
  },
62
67
  });
63
68
  const verticalResizerStyle = (0, emotion_1.css)({
69
+ height: '100%',
64
70
  width: '4px !important',
65
71
  right: '-2px',
66
72
  bottom: 0,
@@ -1 +1 @@
1
- {"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"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"}
@@ -1,9 +1,12 @@
1
1
  import React from 'react';
2
2
  type WorkspaceContainerProps = {
3
3
  toolbar?: React.ReactNode;
4
+ toolbarRef?: React.Ref<HTMLDivElement>;
5
+ scrollableContainerRef?: React.Ref<HTMLDivElement>;
6
+ initialTopInView?: boolean;
4
7
  'data-testid'?: string;
5
8
  };
6
- declare function WorkspaceContainer({ className, children, toolbar, 'data-testid': dataTestId, ...props }: React.PropsWithChildren<WorkspaceContainerProps & React.HTMLProps<HTMLDivElement>>): JSX.Element;
9
+ declare function WorkspaceContainer({ className, children, toolbar, toolbarRef, scrollableContainerRef, initialTopInView, 'data-testid': dataTestId, ...props }: React.PropsWithChildren<WorkspaceContainerProps & React.HTMLProps<HTMLDivElement>>): JSX.Element;
7
10
  declare namespace WorkspaceContainer {
8
11
  var toolbarContainerQueryName: string;
9
12
  }
@@ -1 +1 @@
1
- {"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAoGtC,KAAK,uBAAuB,GAAG;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,iBAAiB,CACxB,uBAAuB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAC1D,eA0CA;kBAlDQ,kBAAkB;;;AAuD3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
1
+ {"version":3,"file":"workspace-container.d.ts","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAoGtC,KAAK,uBAAuB,GAAG;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACvC,sBAAsB,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,UAAU,EACV,sBAAsB,EACtB,gBAAuB,EACvB,aAAa,EAAE,UAAU,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,iBAAiB,CACxB,uBAAuB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAC1D,eA+CA;kBA1DQ,kBAAkB;;;AA+D3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
@@ -76,7 +76,7 @@ const boxShadow = (color) => `0px 2px ${shadowHeight}px -1px ${color}`;
76
76
  const shadowStyles = (0, emotion_1.css)({
77
77
  height: shadowHeight,
78
78
  borderRadius: tokens_1.spacing[2],
79
- width: `calc(100% - ${shadowHeight})`,
79
+ width: `calc(100% - ${shadowHeight}px)`,
80
80
  margin: '0 auto',
81
81
  marginTop: -shadowHeight,
82
82
  });
@@ -102,19 +102,19 @@ const darkThemeStyles = (0, emotion_1.css)({
102
102
  backgroundColor: palette_1.palette.black,
103
103
  color: palette_1.palette.white,
104
104
  });
105
- function WorkspaceContainer({ className, children, toolbar, 'data-testid': dataTestId, ...props }) {
105
+ function WorkspaceContainer({ className, children, toolbar, toolbarRef, scrollableContainerRef, initialTopInView = true, 'data-testid': dataTestId, ...props }) {
106
106
  const darkMode = (0, use_theme_1.useDarkMode)();
107
107
  const scrollContainer = (0, react_1.useRef)(null);
108
108
  const [scrollDetectionTrigger, triggerStillInView] = (0, react_intersection_observer_1.useInView)({
109
109
  root: scrollContainer.current,
110
- initialInView: true,
110
+ initialInView: initialTopInView,
111
111
  });
112
112
  return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(workspaceContainerStyles, darkMode ? darkThemeStyles : lightThemeStyles, className), "data-testid": dataTestId, ...props },
113
- toolbar && react_1.default.createElement("div", { className: toolbarStyles }, toolbar),
113
+ toolbar && (react_1.default.createElement("div", { ref: toolbarRef, className: toolbarStyles }, toolbar)),
114
114
  react_1.default.createElement("div", { className: scrollBoxStyles, ref: scrollContainer },
115
115
  triggerStillInView || (react_1.default.createElement("div", { className: shadowContainerStyles },
116
116
  react_1.default.createElement("div", { className: (0, emotion_1.cx)(shadowStyles, darkMode ? shadowStylesDark : shadowStylesLight) }))),
117
- react_1.default.createElement("div", { className: workspaceContentStyles },
117
+ react_1.default.createElement("div", { ref: scrollableContainerRef, className: workspaceContentStyles },
118
118
  react_1.default.createElement("div", { ref: scrollDetectionTrigger }),
119
119
  children))));
120
120
  }
@@ -1 +1 @@
1
- {"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.tsx"],"names":[],"mappings":"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"}
@@ -4,6 +4,7 @@ export { ConfirmationModalVariant };
4
4
  type ConfirmationModalProps = React.ComponentProps<typeof ConfirmationModal>;
5
5
  type ConfirmationProperties = Partial<Pick<ConfirmationModalProps, 'title' | 'buttonText' | 'variant' | 'requiredInputText'>> & {
6
6
  description?: React.ReactNode;
7
+ signal?: AbortSignal;
7
8
  'data-testid'?: string;
8
9
  };
9
10
  export declare const showConfirmation: (props: ConfirmationProperties) => Promise<boolean>;
@@ -1 +1 @@
1
- {"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,OAAO,IAAI,wBAAwB,EACpC,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE7E,KAAK,sBAAsB,GAAG,OAAO,CACnC,IAAI,CACF,sBAAsB,EACtB,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,mBAAmB,CACzD,CACF,GAAG;IACF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAiDF,eAAO,MAAM,gBAAgB,UAXH,sBAAsB,qBAYc,CAAC;AAY/D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAqEzC,CAAC;AAEF,eAAO,MAAM,oBAAoB;8BAhIL,sBAAsB,KAAK,QAAQ,OAAO,CAAC;CAwItE,CAAC"}
1
+ {"version":3,"file":"use-confirmation.d.ts","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EACL,OAAO,IAAI,iBAAiB,EAC5B,OAAO,IAAI,wBAAwB,EACpC,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,wBAAwB,EAAE,CAAC;AAEpC,KAAK,sBAAsB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAE7E,KAAK,sBAAsB,GAAG,OAAO,CACnC,IAAI,CACF,sBAAsB,EACtB,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,mBAAmB,CACzD,CACF,GAAG;IACF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAkDF,eAAO,MAAM,gBAAgB,UAXH,sBAAsB,qBAYc,CAAC;AAY/D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EA6EzC,CAAC;AAEF,eAAO,MAAM,oBAAoB;8BAzIL,sBAAsB,KAAK,QAAQ,OAAO,CAAC;CAiJtE,CAAC"}
@@ -29,9 +29,9 @@ const confirmation_modal_1 = __importStar(require("@leafygreen-ui/confirmation-m
29
29
  Object.defineProperty(exports, "ConfirmationModalVariant", { enumerable: true, get: function () { return confirmation_modal_1.Variant; } });
30
30
  class GlobalConfirmation extends EventTarget {
31
31
  showConfirmation(props) {
32
- return new Promise((resolve) => {
32
+ return new Promise((resolve, reject) => {
33
33
  this.dispatchEvent(new CustomEvent('show-confirmation', {
34
- detail: { props, callback: resolve },
34
+ detail: { props, resolve, reject },
35
35
  }));
36
36
  });
37
37
  }
@@ -55,9 +55,17 @@ const ConfirmationModalArea = ({ children }) => {
55
55
  };
56
56
  }, []);
57
57
  (0, react_1.useEffect)(() => {
58
- const listener = ({ detail: { callback, props }, }) => {
58
+ const listener = ({ detail: { resolve, reject, props }, }) => {
59
59
  setConfirmationProps({ open: true, ...props });
60
- callbackRef.current = callback;
60
+ const onAbort = () => {
61
+ setConfirmationProps({ open: false, ...props });
62
+ reject(props.signal?.reason);
63
+ };
64
+ callbackRef.current = (confirmed) => {
65
+ props.signal?.removeEventListener('abort', onAbort);
66
+ resolve(confirmed);
67
+ };
68
+ props.signal?.addEventListener('abort', onAbort);
61
69
  };
62
70
  globalConfirmation.addEventListener('show-confirmation', listener);
63
71
  return () => {
@@ -1 +1 @@
1
- {"version":3,"file":"use-confirmation.js","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"use-confirmation.js","sourceRoot":"","sources":["../../src/hooks/use-confirmation.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mongodb-js/compass-components",
3
- "version": "1.20.3",
3
+ "version": "1.21.1",
4
4
  "description": "React Components used in Compass",
5
5
  "license": "SSPL",
6
6
  "main": "lib/index.js",
@@ -80,7 +80,7 @@
80
80
  "@react-stately/tooltip": "^3.0.5",
81
81
  "bson": "^6.2.0",
82
82
  "focus-trap-react": "^8.4.2",
83
- "hadron-document": "^8.4.5",
83
+ "hadron-document": "^8.4.6",
84
84
  "hadron-type-checker": "^7.1.1",
85
85
  "is-electron-renderer": "^2.0.1",
86
86
  "lodash": "^4.17.21",
@@ -94,8 +94,8 @@
94
94
  "react": "^17.0.2"
95
95
  },
96
96
  "devDependencies": {
97
- "@mongodb-js/eslint-config-compass": "^1.0.13",
98
- "@mongodb-js/mocha-config-compass": "^1.3.4",
97
+ "@mongodb-js/eslint-config-compass": "^1.0.14",
98
+ "@mongodb-js/mocha-config-compass": "^1.3.5",
99
99
  "@mongodb-js/prettier-config-compass": "^1.0.1",
100
100
  "@mongodb-js/tsconfig-compass": "^1.0.3",
101
101
  "@testing-library/dom": "^8.11.1",
@@ -124,5 +124,5 @@
124
124
  "publishConfig": {
125
125
  "access": "public"
126
126
  },
127
- "gitHead": "e03c6bc49cec52b05d2bfda2121ffe62ddf17680"
127
+ "gitHead": "a9c56668b40cad18cbe7a04c6d7a0f48cb133c13"
128
128
  }