@mongodb-js/compass-components 0.17.0 → 1.1.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.
Files changed (151) hide show
  1. package/lib/components/accordion.d.ts +1 -2
  2. package/lib/components/accordion.d.ts.map +1 -1
  3. package/lib/components/accordion.js +11 -7
  4. package/lib/components/accordion.js.map +1 -1
  5. package/lib/components/bson-value.d.ts.map +1 -1
  6. package/lib/components/bson-value.js +12 -2
  7. package/lib/components/bson-value.js.map +1 -1
  8. package/lib/components/collapsible-field-set.d.ts +15 -0
  9. package/lib/components/collapsible-field-set.d.ts.map +1 -0
  10. package/lib/components/collapsible-field-set.js +39 -0
  11. package/lib/components/collapsible-field-set.js.map +1 -0
  12. package/lib/components/document-list/document-actions-group.d.ts.map +1 -1
  13. package/lib/components/document-list/document-actions-group.js +3 -2
  14. package/lib/components/document-list/document-actions-group.js.map +1 -1
  15. package/lib/components/document-list/document-edit-actions-footer.d.ts.map +1 -1
  16. package/lib/components/document-list/document-edit-actions-footer.js +22 -20
  17. package/lib/components/document-list/document-edit-actions-footer.js.map +1 -1
  18. package/lib/components/document-list/element-actions.d.ts.map +1 -1
  19. package/lib/components/document-list/element-actions.js +14 -12
  20. package/lib/components/document-list/element-actions.js.map +1 -1
  21. package/lib/components/document-list/element.d.ts.map +1 -1
  22. package/lib/components/document-list/element.js +42 -40
  23. package/lib/components/document-list/element.js.map +1 -1
  24. package/lib/components/editor.d.ts +2 -1
  25. package/lib/components/editor.d.ts.map +1 -1
  26. package/lib/components/editor.js +34 -5
  27. package/lib/components/editor.js.map +1 -1
  28. package/lib/components/error-boundary.d.ts +1 -0
  29. package/lib/components/error-boundary.d.ts.map +1 -1
  30. package/lib/components/error-boundary.js +2 -2
  31. package/lib/components/error-boundary.js.map +1 -1
  32. package/lib/components/file-input.d.ts +1 -0
  33. package/lib/components/file-input.d.ts.map +1 -1
  34. package/lib/components/file-input.js +18 -9
  35. package/lib/components/file-input.js.map +1 -1
  36. package/lib/components/icons/favorite-icon.d.ts +8 -7
  37. package/lib/components/icons/favorite-icon.d.ts.map +1 -1
  38. package/lib/components/icons/favorite-icon.js +3 -1
  39. package/lib/components/icons/favorite-icon.js.map +1 -1
  40. package/lib/components/index-icon.d.ts +7 -0
  41. package/lib/components/index-icon.d.ts.map +1 -0
  42. package/lib/components/index-icon.js +15 -0
  43. package/lib/components/index-icon.js.map +1 -0
  44. package/lib/components/interactive-popover.d.ts +17 -0
  45. package/lib/components/interactive-popover.d.ts.map +1 -0
  46. package/lib/components/interactive-popover.js +132 -0
  47. package/lib/components/interactive-popover.js.map +1 -0
  48. package/lib/components/item-action-controls.d.ts +48 -0
  49. package/lib/components/item-action-controls.d.ts.map +1 -0
  50. package/lib/components/item-action-controls.js +118 -0
  51. package/lib/components/item-action-controls.js.map +1 -0
  52. package/lib/components/leafy-green/combobox/chip.d.ts +4 -0
  53. package/lib/components/leafy-green/combobox/chip.d.ts.map +1 -0
  54. package/lib/components/leafy-green/combobox/chip.js +182 -0
  55. package/lib/components/leafy-green/combobox/chip.js.map +1 -0
  56. package/lib/components/leafy-green/combobox/combobox-context.d.ts +15 -0
  57. package/lib/components/leafy-green/combobox/combobox-context.d.ts.map +1 -0
  58. package/lib/components/leafy-green/combobox/combobox-context.js +12 -0
  59. package/lib/components/leafy-green/combobox/combobox-context.js.map +1 -0
  60. package/lib/components/leafy-green/combobox/combobox-group.d.ts +9 -0
  61. package/lib/components/leafy-green/combobox/combobox-group.d.ts.map +1 -0
  62. package/lib/components/leafy-green/combobox/combobox-group.js +69 -0
  63. package/lib/components/leafy-green/combobox/combobox-group.js.map +1 -0
  64. package/lib/components/leafy-green/combobox/combobox-option.d.ts +10 -0
  65. package/lib/components/leafy-green/combobox/combobox-option.d.ts.map +1 -0
  66. package/lib/components/leafy-green/combobox/combobox-option.js +142 -0
  67. package/lib/components/leafy-green/combobox/combobox-option.js.map +1 -0
  68. package/lib/components/leafy-green/combobox/combobox-types.d.ts +94 -0
  69. package/lib/components/leafy-green/combobox/combobox-types.d.ts.map +1 -0
  70. package/lib/components/leafy-green/combobox/combobox-types.js +36 -0
  71. package/lib/components/leafy-green/combobox/combobox-types.js.map +1 -0
  72. package/lib/components/leafy-green/combobox/combobox.d.ts +4 -0
  73. package/lib/components/leafy-green/combobox/combobox.d.ts.map +1 -0
  74. package/lib/components/leafy-green/combobox/combobox.js +725 -0
  75. package/lib/components/leafy-green/combobox/combobox.js.map +1 -0
  76. package/lib/components/leafy-green/combobox/combobox.styles.d.ts +39 -0
  77. package/lib/components/leafy-green/combobox/combobox.styles.d.ts.map +1 -0
  78. package/lib/components/leafy-green/combobox/combobox.styles.js +299 -0
  79. package/lib/components/leafy-green/combobox/combobox.styles.js.map +1 -0
  80. package/lib/components/leafy-green/combobox/index.d.ts +4 -0
  81. package/lib/components/leafy-green/combobox/index.d.ts.map +1 -0
  82. package/lib/components/leafy-green/combobox/index.js +13 -0
  83. package/lib/components/leafy-green/combobox/index.js.map +1 -0
  84. package/lib/components/leafy-green/combobox/util.d.ts +27 -0
  85. package/lib/components/leafy-green/combobox/util.d.ts.map +1 -0
  86. package/lib/components/leafy-green/combobox/util.js +65 -0
  87. package/lib/components/leafy-green/combobox/util.js.map +1 -0
  88. package/lib/components/leafygreen.d.ts +22 -6
  89. package/lib/components/leafygreen.d.ts.map +1 -1
  90. package/lib/components/leafygreen.js +25 -15
  91. package/lib/components/leafygreen.js.map +1 -1
  92. package/lib/components/modal-title.d.ts +1 -1
  93. package/lib/components/modal-title.d.ts.map +1 -1
  94. package/lib/components/modal-title.js.map +1 -1
  95. package/lib/components/more-options-toggle.d.ts.map +1 -1
  96. package/lib/components/more-options-toggle.js +1 -1
  97. package/lib/components/more-options-toggle.js.map +1 -1
  98. package/lib/components/placeholder.d.ts +5 -4
  99. package/lib/components/placeholder.d.ts.map +1 -1
  100. package/lib/components/placeholder.js +7 -5
  101. package/lib/components/placeholder.js.map +1 -1
  102. package/lib/components/resizeable-sidebar.d.ts +13 -0
  103. package/lib/components/resizeable-sidebar.d.ts.map +1 -0
  104. package/lib/components/resizeable-sidebar.js +109 -0
  105. package/lib/components/resizeable-sidebar.js.map +1 -0
  106. package/lib/components/spin-loader.d.ts +2 -1
  107. package/lib/components/spin-loader.d.ts.map +1 -1
  108. package/lib/components/spin-loader.js +2 -2
  109. package/lib/components/spin-loader.js.map +1 -1
  110. package/lib/components/tab-nav-bar.d.ts +1 -1
  111. package/lib/components/tab-nav-bar.d.ts.map +1 -1
  112. package/lib/components/tab-nav-bar.js +3 -3
  113. package/lib/components/tab-nav-bar.js.map +1 -1
  114. package/lib/components/tooltip.d.ts +2 -2
  115. package/lib/components/tooltip.d.ts.map +1 -1
  116. package/lib/components/tooltip.js +13 -4
  117. package/lib/components/tooltip.js.map +1 -1
  118. package/lib/components/virtual-grid.d.ts +1 -1
  119. package/lib/components/workspace-container.d.ts +1 -1
  120. package/lib/components/workspace-container.d.ts.map +1 -1
  121. package/lib/components/workspace-container.js +2 -2
  122. package/lib/components/workspace-container.js.map +1 -1
  123. package/lib/components/workspace-tabs/tab.js +3 -3
  124. package/lib/components/workspace-tabs/tab.js.map +1 -1
  125. package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
  126. package/lib/components/workspace-tabs/workspace-tabs.js +0 -1
  127. package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
  128. package/lib/constants/mongodb-ace-theme-query.d.ts +1 -2
  129. package/lib/constants/mongodb-ace-theme-query.d.ts.map +1 -1
  130. package/lib/constants/mongodb-ace-theme-query.js +4 -116
  131. package/lib/constants/mongodb-ace-theme-query.js.map +1 -1
  132. package/lib/hooks/use-focus-ring.d.ts +9 -4
  133. package/lib/hooks/use-focus-ring.d.ts.map +1 -1
  134. package/lib/hooks/use-focus-ring.js +48 -10
  135. package/lib/hooks/use-focus-ring.js.map +1 -1
  136. package/lib/hooks/use-sort.d.ts.map +1 -1
  137. package/lib/hooks/use-sort.js +11 -9
  138. package/lib/hooks/use-sort.js.map +1 -1
  139. package/lib/hooks/use-theme.d.ts +2 -1
  140. package/lib/hooks/use-theme.d.ts.map +1 -1
  141. package/lib/hooks/use-theme.js +2 -1
  142. package/lib/hooks/use-theme.js.map +1 -1
  143. package/lib/hooks/use-toast.d.ts +2 -2
  144. package/lib/hooks/use-toast.d.ts.map +1 -1
  145. package/lib/hooks/use-toast.js +6 -5
  146. package/lib/hooks/use-toast.js.map +1 -1
  147. package/lib/index.d.ts +12 -5
  148. package/lib/index.d.ts.map +1 -1
  149. package/lib/index.js +25 -6
  150. package/lib/index.js.map +1 -1
  151. package/package.json +52 -42
