@mongodb-js/compass-components 1.25.0 → 1.25.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.
- package/lib/components/accordion.d.ts +3 -1
- package/lib/components/accordion.d.ts.map +1 -1
- package/lib/components/accordion.js +15 -7
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/empty-content.d.ts +2 -2
- package/lib/components/empty-content.d.ts.map +1 -1
- package/package.json +5 -5
|
@@ -2,7 +2,9 @@ import React from 'react';
|
|
|
2
2
|
interface AccordionProps extends React.HTMLProps<HTMLButtonElement> {
|
|
3
3
|
text: string | React.ReactNode;
|
|
4
4
|
hintText?: string;
|
|
5
|
+
open?: boolean;
|
|
6
|
+
setOpen?: (newValue: boolean) => void;
|
|
5
7
|
}
|
|
6
|
-
declare function Accordion({ text, hintText, ...props }: React.PropsWithChildren<AccordionProps>): React.ReactElement;
|
|
8
|
+
declare function Accordion({ text, hintText, open: _open, setOpen: _setOpen, ...props }: React.PropsWithChildren<AccordionProps>): React.ReactElement;
|
|
7
9
|
export { Accordion };
|
|
8
10
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAiD7D,UAAU,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACjE,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC;AACD,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EACR,IAAI,EAAE,KAAK,EACX,OAAO,EAAE,QAAQ,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAgD9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -70,15 +70,23 @@ const buttonHintStyles = (0, emotion_1.css)({
|
|
|
70
70
|
padding: 0,
|
|
71
71
|
display: 'inline',
|
|
72
72
|
});
|
|
73
|
-
function Accordion({ text, hintText, ...props }) {
|
|
73
|
+
function Accordion({ text, hintText, open: _open, setOpen: _setOpen, ...props }) {
|
|
74
74
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
75
|
-
const [
|
|
76
|
-
const
|
|
77
|
-
|
|
75
|
+
const [localOpen, setLocalOpen] = (0, react_1.useState)(_open ?? false);
|
|
76
|
+
const setOpenRef = (0, react_1.useRef)(_setOpen);
|
|
77
|
+
setOpenRef.current = _setOpen;
|
|
78
|
+
const onOpenChange = (0, react_1.useCallback)(() => {
|
|
79
|
+
setLocalOpen((prevValue) => {
|
|
80
|
+
const newValue = !prevValue;
|
|
81
|
+
setOpenRef.current?.(newValue);
|
|
82
|
+
return newValue;
|
|
83
|
+
});
|
|
84
|
+
}, []);
|
|
85
|
+
const regionId = (0, utils_1.useId)();
|
|
86
|
+
const labelId = (0, utils_1.useId)();
|
|
87
|
+
const open = typeof _open !== 'undefined' ? _open : localOpen;
|
|
78
88
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
79
|
-
react_1.default.createElement("button", { ...props, className: (0, emotion_1.cx)(darkMode ? buttonDarkThemeStyles : buttonLightThemeStyles, buttonStyles), id: labelId, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick:
|
|
80
|
-
setOpen((currentOpen) => !currentOpen);
|
|
81
|
-
} },
|
|
89
|
+
react_1.default.createElement("button", { ...props, className: (0, emotion_1.cx)(darkMode ? buttonDarkThemeStyles : buttonLightThemeStyles, buttonStyles), id: labelId, type: "button", "aria-expanded": open ? 'true' : 'false', "aria-controls": regionId, onClick: onOpenChange },
|
|
82
90
|
react_1.default.createElement("span", { className: buttonIconContainerStyles },
|
|
83
91
|
react_1.default.createElement(leafygreen_1.Icon, { glyph: open ? 'ChevronDown' : 'ChevronRight' })),
|
|
84
92
|
react_1.default.createElement("div", { className: buttonTextStyles },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,8 @@ type EmptyContentProps = {
|
|
|
3
3
|
icon: React.FunctionComponent;
|
|
4
4
|
title: string;
|
|
5
5
|
subTitle: string;
|
|
6
|
-
callToAction?:
|
|
7
|
-
callToActionLink?:
|
|
6
|
+
callToAction?: React.ReactNode;
|
|
7
|
+
callToActionLink?: React.ReactNode;
|
|
8
8
|
};
|
|
9
9
|
declare const EmptyContent: React.FunctionComponent<EmptyContentProps & React.HTMLProps<HTMLDivElement>>;
|
|
10
10
|
export { EmptyContent };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"empty-content.d.ts","sourceRoot":"","sources":["../../src/components/empty-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"empty-content.d.ts","sourceRoot":"","sources":["../../src/components/empty-content.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6C1B,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CACzC,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAsCpD,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mongodb-js/compass-components",
|
|
3
|
-
"version": "1.25.
|
|
3
|
+
"version": "1.25.1",
|
|
4
4
|
"description": "React Components used in Compass",
|
|
5
5
|
"license": "SSPL",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -78,10 +78,10 @@
|
|
|
78
78
|
"@react-aria/utils": "^3.13.1",
|
|
79
79
|
"@react-aria/visually-hidden": "^3.3.1",
|
|
80
80
|
"@react-stately/tooltip": "^3.0.5",
|
|
81
|
-
"bson": "^6.
|
|
81
|
+
"bson": "^6.7.0",
|
|
82
82
|
"focus-trap-react": "^9.0.2",
|
|
83
|
-
"hadron-document": "^8.5.
|
|
84
|
-
"hadron-type-checker": "^7.2.
|
|
83
|
+
"hadron-document": "^8.5.3",
|
|
84
|
+
"hadron-type-checker": "^7.2.2",
|
|
85
85
|
"is-electron-renderer": "^2.0.1",
|
|
86
86
|
"lodash": "^4.17.21",
|
|
87
87
|
"polished": "^4.2.2",
|
|
@@ -122,5 +122,5 @@
|
|
|
122
122
|
"publishConfig": {
|
|
123
123
|
"access": "public"
|
|
124
124
|
},
|
|
125
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "7c89ff24741649c5c4a048c3f1bb86aad00a6027"
|
|
126
126
|
}
|