@mongodb-js/compass-components 1.0.0 → 1.2.0

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 (136) 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.map +1 -1
  25. package/lib/components/editor.js.map +1 -1
  26. package/lib/components/error-boundary.d.ts +1 -0
  27. package/lib/components/error-boundary.d.ts.map +1 -1
  28. package/lib/components/error-boundary.js +2 -2
  29. package/lib/components/error-boundary.js.map +1 -1
  30. package/lib/components/file-input.d.ts +1 -0
  31. package/lib/components/file-input.d.ts.map +1 -1
  32. package/lib/components/file-input.js +18 -9
  33. package/lib/components/file-input.js.map +1 -1
  34. package/lib/components/icons/favorite-icon.d.ts +8 -7
  35. package/lib/components/icons/favorite-icon.d.ts.map +1 -1
  36. package/lib/components/icons/favorite-icon.js +3 -1
  37. package/lib/components/icons/favorite-icon.js.map +1 -1
  38. package/lib/components/index-icon.d.ts +7 -0
  39. package/lib/components/index-icon.d.ts.map +1 -0
  40. package/lib/components/index-icon.js +15 -0
  41. package/lib/components/index-icon.js.map +1 -0
  42. package/lib/components/interactive-popover.d.ts +17 -0
  43. package/lib/components/interactive-popover.d.ts.map +1 -0
  44. package/lib/components/interactive-popover.js +132 -0
  45. package/lib/components/interactive-popover.js.map +1 -0
  46. package/lib/components/item-action-controls.d.ts +48 -0
  47. package/lib/components/item-action-controls.d.ts.map +1 -0
  48. package/lib/components/item-action-controls.js +118 -0
  49. package/lib/components/item-action-controls.js.map +1 -0
  50. package/lib/components/leafygreen.d.ts +24 -6
  51. package/lib/components/leafygreen.d.ts.map +1 -1
  52. package/lib/components/leafygreen.js +31 -15
  53. package/lib/components/leafygreen.js.map +1 -1
  54. package/lib/components/modal-title.d.ts +1 -1
  55. package/lib/components/modal-title.d.ts.map +1 -1
  56. package/lib/components/modal-title.js.map +1 -1
  57. package/lib/components/placeholder.js +4 -4
  58. package/lib/components/placeholder.js.map +1 -1
  59. package/lib/components/resizeable-sidebar.d.ts +6 -1
  60. package/lib/components/resizeable-sidebar.d.ts.map +1 -1
  61. package/lib/components/resizeable-sidebar.js +46 -21
  62. package/lib/components/resizeable-sidebar.js.map +1 -1
  63. package/lib/components/tab-nav-bar.d.ts +1 -1
  64. package/lib/components/tab-nav-bar.d.ts.map +1 -1
  65. package/lib/components/tab-nav-bar.js +3 -3
  66. package/lib/components/tab-nav-bar.js.map +1 -1
  67. package/lib/components/tooltip.d.ts +2 -2
  68. package/lib/components/tooltip.d.ts.map +1 -1
  69. package/lib/components/tooltip.js +13 -4
  70. package/lib/components/tooltip.js.map +1 -1
  71. package/lib/components/virtual-grid.d.ts +1 -1
  72. package/lib/components/workspace-container.d.ts +1 -1
  73. package/lib/components/workspace-container.d.ts.map +1 -1
  74. package/lib/components/workspace-container.js +2 -2
  75. package/lib/components/workspace-container.js.map +1 -1
  76. package/lib/components/workspace-tabs/tab.js +3 -3
  77. package/lib/components/workspace-tabs/tab.js.map +1 -1
  78. package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
  79. package/lib/components/workspace-tabs/workspace-tabs.js +0 -1
  80. package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
  81. package/lib/constants/mongodb-ace-theme-query.d.ts +1 -2
  82. package/lib/constants/mongodb-ace-theme-query.d.ts.map +1 -1
  83. package/lib/constants/mongodb-ace-theme-query.js +3 -115
  84. package/lib/constants/mongodb-ace-theme-query.js.map +1 -1
  85. package/lib/hooks/use-focus-ring.d.ts +9 -4
  86. package/lib/hooks/use-focus-ring.d.ts.map +1 -1
  87. package/lib/hooks/use-focus-ring.js +48 -10
  88. package/lib/hooks/use-focus-ring.js.map +1 -1
  89. package/lib/hooks/use-sort.d.ts.map +1 -1
  90. package/lib/hooks/use-sort.js +11 -9
  91. package/lib/hooks/use-sort.js.map +1 -1
  92. package/lib/hooks/use-toast.d.ts +2 -2
  93. package/lib/hooks/use-toast.d.ts.map +1 -1
  94. package/lib/hooks/use-toast.js +6 -5
  95. package/lib/hooks/use-toast.js.map +1 -1
  96. package/lib/index.d.ts +9 -6
  97. package/lib/index.d.ts.map +1 -1
  98. package/lib/index.js +18 -11
  99. package/lib/index.js.map +1 -1
  100. package/package.json +44 -46
  101. package/lib/components/leafy-green/combobox/chip.d.ts +0 -4
  102. package/lib/components/leafy-green/combobox/chip.d.ts.map +0 -1
  103. package/lib/components/leafy-green/combobox/chip.js +0 -182
  104. package/lib/components/leafy-green/combobox/chip.js.map +0 -1
  105. package/lib/components/leafy-green/combobox/combobox-context.d.ts +0 -15
  106. package/lib/components/leafy-green/combobox/combobox-context.d.ts.map +0 -1
  107. package/lib/components/leafy-green/combobox/combobox-context.js +0 -12
  108. package/lib/components/leafy-green/combobox/combobox-context.js.map +0 -1
  109. package/lib/components/leafy-green/combobox/combobox-group.d.ts +0 -9
  110. package/lib/components/leafy-green/combobox/combobox-group.d.ts.map +0 -1
  111. package/lib/components/leafy-green/combobox/combobox-group.js +0 -69
  112. package/lib/components/leafy-green/combobox/combobox-group.js.map +0 -1
  113. package/lib/components/leafy-green/combobox/combobox-option.d.ts +0 -10
  114. package/lib/components/leafy-green/combobox/combobox-option.d.ts.map +0 -1
  115. package/lib/components/leafy-green/combobox/combobox-option.js +0 -142
  116. package/lib/components/leafy-green/combobox/combobox-option.js.map +0 -1
  117. package/lib/components/leafy-green/combobox/combobox-types.d.ts +0 -94
  118. package/lib/components/leafy-green/combobox/combobox-types.d.ts.map +0 -1
  119. package/lib/components/leafy-green/combobox/combobox-types.js +0 -36
  120. package/lib/components/leafy-green/combobox/combobox-types.js.map +0 -1
  121. package/lib/components/leafy-green/combobox/combobox.d.ts +0 -4
  122. package/lib/components/leafy-green/combobox/combobox.d.ts.map +0 -1
  123. package/lib/components/leafy-green/combobox/combobox.js +0 -725
  124. package/lib/components/leafy-green/combobox/combobox.js.map +0 -1
  125. package/lib/components/leafy-green/combobox/combobox.styles.d.ts +0 -38
  126. package/lib/components/leafy-green/combobox/combobox.styles.d.ts.map +0 -1
  127. package/lib/components/leafy-green/combobox/combobox.styles.js +0 -292
  128. package/lib/components/leafy-green/combobox/combobox.styles.js.map +0 -1
  129. package/lib/components/leafy-green/combobox/index.d.ts +0 -4
  130. package/lib/components/leafy-green/combobox/index.d.ts.map +0 -1
  131. package/lib/components/leafy-green/combobox/index.js +0 -13
  132. package/lib/components/leafy-green/combobox/index.js.map +0 -1
  133. package/lib/components/leafy-green/combobox/util.d.ts +0 -27
  134. package/lib/components/leafy-green/combobox/util.d.ts.map +0 -1
  135. package/lib/components/leafy-green/combobox/util.js +0 -65
  136. package/lib/components/leafy-green/combobox/util.js.map +0 -1
