@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.
Files changed (169) hide show
  1. package/lib/components/actions/action-glyph.d.ts +11 -0
  2. package/lib/components/actions/action-glyph.d.ts.map +1 -0
  3. package/lib/components/actions/action-glyph.js +19 -0
  4. package/lib/components/actions/action-glyph.js.map +1 -0
  5. package/lib/components/actions/constants.d.ts +7 -0
  6. package/lib/components/actions/constants.d.ts.map +1 -0
  7. package/lib/components/actions/constants.js +9 -0
  8. package/lib/components/actions/constants.js.map +1 -0
  9. package/lib/components/actions/dropdown-menu-button.d.ts +19 -0
  10. package/lib/components/actions/dropdown-menu-button.d.ts.map +1 -0
  11. package/lib/components/actions/dropdown-menu-button.js +75 -0
  12. package/lib/components/actions/dropdown-menu-button.js.map +1 -0
  13. package/lib/components/actions/item-action-button.d.ts +4 -0
  14. package/lib/components/actions/item-action-button.d.ts.map +1 -0
  15. package/lib/components/actions/item-action-button.js +22 -0
  16. package/lib/components/actions/item-action-button.js.map +1 -0
  17. package/lib/components/actions/item-action-controls.d.ts +20 -0
  18. package/lib/components/actions/item-action-controls.d.ts.map +1 -0
  19. package/lib/components/actions/item-action-controls.js +85 -0
  20. package/lib/components/actions/item-action-controls.js.map +1 -0
  21. package/lib/components/actions/item-action-group.d.ts +19 -0
  22. package/lib/components/actions/item-action-group.d.ts.map +1 -0
  23. package/lib/components/actions/item-action-group.js +69 -0
  24. package/lib/components/actions/item-action-group.js.map +1 -0
  25. package/lib/components/actions/item-action-menu.d.ts +20 -0
  26. package/lib/components/actions/item-action-menu.d.ts.map +1 -0
  27. package/lib/components/actions/item-action-menu.js +89 -0
  28. package/lib/components/actions/item-action-menu.js.map +1 -0
  29. package/lib/components/actions/small-icon-button.d.ts +11 -0
  30. package/lib/components/actions/small-icon-button.d.ts.map +1 -0
  31. package/lib/components/actions/small-icon-button.js +66 -0
  32. package/lib/components/actions/small-icon-button.js.map +1 -0
  33. package/lib/components/actions/types.d.ts +32 -0
  34. package/lib/components/actions/types.d.ts.map +1 -0
  35. package/lib/components/actions/types.js +3 -0
  36. package/lib/components/actions/types.js.map +1 -0
  37. package/lib/components/actions/utils.d.ts +2 -0
  38. package/lib/components/actions/utils.d.ts.map +1 -0
  39. package/lib/components/actions/utils.js +8 -0
  40. package/lib/components/actions/utils.js.map +1 -0
  41. package/lib/components/combobox-with-custom-option.d.ts +1 -1
  42. package/lib/components/combobox-with-custom-option.d.ts.map +1 -1
  43. package/lib/components/combobox-with-custom-option.js +3 -3
  44. package/lib/components/combobox-with-custom-option.js.map +1 -1
  45. package/lib/components/document-list/element-actions.d.ts.map +1 -1
  46. package/lib/components/document-list/element-actions.js +1 -1
  47. package/lib/components/document-list/element-actions.js.map +1 -1
  48. package/lib/components/document-list/element-editors.d.ts.map +1 -1
  49. package/lib/components/document-list/element-editors.js +12 -5
  50. package/lib/components/document-list/element-editors.js.map +1 -1
  51. package/lib/components/document-list/element.d.ts.map +1 -1
  52. package/lib/components/document-list/element.js +10 -3
  53. package/lib/components/document-list/element.js.map +1 -1
  54. package/lib/components/feedback-popover.d.ts +2 -5
  55. package/lib/components/feedback-popover.d.ts.map +1 -1
  56. package/lib/components/feedback-popover.js +1 -5
  57. package/lib/components/feedback-popover.js.map +1 -1
  58. package/lib/components/file-input.js +3 -3
  59. package/lib/components/file-input.js.map +1 -1
  60. package/lib/components/guide-cue/guide-cue.d.ts +1 -2
  61. package/lib/components/guide-cue/guide-cue.d.ts.map +1 -1
  62. package/lib/components/guide-cue/guide-cue.js +1 -3
  63. package/lib/components/guide-cue/guide-cue.js.map +1 -1
  64. package/lib/components/interactive-popover.d.ts +4 -4
  65. package/lib/components/interactive-popover.d.ts.map +1 -1
  66. package/lib/components/interactive-popover.js +1 -1
  67. package/lib/components/interactive-popover.js.map +1 -1
  68. package/lib/components/leafygreen.d.ts +4 -54
  69. package/lib/components/leafygreen.d.ts.map +1 -1
  70. package/lib/components/leafygreen.js +7 -6
  71. package/lib/components/leafygreen.js.map +1 -1
  72. package/lib/components/links/link.d.ts +7 -7
  73. package/lib/components/tab-nav-bar.d.ts.map +1 -1
  74. package/lib/components/tab-nav-bar.js +8 -1
  75. package/lib/components/tab-nav-bar.js.map +1 -1
  76. package/lib/components/virtual-list.d.ts +3 -5
  77. package/lib/components/virtual-list.d.ts.map +1 -1
  78. package/lib/components/virtual-list.js +2 -2
  79. package/lib/components/virtual-list.js.map +1 -1
  80. package/lib/components/workspace-tabs/tab.d.ts +2 -3
  81. package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
  82. package/lib/components/workspace-tabs/tab.js.map +1 -1
  83. package/lib/components/workspace-tabs/workspace-tabs.d.ts +2 -2
  84. package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
  85. package/lib/hooks/use-confirmation.d.ts +0 -1
  86. package/lib/hooks/use-confirmation.d.ts.map +1 -1
  87. package/lib/hooks/use-confirmation.js +0 -1
  88. package/lib/hooks/use-confirmation.js.map +1 -1
  89. package/lib/hooks/use-stacked-component.d.ts +1 -6
  90. package/lib/hooks/use-stacked-component.d.ts.map +1 -1
  91. package/lib/hooks/use-stacked-component.js +9 -28
  92. package/lib/hooks/use-stacked-component.js.map +1 -1
  93. package/lib/hooks/use-virtual-list-item-observer.d.ts +2 -4
  94. package/lib/hooks/use-virtual-list-item-observer.d.ts.map +1 -1
  95. package/lib/hooks/use-virtual-list-item-observer.js +1 -1
  96. package/lib/hooks/use-virtual-list-item-observer.js.map +1 -1
  97. package/lib/index.d.ts +9 -6
  98. package/lib/index.d.ts.map +1 -1
  99. package/lib/index.js +8 -9
  100. package/lib/index.js.map +1 -1
  101. package/package.json +47 -49
  102. package/lib/components/combobox/Chip.d.ts +0 -4
  103. package/lib/components/combobox/Chip.d.ts.map +0 -1
  104. package/lib/components/combobox/Chip.js +0 -230
  105. package/lib/components/combobox/Chip.js.map +0 -1
  106. package/lib/components/combobox/Combobox.d.ts +0 -48
  107. package/lib/components/combobox/Combobox.d.ts.map +0 -1
  108. package/lib/components/combobox/Combobox.js +0 -1029
  109. package/lib/components/combobox/Combobox.js.map +0 -1
  110. package/lib/components/combobox/Combobox.styles.d.ts +0 -53
  111. package/lib/components/combobox/Combobox.styles.d.ts.map +0 -1
  112. package/lib/components/combobox/Combobox.styles.js +0 -294
  113. package/lib/components/combobox/Combobox.styles.js.map +0 -1
  114. package/lib/components/combobox/Combobox.types.d.ts +0 -295
  115. package/lib/components/combobox/Combobox.types.d.ts.map +0 -1
  116. package/lib/components/combobox/Combobox.types.js +0 -66
  117. package/lib/components/combobox/Combobox.types.js.map +0 -1
  118. package/lib/components/combobox/ComboboxContext.d.ts +0 -21
  119. package/lib/components/combobox/ComboboxContext.d.ts.map +0 -1
  120. package/lib/components/combobox/ComboboxContext.js +0 -19
  121. package/lib/components/combobox/ComboboxContext.js.map +0 -1
  122. package/lib/components/combobox/ComboboxGroup.d.ts +0 -15
  123. package/lib/components/combobox/ComboboxGroup.d.ts.map +0 -1
  124. package/lib/components/combobox/ComboboxGroup.js +0 -84
  125. package/lib/components/combobox/ComboboxGroup.js.map +0 -1
  126. package/lib/components/combobox/ComboboxMenu/ComboboxMenu.d.ts +0 -9
  127. package/lib/components/combobox/ComboboxMenu/ComboboxMenu.d.ts.map +0 -1
  128. package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js +0 -91
  129. package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js.map +0 -1
  130. package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts +0 -26
  131. package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts.map +0 -1
  132. package/lib/components/combobox/ComboboxMenu/Menu.styles.js +0 -119
  133. package/lib/components/combobox/ComboboxMenu/Menu.styles.js.map +0 -1
  134. package/lib/components/combobox/ComboboxOption.d.ts +0 -20
  135. package/lib/components/combobox/ComboboxOption.d.ts.map +0 -1
  136. package/lib/components/combobox/ComboboxOption.js +0 -272
  137. package/lib/components/combobox/ComboboxOption.js.map +0 -1
  138. package/lib/components/combobox/Menu.styles.d.ts +0 -22
  139. package/lib/components/combobox/Menu.styles.d.ts.map +0 -1
  140. package/lib/components/combobox/Menu.styles.js +0 -102
  141. package/lib/components/combobox/Menu.styles.js.map +0 -1
  142. package/lib/components/combobox/index.d.ts +0 -6
  143. package/lib/components/combobox/index.d.ts.map +0 -1
  144. package/lib/components/combobox/index.js +0 -15
  145. package/lib/components/combobox/index.js.map +0 -1
  146. package/lib/components/combobox/utils/OptionObjectUtils.d.ts +0 -23
  147. package/lib/components/combobox/utils/OptionObjectUtils.d.ts.map +0 -1
  148. package/lib/components/combobox/utils/OptionObjectUtils.js +0 -40
  149. package/lib/components/combobox/utils/OptionObjectUtils.js.map +0 -1
  150. package/lib/components/combobox/utils/flattenChildren.d.ts +0 -12
  151. package/lib/components/combobox/utils/flattenChildren.d.ts.map +0 -1
  152. package/lib/components/combobox/utils/flattenChildren.js +0 -47
  153. package/lib/components/combobox/utils/flattenChildren.js.map +0 -1
  154. package/lib/components/combobox/utils/getNameAndValue.d.ts +0 -15
  155. package/lib/components/combobox/utils/getNameAndValue.d.ts.map +0 -1
  156. package/lib/components/combobox/utils/getNameAndValue.js +0 -24
  157. package/lib/components/combobox/utils/getNameAndValue.js.map +0 -1
  158. package/lib/components/combobox/utils/index.d.ts +0 -5
  159. package/lib/components/combobox/utils/index.d.ts.map +0 -1
  160. package/lib/components/combobox/utils/index.js +0 -14
  161. package/lib/components/combobox/utils/index.js.map +0 -1
  162. package/lib/components/combobox/utils/wrapJSX.d.ts +0 -15
  163. package/lib/components/combobox/utils/wrapJSX.d.ts.map +0 -1
  164. package/lib/components/combobox/utils/wrapJSX.js +0 -53
  165. package/lib/components/combobox/utils/wrapJSX.js.map +0 -1
  166. package/lib/components/item-action-controls.d.ts +0 -87
  167. package/lib/components/item-action-controls.d.ts.map +0 -1
  168. package/lib/components/item-action-controls.js +0 -239
  169. 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