@mongodb-js/compass-components 0.17.0 → 1.0.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 (66) hide show
  1. package/lib/components/editor.d.ts +2 -1
  2. package/lib/components/editor.d.ts.map +1 -1
  3. package/lib/components/editor.js +34 -5
  4. package/lib/components/editor.js.map +1 -1
  5. package/lib/components/leafy-green/combobox/chip.d.ts +4 -0
  6. package/lib/components/leafy-green/combobox/chip.d.ts.map +1 -0
  7. package/lib/components/leafy-green/combobox/chip.js +182 -0
  8. package/lib/components/leafy-green/combobox/chip.js.map +1 -0
  9. package/lib/components/leafy-green/combobox/combobox-context.d.ts +15 -0
  10. package/lib/components/leafy-green/combobox/combobox-context.d.ts.map +1 -0
  11. package/lib/components/leafy-green/combobox/combobox-context.js +12 -0
  12. package/lib/components/leafy-green/combobox/combobox-context.js.map +1 -0
  13. package/lib/components/leafy-green/combobox/combobox-group.d.ts +9 -0
  14. package/lib/components/leafy-green/combobox/combobox-group.d.ts.map +1 -0
  15. package/lib/components/leafy-green/combobox/combobox-group.js +69 -0
  16. package/lib/components/leafy-green/combobox/combobox-group.js.map +1 -0
  17. package/lib/components/leafy-green/combobox/combobox-option.d.ts +10 -0
  18. package/lib/components/leafy-green/combobox/combobox-option.d.ts.map +1 -0
  19. package/lib/components/leafy-green/combobox/combobox-option.js +142 -0
  20. package/lib/components/leafy-green/combobox/combobox-option.js.map +1 -0
  21. package/lib/components/leafy-green/combobox/combobox-types.d.ts +94 -0
  22. package/lib/components/leafy-green/combobox/combobox-types.d.ts.map +1 -0
  23. package/lib/components/leafy-green/combobox/combobox-types.js +36 -0
  24. package/lib/components/leafy-green/combobox/combobox-types.js.map +1 -0
  25. package/lib/components/leafy-green/combobox/combobox.d.ts +4 -0
  26. package/lib/components/leafy-green/combobox/combobox.d.ts.map +1 -0
  27. package/lib/components/leafy-green/combobox/combobox.js +725 -0
  28. package/lib/components/leafy-green/combobox/combobox.js.map +1 -0
  29. package/lib/components/leafy-green/combobox/combobox.styles.d.ts +38 -0
  30. package/lib/components/leafy-green/combobox/combobox.styles.d.ts.map +1 -0
  31. package/lib/components/leafy-green/combobox/combobox.styles.js +292 -0
  32. package/lib/components/leafy-green/combobox/combobox.styles.js.map +1 -0
  33. package/lib/components/leafy-green/combobox/index.d.ts +4 -0
  34. package/lib/components/leafy-green/combobox/index.d.ts.map +1 -0
  35. package/lib/components/leafy-green/combobox/index.js +13 -0
  36. package/lib/components/leafy-green/combobox/index.js.map +1 -0
  37. package/lib/components/leafy-green/combobox/util.d.ts +27 -0
  38. package/lib/components/leafy-green/combobox/util.d.ts.map +1 -0
  39. package/lib/components/leafy-green/combobox/util.js +65 -0
  40. package/lib/components/leafy-green/combobox/util.js.map +1 -0
  41. package/lib/components/more-options-toggle.d.ts.map +1 -1
  42. package/lib/components/more-options-toggle.js +1 -1
  43. package/lib/components/more-options-toggle.js.map +1 -1
  44. package/lib/components/placeholder.d.ts +5 -4
  45. package/lib/components/placeholder.d.ts.map +1 -1
  46. package/lib/components/placeholder.js +3 -1
  47. package/lib/components/placeholder.js.map +1 -1
  48. package/lib/components/resizeable-sidebar.d.ts +8 -0
  49. package/lib/components/resizeable-sidebar.d.ts.map +1 -0
  50. package/lib/components/resizeable-sidebar.js +84 -0
  51. package/lib/components/resizeable-sidebar.js.map +1 -0
  52. package/lib/components/spin-loader.d.ts +2 -1
  53. package/lib/components/spin-loader.d.ts.map +1 -1
  54. package/lib/components/spin-loader.js +2 -2
  55. package/lib/components/spin-loader.js.map +1 -1
  56. package/lib/constants/mongodb-ace-theme-query.d.ts +1 -1
  57. package/lib/constants/mongodb-ace-theme-query.js +2 -2
  58. package/lib/hooks/use-theme.d.ts +2 -1
  59. package/lib/hooks/use-theme.d.ts.map +1 -1
  60. package/lib/hooks/use-theme.js +2 -1
  61. package/lib/hooks/use-theme.js.map +1 -1
  62. package/lib/index.d.ts +5 -2
  63. package/lib/index.d.ts.map +1 -1
  64. package/lib/index.js +10 -2
  65. package/lib/index.js.map +1 -1
  66. package/package.json +19 -12
@@ -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;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"}