@mongodb-js/compass-components 1.32.1 → 1.32.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.
- package/lib/components/actions/action-glyph.d.ts +11 -0
- package/lib/components/actions/action-glyph.d.ts.map +1 -0
- package/lib/components/actions/action-glyph.js +19 -0
- package/lib/components/actions/action-glyph.js.map +1 -0
- package/lib/components/actions/constants.d.ts +7 -0
- package/lib/components/actions/constants.d.ts.map +1 -0
- package/lib/components/actions/constants.js +9 -0
- package/lib/components/actions/constants.js.map +1 -0
- package/lib/components/actions/dropdown-menu-button.d.ts +19 -0
- package/lib/components/actions/dropdown-menu-button.d.ts.map +1 -0
- package/lib/components/actions/dropdown-menu-button.js +75 -0
- package/lib/components/actions/dropdown-menu-button.js.map +1 -0
- package/lib/components/actions/item-action-button.d.ts +4 -0
- package/lib/components/actions/item-action-button.d.ts.map +1 -0
- package/lib/components/actions/item-action-button.js +22 -0
- package/lib/components/actions/item-action-button.js.map +1 -0
- package/lib/components/actions/item-action-controls.d.ts +20 -0
- package/lib/components/actions/item-action-controls.d.ts.map +1 -0
- package/lib/components/actions/item-action-controls.js +85 -0
- package/lib/components/actions/item-action-controls.js.map +1 -0
- package/lib/components/actions/item-action-group.d.ts +19 -0
- package/lib/components/actions/item-action-group.d.ts.map +1 -0
- package/lib/components/actions/item-action-group.js +69 -0
- package/lib/components/actions/item-action-group.js.map +1 -0
- package/lib/components/actions/item-action-menu.d.ts +20 -0
- package/lib/components/actions/item-action-menu.d.ts.map +1 -0
- package/lib/components/actions/item-action-menu.js +89 -0
- package/lib/components/actions/item-action-menu.js.map +1 -0
- package/lib/components/actions/small-icon-button.d.ts +11 -0
- package/lib/components/actions/small-icon-button.d.ts.map +1 -0
- package/lib/components/actions/small-icon-button.js +66 -0
- package/lib/components/actions/small-icon-button.js.map +1 -0
- package/lib/components/actions/types.d.ts +32 -0
- package/lib/components/actions/types.d.ts.map +1 -0
- package/lib/components/actions/types.js +3 -0
- package/lib/components/actions/types.js.map +1 -0
- package/lib/components/actions/utils.d.ts +2 -0
- package/lib/components/actions/utils.d.ts.map +1 -0
- package/lib/components/actions/utils.js +8 -0
- package/lib/components/actions/utils.js.map +1 -0
- package/lib/components/combobox-with-custom-option.d.ts +1 -1
- package/lib/components/combobox-with-custom-option.d.ts.map +1 -1
- package/lib/components/combobox-with-custom-option.js +3 -3
- package/lib/components/combobox-with-custom-option.js.map +1 -1
- package/lib/components/document-list/element-actions.d.ts.map +1 -1
- package/lib/components/document-list/element-actions.js +1 -1
- package/lib/components/document-list/element-actions.js.map +1 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +12 -5
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +10 -3
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/feedback-popover.d.ts +2 -5
- package/lib/components/feedback-popover.d.ts.map +1 -1
- package/lib/components/feedback-popover.js +1 -5
- package/lib/components/feedback-popover.js.map +1 -1
- package/lib/components/file-input.js +3 -3
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/guide-cue/guide-cue.d.ts +1 -2
- package/lib/components/guide-cue/guide-cue.d.ts.map +1 -1
- package/lib/components/guide-cue/guide-cue.js +1 -3
- package/lib/components/guide-cue/guide-cue.js.map +1 -1
- package/lib/components/interactive-popover.d.ts +4 -4
- package/lib/components/interactive-popover.d.ts.map +1 -1
- package/lib/components/interactive-popover.js +1 -1
- package/lib/components/interactive-popover.js.map +1 -1
- package/lib/components/leafygreen.d.ts +4 -54
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +7 -6
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/links/link.d.ts +7 -7
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.js +8 -1
- package/lib/components/tab-nav-bar.js.map +1 -1
- package/lib/components/virtual-list.d.ts +3 -5
- package/lib/components/virtual-list.d.ts.map +1 -1
- package/lib/components/virtual-list.js +2 -2
- package/lib/components/virtual-list.js.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts +2 -3
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +2 -2
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
- package/lib/hooks/use-confirmation.d.ts +0 -1
- package/lib/hooks/use-confirmation.d.ts.map +1 -1
- package/lib/hooks/use-confirmation.js +0 -1
- package/lib/hooks/use-confirmation.js.map +1 -1
- package/lib/hooks/use-stacked-component.d.ts +1 -6
- package/lib/hooks/use-stacked-component.d.ts.map +1 -1
- package/lib/hooks/use-stacked-component.js +9 -28
- package/lib/hooks/use-stacked-component.js.map +1 -1
- package/lib/hooks/use-virtual-list-item-observer.d.ts +2 -4
- package/lib/hooks/use-virtual-list-item-observer.d.ts.map +1 -1
- package/lib/hooks/use-virtual-list-item-observer.js +1 -1
- package/lib/hooks/use-virtual-list-item-observer.js.map +1 -1
- package/lib/index.d.ts +9 -6
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +8 -9
- package/lib/index.js.map +1 -1
- package/package.json +47 -49
- package/lib/components/combobox/Chip.d.ts +0 -4
- package/lib/components/combobox/Chip.d.ts.map +0 -1
- package/lib/components/combobox/Chip.js +0 -230
- package/lib/components/combobox/Chip.js.map +0 -1
- package/lib/components/combobox/Combobox.d.ts +0 -48
- package/lib/components/combobox/Combobox.d.ts.map +0 -1
- package/lib/components/combobox/Combobox.js +0 -1029
- package/lib/components/combobox/Combobox.js.map +0 -1
- package/lib/components/combobox/Combobox.styles.d.ts +0 -53
- package/lib/components/combobox/Combobox.styles.d.ts.map +0 -1
- package/lib/components/combobox/Combobox.styles.js +0 -294
- package/lib/components/combobox/Combobox.styles.js.map +0 -1
- package/lib/components/combobox/Combobox.types.d.ts +0 -295
- package/lib/components/combobox/Combobox.types.d.ts.map +0 -1
- package/lib/components/combobox/Combobox.types.js +0 -66
- package/lib/components/combobox/Combobox.types.js.map +0 -1
- package/lib/components/combobox/ComboboxContext.d.ts +0 -21
- package/lib/components/combobox/ComboboxContext.d.ts.map +0 -1
- package/lib/components/combobox/ComboboxContext.js +0 -19
- package/lib/components/combobox/ComboboxContext.js.map +0 -1
- package/lib/components/combobox/ComboboxGroup.d.ts +0 -15
- package/lib/components/combobox/ComboboxGroup.d.ts.map +0 -1
- package/lib/components/combobox/ComboboxGroup.js +0 -84
- package/lib/components/combobox/ComboboxGroup.js.map +0 -1
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.d.ts +0 -9
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.d.ts.map +0 -1
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js +0 -91
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js.map +0 -1
- package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts +0 -26
- package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts.map +0 -1
- package/lib/components/combobox/ComboboxMenu/Menu.styles.js +0 -119
- package/lib/components/combobox/ComboboxMenu/Menu.styles.js.map +0 -1
- package/lib/components/combobox/ComboboxOption.d.ts +0 -20
- package/lib/components/combobox/ComboboxOption.d.ts.map +0 -1
- package/lib/components/combobox/ComboboxOption.js +0 -272
- package/lib/components/combobox/ComboboxOption.js.map +0 -1
- package/lib/components/combobox/Menu.styles.d.ts +0 -22
- package/lib/components/combobox/Menu.styles.d.ts.map +0 -1
- package/lib/components/combobox/Menu.styles.js +0 -102
- package/lib/components/combobox/Menu.styles.js.map +0 -1
- package/lib/components/combobox/index.d.ts +0 -6
- package/lib/components/combobox/index.d.ts.map +0 -1
- package/lib/components/combobox/index.js +0 -15
- package/lib/components/combobox/index.js.map +0 -1
- package/lib/components/combobox/utils/OptionObjectUtils.d.ts +0 -23
- package/lib/components/combobox/utils/OptionObjectUtils.d.ts.map +0 -1
- package/lib/components/combobox/utils/OptionObjectUtils.js +0 -40
- package/lib/components/combobox/utils/OptionObjectUtils.js.map +0 -1
- package/lib/components/combobox/utils/flattenChildren.d.ts +0 -12
- package/lib/components/combobox/utils/flattenChildren.d.ts.map +0 -1
- package/lib/components/combobox/utils/flattenChildren.js +0 -47
- package/lib/components/combobox/utils/flattenChildren.js.map +0 -1
- package/lib/components/combobox/utils/getNameAndValue.d.ts +0 -15
- package/lib/components/combobox/utils/getNameAndValue.d.ts.map +0 -1
- package/lib/components/combobox/utils/getNameAndValue.js +0 -24
- package/lib/components/combobox/utils/getNameAndValue.js.map +0 -1
- package/lib/components/combobox/utils/index.d.ts +0 -5
- package/lib/components/combobox/utils/index.d.ts.map +0 -1
- package/lib/components/combobox/utils/index.js +0 -14
- package/lib/components/combobox/utils/index.js.map +0 -1
- package/lib/components/combobox/utils/wrapJSX.d.ts +0 -15
- package/lib/components/combobox/utils/wrapJSX.d.ts.map +0 -1
- package/lib/components/combobox/utils/wrapJSX.js +0 -53
- package/lib/components/combobox/utils/wrapJSX.js.map +0 -1
- package/lib/components/item-action-controls.d.ts +0 -87
- package/lib/components/item-action-controls.d.ts.map +0 -1
- package/lib/components/item-action-controls.js +0 -239
- package/lib/components/item-action-controls.js.map +0 -1
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@leafygreen-ui/lib';
|
|
2
|
-
import { ComboboxSize as Size } from '../Combobox.types';
|
|
3
|
-
export declare const menuItemPadding: Record<Size, {
|
|
4
|
-
x: number;
|
|
5
|
-
y: number;
|
|
6
|
-
}>;
|
|
7
|
-
/** Height of a menu item (in px) */
|
|
8
|
-
export declare const menuItemHeight: {
|
|
9
|
-
default: number;
|
|
10
|
-
large: number;
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* Menu styles
|
|
14
|
-
*/
|
|
15
|
-
export declare const popoverStyle: string;
|
|
16
|
-
export declare const popoverThemeStyle: Record<Theme, string>;
|
|
17
|
-
export declare const menuBaseStyle: string;
|
|
18
|
-
export declare const menuThemeStyle: Record<Theme, string>;
|
|
19
|
-
export declare const menuSizeStyle: Record<Size, string>;
|
|
20
|
-
export declare const menuList: string;
|
|
21
|
-
export declare const menuMessageBaseStyle: string;
|
|
22
|
-
export declare const menuMessageThemeStyle: Record<Theme, string>;
|
|
23
|
-
export declare const menuMessageSizeStyle: Record<Size, string>;
|
|
24
|
-
export declare const menuMessageIconSizeStyle: Record<Size, string>;
|
|
25
|
-
export declare const loadingIconStyle: string;
|
|
26
|
-
//# sourceMappingURL=Menu.styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAGlE,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,cAAc;;;CAI1B,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,QAIxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CASnD,CAAC;AAEF,eAAO,MAAM,aAAa,QASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAO9C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAarD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CASzD,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.loadingIconStyle = exports.menuMessageIconSizeStyle = exports.menuMessageSizeStyle = exports.menuMessageThemeStyle = exports.menuMessageBaseStyle = exports.menuList = exports.menuSizeStyle = exports.menuThemeStyle = exports.menuBaseStyle = exports.popoverThemeStyle = exports.popoverStyle = exports.menuItemHeight = exports.menuItemPadding = void 0;
|
|
4
|
-
const polished_1 = require("polished");
|
|
5
|
-
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
6
|
-
const lib_1 = require("@leafygreen-ui/lib");
|
|
7
|
-
const palette_1 = require("@leafygreen-ui/palette");
|
|
8
|
-
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
9
|
-
const Combobox_types_1 = require("../Combobox.types");
|
|
10
|
-
exports.menuItemPadding = {
|
|
11
|
-
[Combobox_types_1.ComboboxSize.Default]: { x: 12, y: 8 },
|
|
12
|
-
[Combobox_types_1.ComboboxSize.Large]: { x: 12, y: 8 },
|
|
13
|
-
};
|
|
14
|
-
/** Height of a menu item (in px) */
|
|
15
|
-
exports.menuItemHeight = {
|
|
16
|
-
[Combobox_types_1.ComboboxSize.Default]: tokens_1.typeScales.body1.lineHeight + 2 * exports.menuItemPadding[Combobox_types_1.ComboboxSize.Default].y,
|
|
17
|
-
[Combobox_types_1.ComboboxSize.Large]: tokens_1.typeScales.body2.lineHeight + 2 * exports.menuItemPadding[Combobox_types_1.ComboboxSize.Large].y,
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* Menu styles
|
|
21
|
-
*/
|
|
22
|
-
exports.popoverStyle = (0, emotion_1.css) `
|
|
23
|
-
overflow: hidden;
|
|
24
|
-
border-radius: 12px;
|
|
25
|
-
border: 1px solid;
|
|
26
|
-
`;
|
|
27
|
-
exports.popoverThemeStyle = {
|
|
28
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
29
|
-
box-shadow: 0px 4px 7px ${(0, polished_1.transparentize)(0.85, palette_1.palette.black)};
|
|
30
|
-
border-color: ${palette_1.palette.gray.light2};
|
|
31
|
-
`,
|
|
32
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
33
|
-
box-shadow: 0px 4px 7px ${(0, polished_1.transparentize)(0.85, palette_1.palette.black)};
|
|
34
|
-
border-color: ${palette_1.palette.gray.dark3};
|
|
35
|
-
`,
|
|
36
|
-
};
|
|
37
|
-
exports.menuBaseStyle = (0, emotion_1.css) `
|
|
38
|
-
position: relative;
|
|
39
|
-
width: 100%;
|
|
40
|
-
margin: 0;
|
|
41
|
-
padding: ${tokens_1.spacing[2]}px 0;
|
|
42
|
-
font-family: ${tokens_1.fontFamilies.default};
|
|
43
|
-
border-radius: inherit;
|
|
44
|
-
overflow-y: auto;
|
|
45
|
-
scroll-behavior: smooth;
|
|
46
|
-
`;
|
|
47
|
-
exports.menuThemeStyle = {
|
|
48
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
49
|
-
color: ${palette_1.palette.black};
|
|
50
|
-
background-color: ${palette_1.palette.white};
|
|
51
|
-
`,
|
|
52
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
53
|
-
color: ${palette_1.palette.gray.light1};
|
|
54
|
-
background-color: ${palette_1.palette.gray.dark3};
|
|
55
|
-
`,
|
|
56
|
-
};
|
|
57
|
-
exports.menuSizeStyle = {
|
|
58
|
-
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
59
|
-
min-height: ${exports.menuItemHeight[Combobox_types_1.ComboboxSize.Default]}px;
|
|
60
|
-
`,
|
|
61
|
-
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
62
|
-
min-height: ${exports.menuItemHeight[Combobox_types_1.ComboboxSize.Large]}px;
|
|
63
|
-
`,
|
|
64
|
-
};
|
|
65
|
-
exports.menuList = (0, emotion_1.css) `
|
|
66
|
-
position: relative;
|
|
67
|
-
margin: 0;
|
|
68
|
-
padding: 0;
|
|
69
|
-
`;
|
|
70
|
-
exports.menuMessageBaseStyle = (0, emotion_1.css) `
|
|
71
|
-
font-family: inherit;
|
|
72
|
-
display: inline-flex;
|
|
73
|
-
align-items: center;
|
|
74
|
-
gap: 8px;
|
|
75
|
-
`;
|
|
76
|
-
exports.menuMessageThemeStyle = {
|
|
77
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
78
|
-
color: ${palette_1.palette.gray.dark3};
|
|
79
|
-
`,
|
|
80
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
81
|
-
color: ${palette_1.palette.gray.light3};
|
|
82
|
-
`,
|
|
83
|
-
};
|
|
84
|
-
exports.menuMessageSizeStyle = {
|
|
85
|
-
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
86
|
-
font-size: ${tokens_1.typeScales.body1.fontSize}px;
|
|
87
|
-
line-height: ${tokens_1.typeScales.body1.lineHeight}px;
|
|
88
|
-
padding: ${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Default].y}px
|
|
89
|
-
${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Default].x}px;
|
|
90
|
-
`,
|
|
91
|
-
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
92
|
-
font-size: ${tokens_1.typeScales.body2.fontSize}px;
|
|
93
|
-
line-height: ${tokens_1.typeScales.body2.lineHeight}px;
|
|
94
|
-
padding: ${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Large].y}px
|
|
95
|
-
${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Large].x}px;
|
|
96
|
-
`,
|
|
97
|
-
};
|
|
98
|
-
exports.menuMessageIconSizeStyle = {
|
|
99
|
-
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
100
|
-
height: ${tokens_1.typeScales.body1.fontSize}px;
|
|
101
|
-
width: ${tokens_1.typeScales.body1.fontSize}px;
|
|
102
|
-
`,
|
|
103
|
-
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
104
|
-
height: ${tokens_1.typeScales.body2.fontSize}px;
|
|
105
|
-
width: ${tokens_1.typeScales.body2.fontSize}px;
|
|
106
|
-
`,
|
|
107
|
-
};
|
|
108
|
-
const loadingIconAnimation = (0, emotion_1.keyframes) `
|
|
109
|
-
0% {
|
|
110
|
-
transform: rotate(0deg);
|
|
111
|
-
}
|
|
112
|
-
100% {
|
|
113
|
-
transform: rotate(360deg);
|
|
114
|
-
}
|
|
115
|
-
`;
|
|
116
|
-
exports.loadingIconStyle = (0, emotion_1.css) `
|
|
117
|
-
animation: ${loadingIconAnimation} 1.5s linear infinite;
|
|
118
|
-
`;
|
|
119
|
-
//# sourceMappingURL=Menu.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.js","sourceRoot":"","sources":["../../../../src/components/combobox/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import type { ComboboxOptionProps, InternalComboboxOptionProps } from './Combobox.types';
|
|
4
|
-
/**
|
|
5
|
-
* Component
|
|
6
|
-
*/
|
|
7
|
-
declare const InternalComboboxOption: React.ForwardRefExoticComponent<InternalComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
|
|
8
|
-
export { InternalComboboxOption };
|
|
9
|
-
export declare function ComboboxOption(_: ComboboxOptionProps): JSX.Element;
|
|
10
|
-
export declare namespace ComboboxOption {
|
|
11
|
-
var displayName: string;
|
|
12
|
-
var propTypes: {
|
|
13
|
-
displayName: PropTypes.Requireable<string>;
|
|
14
|
-
value: PropTypes.Requireable<string>;
|
|
15
|
-
glyph: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
16
|
-
disabled: PropTypes.Requireable<boolean>;
|
|
17
|
-
className: PropTypes.Requireable<string>;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
//# sourceMappingURL=ComboboxOption.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,KAAK,EACV,mBAAmB,EACnB,2BAA2B,EAC5B,MAAM,kBAAkB,CAAC;AAmK1B;;GAEG;AACH,QAAA,MAAM,sBAAsB,mGAyJ3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAElC,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAElE;yBAFe,cAAc"}
|
|
@@ -1,272 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
-
};
|
|
28
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.ComboboxOption = exports.InternalComboboxOption = void 0;
|
|
30
|
-
/* eslint-disable filename-rules/match */
|
|
31
|
-
const react_1 = __importStar(require("react"));
|
|
32
|
-
const prop_types_1 = __importDefault(require("prop-types"));
|
|
33
|
-
const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
|
|
34
|
-
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
35
|
-
const hooks_1 = require("@leafygreen-ui/hooks");
|
|
36
|
-
const icon_1 = __importStar(require("@leafygreen-ui/icon"));
|
|
37
|
-
const lib_1 = require("@leafygreen-ui/lib");
|
|
38
|
-
const palette_1 = require("@leafygreen-ui/palette");
|
|
39
|
-
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
40
|
-
const Menu_styles_1 = require("./ComboboxMenu/Menu.styles");
|
|
41
|
-
const Combobox_types_1 = require("./Combobox.types");
|
|
42
|
-
const ComboboxContext_1 = require("./ComboboxContext");
|
|
43
|
-
const utils_1 = require("./utils");
|
|
44
|
-
/**
|
|
45
|
-
* Styles
|
|
46
|
-
*/
|
|
47
|
-
const comboboxOptionBaseStyle = (0, emotion_1.css) `
|
|
48
|
-
position: relative;
|
|
49
|
-
display: flex;
|
|
50
|
-
flex: 1;
|
|
51
|
-
align-items: center;
|
|
52
|
-
justify-content: flex-start;
|
|
53
|
-
list-style: none;
|
|
54
|
-
color: inherit;
|
|
55
|
-
cursor: pointer;
|
|
56
|
-
overflow: hidden;
|
|
57
|
-
font-family: ${tokens_1.fontFamilies.default};
|
|
58
|
-
|
|
59
|
-
// Left wedge
|
|
60
|
-
&:before {
|
|
61
|
-
content: '';
|
|
62
|
-
position: absolute;
|
|
63
|
-
left: 0;
|
|
64
|
-
width: 4px;
|
|
65
|
-
height: calc(100% - 14px);
|
|
66
|
-
background-color: rgba(255, 255, 255, 0);
|
|
67
|
-
border-radius: 0 6px 6px 0;
|
|
68
|
-
transform: scale3d(0, 0.3, 0);
|
|
69
|
-
transition: 200ms ease-in-out;
|
|
70
|
-
transition-property: transform, background-color;
|
|
71
|
-
}
|
|
72
|
-
`;
|
|
73
|
-
const optionNameStyles = (width) => (0, emotion_1.css) `
|
|
74
|
-
max-width: ${width}px;
|
|
75
|
-
width: 100%;
|
|
76
|
-
display: flex;
|
|
77
|
-
align-items: center;
|
|
78
|
-
justify-content: space-between;
|
|
79
|
-
flex-shrink: 0;
|
|
80
|
-
margin-right: ${tokens_1.spacing[2]}px;
|
|
81
|
-
`;
|
|
82
|
-
const comboboxOptionThemeStyle = {
|
|
83
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
84
|
-
&:hover {
|
|
85
|
-
outline: none;
|
|
86
|
-
background-color: ${palette_1.palette.gray.light2};
|
|
87
|
-
}
|
|
88
|
-
`,
|
|
89
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
90
|
-
&:hover {
|
|
91
|
-
outline: none;
|
|
92
|
-
background-color: ${palette_1.palette.gray.dark4};
|
|
93
|
-
}
|
|
94
|
-
`,
|
|
95
|
-
};
|
|
96
|
-
const comboboxOptionSizeStyle = {
|
|
97
|
-
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
98
|
-
font-size: ${tokens_1.typeScales.body1.fontSize}px;
|
|
99
|
-
line-height: ${tokens_1.typeScales.body1.lineHeight}px;
|
|
100
|
-
min-height: ${Menu_styles_1.menuItemHeight[Combobox_types_1.ComboboxSize.Default]}px;
|
|
101
|
-
padding: ${Menu_styles_1.menuItemPadding[Combobox_types_1.ComboboxSize.Default].y}px
|
|
102
|
-
${Menu_styles_1.menuItemPadding[Combobox_types_1.ComboboxSize.Default].x}px;
|
|
103
|
-
gap: ${tokens_1.spacing[1]}px;
|
|
104
|
-
|
|
105
|
-
&:before {
|
|
106
|
-
max-height: ${Menu_styles_1.menuItemHeight[Combobox_types_1.ComboboxSize.Default]}px;
|
|
107
|
-
}
|
|
108
|
-
`,
|
|
109
|
-
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
110
|
-
font-size: ${tokens_1.typeScales.body2.fontSize}px;
|
|
111
|
-
line-height: ${tokens_1.typeScales.body2.lineHeight}px;
|
|
112
|
-
min-height: ${Menu_styles_1.menuItemHeight[Combobox_types_1.ComboboxSize.Large]}px;
|
|
113
|
-
padding: ${Menu_styles_1.menuItemPadding[Combobox_types_1.ComboboxSize.Large].y}px
|
|
114
|
-
${Menu_styles_1.menuItemPadding[Combobox_types_1.ComboboxSize.Large].x}px;
|
|
115
|
-
gap: ${tokens_1.spacing[2]}px;
|
|
116
|
-
|
|
117
|
-
&:before {
|
|
118
|
-
max-height: ${Menu_styles_1.menuItemHeight[Combobox_types_1.ComboboxSize.Large]}px;
|
|
119
|
-
}
|
|
120
|
-
`,
|
|
121
|
-
};
|
|
122
|
-
const _comboboxOptionBaseActiveStyle = (0, emotion_1.css) `
|
|
123
|
-
outline: none;
|
|
124
|
-
|
|
125
|
-
&:before {
|
|
126
|
-
transform: scaleY(1);
|
|
127
|
-
}
|
|
128
|
-
`;
|
|
129
|
-
const comboboxOptionActiveStyle = {
|
|
130
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
131
|
-
${_comboboxOptionBaseActiveStyle};
|
|
132
|
-
background-color: ${palette_1.palette.blue.light3};
|
|
133
|
-
|
|
134
|
-
&:before {
|
|
135
|
-
background-color: ${palette_1.palette.blue.base};
|
|
136
|
-
}
|
|
137
|
-
`,
|
|
138
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
139
|
-
${_comboboxOptionBaseActiveStyle};
|
|
140
|
-
background-color: ${palette_1.palette.blue.dark3};
|
|
141
|
-
|
|
142
|
-
&:before {
|
|
143
|
-
background-color: ${palette_1.palette.blue.light1};
|
|
144
|
-
}
|
|
145
|
-
`,
|
|
146
|
-
};
|
|
147
|
-
const _comboboxOptionBaseDisabledStyle = (0, emotion_1.css) `
|
|
148
|
-
cursor: not-allowed;
|
|
149
|
-
|
|
150
|
-
&:hover {
|
|
151
|
-
background-color: inherit;
|
|
152
|
-
}
|
|
153
|
-
|
|
154
|
-
&:before {
|
|
155
|
-
content: unset;
|
|
156
|
-
}
|
|
157
|
-
`;
|
|
158
|
-
const comboboxOptionDisabledStyle = {
|
|
159
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
160
|
-
${_comboboxOptionBaseDisabledStyle};
|
|
161
|
-
color: ${palette_1.palette.gray.light1};
|
|
162
|
-
`,
|
|
163
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
164
|
-
${_comboboxOptionBaseDisabledStyle};
|
|
165
|
-
color: ${palette_1.palette.gray.dark1};
|
|
166
|
-
`,
|
|
167
|
-
};
|
|
168
|
-
const checkIconStyle = {
|
|
169
|
-
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
170
|
-
min-width: ${tokens_1.spacing[3]}px;
|
|
171
|
-
`,
|
|
172
|
-
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
173
|
-
min-width: ${tokens_1.spacing[4]}px;
|
|
174
|
-
`,
|
|
175
|
-
};
|
|
176
|
-
const flexSpan = (0, emotion_1.css) `
|
|
177
|
-
display: inline-flex;
|
|
178
|
-
gap: 8px;
|
|
179
|
-
justify-content: start;
|
|
180
|
-
align-items: inherit;
|
|
181
|
-
overflow-wrap: anywhere;
|
|
182
|
-
`;
|
|
183
|
-
const disallowPointer = (0, emotion_1.css) `
|
|
184
|
-
pointer-events: none;
|
|
185
|
-
`;
|
|
186
|
-
const displayNameStyle = (isSelected) => (0, emotion_1.css) `
|
|
187
|
-
font-weight: ${isSelected ? 'bold' : 'normal'};
|
|
188
|
-
`;
|
|
189
|
-
/**
|
|
190
|
-
* Component
|
|
191
|
-
*/
|
|
192
|
-
const InternalComboboxOption = react_1.default.forwardRef(({ displayName, glyph, isSelected, isFocused, disabled, setSelected, className, description, }, forwardedRef) => {
|
|
193
|
-
const { multiselect, darkMode, theme, withIcons, inputValue, size, searchInputSize, } = (0, react_1.useContext)(ComboboxContext_1.ComboboxContext);
|
|
194
|
-
const optionTextId = (0, hooks_1.useIdAllocator)({ prefix: 'combobox-option-text' });
|
|
195
|
-
const optionRef = (0, hooks_1.useForwardedRef)(forwardedRef, null);
|
|
196
|
-
const handleOptionClick = (0, react_1.useCallback)((e) => {
|
|
197
|
-
// stopPropagation will not stop the keyDown event (only click)
|
|
198
|
-
// since the option is never `focused`, only `aria-selected`
|
|
199
|
-
// the keyDown event does not actually fire on the option element
|
|
200
|
-
e.stopPropagation();
|
|
201
|
-
if (!disabled) {
|
|
202
|
-
setSelected();
|
|
203
|
-
}
|
|
204
|
-
}, [disabled, optionRef, setSelected]);
|
|
205
|
-
const renderedIcon = (0, react_1.useMemo)(() => {
|
|
206
|
-
if (glyph) {
|
|
207
|
-
if ((0, icon_1.isComponentGlyph)(glyph)) {
|
|
208
|
-
return glyph;
|
|
209
|
-
}
|
|
210
|
-
// eslint-disable-next-line no-console
|
|
211
|
-
console.error('`ComboboxOption` instance did not render icon because it is not a known glyph element.', glyph);
|
|
212
|
-
}
|
|
213
|
-
}, [glyph]);
|
|
214
|
-
const renderedChildren = (0, react_1.useMemo)(() => {
|
|
215
|
-
// Multiselect
|
|
216
|
-
if (multiselect) {
|
|
217
|
-
const checkbox = (react_1.default.createElement(checkbox_1.default, { "aria-labelledby": optionTextId, checked: isSelected, tabIndex: -1, disabled: disabled, darkMode: darkMode, className: (0, emotion_1.css) `
|
|
218
|
-
// TODO: Remove when this is resolved:
|
|
219
|
-
// https://jira.mongodb.org/browse/PD-2171
|
|
220
|
-
& > label > div {
|
|
221
|
-
margin-top: 0;
|
|
222
|
-
}
|
|
223
|
-
` }));
|
|
224
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
225
|
-
react_1.default.createElement("span", { className: optionNameStyles(searchInputSize) },
|
|
226
|
-
react_1.default.createElement("span", { className: (0, emotion_1.cx)(flexSpan, disallowPointer) },
|
|
227
|
-
withIcons ? renderedIcon : checkbox,
|
|
228
|
-
react_1.default.createElement("span", { id: optionTextId, className: displayNameStyle(isSelected) }, (0, utils_1.wrapJSX)(displayName, inputValue, 'strong'))),
|
|
229
|
-
withIcons && checkbox),
|
|
230
|
-
description && react_1.default.createElement("span", null, description)));
|
|
231
|
-
}
|
|
232
|
-
// Single select
|
|
233
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
234
|
-
react_1.default.createElement("span", { className: optionNameStyles(searchInputSize) },
|
|
235
|
-
react_1.default.createElement("span", { className: (0, emotion_1.cx)(flexSpan, disallowPointer) },
|
|
236
|
-
renderedIcon,
|
|
237
|
-
react_1.default.createElement("span", { className: displayNameStyle(isSelected) }, (0, utils_1.wrapJSX)(displayName, inputValue, 'strong'))),
|
|
238
|
-
isSelected && (react_1.default.createElement(icon_1.default, { glyph: "Checkmark", className: checkIconStyle[size], color: darkMode ? palette_1.palette.blue.light1 : palette_1.palette.blue.base }))),
|
|
239
|
-
description && react_1.default.createElement("span", null, description)));
|
|
240
|
-
}, [
|
|
241
|
-
multiselect,
|
|
242
|
-
renderedIcon,
|
|
243
|
-
isSelected,
|
|
244
|
-
displayName,
|
|
245
|
-
inputValue,
|
|
246
|
-
size,
|
|
247
|
-
darkMode,
|
|
248
|
-
optionTextId,
|
|
249
|
-
disabled,
|
|
250
|
-
withIcons,
|
|
251
|
-
]);
|
|
252
|
-
return (react_1.default.createElement("li", { ref: optionRef, role: "option", "aria-selected": isFocused, "aria-label": displayName, tabIndex: -1, className: (0, emotion_1.cx)(comboboxOptionBaseStyle, comboboxOptionSizeStyle[size], comboboxOptionThemeStyle[theme], {
|
|
253
|
-
[comboboxOptionActiveStyle[theme]]: isFocused,
|
|
254
|
-
[comboboxOptionDisabledStyle[theme]]: disabled,
|
|
255
|
-
}, className), onClick: handleOptionClick, onKeyDown: handleOptionClick }, renderedChildren));
|
|
256
|
-
});
|
|
257
|
-
exports.InternalComboboxOption = InternalComboboxOption;
|
|
258
|
-
InternalComboboxOption.displayName = 'ComboboxOption';
|
|
259
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
260
|
-
function ComboboxOption(_) {
|
|
261
|
-
throw Error('`ComboboxOption` must be a child of a `Combobox` instance');
|
|
262
|
-
}
|
|
263
|
-
exports.ComboboxOption = ComboboxOption;
|
|
264
|
-
ComboboxOption.displayName = 'ComboboxOption';
|
|
265
|
-
ComboboxOption.propTypes = {
|
|
266
|
-
displayName: prop_types_1.default.string,
|
|
267
|
-
value: prop_types_1.default.string,
|
|
268
|
-
glyph: prop_types_1.default.node,
|
|
269
|
-
disabled: prop_types_1.default.bool,
|
|
270
|
-
className: prop_types_1.default.string,
|
|
271
|
-
};
|
|
272
|
-
//# sourceMappingURL=ComboboxOption.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxOption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Theme } from '@leafygreen-ui/lib';
|
|
2
|
-
import { ComboboxSize } from './Combobox.types';
|
|
3
|
-
/** Height of a menu item (in px) */
|
|
4
|
-
export declare const menuItemHeight = 36;
|
|
5
|
-
export declare const menuItemPadding: Record<ComboboxSize, {
|
|
6
|
-
x: number;
|
|
7
|
-
y: number;
|
|
8
|
-
}>;
|
|
9
|
-
/**
|
|
10
|
-
* Menu styles
|
|
11
|
-
*/
|
|
12
|
-
export declare const popoverStyle: (width?: number) => string;
|
|
13
|
-
export declare const popoverThemeStyle: Record<Theme, string>;
|
|
14
|
-
export declare const menuBaseStyle: string;
|
|
15
|
-
export declare const menuThemeStyle: Record<Theme, string>;
|
|
16
|
-
export declare const menuList: string;
|
|
17
|
-
export declare const menuMessageBaseStyle: string;
|
|
18
|
-
export declare const menuMessageThemeStyle: Record<Theme, string>;
|
|
19
|
-
export declare const menuMessageSizeStyle: Record<ComboboxSize, string>;
|
|
20
|
-
export declare const menuMessageIconSizeStyle: Record<ComboboxSize, string>;
|
|
21
|
-
export declare const loadingIconStyle: string;
|
|
22
|
-
//# sourceMappingURL=Menu.styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Menu.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,oCAAoC;AACpC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAG1E,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,4BAIxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAKnD,CAAC;AAEF,eAAO,MAAM,aAAa,QAUzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAMhD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAKvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAe7D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CASjE,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.loadingIconStyle = exports.menuMessageIconSizeStyle = exports.menuMessageSizeStyle = exports.menuMessageThemeStyle = exports.menuMessageBaseStyle = exports.menuList = exports.menuThemeStyle = exports.menuBaseStyle = exports.popoverThemeStyle = exports.popoverStyle = exports.menuItemPadding = exports.menuItemHeight = void 0;
|
|
4
|
-
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
5
|
-
const lib_1 = require("@leafygreen-ui/lib");
|
|
6
|
-
const palette_1 = require("@leafygreen-ui/palette");
|
|
7
|
-
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
8
|
-
const Combobox_types_1 = require("./Combobox.types");
|
|
9
|
-
/** Height of a menu item (in px) */
|
|
10
|
-
exports.menuItemHeight = 36;
|
|
11
|
-
exports.menuItemPadding = {
|
|
12
|
-
[Combobox_types_1.ComboboxSize.Default]: { x: 12, y: 8 },
|
|
13
|
-
[Combobox_types_1.ComboboxSize.Large]: { x: 12, y: 8 },
|
|
14
|
-
};
|
|
15
|
-
/**
|
|
16
|
-
* Menu styles
|
|
17
|
-
*/
|
|
18
|
-
const popoverStyle = (width = 384) => (0, emotion_1.css) `
|
|
19
|
-
border-radius: 4px;
|
|
20
|
-
width: ${width}px;
|
|
21
|
-
overflow: hidden;
|
|
22
|
-
`;
|
|
23
|
-
exports.popoverStyle = popoverStyle;
|
|
24
|
-
exports.popoverThemeStyle = {
|
|
25
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
26
|
-
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
|
|
27
|
-
`,
|
|
28
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) ``, // TODO: DarkMode
|
|
29
|
-
};
|
|
30
|
-
exports.menuBaseStyle = (0, emotion_1.css) `
|
|
31
|
-
position: relative;
|
|
32
|
-
width: 100%;
|
|
33
|
-
margin: 0;
|
|
34
|
-
padding: 0;
|
|
35
|
-
font-family: ${tokens_1.fontFamilies.default};
|
|
36
|
-
border-radius: inherit;
|
|
37
|
-
overflow-y: auto;
|
|
38
|
-
scroll-behavior: smooth;
|
|
39
|
-
min-height: ${exports.menuItemHeight}px;
|
|
40
|
-
`;
|
|
41
|
-
exports.menuThemeStyle = {
|
|
42
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
43
|
-
color: ${palette_1.palette.gray.dark3};
|
|
44
|
-
background-color: ${palette_1.palette.white};
|
|
45
|
-
`,
|
|
46
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) ``, // TODO: DarkMode
|
|
47
|
-
};
|
|
48
|
-
exports.menuList = (0, emotion_1.css) `
|
|
49
|
-
position: relative;
|
|
50
|
-
margin: 0;
|
|
51
|
-
padding: 0;
|
|
52
|
-
`;
|
|
53
|
-
exports.menuMessageBaseStyle = (0, emotion_1.css) `
|
|
54
|
-
font-family: inherit;
|
|
55
|
-
display: inline-flex;
|
|
56
|
-
align-items: center;
|
|
57
|
-
gap: 8px;
|
|
58
|
-
`;
|
|
59
|
-
exports.menuMessageThemeStyle = {
|
|
60
|
-
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
61
|
-
${palette_1.palette.gray.dark1}
|
|
62
|
-
`,
|
|
63
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) ``, // TODO: DarkMode
|
|
64
|
-
};
|
|
65
|
-
exports.menuMessageSizeStyle = {
|
|
66
|
-
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
67
|
-
font-size: ${tokens_1.typeScales.body1.fontSize +
|
|
68
|
-
1}px; // TODO: update this @ redesign
|
|
69
|
-
line-height: ${tokens_1.typeScales.body1.lineHeight +
|
|
70
|
-
1}px; // TODO: update this @ redesign
|
|
71
|
-
padding: ${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Default].y}px
|
|
72
|
-
${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Default].x}px;
|
|
73
|
-
`,
|
|
74
|
-
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
75
|
-
font-size: ${tokens_1.typeScales.body2.fontSize}px;
|
|
76
|
-
line-height: ${tokens_1.typeScales.body2.lineHeight}px;
|
|
77
|
-
padding: ${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Large].y}px
|
|
78
|
-
${exports.menuItemPadding[Combobox_types_1.ComboboxSize.Large].x}px;
|
|
79
|
-
`,
|
|
80
|
-
};
|
|
81
|
-
exports.menuMessageIconSizeStyle = {
|
|
82
|
-
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
83
|
-
height: ${tokens_1.typeScales.body1.fontSize + 1}px; // TODO: update this @ redesign
|
|
84
|
-
width: ${tokens_1.typeScales.body1.fontSize + 1}px; // TODO: update this @ redesign
|
|
85
|
-
`,
|
|
86
|
-
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
87
|
-
height: ${tokens_1.typeScales.body2.fontSize}px;
|
|
88
|
-
width: ${tokens_1.typeScales.body2.fontSize}px;
|
|
89
|
-
`,
|
|
90
|
-
};
|
|
91
|
-
const loadingIconAnimation = (0, emotion_1.keyframes) `
|
|
92
|
-
0% {
|
|
93
|
-
transform: rotate(0deg);
|
|
94
|
-
}
|
|
95
|
-
100% {
|
|
96
|
-
transform: rotate(360deg);
|
|
97
|
-
}
|
|
98
|
-
`;
|
|
99
|
-
exports.loadingIconStyle = (0, emotion_1.css) `
|
|
100
|
-
animation: ${loadingIconAnimation} 1.5s linear infinite;
|
|
101
|
-
`;
|
|
102
|
-
//# sourceMappingURL=Menu.styles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.js","sourceRoot":"","sources":["../../../src/components/combobox/Menu.styles.ts"],"names":[],"mappings":";;;AAAA,oDAAwD;AACxD,4CAA2C;AAC3C,oDAAiD;AACjD,kDAAiE;AAEjE,qDAAgD;AAEhD,oCAAoC;AACvB,QAAA,cAAc,GAAG,EAAE,CAAC;AAEpB,QAAA,eAAe,GAAmD;IAC7E,CAAC,6BAAY,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;IACvC,CAAC,6BAAY,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;CACtC,CAAC;AAEF;;GAEG;AAEI,MAAM,YAAY,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;;WAErC,KAAK;;CAEf,CAAC;AAJW,QAAA,YAAY,gBAIvB;AAEW,QAAA,iBAAiB,GAA0B;IACtD,CAAC,WAAK,CAAC,KAAK,CAAC,EAAE,IAAA,aAAG,EAAA;;GAEjB;IACD,CAAC,WAAK,CAAC,IAAI,CAAC,EAAE,IAAA,aAAG,EAAA,EAAE,EAAE,iBAAiB;CACvC,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,aAAG,EAAA;;;;;iBAKf,qBAAY,CAAC,OAAO;;;;gBAIrB,sBAAc;CAC7B,CAAC;AAEW,QAAA,cAAc,GAA0B;IACnD,CAAC,WAAK,CAAC,KAAK,CAAC,EAAE,IAAA,aAAG,EAAA;aACP,iBAAO,CAAC,IAAI,CAAC,KAAK;wBACP,iBAAO,CAAC,KAAK;GAClC;IACD,CAAC,WAAK,CAAC,IAAI,CAAC,EAAE,IAAA,aAAG,EAAA,EAAE,EAAE,iBAAiB;CACvC,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,aAAG,EAAA;;;;CAI1B,CAAC;AAEW,QAAA,oBAAoB,GAAG,IAAA,aAAG,EAAA;;;;;CAKtC,CAAC;AAEW,QAAA,qBAAqB,GAA0B;IAC1D,CAAC,WAAK,CAAC,KAAK,CAAC,EAAE,IAAA,aAAG,EAAA;MACd,iBAAO,CAAC,IAAI,CAAC,KAAK;GACrB;IACD,CAAC,WAAK,CAAC,IAAI,CAAC,EAAE,IAAA,aAAG,EAAA,EAAE,EAAE,iBAAiB;CACvC,CAAC;AAEW,QAAA,oBAAoB,GAAiC;IAChE,CAAC,6BAAY,CAAC,OAAO,CAAC,EAAE,IAAA,aAAG,EAAA;iBACZ,mBAAU,CAAC,KAAK,CAAC,QAAQ;QACtC,CAAC;mBACc,mBAAU,CAAC,KAAK,CAAC,UAAU;QAC1C,CAAC;eACU,uBAAe,CAAC,6BAAY,CAAC,OAAO,CAAC,CAAC,CAAC;QAC9C,uBAAe,CAAC,6BAAY,CAAC,OAAO,CAAC,CAAC,CAAC;GAC5C;IACD,CAAC,6BAAY,CAAC,KAAK,CAAC,EAAE,IAAA,aAAG,EAAA;iBACV,mBAAU,CAAC,KAAK,CAAC,QAAQ;mBACvB,mBAAU,CAAC,KAAK,CAAC,UAAU;eAC/B,uBAAe,CAAC,6BAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5C,uBAAe,CAAC,6BAAY,CAAC,KAAK,CAAC,CAAC,CAAC;GAC1C;CACF,CAAC;AAEW,QAAA,wBAAwB,GAAiC;IACpE,CAAC,6BAAY,CAAC,OAAO,CAAC,EAAE,IAAA,aAAG,EAAA;cACf,mBAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC;aAC9B,mBAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC;GACvC;IACD,CAAC,6BAAY,CAAC,KAAK,CAAC,EAAE,IAAA,aAAG,EAAA;cACb,mBAAU,CAAC,KAAK,CAAC,QAAQ;aAC1B,mBAAU,CAAC,KAAK,CAAC,QAAQ;GACnC;CACF,CAAC;AAEF,MAAM,oBAAoB,GAAG,IAAA,mBAAS,EAAA;;;;;;;CAOrC,CAAC;AAEW,QAAA,gBAAgB,GAAG,IAAA,aAAG,EAAA;eACpB,oBAAoB;CAClC,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { Combobox as UnwrappedCombobox } from './Combobox';
|
|
2
|
-
declare const Combobox: typeof UnwrappedCombobox;
|
|
3
|
-
export { Combobox };
|
|
4
|
-
export { default as ComboboxGroup } from './ComboboxGroup';
|
|
5
|
-
export { ComboboxOption } from './ComboboxOption';
|
|
6
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG3D,QAAA,MAAM,QAAQ,0BAEe,CAAC;AAE9B,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
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.ComboboxOption = exports.ComboboxGroup = exports.Combobox = void 0;
|
|
7
|
-
const Combobox_1 = require("./Combobox");
|
|
8
|
-
const use_stacked_component_1 = require("../../hooks/use-stacked-component");
|
|
9
|
-
const Combobox = (0, use_stacked_component_1.withStackedComponentPopoverStyles)(Combobox_1.Combobox);
|
|
10
|
-
exports.Combobox = Combobox;
|
|
11
|
-
var ComboboxGroup_1 = require("./ComboboxGroup");
|
|
12
|
-
Object.defineProperty(exports, "ComboboxGroup", { enumerable: true, get: function () { return __importDefault(ComboboxGroup_1).default; } });
|
|
13
|
-
var ComboboxOption_1 = require("./ComboboxOption");
|
|
14
|
-
Object.defineProperty(exports, "ComboboxOption", { enumerable: true, get: function () { return ComboboxOption_1.ComboboxOption; } });
|
|
15
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/combobox/index.ts"],"names":[],"mappings":";;;;;;AAAA,yCAA2D;AAC3D,6EAAsF;AAEtF,MAAM,QAAQ,GAAG,IAAA,yDAAiC,EAChD,mBAAwB,CACG,CAAC;AAErB,4BAAQ;AACjB,iDAA2D;AAAlD,+HAAA,OAAO,OAAiB;AACjC,mDAAkD;AAAzC,gHAAA,cAAc,OAAA"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { OptionObject } from '../Combobox.types';
|
|
2
|
-
/**
|
|
3
|
-
*
|
|
4
|
-
* @param value
|
|
5
|
-
* @param options
|
|
6
|
-
* @internal
|
|
7
|
-
*/
|
|
8
|
-
export declare const getOptionObjectFromValue: (value: string | null, options: Array<OptionObject>) => OptionObject | undefined;
|
|
9
|
-
/**
|
|
10
|
-
*
|
|
11
|
-
* @param value
|
|
12
|
-
* @param options
|
|
13
|
-
* @internal
|
|
14
|
-
*/
|
|
15
|
-
export declare const getDisplayNameForValue: (value: string | null, options: Array<OptionObject>) => string;
|
|
16
|
-
/**
|
|
17
|
-
*
|
|
18
|
-
* @param value
|
|
19
|
-
* @param options
|
|
20
|
-
* @internal
|
|
21
|
-
*/
|
|
22
|
-
export declare const getValueForDisplayName: (displayName: string | null, options: Array<OptionObject>) => string;
|
|
23
|
-
//# sourceMappingURL=OptionObjectUtils.d.ts.map
|