@mongodb-js/compass-components 1.21.0 → 1.21.2
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.
|
@@ -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,
|
|
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:
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,oDAA4D;AAC5D,oDAAiD;AACjD,kDAAgD;AAChD,uCAAgC;AAChC,6EAAwD;AACxD,kDAAiD;AAEjD,MAAM,kCAAkC,GAAG,6BAA6B,CAAC;AAEzE,MAAM,wBAAwB,GAAG,IAAA,aAAG,EAAC;IACnC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,QAAQ;CACnB,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,kCAAkC;IACjD,aAAa,EAAE,aAAa;CAC7B,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,CAAC;IACZ,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,CAAC;CACV,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,gBAAO,CAAC,CAAC,CAAC,CAAC;AAEhC,MAAM,MAAM,GAAG,IAAA,mBAAS,EAAC;IACvB,IAAI,EAAE;QACJ,OAAO,EAAE,CAAC;KACX;IACD,EAAE,EAAE;QACF,OAAO,EAAE,CAAC;KACX;CACF,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,CAAC;IACN,OAAO,EAAE,OAAO;IAChB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,YAAY,GAAG,CAAC;IACxB,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,CAAC;IACT,aAAa,EAAE,MAAM;IAKrB,SAAS,EAAE,GAAG,MAAM,aAAa;CAClC,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,WAAW,YAAY,WAAW,KAAK,EAAE,CAAC;AAE/E,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,MAAM,EAAE,YAAY;IACpB,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;IAExB,KAAK,EAAE,eAAe,YAAY,
|
|
1
|
+
{"version":3,"file":"workspace-container.js","sourceRoot":"","sources":["../../src/components/workspace-container.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.21.
|
|
3
|
+
"version": "1.21.2",
|
|
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.
|
|
83
|
+
"hadron-document": "^8.4.7",
|
|
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.
|
|
98
|
-
"@mongodb-js/mocha-config-compass": "^1.3.
|
|
97
|
+
"@mongodb-js/eslint-config-compass": "^1.0.15",
|
|
98
|
+
"@mongodb-js/mocha-config-compass": "^1.3.6",
|
|
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": "
|
|
127
|
+
"gitHead": "806203e749dea63ec3ac450f39b3687f41350681"
|
|
128
128
|
}
|