@@ -0,0 +1,69 @@
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
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.InternalComboboxGroup = void 0;
27
+ const emotion_1 = require("@leafygreen-ui/emotion");
28
+ const hooks_1 = require("@leafygreen-ui/hooks");
29
+ const palette_1 = require("@leafygreen-ui/palette");
30
+ const react_1 = __importStar(require("react"));
31
+ const combobox_context_1 = require("./combobox-context");
32
+ const comboboxGroupStyle = (darkMode) => (0, emotion_1.css) `
33
+ --lg-combobox-group-label-color: ${darkMode
34
+ ? palette_1.uiColors.gray.light1
35
+ : palette_1.uiColors.gray.dark1};
36
+ --lg-combobox-group-border-color: ${darkMode
37
+ ? palette_1.uiColors.gray.dark1
38
+ : palette_1.uiColors.gray.light1};
39
+ padding-top: 8px;
40
+ border-bottom: 1px solid var(--lg-combobox-group-border-color);
41
+ `;
42
+ const comboboxGroupLabel = (0, emotion_1.css) `
43
+ cursor: default;
44
+ width: 100%;
45
+ padding: 0 12px 2px;
46
+ outline: none;
47
+ overflow-wrap: anywhere;
48
+ font-size: 12px;
49
+ line-height: 16px;
50
+ font-weight: bold;
51
+ text-transform: uppercase;
52
+ letter-spacing: 0.4px;
53
+ color: var(--lg-combobox-group-label-color);
54
+ `;
55
+ function InternalComboboxGroup({ label, className, children, }) {
56
+ const { darkMode } = (0, react_1.useContext)(combobox_context_1.ComboboxContext);
57
+ const groupId = (0, hooks_1.useIdAllocator)({ prefix: 'combobox-group' });
58
+ const childCount = react_1.default.Children.count(children);
59
+ return childCount > 0 ? (react_1.default.createElement("div", { className: (0, emotion_1.cx)(comboboxGroupStyle(darkMode), className) },
60
+ react_1.default.createElement("div", { className: comboboxGroupLabel, id: groupId }, label),
61
+ react_1.default.createElement("div", { role: "group", "aria-labelledby": groupId }, children))) : (react_1.default.createElement(react_1.default.Fragment, null));
62
+ }
63
+ exports.InternalComboboxGroup = InternalComboboxGroup;
64
+ ComboboxGroup.displayName = 'ComboboxGroup';
65
+ function ComboboxGroup() {
66
+ throw Error('`ComboboxGroup` must be a child of a `Combobox` instance');
67
+ }
68
+ exports.default = ComboboxGroup;
69
+ //# sourceMappingURL=combobox-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-group.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAiD;AACjD,gDAAsD;AACtD,oDAAkD;AAClD,+CAA0C;AAE1C,yDAAqD;AAErD,MAAM,kBAAkB,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;qCAChB,QAAQ;IACzC,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACtB,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,KAAK;sCACa,QAAQ;IAC1C,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,KAAK;IACrB,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,MAAM;;;CAGzB,CAAC;AAEF,MAAM,kBAAkB,GAAG,IAAA,aAAG,EAAA;;;;;;;;;;;;CAY7B,CAAC;AAEF,SAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACW;IACnB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,kBAAU,EAAC,kCAAe,CAAC,CAAC;IAEjD,MAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAElD,OAAO,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CACtB,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;QACzD,uCAAK,SAAS,EAAE,kBAAkB,EAAE,EAAE,EAAE,OAAO,IAC5C,KAAK,CACF;QACN,uCAAK,IAAI,EAAC,OAAO,qBAAkB,OAAO,IACvC,QAAQ,CACL,CACF,CACP,CAAC,CAAC,CAAC,CACF,6DAAK,CACN,CAAC;AACJ,CAAC;AAtBD,sDAsBC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,SAAwB,aAAa;IACnC,MAAM,KAAK,CAAC,0DAA0D,CAAC,CAAC;AAC1E,CAAC;AAFD,gCAEC"}
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import type { InternalComboboxOptionProps } from './combobox-types';
3
+ declare const InternalComboboxOption: React.ForwardRefExoticComponent<InternalComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
4
+ export { InternalComboboxOption };
5
+ declare function ComboboxOption(): JSX.Element;
6
+ declare namespace ComboboxOption {
7
+ var displayName: string;
8
+ }
9
+ export default ComboboxOption;
10
+ //# sourceMappingURL=combobox-option.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-option.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-option.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AA+DpE,QAAA,MAAM,sBAAsB,mGAwH3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,iBAAwB,cAAc,IAAI,GAAG,CAAC,OAAO,CAEpD;kBAFuB,cAAc;;;eAAd,cAAc"}
@@ -0,0 +1,142 @@
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.InternalComboboxOption = void 0;
30
+ const emotion_1 = require("@leafygreen-ui/emotion");
31
+ const react_1 = __importStar(require("react"));
32
+ const palette_1 = require("@leafygreen-ui/palette");
33
+ const lib_1 = require("@leafygreen-ui/lib");
34
+ const hooks_1 = require("@leafygreen-ui/hooks");
35
+ const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
36
+ const icon_1 = __importStar(require("@leafygreen-ui/icon"));
37
+ const combobox_context_1 = require("./combobox-context");
38
+ const util_1 = require("./util");
39
+ const comboboxOptionStyle = () => (0, emotion_1.css) `
40
+ position: relative;
41
+ display: flex;
42
+ align-items: center;
43
+ justify-content: space-between;
44
+ list-style: none;
45
+ color: inherit;
46
+ cursor: pointer;
47
+ overflow: hidden;
48
+ font-size: var(--lg-combobox-item-font-size);
49
+ line-height: var(--lg-combobox-item-line-height);
50
+ padding: var(--lg-combobox-item-padding-y) var(--lg-combobox-item-padding-x);
51
+
52
+ &:before {
53
+ content: '';
54
+ position: absolute;
55
+ left: 0;
56
+ width: 3px;
57
+ height: var(--lg-combobox-item-wedge-height);
58
+ background-color: transparent;
59
+ border-radius: 0 2px 2px 0;
60
+ transform: scaleY(0.3);
61
+ transition: 150ms ease-in-out;
62
+ transition-property: transform, background-color;
63
+ }
64
+
65
+ &:hover {
66
+ outline: none;
67
+ background-color: var(--lg-combobox-item-hover-color);
68
+ }
69
+
70
+ &[aria-selected='true'] {
71
+ outline: none;
72
+ background-color: var(--lg-combobox-item-active-color);
73
+
74
+ &:before {
75
+ background-color: var(--lg-combobox-item-wedge-color);
76
+ transform: scaleY(1);
77
+ }
78
+ }
79
+ `;
80
+ const flexSpan = (0, emotion_1.css) `
81
+ display: inline-flex;
82
+ gap: 8px;
83
+ justify-content: start;
84
+ align-items: inherit;
85
+ `;
86
+ const displayNameStyle = (isSelected) => (0, emotion_1.css) `
87
+ font-weight: ${isSelected ? 'bold' : 'normal'};
88
+ `;
89
+ const InternalComboboxOption = react_1.default.forwardRef(({ displayName, glyph, isSelected, isFocused, setSelected, className, }, forwardedRef) => {
90
+ const { multiselect, darkMode, withIcons, inputValue } = (0, react_1.useContext)(combobox_context_1.ComboboxContext);
91
+ const optionTextId = (0, hooks_1.useIdAllocator)({ prefix: 'combobox-option-text' });
92
+ const optionRef = (0, hooks_1.useForwardedRef)(forwardedRef, null);
93
+ const handleOptionClick = (0, react_1.useCallback)((e) => {
94
+ e.stopPropagation();
95
+ if (e.target === optionRef.current ||
96
+ e.target.tagName === 'INPUT' ||
97
+ e.target.tagName === 'SPAN') {
98
+ setSelected();
99
+ }
100
+ }, [optionRef, setSelected]);
101
+ const renderedIcon = (0, react_1.useMemo)(() => {
102
+ if (glyph) {
103
+ if ((0, icon_1.isComponentGlyph)(glyph) || (0, lib_1.isComponentType)(glyph, 'Icon')) {
104
+ return glyph;
105
+ }
106
+ console.error('`ComboboxOption` instance did not render icon because it is not a known glyph element.', glyph);
107
+ }
108
+ }, [glyph]);
109
+ const renderedChildren = (0, react_1.useMemo)(() => {
110
+ if (multiselect) {
111
+ const checkbox = (react_1.default.createElement(checkbox_1.default, { label: "", "aria-labelledby": optionTextId, checked: isSelected, tabIndex: -1, animate: false }));
112
+ return (react_1.default.createElement(react_1.default.Fragment, null,
113
+ react_1.default.createElement("span", { className: flexSpan },
114
+ withIcons ? renderedIcon : checkbox,
115
+ react_1.default.createElement("span", { id: optionTextId, className: displayNameStyle(isSelected) }, (0, util_1.wrapJSX)(displayName, inputValue, 'strong'))),
116
+ withIcons && checkbox));
117
+ }
118
+ return (react_1.default.createElement(react_1.default.Fragment, null,
119
+ react_1.default.createElement("span", { className: flexSpan },
120
+ renderedIcon,
121
+ react_1.default.createElement("span", { className: displayNameStyle(isSelected) }, (0, util_1.wrapJSX)(displayName, inputValue, 'strong'))),
122
+ isSelected && (react_1.default.createElement(icon_1.default, { glyph: "Checkmark", color: darkMode ? palette_1.uiColors.blue.light1 : palette_1.uiColors.blue.base }))));
123
+ }, [
124
+ multiselect,
125
+ renderedIcon,
126
+ isSelected,
127
+ displayName,
128
+ inputValue,
129
+ darkMode,
130
+ optionTextId,
131
+ withIcons,
132
+ ]);
133
+ return (react_1.default.createElement("li", { ref: optionRef, role: "option", "aria-selected": isFocused, "aria-label": displayName, tabIndex: -1, className: (0, emotion_1.cx)(comboboxOptionStyle(), className), onClick: handleOptionClick, onKeyPress: handleOptionClick }, renderedChildren));
134
+ });
135
+ exports.InternalComboboxOption = InternalComboboxOption;
136
+ InternalComboboxOption.displayName = 'ComboboxOption';
137
+ function ComboboxOption() {
138
+ throw Error('`ComboboxOption` must be a child of a `Combobox` instance');
139
+ }
140
+ exports.default = ComboboxOption;
141
+ ComboboxOption.displayName = 'ComboboxOption';
142
+ //# sourceMappingURL=combobox-option.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-option.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oDAAiD;AACjD,+CAAgE;AAChE,oDAAkD;AAClD,4CAAqD;AACrD,gDAAuE;AACvE,uEAA+C;AAC/C,4DAA6D;AAE7D,yDAAqD;AACrD,iCAAiC;AAKjC,MAAM,mBAAmB,GAAG,GAAG,EAAE,CAAC,IAAA,aAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCpC,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAA;;;;;CAKnB,CAAC;AAEF,MAAM,gBAAgB,GAAG,CAAC,UAAmB,EAAE,EAAE,CAAC,IAAA,aAAG,EAAA;iBACpC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ;CAC9C,CAAC;AAKF,MAAM,sBAAsB,GAAG,eAAK,CAAC,UAAU,CAI7C,CACE,EACE,WAAW,EACX,KAAK,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,GACmB,EAC9B,YAAY,EACZ,EAAE;IACF,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,GACpD,IAAA,kBAAU,EAAC,kCAAe,CAAC,CAAC;IAC9B,MAAM,YAAY,GAAG,IAAA,sBAAc,EAAC,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,IAAA,uBAAe,EAAC,YAAY,EAAE,IAAI,CAAC,CAAC;IAEtD,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,CAAuB,EAAE,EAAE;QAC1B,CAAC,CAAC,eAAe,EAAE,CAAC;QAGpB,IACE,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,OAAO;YAC7B,CAAC,CAAC,MAAkB,CAAC,OAAO,KAAK,OAAO;YAGxC,CAAC,CAAC,MAAkB,CAAC,OAAO,KAAK,MAAM,EACxC;YACA,WAAW,EAAE,CAAC;SACf;IACH,CAAC,EACD,CAAC,SAAS,EAAE,WAAW,CAAC,CACzB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,KAAK,EAAE;YACT,IAAI,IAAA,uBAAgB,EAAC,KAAK,CAAC,IAAI,IAAA,qBAAe,EAAC,KAAK,EAAE,MAAM,CAAC,EAAE;gBAC7D,OAAO,KAAK,CAAC;aACd;YACD,OAAO,CAAC,KAAK,CACX,wFAAwF,EACxF,KAAK,CACN,CAAC;SACH;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAEpC,IAAI,WAAW,EAAE;YACf,MAAM,QAAQ,GAAG,CACf,8BAAC,kBAAQ,IAEP,KAAK,EAAC,EAAE,qBACS,YAAY,EAC7B,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,CAAC,EACZ,OAAO,EAAE,KAAK,GACd,CACH,CAAC;YAEF,OAAO,CACL;gBACE,wCAAM,SAAS,EAAE,QAAQ;oBACtB,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ;oBACpC,wCAAM,EAAE,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,IAC5D,IAAA,cAAO,EAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,CAAC,CACtC,CACF;gBACN,SAAS,IAAI,QAAQ,CACrB,CACJ,CAAC;SACH;QAGD,OAAO,CACL;YACE,wCAAM,SAAS,EAAE,QAAQ;gBACtB,YAAY;gBACb,wCAAM,SAAS,EAAE,gBAAgB,CAAC,UAAU,CAAC,IAC1C,IAAA,cAAO,EAAC,WAAW,EAAE,UAAU,EAAE,QAAQ,CAAC,CACtC,CACF;YACN,UAAU,IAAI,CACb,8BAAC,cAAI,IACH,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAQ,CAAC,IAAI,CAAC,IAAI,GAC3D,CACH,CACA,CACJ,CAAC;IACJ,CAAC,EAAE;QACD,WAAW;QACX,YAAY;QACZ,UAAU;QACV,WAAW;QACX,UAAU;QACV,QAAQ;QACR,YAAY;QACZ,SAAS;KACV,CAAC,CAAC;IAEH,OAAO,CACL,sCACE,GAAG,EAAE,SAAS,EACd,IAAI,EAAC,QAAQ,mBACE,SAAS,gBACZ,WAAW,EACvB,QAAQ,EAAE,CAAC,CAAC,EACZ,SAAS,EAAE,IAAA,YAAE,EAAC,mBAAmB,EAAE,EAAE,SAAS,CAAC,EAC/C,OAAO,EAAE,iBAAiB,EAC1B,UAAU,EAAE,iBAAiB,IAE5B,gBAAgB,CACd,CACN,CAAC;AACJ,CAAC,CACF,CAAC;AAGO,wDAAsB;AAF/B,sBAAsB,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAGtD,SAAwB,cAAc;IACpC,MAAM,KAAK,CAAC,2DAA2D,CAAC,CAAC;AAC3E,CAAC;AAFD,iCAEC;AACD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -0,0 +1,94 @@
1
+ import type { ReactElement, ReactNode } from 'react';
2
+ import type { Either } from '@leafygreen-ui/lib';
3
+ export declare const ComboboxSize: {
4
+ readonly default: "default";
5
+ };
6
+ export declare type ComboboxSize = typeof ComboboxSize[keyof typeof ComboboxSize];
7
+ export declare const TrunctationLocation: {
8
+ readonly start: "start";
9
+ readonly middle: "middle";
10
+ readonly end: "end";
11
+ readonly none: "none";
12
+ };
13
+ export declare type TrunctationLocation = typeof TrunctationLocation[keyof typeof TrunctationLocation];
14
+ export declare const Overflow: {
15
+ readonly expandY: "expand-y";
16
+ readonly expandX: "expand-x";
17
+ readonly scrollY: "scroll-x";
18
+ };
19
+ export declare type Overflow = typeof Overflow[keyof typeof Overflow];
20
+ export declare const State: {
21
+ readonly error: "error";
22
+ readonly none: "none";
23
+ };
24
+ export declare type State = typeof State[keyof typeof State];
25
+ export declare const SearchState: {
26
+ readonly unset: "unset";
27
+ readonly error: "error";
28
+ readonly loading: "loading";
29
+ };
30
+ export declare type SearchState = typeof SearchState[keyof typeof SearchState];
31
+ export declare type SelectValueType<M extends boolean> = M extends true ? Array<string> : string | null;
32
+ export declare type onChangeType<M extends boolean> = M extends true ? (value: SelectValueType<true>) => void : (value: SelectValueType<false>) => void;
33
+ export declare function getNullSelection<M extends boolean>(multiselect: M): SelectValueType<M>;
34
+ export interface ComboboxMultiselectProps<M extends boolean> {
35
+ multiselect?: M;
36
+ initialValue?: SelectValueType<M>;
37
+ onChange?: onChangeType<M>;
38
+ value?: SelectValueType<M>;
39
+ overflow?: M extends true ? Overflow : undefined;
40
+ }
41
+ export interface BaseComboboxProps {
42
+ children?: ReactNode;
43
+ label?: string;
44
+ 'aria-label'?: string;
45
+ description?: string;
46
+ placeholder?: string;
47
+ disabled?: boolean;
48
+ size?: ComboboxSize;
49
+ darkMode?: boolean;
50
+ state?: State;
51
+ errorMessage?: string;
52
+ searchState?: SearchState;
53
+ searchEmptyMessage?: string;
54
+ searchErrorMessage?: string;
55
+ searchLoadingMessage?: string;
56
+ onFilter?: (value: string) => void;
57
+ clearable?: boolean;
58
+ onClear?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
59
+ filteredOptions?: Array<string>;
60
+ chipTruncationLocation?: TrunctationLocation;
61
+ chipCharacterLimit?: number;
62
+ className?: string;
63
+ }
64
+ export declare type ComboboxProps<M extends boolean> = Either<BaseComboboxProps & ComboboxMultiselectProps<M>, 'label' | 'aria-label'>;
65
+ interface BaseComboboxOptionProps {
66
+ value?: string;
67
+ displayName?: string;
68
+ glyph?: ReactElement;
69
+ className?: string;
70
+ }
71
+ export declare type ComboboxOptionProps = Either<BaseComboboxOptionProps, 'value' | 'displayName'>;
72
+ export interface InternalComboboxOptionProps {
73
+ value: string;
74
+ displayName: string;
75
+ isSelected: boolean;
76
+ isFocused: boolean;
77
+ setSelected: () => void;
78
+ glyph?: ReactElement;
79
+ className?: string;
80
+ index: number;
81
+ }
82
+ export interface ComboboxGroupProps {
83
+ label: string;
84
+ children: React.ReactNode;
85
+ className?: string;
86
+ }
87
+ export interface ChipProps {
88
+ displayName: string;
89
+ isFocused: boolean;
90
+ onRemove: () => void;
91
+ onFocus: () => void;
92
+ }
93
+ export {};
94
+ //# sourceMappingURL=combobox-types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-types.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAKjD,eAAO,MAAM,YAAY;;CAEf,CAAC;AACX,oBAAY,YAAY,GAAG,OAAO,YAAY,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE1E,eAAO,MAAM,mBAAmB;;;;;CAKtB,CAAC;AACX,oBAAY,mBAAmB,GAC7B,OAAO,mBAAmB,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAE/D,eAAO,MAAM,QAAQ;;;;CAIX,CAAC;AACX,oBAAY,QAAQ,GAAG,OAAO,QAAQ,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAE9D,eAAO,MAAM,KAAK;;;CAGR,CAAC;AACX,oBAAY,KAAK,GAAG,OAAO,KAAK,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAErD,eAAO,MAAM,WAAW;;;;CAId,CAAC;AACX,oBAAY,WAAW,GAAG,OAAO,WAAW,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAKvE,oBAAY,eAAe,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,IAAI,GAC3D,KAAK,CAAC,MAAM,CAAC,GACb,MAAM,GAAG,IAAI,CAAC;AAElB,oBAAY,YAAY,CAAC,CAAC,SAAS,OAAO,IAAI,CAAC,SAAS,IAAI,GACxD,CAAC,KAAK,EAAE,eAAe,CAAC,IAAI,CAAC,KAAK,IAAI,GACtC,CAAC,KAAK,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;AAG5C,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,OAAO,EAChD,WAAW,EAAE,CAAC,GACb,eAAe,CAAC,CAAC,CAAC,CAMpB;AAKD,MAAM,WAAW,wBAAwB,CAAC,CAAC,SAAS,OAAO;IAKzD,WAAW,CAAC,EAAE,CAAC,CAAC;IAMhB,YAAY,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAKlC,QAAQ,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAM3B,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAU3B,QAAQ,CAAC,EAAE,CAAC,SAAS,IAAI,GAAG,QAAQ,GAAG,SAAS,CAAC;CAClD;AAED,MAAM,WAAW,iBAAiB;IAIhC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAKrB,KAAK,CAAC,EAAE,MAAM,CAAC;IAKf,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,IAAI,CAAC,EAAE,YAAY,CAAC;IAKpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,KAAK,CAAC,EAAE,KAAK,CAAC;IAKd,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAK1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAK5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAK5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAO9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKnC,SAAS,CAAC,EAAE,OAAO,CAAC;IAMpB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAMvE,eAAe,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAKhC,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;IAM7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAK5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI,MAAM,CACnD,iBAAiB,GAAG,wBAAwB,CAAC,CAAC,CAAC,EAC/C,OAAO,GAAG,YAAY,CACvB,CAAC;AAKF,UAAU,uBAAuB;IAK/B,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,KAAK,CAAC,EAAE,YAAY,CAAC;IAKrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,oBAAY,mBAAmB,GAAG,MAAM,CACtC,uBAAuB,EACvB,OAAO,GAAG,aAAa,CACxB,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf;AAKD,MAAM,WAAW,kBAAkB;IAIjC,KAAK,EAAE,MAAM,CAAC;IAKd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAK1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD,MAAM,WAAW,SAAS;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB"}
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.getNullSelection = exports.SearchState = exports.State = exports.Overflow = exports.TrunctationLocation = exports.ComboboxSize = void 0;
4
+ exports.ComboboxSize = {
5
+ default: 'default',
6
+ };
7
+ exports.TrunctationLocation = {
8
+ start: 'start',
9
+ middle: 'middle',
10
+ end: 'end',
11
+ none: 'none',
12
+ };
13
+ exports.Overflow = {
14
+ expandY: 'expand-y',
15
+ expandX: 'expand-x',
16
+ scrollY: 'scroll-x',
17
+ };
18
+ exports.State = {
19
+ error: 'error',
20
+ none: 'none',
21
+ };
22
+ exports.SearchState = {
23
+ unset: 'unset',
24
+ error: 'error',
25
+ loading: 'loading',
26
+ };
27
+ function getNullSelection(multiselect) {
28
+ if (multiselect) {
29
+ return [];
30
+ }
31
+ else {
32
+ return null;
33
+ }
34
+ }
35
+ exports.getNullSelection = getNullSelection;
36
+ //# sourceMappingURL=combobox-types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox-types.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG;IAC1B,OAAO,EAAE,SAAS;CACV,CAAC;AAGE,QAAA,mBAAmB,GAAG;IACjC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACJ,CAAC;AAIE,QAAA,QAAQ,GAAG;IACtB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;IACnB,OAAO,EAAE,UAAU;CACX,CAAC;AAGE,QAAA,KAAK,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACJ,CAAC;AAGE,QAAA,WAAW,GAAG;IACzB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,OAAO,EAAE,SAAS;CACV,CAAC;AAeX,SAAgB,gBAAgB,CAC9B,WAAc;IAEd,IAAI,WAAW,EAAE;QACf,OAAO,EAAyC,CAAC;KAClD;SAAM;QACL,OAAO,IAA0B,CAAC;KACnC;AACH,CAAC;AARD,4CAQC"}
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import type { ComboboxProps } from './combobox-types';
3
+ export default function Combobox<M extends boolean>({ children, label, description, placeholder, 'aria-label': ariaLabel, disabled, size, darkMode, state, errorMessage, searchState, searchEmptyMessage, searchErrorMessage, searchLoadingMessage, filteredOptions, onFilter, clearable, onClear, overflow, multiselect, initialValue, onChange, value, chipTruncationLocation, chipCharacterLimit, className, ...rest }: ComboboxProps<M>): JSX.Element;
4
+ //# sourceMappingURL=combobox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox.tsx"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EACV,aAAa,EAGd,MAAM,kBAAkB,CAAC;AA6B1B,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAClD,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAAgB,EAChB,QAAgB,EAChB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAqB,EACrB,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eA2kClB"}