@@ -1,182 +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.Chip = void 0;
30
- const react_1 = __importStar(require("react"));
31
- const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
32
- const combobox_context_1 = require("./combobox-context");
33
- const emotion_1 = require("@leafygreen-ui/emotion");
34
- const palette_1 = require("@leafygreen-ui/palette");
35
- const inline_definition_1 = __importDefault(require("@leafygreen-ui/inline-definition"));
36
- const lib_1 = require("@leafygreen-ui/lib");
37
- const util_1 = require("./util");
38
- const chipWrapperStyle = ({ darkMode, size, }) => {
39
- let chipModeStyle, chipSizeStyle;
40
- if (darkMode) {
41
- chipModeStyle = (0, emotion_1.css) ``;
42
- }
43
- else {
44
- chipModeStyle = (0, emotion_1.css) `
45
- --lg-combobox-chip-text-color: ${palette_1.uiColors.gray.dark3};
46
- --lg-combobox-chip-icon-color: ${palette_1.uiColors.gray.dark2};
47
- --lg-combobox-chip-background-color: ${palette_1.uiColors.gray.light2};
48
- --lg-combobox-chip-hover-color: ${palette_1.uiColors.gray.light1};
49
- --lg-combobox-chip-focus-color: ${palette_1.uiColors.blue.light2};
50
- `;
51
- }
52
- switch (size) {
53
- case 'default':
54
- chipSizeStyle = (0, emotion_1.css) `
55
- --lg-combobox-chip-height: 24px;
56
- --lg-combobox-chip-border-radius: 4px;
57
- --lg-combobox-chip-font-size: 14px;
58
- --lg-combobox-chip-line-height: 20px;
59
- --lg-combobox-chip-padding-x: 6px;
60
- `;
61
- break;
62
- }
63
- return (0, emotion_1.cx)(chipModeStyle, chipSizeStyle, (0, emotion_1.css) `
64
- display: inline-flex;
65
- align-items: center;
66
- overflow: hidden;
67
- white-space: nowrap;
68
- height: var(--lg-combobox-chip-height);
69
- font-size: var(--lg-combobox-chip-font-size);
70
- line-height: var(--lg-combobox-chip-line-height);
71
- border-radius: var(--lg-combobox-chip-border-radius);
72
- color: var(--lg-combobox-chip-text-color);
73
- background-color: var(--lg-combobox-chip-background-color);
74
-
75
- // TODO - refine these styles
76
- /* &:focus, */
77
- &:focus-within {
78
- background-color: var(--lg-combobox-chip-focus-color);
79
- }
80
- `);
81
- };
82
- const chipText = (0, emotion_1.css) `
83
- padding-inline: var(--lg-combobox-chip-padding-x);
84
- `;
85
- const chipButton = (0, emotion_1.css) `
86
- position: relative;
87
- display: flex;
88
- align-items: center;
89
- justify-content: center;
90
- height: 100%;
91
- width: 100%;
92
- outline: none;
93
- border: none;
94
- background-color: transparent;
95
- color: var(--lg-combobox-chip-icon-color);
96
- cursor: pointer;
97
- transition: background-color 100ms ease-in-out;
98
-
99
- &:before {
100
- content: '';
101
- position: absolute;
102
- top: 0;
103
- left: 0;
104
- height: 100%;
105
- width: 1px;
106
- background-color: var(--lg-combobox-chip-hover-color);
107
- }
108
-
109
- &:hover {
110
- background-color: var(--lg-combobox-chip-hover-color);
111
- }
112
- `;
113
- exports.Chip = react_1.default.forwardRef(({ displayName, isFocused, onRemove, onFocus }, forwardedRef) => {
114
- const { darkMode, size, disabled, chipTruncationLocation, chipCharacterLimit = 12, } = (0, react_1.useContext)(combobox_context_1.ComboboxContext);
115
- const isTruncated = !!chipCharacterLimit &&
116
- !!chipTruncationLocation &&
117
- chipTruncationLocation !== 'none' &&
118
- displayName.length > chipCharacterLimit;
119
- const buttonRef = (0, react_1.useRef)(null);
120
- const truncatedName = (0, react_1.useMemo)(() => {
121
- if (isTruncated) {
122
- const ellipsis = '…';
123
- const chars = chipCharacterLimit - 3;
124
- switch (chipTruncationLocation) {
125
- case 'start': {
126
- const end = displayName
127
- .substring(displayName.length - chars)
128
- .trim();
129
- return ellipsis + end;
130
- }
131
- case 'middle': {
132
- const start = displayName.substring(0, chars / 2).trim();
133
- const end = displayName
134
- .substring(displayName.length - chars / 2)
135
- .trim();
136
- return start + ellipsis + end;
137
- }
138
- case 'end': {
139
- const start = displayName.substring(0, chars).trim();
140
- return start + ellipsis;
141
- }
142
- default: {
143
- return displayName;
144
- }
145
- }
146
- }
147
- return false;
148
- }, [chipCharacterLimit, chipTruncationLocation, displayName, isTruncated]);
149
- (0, react_1.useEffect)(() => {
150
- var _a;
151
- if (isFocused && !disabled) {
152
- (_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
153
- }
154
- }, [disabled, forwardedRef, isFocused]);
155
- const handleKeyDown = (e) => {
156
- if (!disabled &&
157
- (e.keyCode === util_1.keyMap.Delete ||
158
- e.keyCode === util_1.keyMap.Backspace ||
159
- e.keyCode === util_1.keyMap.Enter ||
160
- e.keyCode === util_1.keyMap.Space)) {
161
- onRemove();
162
- }
163
- };
164
- const handleChipClick = (e) => {
165
- var _a;
166
- if (!((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
167
- onFocus();
168
- }
169
- };
170
- const handleButtonClick = () => {
171
- if (!disabled) {
172
- onRemove();
173
- }
174
- };
175
- const dataProp = (0, lib_1.createDataProp)('combobox-chip');
176
- return (react_1.default.createElement("span", { role: "option", "aria-selected": isFocused, "data-test-id": "lg-combobox-chip", ...dataProp.prop, ref: forwardedRef, className: chipWrapperStyle({ darkMode, size }), onClick: handleChipClick, tabIndex: -1 },
177
- react_1.default.createElement("span", { className: chipText }, truncatedName ? (react_1.default.createElement(inline_definition_1.default, { definition: displayName, align: "bottom" }, truncatedName)) : (displayName)),
178
- react_1.default.createElement("button", { "aria-label": `Deselect ${displayName}`, "aria-disabled": disabled, disabled: disabled, ref: buttonRef, className: chipButton, onClick: handleButtonClick, onKeyDown: handleKeyDown },
179
- react_1.default.createElement(icon_1.default, { glyph: "X" }))));
180
- });
181
- exports.Chip.displayName = 'Chip';
182
- //# sourceMappingURL=chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AAEtE,+DAAuC;AACvC,yDAAqD;AACrD,oDAAiD;AACjD,oDAAkD;AAClD,yFAAgE;AAChE,4CAAoD;AACpD,iCAAgC;AAEhC,MAAM,gBAAgB,GAAG,CAAC,EACxB,QAAQ,EACR,IAAI,GAIL,EAAE,EAAE;IACH,IAAI,aAAa,EAAE,aAAa,CAAC;IAEjC,IAAI,QAAQ,EAAE;QACZ,aAAa,GAAG,IAAA,aAAG,EAAA,EAAE,CAAC;KACvB;SAAM;QACL,aAAa,GAAG,IAAA,aAAG,EAAA;uCACgB,kBAAQ,CAAC,IAAI,CAAC,KAAK;uCACnB,kBAAQ,CAAC,IAAI,CAAC,KAAK;6CACb,kBAAQ,CAAC,IAAI,CAAC,MAAM;wCACzB,kBAAQ,CAAC,IAAI,CAAC,MAAM;wCACpB,kBAAQ,CAAC,IAAI,CAAC,MAAM;KACvD,CAAC;KACH;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,SAAS;YACZ,aAAa,GAAG,IAAA,aAAG,EAAA;;;;;;OAMlB,CAAC;YACF,MAAM;KACT;IAED,OAAO,IAAA,YAAE,EACP,aAAa,EACb,aAAa,EACb,IAAA,aAAG,EAAA;;;;;;;;;;;;;;;;;KAiBF,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,QAAQ,GAAG,IAAA,aAAG,EAAA;;CAEnB,CAAC;AAEF,MAAM,UAAU,GAAG,IAAA,aAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BrB,CAAC;AAEW,QAAA,IAAI,GAAG,eAAK,CAAC,UAAU,CAClC,CAAC,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAa,EAAE,YAAY,EAAE,EAAE;IACzE,MAAM,EACJ,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,sBAAsB,EACtB,kBAAkB,GAAG,EAAE,GACxB,GAAG,IAAA,kBAAU,EAAC,kCAAe,CAAC,CAAC;IAEhC,MAAM,WAAW,GACf,CAAC,CAAC,kBAAkB;QACpB,CAAC,CAAC,sBAAsB;QACxB,sBAAsB,KAAK,MAAM;QACjC,WAAW,CAAC,MAAM,GAAG,kBAAkB,CAAC;IAE1C,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,WAAW,EAAE;YACf,MAAM,QAAQ,GAAG,GAAG,CAAC;YACrB,MAAM,KAAK,GAAG,kBAAkB,GAAG,CAAC,CAAC;YAErC,QAAQ,sBAAsB,EAAE;gBAC9B,KAAK,OAAO,CAAC,CAAC;oBACZ,MAAM,GAAG,GAAG,WAAW;yBACpB,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;yBACrC,IAAI,EAAE,CAAC;oBACV,OAAO,QAAQ,GAAG,GAAG,CAAC;iBACvB;gBAED,KAAK,QAAQ,CAAC,CAAC;oBACb,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;oBACzD,MAAM,GAAG,GAAG,WAAW;yBACpB,SAAS,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,GAAG,CAAC,CAAC;yBACzC,IAAI,EAAE,CAAC;oBACV,OAAO,KAAK,GAAG,QAAQ,GAAG,GAAG,CAAC;iBAC/B;gBAED,KAAK,KAAK,CAAC,CAAC;oBACV,MAAM,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,IAAI,EAAE,CAAC;oBACrD,OAAO,KAAK,GAAG,QAAQ,CAAC;iBACzB;gBAED,OAAO,CAAC,CAAC;oBACP,OAAO,WAAW,CAAC;iBACpB;aACF;SACF;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,kBAAkB,EAAE,sBAAsB,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC;IAE3E,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE;YAC1B,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,IACE,CAAC,QAAQ;YACT,CAAC,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,MAAM;gBAC1B,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,SAAS;gBAC9B,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,KAAK;gBAC1B,CAAC,CAAC,OAAO,KAAK,aAAM,CAAC,KAAK,CAAC,EAC7B;YACA,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,CAAmB,EAAE,EAAE;;QAE9C,IAAI,CAAC,CAAA,MAAA,SAAS,CAAC,OAAO,0CAAE,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,CAAA,EAAE;YAClD,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,IAAI,CAAC,QAAQ,EAAE;YACb,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,IAAA,oBAAc,EAAC,eAAe,CAAC,CAAC;IAEjD,OAAO,CAEL,wCACE,IAAI,EAAC,QAAQ,mBACE,SAAS,kBACX,kBAAkB,KAC3B,QAAQ,CAAC,IAAI,EACjB,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,gBAAgB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EAC/C,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,CAAC,CAAC;QAEZ,wCAAM,SAAS,EAAE,QAAQ,IACtB,aAAa,CAAC,CAAC,CAAC,CACf,8BAAC,2BAAgB,IAAC,UAAU,EAAE,WAAW,EAAE,KAAK,EAAC,QAAQ,IACtD,aAAa,CACG,CACpB,CAAC,CAAC,CAAC,CACF,WAAW,CACZ,CACI;QACP,wDACc,YAAY,WAAW,EAAE,mBACtB,QAAQ,EACvB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,SAAS,EACd,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,aAAa;YAExB,8BAAC,cAAI,IAAC,KAAK,EAAC,GAAG,GAAG,CACX,CACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AACF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ComboboxSize, TrunctationLocation } from './combobox-types';
3
- interface ComboboxData {
4
- multiselect: boolean;
5
- darkMode: boolean;
6
- size: keyof typeof ComboboxSize;
7
- withIcons: boolean;
8
- disabled: boolean;
9
- chipTruncationLocation?: TrunctationLocation;
10
- chipCharacterLimit?: number;
11
- inputValue?: string;
12
- }
13
- export declare const ComboboxContext: import("react").Context<ComboboxData>;
14
- export {};
15
- //# sourceMappingURL=combobox-context.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-context.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-context.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE1E,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,OAAO,YAAY,CAAC;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,CAAC,EAAE,mBAAmB,CAAC;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uCAM1B,CAAC"}
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ComboboxContext = void 0;
4
- const react_1 = require("react");
5
- exports.ComboboxContext = (0, react_1.createContext)({
6
- multiselect: false,
7
- darkMode: false,
8
- size: 'default',
9
- withIcons: false,
10
- disabled: false,
11
- });
12
- //# sourceMappingURL=combobox-context.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-context.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-context.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AAczB,QAAA,eAAe,GAAG,IAAA,qBAAa,EAAe;IACzD,WAAW,EAAE,KAAK;IAClB,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,SAAS;IACf,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;CAChB,CAAC,CAAC"}
@@ -1,9 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ComboboxGroupProps } from './combobox-types';
3
- export declare function InternalComboboxGroup({ label, className, children, }: ComboboxGroupProps): JSX.Element;
4
- declare function ComboboxGroup(): JSX.Element;
5
- declare namespace ComboboxGroup {
6
- var displayName: string;
7
- }
8
- export default ComboboxGroup;
9
- //# sourceMappingURL=combobox-group.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-group.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-group.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AA4B3D,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAkBlC;AAID,iBAAwB,aAAa,IAAI,GAAG,CAAC,OAAO,CAEnD;kBAFuB,aAAa;;;eAAb,aAAa"}
@@ -1,69 +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
- 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
@@ -1 +0,0 @@
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"}
@@ -1,10 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,142 +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.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
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-option.js","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-option.tsx"],"names":[],"mappings":"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"}
@@ -1,94 +0,0 @@
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
@@ -1 +0,0 @@
1
- {"version":3,"file":"combobox-types.d.ts","sourceRoot":"","sources":["../../../../src/components/leafy-green/combobox/combobox-types.ts"],"names":[],"mappings":"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"}
@@ -1,36 +0,0 @@
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
@@ -1 +0,0 @@
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"}
@@ -1,4 +0,0 @@
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
@@ -1 +0,0 @@
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;AA4B1B,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,eAgkClB"}