@mongodb-js/compass-components 1.29.3 → 1.30.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.
- package/lib/components/breadcrumb.js +1 -1
- package/lib/components/breadcrumb.js.map +1 -1
- package/lib/components/bson-value.js +4 -0
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/collapsible-field-set.js +4 -1
- package/lib/components/collapsible-field-set.js.map +1 -1
- package/lib/components/combobox/Chip.js +5 -2
- package/lib/components/combobox/Chip.js.map +1 -1
- package/lib/components/combobox/Combobox.d.ts +9 -0
- package/lib/components/combobox/Combobox.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.js +225 -5
- package/lib/components/combobox/Combobox.js.map +1 -1
- package/lib/components/combobox/Combobox.styles.d.ts +15 -0
- package/lib/components/combobox/Combobox.styles.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.styles.js +19 -2
- package/lib/components/combobox/Combobox.styles.js.map +1 -1
- package/lib/components/combobox/Combobox.types.d.ts +174 -0
- package/lib/components/combobox/Combobox.types.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.types.js +20 -0
- package/lib/components/combobox/Combobox.types.js.map +1 -1
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js +5 -0
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js.map +1 -1
- package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts +4 -0
- package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts.map +1 -1
- package/lib/components/combobox/ComboboxMenu/Menu.styles.js +4 -0
- package/lib/components/combobox/ComboboxMenu/Menu.styles.js.map +1 -1
- package/lib/components/combobox/ComboboxOption.d.ts +3 -0
- package/lib/components/combobox/ComboboxOption.d.ts.map +1 -1
- package/lib/components/combobox/ComboboxOption.js +14 -0
- package/lib/components/combobox/ComboboxOption.js.map +1 -1
- package/lib/components/combobox/Menu.styles.d.ts +4 -0
- package/lib/components/combobox/Menu.styles.d.ts.map +1 -1
- package/lib/components/combobox/Menu.styles.js +7 -3
- package/lib/components/combobox/Menu.styles.js.map +1 -1
- package/lib/components/combobox/utils/OptionObjectUtils.d.ts +18 -0
- package/lib/components/combobox/utils/OptionObjectUtils.d.ts.map +1 -1
- package/lib/components/combobox/utils/OptionObjectUtils.js +18 -0
- package/lib/components/combobox/utils/OptionObjectUtils.js.map +1 -1
- package/lib/components/combobox/utils/flattenChildren.d.ts +8 -0
- package/lib/components/combobox/utils/flattenChildren.d.ts.map +1 -1
- package/lib/components/combobox/utils/flattenChildren.js +13 -1
- package/lib/components/combobox/utils/flattenChildren.js.map +1 -1
- package/lib/components/combobox/utils/getNameAndValue.d.ts +9 -0
- package/lib/components/combobox/utils/getNameAndValue.d.ts.map +1 -1
- package/lib/components/combobox/utils/getNameAndValue.js +10 -1
- package/lib/components/combobox/utils/getNameAndValue.js.map +1 -1
- package/lib/components/combobox/utils/wrapJSX.d.ts +12 -0
- package/lib/components/combobox/utils/wrapJSX.d.ts.map +1 -1
- package/lib/components/combobox/utils/wrapJSX.js +21 -0
- package/lib/components/combobox/utils/wrapJSX.js.map +1 -1
- package/lib/components/combobox-with-custom-option.js +2 -0
- package/lib/components/combobox-with-custom-option.js.map +1 -1
- package/lib/components/compass-components-provider.d.ts +23 -0
- package/lib/components/compass-components-provider.d.ts.map +1 -1
- package/lib/components/compass-components-provider.js +22 -1
- package/lib/components/compass-components-provider.js.map +1 -1
- package/lib/components/content-with-fallback.js +3 -0
- package/lib/components/content-with-fallback.js.map +1 -1
- package/lib/components/document-list/document-actions-group.js +10 -1
- package/lib/components/document-list/document-actions-group.js.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.js +3 -0
- package/lib/components/document-list/document-edit-actions-footer.js.map +1 -1
- package/lib/components/document-list/document.js +23 -1
- package/lib/components/document-list/document.js.map +1 -1
- package/lib/components/document-list/element-actions.js +2 -0
- package/lib/components/document-list/element-actions.js.map +1 -1
- package/lib/components/document-list/element-editors.js +51 -9
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/document-list/element.js +45 -5
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/empty-content.js +1 -1
- package/lib/components/empty-content.js.map +1 -1
- package/lib/components/error-boundary.js +3 -0
- package/lib/components/error-boundary.js.map +1 -1
- package/lib/components/feedback-popover.js +3 -0
- package/lib/components/feedback-popover.js.map +1 -1
- package/lib/components/file-input.js +22 -3
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/guide-cue/guide-cue-groups.js +3 -0
- package/lib/components/guide-cue/guide-cue-groups.js.map +1 -1
- package/lib/components/guide-cue/guide-cue-service.js +5 -0
- package/lib/components/guide-cue/guide-cue-service.js.map +1 -1
- package/lib/components/guide-cue/guide-cue.js +14 -1
- package/lib/components/guide-cue/guide-cue.js.map +1 -1
- package/lib/components/icons/favorite-icon.js +3 -1
- package/lib/components/icons/favorite-icon.js.map +1 -1
- package/lib/components/index-keys-badge.js +1 -0
- package/lib/components/index-keys-badge.js.map +1 -1
- package/lib/components/inline-definition.js +1 -0
- package/lib/components/inline-definition.js.map +1 -1
- package/lib/components/interactive-popover.d.ts +3 -0
- package/lib/components/interactive-popover.d.ts.map +1 -1
- package/lib/components/interactive-popover.js +6 -0
- package/lib/components/interactive-popover.js.map +1 -1
- package/lib/components/item-action-controls.d.ts +2 -1
- package/lib/components/item-action-controls.d.ts.map +1 -1
- package/lib/components/item-action-controls.js +31 -4
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/keyline-card.d.ts +7 -0
- package/lib/components/keyline-card.d.ts.map +1 -1
- package/lib/components/leafygreen.js +8 -0
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/links/link.js +2 -0
- package/lib/components/links/link.js.map +1 -1
- package/lib/components/modals/modal-body.js +2 -0
- package/lib/components/modals/modal-body.js.map +1 -1
- package/lib/components/modals/modal.js +8 -0
- package/lib/components/modals/modal.js.map +1 -1
- package/lib/components/options-toggle.js +5 -1
- package/lib/components/options-toggle.js.map +1 -1
- package/lib/components/placeholder.js +1 -0
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/resize-handle.js +4 -0
- package/lib/components/resize-handle.js.map +1 -1
- package/lib/components/resizeable-sidebar.js +2 -0
- package/lib/components/resizeable-sidebar.js.map +1 -1
- package/lib/components/signal-popover.d.ts +19 -0
- package/lib/components/signal-popover.d.ts.map +1 -1
- package/lib/components/signal-popover.js +43 -3
- package/lib/components/signal-popover.js.map +1 -1
- package/lib/components/tab-nav-bar.d.ts +11 -4
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.js +14 -11
- package/lib/components/tab-nav-bar.js.map +1 -1
- package/lib/components/toast-body.js +1 -0
- package/lib/components/toast-body.js.map +1 -1
- package/lib/components/virtual-grid.d.ts +42 -0
- package/lib/components/virtual-grid.d.ts.map +1 -1
- package/lib/components/virtual-grid.js +3 -0
- package/lib/components/virtual-grid.js.map +1 -1
- package/lib/components/virtual-list.d.ts +69 -0
- package/lib/components/virtual-list.d.ts.map +1 -1
- package/lib/components/virtual-list.js +9 -1
- package/lib/components/virtual-list.js.map +1 -1
- package/lib/components/workspace-container.js +10 -0
- package/lib/components/workspace-container.js.map +1 -1
- package/lib/components/workspace-tabs/tab.js +15 -1
- package/lib/components/workspace-tabs/tab.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.js +5 -1
- package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
- package/lib/hooks/use-confirmation.js +12 -1
- package/lib/hooks/use-confirmation.js.map +1 -1
- package/lib/hooks/use-default-action.d.ts +8 -0
- package/lib/hooks/use-default-action.d.ts.map +1 -1
- package/lib/hooks/use-default-action.js +11 -1
- package/lib/hooks/use-default-action.js.map +1 -1
- package/lib/hooks/use-effect-on-change.d.ts +6 -0
- package/lib/hooks/use-effect-on-change.d.ts.map +1 -1
- package/lib/hooks/use-effect-on-change.js +18 -1
- package/lib/hooks/use-effect-on-change.js.map +1 -1
- package/lib/hooks/use-focus-ring.d.ts +19 -0
- package/lib/hooks/use-focus-ring.d.ts.map +1 -1
- package/lib/hooks/use-focus-ring.js +21 -0
- package/lib/hooks/use-focus-ring.js.map +1 -1
- package/lib/hooks/use-hotkeys.d.ts +14 -0
- package/lib/hooks/use-hotkeys.d.ts.map +1 -1
- package/lib/hooks/use-hotkeys.js +18 -3
- package/lib/hooks/use-hotkeys.js.map +1 -1
- package/lib/hooks/use-persisted-state.d.ts +9 -0
- package/lib/hooks/use-persisted-state.d.ts.map +1 -1
- package/lib/hooks/use-persisted-state.js +9 -0
- package/lib/hooks/use-persisted-state.js.map +1 -1
- package/lib/hooks/use-scrollbars.d.ts +7 -0
- package/lib/hooks/use-scrollbars.d.ts.map +1 -1
- package/lib/hooks/use-scrollbars.js +19 -0
- package/lib/hooks/use-scrollbars.js.map +1 -1
- package/lib/hooks/use-sort.js +6 -0
- package/lib/hooks/use-sort.js.map +1 -1
- package/lib/hooks/use-stacked-component.js +1 -0
- package/lib/hooks/use-stacked-component.js.map +1 -1
- package/lib/hooks/use-theme.js +10 -1
- package/lib/hooks/use-theme.js.map +1 -1
- package/lib/hooks/use-toast.d.ts +15 -0
- package/lib/hooks/use-toast.d.ts.map +1 -1
- package/lib/hooks/use-toast.js +30 -0
- package/lib/hooks/use-toast.js.map +1 -1
- package/lib/hooks/use-virtual-grid.d.ts +8 -0
- package/lib/hooks/use-virtual-grid.d.ts.map +1 -1
- package/lib/hooks/use-virtual-grid.js +29 -0
- package/lib/hooks/use-virtual-grid.js.map +1 -1
- package/lib/hooks/use-virtual-list-item-observer.js +23 -0
- package/lib/hooks/use-virtual-list-item-observer.js.map +1 -1
- package/lib/utils/format-date.js +2 -0
- package/lib/utils/format-date.js.map +1 -1
- package/lib/utils/merge-props.js +1 -0
- package/lib/utils/merge-props.js.map +1 -1
- package/lib/utils/rafraf.d.ts +10 -0
- package/lib/utils/rafraf.d.ts.map +1 -1
- package/lib/utils/rafraf.js +10 -0
- package/lib/utils/rafraf.js.map +1 -1
- package/package.json +7 -10
- package/lib/hooks/use-virtual-grid.test.d.ts +0 -2
- package/lib/hooks/use-virtual-grid.test.d.ts.map +0 -1
- package/lib/hooks/use-virtual-grid.test.js +0 -210
- package/lib/hooks/use-virtual-grid.test.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxMenu.js","sourceRoot":"","sources":["../../../../src/components/combobox/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,qEAA6C;AAE7C,oDAAiD;AACjD,gDAA0E;AAC1E,+DAAuC;AACvC,oDAAiD;AACjD,iDAA2C;AAG3C,wDAAqD;AAErD,+CAUuB;AAoBV,QAAA,YAAY,GAAG,eAAK,CAAC,UAAU,CAC1C,CACE,EACE,QAAQ,EACR,EAAE,EACF,KAAK,EACL,OAAO,EACP,oBAAoB,EACpB,kBAAkB,EAClB,kBAAkB,EAClB,SAAS,EACT,GAAG,YAAY,EACG,EACpB,YAAY,EACZ,EAAE;IACF,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,GAC5D,IAAA,kBAAU,EAAC,iCAAe,CAAC,CAAC;IAC9B,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,YAAY,EAAE,IAAI,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxMenu.js","sourceRoot":"","sources":["../../../../src/components/combobox/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,14 @@ export declare const menuItemPadding: Record<Size, {
|
|
|
4
4
|
x: number;
|
|
5
5
|
y: number;
|
|
6
6
|
}>;
|
|
7
|
+
/** Height of a menu item (in px) */
|
|
7
8
|
export declare const menuItemHeight: {
|
|
8
9
|
default: number;
|
|
9
10
|
large: number;
|
|
10
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* Menu styles
|
|
14
|
+
*/
|
|
11
15
|
export declare const popoverStyle: string;
|
|
12
16
|
export declare const popoverThemeStyle: Record<Theme, string>;
|
|
13
17
|
export declare const menuBaseStyle: string;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -11,10 +11,14 @@ exports.menuItemPadding = {
|
|
|
11
11
|
[Combobox_types_1.ComboboxSize.Default]: { x: 12, y: 8 },
|
|
12
12
|
[Combobox_types_1.ComboboxSize.Large]: { x: 12, y: 8 },
|
|
13
13
|
};
|
|
14
|
+
/** Height of a menu item (in px) */
|
|
14
15
|
exports.menuItemHeight = {
|
|
15
16
|
[Combobox_types_1.ComboboxSize.Default]: tokens_1.typeScales.body1.lineHeight + 2 * exports.menuItemPadding[Combobox_types_1.ComboboxSize.Default].y,
|
|
16
17
|
[Combobox_types_1.ComboboxSize.Large]: tokens_1.typeScales.body2.lineHeight + 2 * exports.menuItemPadding[Combobox_types_1.ComboboxSize.Large].y,
|
|
17
18
|
};
|
|
19
|
+
/**
|
|
20
|
+
* Menu styles
|
|
21
|
+
*/
|
|
18
22
|
exports.popoverStyle = (0, emotion_1.css) `
|
|
19
23
|
overflow: hidden;
|
|
20
24
|
border-radius: 12px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.js","sourceRoot":"","sources":["../../../../src/components/combobox/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":";;;AAAA,uCAA0C;AAE1C,oDAAwD;AACxD,4CAA2C;AAC3C,oDAAiD;AACjD,kDAA0E;AAE1E,sDAAyD;AAE5C,QAAA,eAAe,GAA2C;IACrE,CAAC,6BAAI,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;IAC/B,CAAC,6BAAI,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;CAC9B,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.styles.js","sourceRoot":"","sources":["../../../../src/components/combobox/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import type { ComboboxOptionProps, InternalComboboxOptionProps } from './Combobox.types';
|
|
4
|
+
/**
|
|
5
|
+
* Component
|
|
6
|
+
*/
|
|
4
7
|
declare const InternalComboboxOption: React.ForwardRefExoticComponent<InternalComboboxOptionProps & React.RefAttributes<HTMLLIElement>>;
|
|
5
8
|
export { InternalComboboxOption };
|
|
6
9
|
export declare function ComboboxOption(_: ComboboxOptionProps): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.ComboboxOption = exports.InternalComboboxOption = void 0;
|
|
30
|
+
/* eslint-disable filename-rules/match */
|
|
30
31
|
const react_1 = __importStar(require("react"));
|
|
31
32
|
const prop_types_1 = __importDefault(require("prop-types"));
|
|
32
33
|
const checkbox_1 = __importDefault(require("@leafygreen-ui/checkbox"));
|
|
@@ -40,6 +41,9 @@ const Menu_styles_1 = require("./ComboboxMenu/Menu.styles");
|
|
|
40
41
|
const Combobox_types_1 = require("./Combobox.types");
|
|
41
42
|
const ComboboxContext_1 = require("./ComboboxContext");
|
|
42
43
|
const utils_1 = require("./utils");
|
|
44
|
+
/**
|
|
45
|
+
* Styles
|
|
46
|
+
*/
|
|
43
47
|
const comboboxOptionBaseStyle = (0, emotion_1.css) `
|
|
44
48
|
position: relative;
|
|
45
49
|
display: flex;
|
|
@@ -182,11 +186,17 @@ const disallowPointer = (0, emotion_1.css) `
|
|
|
182
186
|
const displayNameStyle = (isSelected) => (0, emotion_1.css) `
|
|
183
187
|
font-weight: ${isSelected ? 'bold' : 'normal'};
|
|
184
188
|
`;
|
|
189
|
+
/**
|
|
190
|
+
* Component
|
|
191
|
+
*/
|
|
185
192
|
const InternalComboboxOption = react_1.default.forwardRef(({ displayName, glyph, isSelected, isFocused, disabled, setSelected, className, description, }, forwardedRef) => {
|
|
186
193
|
const { multiselect, darkMode, theme, withIcons, inputValue, size, searchInputSize, } = (0, react_1.useContext)(ComboboxContext_1.ComboboxContext);
|
|
187
194
|
const optionTextId = (0, hooks_1.useIdAllocator)({ prefix: 'combobox-option-text' });
|
|
188
195
|
const optionRef = (0, hooks_1.useForwardedRef)(forwardedRef, null);
|
|
189
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
|
|
190
200
|
e.stopPropagation();
|
|
191
201
|
if (!disabled) {
|
|
192
202
|
setSelected();
|
|
@@ -197,10 +207,12 @@ const InternalComboboxOption = react_1.default.forwardRef(({ displayName, glyph,
|
|
|
197
207
|
if ((0, icon_1.isComponentGlyph)(glyph)) {
|
|
198
208
|
return glyph;
|
|
199
209
|
}
|
|
210
|
+
// eslint-disable-next-line no-console
|
|
200
211
|
console.error('`ComboboxOption` instance did not render icon because it is not a known glyph element.', glyph);
|
|
201
212
|
}
|
|
202
213
|
}, [glyph]);
|
|
203
214
|
const renderedChildren = (0, react_1.useMemo)(() => {
|
|
215
|
+
// Multiselect
|
|
204
216
|
if (multiselect) {
|
|
205
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) `
|
|
206
218
|
// TODO: Remove when this is resolved:
|
|
@@ -217,6 +229,7 @@ const InternalComboboxOption = react_1.default.forwardRef(({ displayName, glyph,
|
|
|
217
229
|
withIcons && checkbox),
|
|
218
230
|
description && react_1.default.createElement("span", null, description)));
|
|
219
231
|
}
|
|
232
|
+
// Single select
|
|
220
233
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
221
234
|
react_1.default.createElement("span", { className: optionNameStyles(searchInputSize) },
|
|
222
235
|
react_1.default.createElement("span", { className: (0, emotion_1.cx)(flexSpan, disallowPointer) },
|
|
@@ -243,6 +256,7 @@ const InternalComboboxOption = react_1.default.forwardRef(({ displayName, glyph,
|
|
|
243
256
|
});
|
|
244
257
|
exports.InternalComboboxOption = InternalComboboxOption;
|
|
245
258
|
InternalComboboxOption.displayName = 'ComboboxOption';
|
|
259
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
246
260
|
function ComboboxOption(_) {
|
|
247
261
|
throw Error('`ComboboxOption` must be a child of a `Combobox` instance');
|
|
248
262
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"ComboboxOption.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxOption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import { Theme } from '@leafygreen-ui/lib';
|
|
2
2
|
import { ComboboxSize } from './Combobox.types';
|
|
3
|
+
/** Height of a menu item (in px) */
|
|
3
4
|
export declare const menuItemHeight = 36;
|
|
4
5
|
export declare const menuItemPadding: Record<ComboboxSize, {
|
|
5
6
|
x: number;
|
|
6
7
|
y: number;
|
|
7
8
|
}>;
|
|
9
|
+
/**
|
|
10
|
+
* Menu styles
|
|
11
|
+
*/
|
|
8
12
|
export declare const popoverStyle: (width?: number) => string;
|
|
9
13
|
export declare const popoverThemeStyle: Record<Theme, string>;
|
|
10
14
|
export declare const menuBaseStyle: string;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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"}
|
|
@@ -6,11 +6,15 @@ const lib_1 = require("@leafygreen-ui/lib");
|
|
|
6
6
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
7
7
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
8
8
|
const Combobox_types_1 = require("./Combobox.types");
|
|
9
|
+
/** Height of a menu item (in px) */
|
|
9
10
|
exports.menuItemHeight = 36;
|
|
10
11
|
exports.menuItemPadding = {
|
|
11
12
|
[Combobox_types_1.ComboboxSize.Default]: { x: 12, y: 8 },
|
|
12
13
|
[Combobox_types_1.ComboboxSize.Large]: { x: 12, y: 8 },
|
|
13
14
|
};
|
|
15
|
+
/**
|
|
16
|
+
* Menu styles
|
|
17
|
+
*/
|
|
14
18
|
const popoverStyle = (width = 384) => (0, emotion_1.css) `
|
|
15
19
|
border-radius: 4px;
|
|
16
20
|
width: ${width}px;
|
|
@@ -21,7 +25,7 @@ exports.popoverThemeStyle = {
|
|
|
21
25
|
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
22
26
|
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
|
|
23
27
|
`,
|
|
24
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) ``,
|
|
28
|
+
[lib_1.Theme.Dark]: (0, emotion_1.css) ``, // TODO: DarkMode
|
|
25
29
|
};
|
|
26
30
|
exports.menuBaseStyle = (0, emotion_1.css) `
|
|
27
31
|
position: relative;
|
|
@@ -39,7 +43,7 @@ exports.menuThemeStyle = {
|
|
|
39
43
|
color: ${palette_1.palette.gray.dark3};
|
|
40
44
|
background-color: ${palette_1.palette.white};
|
|
41
45
|
`,
|
|
42
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) ``,
|
|
46
|
+
[lib_1.Theme.Dark]: (0, emotion_1.css) ``, // TODO: DarkMode
|
|
43
47
|
};
|
|
44
48
|
exports.menuList = (0, emotion_1.css) `
|
|
45
49
|
position: relative;
|
|
@@ -56,7 +60,7 @@ exports.menuMessageThemeStyle = {
|
|
|
56
60
|
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
57
61
|
${palette_1.palette.gray.dark1}
|
|
58
62
|
`,
|
|
59
|
-
[lib_1.Theme.Dark]: (0, emotion_1.css) ``,
|
|
63
|
+
[lib_1.Theme.Dark]: (0, emotion_1.css) ``, // TODO: DarkMode
|
|
60
64
|
};
|
|
61
65
|
exports.menuMessageSizeStyle = {
|
|
62
66
|
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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,5 +1,23 @@
|
|
|
1
1
|
import { OptionObject } from '../Combobox.types';
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* @param value
|
|
5
|
+
* @param options
|
|
6
|
+
* @internal
|
|
7
|
+
*/
|
|
2
8
|
export declare const getOptionObjectFromValue: (value: string | null, options: Array<OptionObject>) => OptionObject | undefined;
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* @param value
|
|
12
|
+
* @param options
|
|
13
|
+
* @internal
|
|
14
|
+
*/
|
|
3
15
|
export declare const getDisplayNameForValue: (value: string | null, options: Array<OptionObject>) => string;
|
|
16
|
+
/**
|
|
17
|
+
*
|
|
18
|
+
* @param value
|
|
19
|
+
* @param options
|
|
20
|
+
* @internal
|
|
21
|
+
*/
|
|
4
22
|
export declare const getValueForDisplayName: (displayName: string | null, options: Array<OptionObject>) => string;
|
|
5
23
|
//# sourceMappingURL=OptionObjectUtils.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionObjectUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/OptionObjectUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"OptionObjectUtils.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/OptionObjectUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD;;;;;GAKG;AACH,eAAO,MAAM,wBAAwB,UAC5B,MAAM,GAAG,IAAI,WACX,MAAM,YAAY,CAAC,KAC3B,YAAY,GAAG,SAEjB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,UAC1B,MAAM,GAAG,IAAI,WACX,MAAM,YAAY,CAAC,KAC3B,MAIF,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,gBACpB,MAAM,GAAG,IAAI,WACjB,MAAM,YAAY,CAAC,KAC3B,MAKF,CAAC"}
|
|
@@ -1,17 +1,35 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getValueForDisplayName = exports.getDisplayNameForValue = exports.getOptionObjectFromValue = void 0;
|
|
4
|
+
/**
|
|
5
|
+
*
|
|
6
|
+
* @param value
|
|
7
|
+
* @param options
|
|
8
|
+
* @internal
|
|
9
|
+
*/
|
|
4
10
|
const getOptionObjectFromValue = (value, options) => {
|
|
5
11
|
if (value)
|
|
6
12
|
return options.find((opt) => opt.value === value);
|
|
7
13
|
};
|
|
8
14
|
exports.getOptionObjectFromValue = getOptionObjectFromValue;
|
|
15
|
+
/**
|
|
16
|
+
*
|
|
17
|
+
* @param value
|
|
18
|
+
* @param options
|
|
19
|
+
* @internal
|
|
20
|
+
*/
|
|
9
21
|
const getDisplayNameForValue = (value, options) => {
|
|
10
22
|
return value
|
|
11
23
|
? (0, exports.getOptionObjectFromValue)(value, options)?.displayName ?? value
|
|
12
24
|
: '';
|
|
13
25
|
};
|
|
14
26
|
exports.getDisplayNameForValue = getDisplayNameForValue;
|
|
27
|
+
/**
|
|
28
|
+
*
|
|
29
|
+
* @param value
|
|
30
|
+
* @param options
|
|
31
|
+
* @internal
|
|
32
|
+
*/
|
|
15
33
|
const getValueForDisplayName = (displayName, options) => {
|
|
16
34
|
return displayName
|
|
17
35
|
? options.find((opt) => opt.displayName === displayName)?.value ??
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionObjectUtils.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/OptionObjectUtils.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"OptionObjectUtils.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/OptionObjectUtils.ts"],"names":[],"mappings":";;;AACA;;;;;GAKG;AACI,MAAM,wBAAwB,GAAG,CACtC,KAAoB,EACpB,OAA4B,EACF,EAAE;IAC5B,IAAI,KAAK;QAAE,OAAO,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;AAC/D,CAAC,CAAC;AALW,QAAA,wBAAwB,4BAKnC;AAEF;;;;;GAKG;AACI,MAAM,sBAAsB,GAAG,CACpC,KAAoB,EACpB,OAA4B,EACpB,EAAE;IACV,OAAO,KAAK;QACV,CAAC,CAAC,IAAA,gCAAwB,EAAC,KAAK,EAAE,OAAO,CAAC,EAAE,WAAW,IAAI,KAAK;QAChE,CAAC,CAAC,EAAE,CAAC;AACT,CAAC,CAAC;AAPW,QAAA,sBAAsB,0BAOjC;AAEF;;;;;GAKG;AACI,MAAM,sBAAsB,GAAG,CACpC,WAA0B,EAC1B,OAA4B,EACpB,EAAE;IACV,OAAO,WAAW;QAChB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,KAAK,WAAW,CAAC,EAAE,KAAK;YAC3D,WAAW;QACf,CAAC,CAAC,EAAE,CAAC;AACT,CAAC,CAAC;AARW,QAAA,sBAAsB,0BAQjC"}
|
|
@@ -1,4 +1,12 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { OptionObject } from '../Combobox.types';
|
|
3
|
+
/**
|
|
4
|
+
*
|
|
5
|
+
* Flattens multiple nested ComboboxOptions into a 1D array
|
|
6
|
+
*
|
|
7
|
+
* @param _children
|
|
8
|
+
* @returns `Array<OptionObject>`
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
3
11
|
export declare const flattenChildren: (_children: React.ReactNode) => Array<OptionObject>;
|
|
4
12
|
//# sourceMappingURL=flattenChildren.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flattenChildren.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/flattenChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"flattenChildren.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/flattenChildren.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAIjD;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,cACf,MAAM,SAAS,KACzB,MAAM,YAAY,CAiCpB,CAAC"}
|
|
@@ -7,8 +7,20 @@ exports.flattenChildren = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const lib_1 = require("@leafygreen-ui/lib");
|
|
9
9
|
const getNameAndValue_1 = require("./getNameAndValue");
|
|
10
|
+
/**
|
|
11
|
+
*
|
|
12
|
+
* Flattens multiple nested ComboboxOptions into a 1D array
|
|
13
|
+
*
|
|
14
|
+
* @param _children
|
|
15
|
+
* @returns `Array<OptionObject>`
|
|
16
|
+
* @internal
|
|
17
|
+
*/
|
|
10
18
|
const flattenChildren = (_children) => {
|
|
11
|
-
|
|
19
|
+
// TS doesn't like .reduce
|
|
20
|
+
// @ts-expect-error
|
|
21
|
+
return react_1.default.Children.toArray(_children).reduce(
|
|
22
|
+
// @ts-expect-error
|
|
23
|
+
(acc, child) => {
|
|
12
24
|
if ((0, lib_1.isComponentType)(child, 'ComboboxOption')) {
|
|
13
25
|
const { value, displayName } = (0, getNameAndValue_1.getNameAndValue)(child.props);
|
|
14
26
|
const { glyph, disabled, description } = child.props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"flattenChildren.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/flattenChildren.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4CAAwE;AAIxE,uDAAoD;
|
|
1
|
+
{"version":3,"file":"flattenChildren.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/flattenChildren.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4CAAwE;AAIxE,uDAAoD;AAEpD;;;;;;;GAOG;AACI,MAAM,eAAe,GAAG,CAC7B,SAA0B,EACL,EAAE;IACvB,0BAA0B;IAC1B,mBAAmB;IACnB,OAAO,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,MAAM;IAC7C,mBAAmB;IACnB,CACE,GAAwB,EACxB,KAAsB,EACW,EAAE;QACnC,IAAI,IAAA,qBAAe,EAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE;YAC5C,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,IAAA,iCAAe,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC5D,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;YAErD,OAAO;gBACL,GAAG,GAAG;gBACN;oBACE,KAAK;oBACL,WAAW;oBACX,UAAU,EAAE,CAAC,CAAC,QAAQ;oBACtB,QAAQ,EAAE,CAAC,CAAC,KAAK;oBACjB,WAAW;iBACZ;aACF,CAAC;SACH;aAAM,IAAI,IAAA,qBAAe,EAAC,KAAK,EAAE,eAAe,CAAC,EAAE;YAClD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC;YAEjC,IAAI,QAAQ,EAAE;gBACZ,OAAO,CAAC,GAAG,GAAG,EAAE,GAAG,IAAA,uBAAe,EAAC,QAAQ,CAAC,CAAC,CAAC;aAC/C;SACF;IACH,CAAC,EACD,EAAyB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,eAAe,mBAmC1B"}
|
|
@@ -1,4 +1,13 @@
|
|
|
1
1
|
import { ComboboxOptionProps } from '../Combobox.types';
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Returns an object with properties `value` & `displayName`
|
|
5
|
+
* based on the props provided
|
|
6
|
+
*
|
|
7
|
+
* @property value: string
|
|
8
|
+
* @property displayName: string
|
|
9
|
+
* @internal
|
|
10
|
+
*/
|
|
2
11
|
export declare const getNameAndValue: ({ value: valProp, displayName: nameProp, }: ComboboxOptionProps) => {
|
|
3
12
|
value: string;
|
|
4
13
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getNameAndValue.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/getNameAndValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"getNameAndValue.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/getNameAndValue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,+CAGzB,mBAAmB,KAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CAMrB,CAAC"}
|
|
@@ -5,10 +5,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.getNameAndValue = void 0;
|
|
7
7
|
const kebabCase_1 = __importDefault(require("lodash/kebabCase"));
|
|
8
|
+
/**
|
|
9
|
+
*
|
|
10
|
+
* Returns an object with properties `value` & `displayName`
|
|
11
|
+
* based on the props provided
|
|
12
|
+
*
|
|
13
|
+
* @property value: string
|
|
14
|
+
* @property displayName: string
|
|
15
|
+
* @internal
|
|
16
|
+
*/
|
|
8
17
|
const getNameAndValue = ({ value: valProp, displayName: nameProp, }) => {
|
|
9
18
|
return {
|
|
10
19
|
value: valProp ?? (0, kebabCase_1.default)(nameProp),
|
|
11
|
-
displayName: nameProp ?? valProp ?? '',
|
|
20
|
+
displayName: nameProp ?? valProp ?? '', // TODO consider adding a prop to customize displayName => startCase(valProp),
|
|
12
21
|
};
|
|
13
22
|
};
|
|
14
23
|
exports.getNameAndValue = getNameAndValue;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getNameAndValue.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/getNameAndValue.ts"],"names":[],"mappings":";;;;;;AAAA,iEAAyC;
|
|
1
|
+
{"version":3,"file":"getNameAndValue.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/getNameAndValue.ts"],"names":[],"mappings":";;;;;;AAAA,iEAAyC;AAIzC;;;;;;;;GAQG;AACI,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,QAAQ,GACD,EAGpB,EAAE;IACF,OAAO;QACL,KAAK,EAAE,OAAO,IAAI,IAAA,mBAAS,EAAC,QAAQ,CAAC;QACrC,WAAW,EAAE,QAAQ,IAAI,OAAO,IAAI,EAAE,EAAE,8EAA8E;KACvH,CAAC;AACJ,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B"}
|
|
@@ -1,2 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Wraps every instance of `wrap` found in `str` in the provided `element`.
|
|
4
|
+
*
|
|
5
|
+
* E.g. `wrapJSX('Apple', 'ap', 'em') => <em>Ap</em>ple`
|
|
6
|
+
*
|
|
7
|
+
* @param str
|
|
8
|
+
* @param wrap
|
|
9
|
+
* @param element
|
|
10
|
+
* @returns `JSX.Element`
|
|
11
|
+
* @internal
|
|
12
|
+
*/
|
|
1
13
|
export declare const wrapJSX: (str: string, wrap?: string, element?: keyof HTMLElementTagNameMap) => JSX.Element;
|
|
2
14
|
//# sourceMappingURL=wrapJSX.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wrapJSX.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/wrapJSX.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"wrapJSX.d.ts","sourceRoot":"","sources":["../../../../src/components/combobox/utils/wrapJSX.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,QACb,MAAM,SACJ,MAAM,YACH,MAAM,qBAAqB,KACpC,WAqCF,CAAC"}
|
|
@@ -6,6 +6,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.wrapJSX = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const escapeRegExp_1 = __importDefault(require("lodash/escapeRegExp"));
|
|
9
|
+
/**
|
|
10
|
+
*
|
|
11
|
+
* Wraps every instance of `wrap` found in `str` in the provided `element`.
|
|
12
|
+
*
|
|
13
|
+
* E.g. `wrapJSX('Apple', 'ap', 'em') => <em>Ap</em>ple`
|
|
14
|
+
*
|
|
15
|
+
* @param str
|
|
16
|
+
* @param wrap
|
|
17
|
+
* @param element
|
|
18
|
+
* @returns `JSX.Element`
|
|
19
|
+
* @internal
|
|
20
|
+
*/
|
|
9
21
|
const wrapJSX = (str, wrap, element) => {
|
|
10
22
|
if (wrap && element) {
|
|
11
23
|
const cleanWrap = (0, escapeRegExp_1.default)(wrap);
|
|
@@ -13,11 +25,20 @@ const wrapJSX = (str, wrap, element) => {
|
|
|
13
25
|
const matches = str.matchAll(regex);
|
|
14
26
|
if (matches) {
|
|
15
27
|
const outArray = str.split('');
|
|
28
|
+
/**
|
|
29
|
+
* For every match, splice it into the "string",
|
|
30
|
+
* wrapped in the React element
|
|
31
|
+
*/
|
|
32
|
+
// Consider adding --downlevelIteration TS flag so we don't need Array.from
|
|
16
33
|
for (const match of Array.from(matches)) {
|
|
17
34
|
const matchIndex = match.index ?? -1;
|
|
18
35
|
const matchContent = match[0];
|
|
19
36
|
const matchLength = matchContent.length;
|
|
20
37
|
const key = matchIndex + matchContent + matchLength;
|
|
38
|
+
// We create a replacement array that's
|
|
39
|
+
// the same length as the match we're deleting,
|
|
40
|
+
// in order to keep the matchIndexes aligned
|
|
41
|
+
// with the indexes of the output array
|
|
21
42
|
const replacement = new Array(matchLength).fill('');
|
|
22
43
|
replacement[0] = react_1.default.createElement(element, { key }, matchContent);
|
|
23
44
|
outArray.splice(matchIndex, matchLength, ...replacement);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"wrapJSX.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/wrapJSX.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0C;AAC1C,uEAA+C;
|
|
1
|
+
{"version":3,"file":"wrapJSX.js","sourceRoot":"","sources":["../../../../src/components/combobox/utils/wrapJSX.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0C;AAC1C,uEAA+C;AAE/C;;;;;;;;;;;GAWG;AACI,MAAM,OAAO,GAAG,CACrB,GAAW,EACX,IAAa,EACb,OAAqC,EACxB,EAAE;IACf,IAAI,IAAI,IAAI,OAAO,EAAE;QACnB,MAAM,SAAS,GAAG,IAAA,sBAAY,EAAC,IAAI,CAAC,CAAC;QACrC,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;QAC1C,MAAM,OAAO,GAAG,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAI,OAAO,EAAE;YACX,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,EAAE,CAAsB,CAAC;YAEpD;;;eAGG;YACH,2EAA2E;YAC3E,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;gBACvC,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;gBACrC,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;gBAC9B,MAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC;gBACxC,MAAM,GAAG,GAAG,UAAU,GAAG,YAAY,GAAG,WAAW,CAAC;gBAEpD,uCAAuC;gBACvC,+CAA+C;gBAC/C,4CAA4C;gBAC5C,uCAAuC;gBACvC,MAAM,WAAW,GAAG,IAAI,KAAK,CAAa,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBAChE,WAAW,CAAC,CAAC,CAAC,GAAG,eAAK,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,YAAY,CAAC,CAAC;gBAErE,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,CAAC;aAC1D;YAED,OAAO,8DAAG,QAAQ,CAAI,CAAC;SACxB;QAED,OAAO,8DAAG,GAAG,CAAI,CAAC;KACnB;IAED,OAAO,8DAAG,GAAG,CAAI,CAAC;AACpB,CAAC,CAAC;AAzCW,QAAA,OAAO,WAyClB"}
|
|
@@ -57,6 +57,8 @@ const ComboboxWithCustomOption = ({ onChange, options: userOptions, multiselect
|
|
|
57
57
|
}
|
|
58
58
|
};
|
|
59
59
|
return (react_1.default.createElement(combobox_1.Combobox, { ...props, multiselect: multiselect, onFilter: setSearch, onBlur: (evt) => {
|
|
60
|
+
// Set a search value as the combobox value onBlur event to fix missing values on modal submit COMPASS-6511
|
|
61
|
+
// We don't do this for multiselect, because in this case, you should explicitly check the value in the list.
|
|
60
62
|
if (!multiselect) {
|
|
61
63
|
selectValueAndRunOnChange(evt.target.value);
|
|
62
64
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox-with-custom-option.js","sourceRoot":"","sources":["../../src/components/combobox-with-custom-option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,yCAAsC;AAY/B,MAAM,wBAAwB,GAAG,CAGtC,EACA,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,WAAW,GAAG,KAAU,EACxB,YAAY,EACZ,GAAG,KAAK,EAC4B,EAAE,EAAE;IACxC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAM,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,MAAM,UAAU,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,aAAa,CAAC,CAAC;QACtD,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAC7C,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CACnC,CAAC;QAEF,IAAI,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE;YAC/D,KAAK,CAAC,IAAI,CACR,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAO,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,CAClE,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzC,MAAM,yBAAyB,GAAG,CAAC,KAA+B,EAAE,EAAE;QACpE,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK;YAAE,OAAO;QAEhC,IAAI,WAAW,EAAE;YACf,MAAM,iBAAiB,GAAG,KAA8B,CAAC;YACzD,MAAM,aAAa,GAAG,iBAAiB;iBACpC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;iBAC9D,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAQ,CAAC;YACrC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YAC/B,QAA+B,CAAC,iBAAiB,CAAC,CAAC;SACrD;aAAM;YACL,MAAM,WAAW,GAAG,KAA+B,CAAC;YACpD,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,EAAE;gBACpE,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAO,CAAC,CAAC,CAAC;aACjD;YACA,QAAgC,CAAC,WAAW,CAAC,CAAC;SAChD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAQ,OACH,KAAK,EACT,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"combobox-with-custom-option.js","sourceRoot":"","sources":["../../src/components/combobox-with-custom-option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiD;AACjD,yCAAsC;AAY/B,MAAM,wBAAwB,GAAG,CAGtC,EACA,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,WAAW,GAAG,KAAU,EACxB,YAAY,EACZ,GAAG,KAAK,EAC4B,EAAE,EAAE;IACxC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAM,EAAE,CAAC,CAAC;IAC5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAEzC,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,MAAM,UAAU,GAAG,CAAC,GAAG,WAAW,EAAE,GAAG,aAAa,CAAC,CAAC;QACtD,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAC7C,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CACnC,CAAC;QAEF,IAAI,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,EAAE;YAC/D,KAAK,CAAC,IAAI,CACR,YAAY,CAAC,EAAE,KAAK,EAAE,MAAM,EAAO,EAAE,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,CAClE,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAEzC,MAAM,yBAAyB,GAAG,CAAC,KAA+B,EAAE,EAAE;QACpE,IAAI,CAAC,QAAQ,IAAI,CAAC,KAAK;YAAE,OAAO;QAEhC,IAAI,WAAW,EAAE;YACf,MAAM,iBAAiB,GAAG,KAA8B,CAAC;YACzD,MAAM,aAAa,GAAG,iBAAiB;iBACpC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC;iBAC9D,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAQ,CAAC;YACrC,gBAAgB,CAAC,aAAa,CAAC,CAAC;YAC/B,QAA+B,CAAC,iBAAiB,CAAC,CAAC;SACrD;aAAM;YACL,MAAM,WAAW,GAAG,KAA+B,CAAC;YACpD,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,WAAW,CAAC,EAAE;gBACpE,gBAAgB,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAO,CAAC,CAAC,CAAC;aACjD;YACA,QAAgC,CAAC,WAAW,CAAC,CAAC;SAChD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,mBAAQ,OACH,KAAK,EACT,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,SAAS,EACnB,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;YACd,2GAA2G;YAC3G,6GAA6G;YAC7G,IAAI,CAAC,WAAW,EAAE;gBAChB,yBAAyB,CAAE,GAAG,CAAC,MAAc,CAAC,KAAK,CAAC,CAAC;aACtD;QACH,CAAC,EACD,QAAQ,EAAE,yBAAyB,IAElC,eAAe,CACP,CACZ,CAAC;AACJ,CAAC,CAAC;AA/DW,QAAA,wBAAwB,4BA+DnC"}
|
|
@@ -3,13 +3,24 @@ import { GuideCueProvider } from './guide-cue/guide-cue';
|
|
|
3
3
|
import { SignalHooksProvider } from './signal-popover';
|
|
4
4
|
type GuideCueProviderProps = React.ComponentProps<typeof GuideCueProvider>;
|
|
5
5
|
type CompassComponentsProviderProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Dark mode to be passed to the leafygreen provider. If not provided, the
|
|
8
|
+
* value will be derived from the system settings
|
|
9
|
+
*/
|
|
6
10
|
darkMode?: boolean;
|
|
7
11
|
popoverPortalContainer?: HTMLElement;
|
|
12
|
+
/**
|
|
13
|
+
* Either React children or a render callback that will get the darkMode
|
|
14
|
+
* property passed as function properties
|
|
15
|
+
*/
|
|
8
16
|
children?: React.ReactNode | (({ darkMode, }: {
|
|
9
17
|
darkMode: boolean;
|
|
10
18
|
portalContainerRef: React.Ref<HTMLElement>;
|
|
11
19
|
scrollContainerRef: React.Ref<HTMLElement>;
|
|
12
20
|
}) => React.ReactElement | null);
|
|
21
|
+
/**
|
|
22
|
+
* zIndex for the stacked elements (modal, toast, popover)
|
|
23
|
+
*/
|
|
13
24
|
stackedElementsZIndex?: number;
|
|
14
25
|
} & {
|
|
15
26
|
onNextGuideGue?: GuideCueProviderProps['onNext'];
|
|
@@ -18,6 +29,18 @@ type CompassComponentsProviderProps = {
|
|
|
18
29
|
utmSource?: string;
|
|
19
30
|
utmMedium?: string;
|
|
20
31
|
} & React.ComponentProps<typeof SignalHooksProvider>;
|
|
32
|
+
/**
|
|
33
|
+
* This component combines most of the existing compass-component providers into
|
|
34
|
+
* one for the purposes of being reused between compass-main (electron) and
|
|
35
|
+
* compass-web. This component ONLY combines UI-related providers exported from
|
|
36
|
+
* the compass-components plugin and is not intended to include all the various
|
|
37
|
+
* other providers we use in the app that usually have a platform specific role
|
|
38
|
+
* (like WorkspacesProviders or FileInputBackendProvider).
|
|
39
|
+
*
|
|
40
|
+
* A rule of thumb for adding a new provider in this component tree should be
|
|
41
|
+
* whether or not it can be used completely interchangeably between electron and
|
|
42
|
+
* browser environment.
|
|
43
|
+
*/
|
|
21
44
|
export declare const CompassComponentsProvider: ({ darkMode: _darkMode, children, onNextGuideGue, onNextGuideCueGroup, utmSource, utmMedium, stackedElementsZIndex, popoverPortalContainer: _popoverPortalContainer, ...signalHooksProviderProps }: CompassComponentsProviderProps) => JSX.Element;
|
|
22
45
|
export {};
|
|
23
46
|
//# sourceMappingURL=compass-components-provider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;
|
|
1
|
+
{"version":3,"file":"compass-components-provider.d.ts","sourceRoot":"","sources":["../../src/components/compass-components-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,KAAK,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE3E,KAAK,8BAA8B,GAAG;IACpC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB,CAAC,EAAE,WAAW,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EACL,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,EACA,QAAQ,GACT,EAAE;QACD,QAAQ,EAAE,OAAO,CAAC;QAClB,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QAC3C,kBAAkB,EAAE,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;KAC5C,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IACrC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC,GAAG;IACF,cAAc,CAAC,EAAE,qBAAqB,CAAC,QAAQ,CAAC,CAAC;IACjD,mBAAmB,CAAC,EAAE,qBAAqB,CAAC,aAAa,CAAC,CAAC;CAC5D,GAAG;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAuCrD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,yBAAyB,sMAUnC,8BAA8B,gBAmDhC,CAAC"}
|