@mongodb-js/compass-components 1.3.0 → 1.5.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/accordion.d.ts +1 -2
- package/lib/components/accordion.d.ts.map +1 -1
- package/lib/components/accordion.js +3 -3
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/bson-value.d.ts +5 -3
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +52 -33
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/cancel-loader.d.ts.map +1 -1
- package/lib/components/cancel-loader.js +6 -1
- package/lib/components/cancel-loader.js.map +1 -1
- package/lib/components/combobox/Chip.d.ts +4 -0
- package/lib/components/combobox/Chip.d.ts.map +1 -0
- package/lib/components/combobox/Chip.js +229 -0
- package/lib/components/combobox/Chip.js.map +1 -0
- package/lib/components/combobox/Combobox.d.ts +39 -0
- package/lib/components/combobox/Combobox.d.ts.map +1 -0
- package/lib/components/combobox/Combobox.js +817 -0
- package/lib/components/combobox/Combobox.js.map +1 -0
- package/lib/components/combobox/Combobox.styles.d.ts +38 -0
- package/lib/components/combobox/Combobox.styles.d.ts.map +1 -0
- package/lib/components/combobox/Combobox.styles.js +278 -0
- package/lib/components/combobox/Combobox.styles.js.map +1 -0
- package/lib/components/combobox/Combobox.types.d.ts +121 -0
- package/lib/components/combobox/Combobox.types.d.ts.map +1 -0
- package/lib/components/combobox/Combobox.types.js +46 -0
- package/lib/components/combobox/Combobox.types.js.map +1 -0
- package/lib/components/combobox/ComboboxContext.d.ts +21 -0
- package/lib/components/combobox/ComboboxContext.d.ts.map +1 -0
- package/lib/components/combobox/ComboboxContext.js +19 -0
- package/lib/components/combobox/ComboboxContext.js.map +1 -0
- package/lib/components/combobox/ComboboxGroup.d.ts +15 -0
- package/lib/components/combobox/ComboboxGroup.d.ts.map +1 -0
- package/lib/components/combobox/ComboboxGroup.js +84 -0
- package/lib/components/combobox/ComboboxGroup.js.map +1 -0
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.d.ts +9 -0
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.d.ts.map +1 -0
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js +86 -0
- package/lib/components/combobox/ComboboxMenu/ComboboxMenu.js.map +1 -0
- package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts +22 -0
- package/lib/components/combobox/ComboboxMenu/Menu.styles.d.ts.map +1 -0
- package/lib/components/combobox/ComboboxMenu/Menu.styles.js +115 -0
- package/lib/components/combobox/ComboboxMenu/Menu.styles.js.map +1 -0
- package/lib/components/combobox/ComboboxOption.d.ts +17 -0
- package/lib/components/combobox/ComboboxOption.d.ts.map +1 -0
- package/lib/components/combobox/ComboboxOption.js +258 -0
- package/lib/components/combobox/ComboboxOption.js.map +1 -0
- package/lib/components/combobox/Menu.styles.d.ts +18 -0
- package/lib/components/combobox/Menu.styles.d.ts.map +1 -0
- package/lib/components/combobox/Menu.styles.js +98 -0
- package/lib/components/combobox/Menu.styles.js.map +1 -0
- package/lib/components/combobox/index.d.ts +4 -0
- package/lib/components/combobox/index.d.ts.map +1 -0
- package/lib/components/combobox/index.js +13 -0
- package/lib/components/combobox/index.js.map +1 -0
- package/lib/components/combobox/utils/OptionObjectUtils.d.ts +5 -0
- package/lib/components/combobox/utils/OptionObjectUtils.d.ts.map +1 -0
- package/lib/components/combobox/utils/OptionObjectUtils.js +23 -0
- package/lib/components/combobox/utils/OptionObjectUtils.js.map +1 -0
- package/lib/components/combobox/utils/flattenChildren.d.ts +4 -0
- package/lib/components/combobox/utils/flattenChildren.d.ts.map +1 -0
- package/lib/components/combobox/utils/flattenChildren.js +35 -0
- package/lib/components/combobox/utils/flattenChildren.js.map +1 -0
- package/lib/components/combobox/utils/getNameAndValue.d.ts +6 -0
- package/lib/components/combobox/utils/getNameAndValue.d.ts.map +1 -0
- package/lib/components/combobox/utils/getNameAndValue.js +16 -0
- package/lib/components/combobox/utils/getNameAndValue.js.map +1 -0
- package/lib/components/combobox/utils/index.d.ts +5 -0
- package/lib/components/combobox/utils/index.d.ts.map +1 -0
- package/lib/components/combobox/utils/index.js +14 -0
- package/lib/components/combobox/utils/index.js.map +1 -0
- package/lib/components/combobox/utils/wrapJSX.d.ts +3 -0
- package/lib/components/combobox/utils/wrapJSX.d.ts.map +1 -0
- package/lib/components/combobox/utils/wrapJSX.js +33 -0
- package/lib/components/combobox/utils/wrapJSX.js.map +1 -0
- package/lib/components/document-list/document-edit-actions-footer.d.ts.map +1 -1
- package/lib/components/document-list/document-edit-actions-footer.js +9 -5
- package/lib/components/document-list/document-edit-actions-footer.js.map +1 -1
- package/lib/components/document-list/element-actions.d.ts.map +1 -1
- package/lib/components/document-list/element-actions.js +15 -13
- package/lib/components/document-list/element-actions.js.map +1 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +41 -17
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/document-list/element.d.ts.map +1 -1
- package/lib/components/document-list/element.js +59 -9
- package/lib/components/document-list/element.js.map +1 -1
- package/lib/components/empty-content.d.ts.map +1 -1
- package/lib/components/empty-content.js +9 -2
- package/lib/components/empty-content.js.map +1 -1
- package/lib/components/file-input.d.ts +49 -17
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +107 -8
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/horizontal-rule.d.ts +4 -0
- package/lib/components/horizontal-rule.d.ts.map +1 -0
- package/lib/components/horizontal-rule.js +49 -0
- package/lib/components/horizontal-rule.js.map +1 -0
- package/lib/components/icons/document-icon.d.ts +1 -4
- package/lib/components/icons/document-icon.d.ts.map +1 -1
- package/lib/components/icons/document-icon.js +2 -2
- package/lib/components/icons/document-icon.js.map +1 -1
- package/lib/components/icons/favorite-icon.d.ts +6 -7
- package/lib/components/icons/favorite-icon.d.ts.map +1 -1
- package/lib/components/icons/favorite-icon.js +2 -2
- package/lib/components/icons/favorite-icon.js.map +1 -1
- package/lib/components/icons/no-saved-items-icon.d.ts +0 -1
- package/lib/components/icons/no-saved-items-icon.d.ts.map +1 -1
- package/lib/components/icons/no-saved-items-icon.js +2 -2
- package/lib/components/icons/no-saved-items-icon.js.map +1 -1
- package/lib/components/index-keys-badge.d.ts +11 -0
- package/lib/components/index-keys-badge.d.ts.map +1 -0
- package/lib/components/index-keys-badge.js +26 -0
- package/lib/components/index-keys-badge.js.map +1 -0
- package/lib/components/interactive-popover.js +2 -2
- package/lib/components/interactive-popover.js.map +1 -1
- package/lib/components/item-action-controls.d.ts +13 -0
- package/lib/components/item-action-controls.d.ts.map +1 -1
- package/lib/components/item-action-controls.js +44 -7
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/keyline-card.d.ts +1 -4
- package/lib/components/keyline-card.d.ts.map +1 -1
- package/lib/components/keyline-card.js +3 -3
- package/lib/components/keyline-card.js.map +1 -1
- package/lib/components/leafygreen.d.ts +29 -73
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +44 -69
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/modals/confirmation-modal.d.ts +1 -1
- package/lib/components/modals/confirmation-modal.d.ts.map +1 -1
- package/lib/components/modals/confirmation-modal.js +3 -2
- package/lib/components/modals/confirmation-modal.js.map +1 -1
- package/lib/components/modals/modal-body.d.ts +1 -1
- package/lib/components/modals/modal-body.d.ts.map +1 -1
- package/lib/components/modals/modal-body.js +31 -8
- package/lib/components/modals/modal-body.js.map +1 -1
- package/lib/components/modals/modal-footer-button.d.ts +2 -2
- package/lib/components/modals/modal-footer-button.d.ts.map +1 -1
- package/lib/components/modals/modal-footer-button.js +3 -4
- package/lib/components/modals/modal-footer-button.js.map +1 -1
- package/lib/components/modals/modal-header.d.ts +2 -3
- package/lib/components/modals/modal-header.d.ts.map +1 -1
- package/lib/components/modals/modal-header.js +2 -2
- package/lib/components/modals/modal-header.js.map +1 -1
- package/lib/components/modals/modal.d.ts +1 -1
- package/lib/components/modals/modal.d.ts.map +1 -1
- package/lib/components/modals/modal.js +5 -2
- package/lib/components/modals/modal.js.map +1 -1
- package/lib/components/placeholder.d.ts +3 -4
- package/lib/components/placeholder.d.ts.map +1 -1
- package/lib/components/placeholder.js +2 -2
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/resizeable-sidebar.d.ts.map +1 -1
- package/lib/components/resizeable-sidebar.js +2 -2
- package/lib/components/resizeable-sidebar.js.map +1 -1
- package/lib/components/spin-loader.d.ts +2 -1
- package/lib/components/spin-loader.d.ts.map +1 -1
- package/lib/components/spin-loader.js +10 -3
- package/lib/components/spin-loader.js.map +1 -1
- package/lib/components/store-connector.d.ts +17 -0
- package/lib/components/store-connector.d.ts.map +1 -0
- package/lib/components/store-connector.js +25 -0
- package/lib/components/store-connector.js.map +1 -0
- package/lib/components/tab-nav-bar.d.ts +2 -3
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.js +2 -2
- package/lib/components/tab-nav-bar.js.map +1 -1
- package/lib/components/tooltip.d.ts.map +1 -1
- package/lib/components/tooltip.js +2 -8
- package/lib/components/tooltip.js.map +1 -1
- package/lib/components/virtual-grid.d.ts +1 -1
- package/lib/components/workspace-container.d.ts +1 -2
- package/lib/components/workspace-container.d.ts.map +1 -1
- package/lib/components/workspace-container.js +13 -3
- package/lib/components/workspace-container.js.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts +3 -3
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.js +18 -4
- package/lib/components/workspace-tabs/tab.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +1 -2
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.js +48 -23
- package/lib/components/workspace-tabs/workspace-tabs.js.map +1 -1
- package/lib/hooks/use-effect-on-change.d.ts +3 -0
- package/lib/hooks/use-effect-on-change.d.ts.map +1 -0
- package/lib/hooks/use-effect-on-change.js +19 -0
- package/lib/hooks/use-effect-on-change.js.map +1 -0
- package/lib/hooks/use-formatted-date.d.ts +2 -0
- package/lib/hooks/use-formatted-date.d.ts.map +1 -0
- package/lib/hooks/use-formatted-date.js +20 -0
- package/lib/hooks/use-formatted-date.js.map +1 -0
- package/lib/hooks/use-scrollbars.d.ts +11 -0
- package/lib/hooks/use-scrollbars.d.ts.map +1 -0
- package/lib/hooks/use-scrollbars.js +117 -0
- package/lib/hooks/use-scrollbars.js.map +1 -0
- package/lib/hooks/use-theme.d.ts +11 -13
- package/lib/hooks/use-theme.d.ts.map +1 -1
- package/lib/hooks/use-theme.js +17 -21
- package/lib/hooks/use-theme.js.map +1 -1
- package/lib/hooks/use-toast.d.ts +2 -0
- package/lib/hooks/use-toast.d.ts.map +1 -1
- package/lib/hooks/use-toast.js +59 -37
- package/lib/hooks/use-toast.js.map +1 -1
- package/lib/index.d.ts +16 -8
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +34 -11
- package/lib/index.js.map +1 -1
- package/lib/utils/format-date.d.ts +2 -0
- package/lib/utils/format-date.d.ts.map +1 -0
- package/lib/utils/format-date.js +47 -0
- package/lib/utils/format-date.js.map +1 -0
- package/package.json +53 -44
- package/lib/components/checkbox.d.ts +0 -5
- package/lib/components/checkbox.d.ts.map +0 -1
- package/lib/components/checkbox.js +0 -15
- package/lib/components/checkbox.js.map +0 -1
- package/lib/components/document-list/font-awesome-icon.d.ts +0 -14
- package/lib/components/document-list/font-awesome-icon.d.ts.map +0 -1
- package/lib/components/document-list/font-awesome-icon.js +0 -29
- package/lib/components/document-list/font-awesome-icon.js.map +0 -1
- package/lib/components/toggle.d.ts +0 -5
- package/lib/components/toggle.d.ts.map +0 -1
- package/lib/components/toggle.js +0 -15
- package/lib/components/toggle.js.map +0 -1
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface AccordionProps extends React.HTMLProps<HTMLButtonElement> {
|
|
3
|
-
darkMode?: boolean;
|
|
4
3
|
text: string | React.ReactNode;
|
|
5
4
|
hintText?: string;
|
|
6
5
|
}
|
|
7
|
-
declare
|
|
6
|
+
declare function Accordion({ text, hintText, ...props }: React.PropsWithChildren<AccordionProps>): React.ReactElement;
|
|
8
7
|
export { Accordion };
|
|
9
8
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiDxC,UAAU,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACjE,
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiDxC,UAAU,cAAe,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC;IACjE,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AACD,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,YAAY,CAwC9D;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -29,8 +29,8 @@ const tokens_1 = require("@leafygreen-ui/tokens");
|
|
|
29
29
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
30
30
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
31
31
|
const utils_1 = require("@react-aria/utils");
|
|
32
|
-
const leafygreen_1 = require("./leafygreen");
|
|
33
32
|
const use_theme_1 = require("../hooks/use-theme");
|
|
33
|
+
const leafygreen_1 = require("./leafygreen");
|
|
34
34
|
const buttonStyles = (0, emotion_1.css)({
|
|
35
35
|
fontWeight: 'bold',
|
|
36
36
|
fontSize: '14px',
|
|
@@ -70,7 +70,8 @@ const buttonHintStyles = (0, emotion_1.css)({
|
|
|
70
70
|
padding: 0,
|
|
71
71
|
display: 'inline',
|
|
72
72
|
});
|
|
73
|
-
function
|
|
73
|
+
function Accordion({ text, hintText, ...props }) {
|
|
74
|
+
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
74
75
|
const [open, setOpen] = (0, react_1.useState)(false);
|
|
75
76
|
const regionId = (0, utils_1.useId)('region-');
|
|
76
77
|
const labelId = (0, utils_1.useId)('label-');
|
|
@@ -85,6 +86,5 @@ function UnthemedAccordion({ text, darkMode, hintText, ...props }) {
|
|
|
85
86
|
hintText && (react_1.default.createElement(leafygreen_1.Description, { className: buttonHintStyles }, hintText)))),
|
|
86
87
|
open && (react_1.default.createElement("div", { role: "region", "aria-labelledby": labelId, id: regionId }, props.children))));
|
|
87
88
|
}
|
|
88
|
-
const Accordion = (0, use_theme_1.withTheme)(UnthemedAccordion);
|
|
89
89
|
exports.Accordion = Accordion;
|
|
90
90
|
//# sourceMappingURL=accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAAiD;AACjD,oDAAiD;AACjD,6CAA0C;
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { TypeCastMap
|
|
2
|
+
import type { TypeCastMap } from 'hadron-type-checker';
|
|
3
3
|
import type { DBRef } from 'bson';
|
|
4
4
|
declare type ValueProps = {
|
|
5
5
|
[type in keyof TypeCastMap]: {
|
|
@@ -14,8 +14,10 @@ declare type ValueTypes = ValueProps['type'];
|
|
|
14
14
|
declare type PropsByValueType<V extends ValueTypes> = Omit<Extract<ValueProps, {
|
|
15
15
|
type: V;
|
|
16
16
|
}>, 'type'>;
|
|
17
|
-
export declare const
|
|
18
|
-
|
|
17
|
+
export declare const BSONValueContainer: React.FunctionComponent<React.HTMLProps<HTMLDivElement> & {
|
|
18
|
+
type?: ValueTypes;
|
|
19
|
+
chidren?: React.ReactChildren;
|
|
20
|
+
}>;
|
|
19
21
|
export declare const ObjectIdValue: React.FunctionComponent<PropsByValueType<'ObjectId'>>;
|
|
20
22
|
export declare const BinaryValue: React.FunctionComponent<PropsByValueType<'Binary'>>;
|
|
21
23
|
export declare const CodeValue: React.FunctionComponent<PropsByValueType<'Code'>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"bson-value.d.ts","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAQlC,aAAK,UAAU,GACX;KACG,IAAI,IAAI,MAAM,WAAW,GAAG;QAAE,IAAI,EAAE,IAAI,CAAC;QAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAA;KAAE;CACtE,CAAC,MAAM,WAAW,CAAC,GACpB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,KAAK,EAAE,KAAK,CAAA;CAAE,CAAC;AAOpC,aAAK,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,CAAC;AAErC,aAAK,gBAAgB,CAAC,CAAC,SAAS,UAAU,IAAI,IAAI,CAChD,OAAO,CAAC,UAAU,EAAE;IAAE,IAAI,EAAE,CAAC,CAAA;CAAE,CAAC,EAChC,MAAM,CACP,CAAC;AAoCF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,iBAAiB,CACtD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B,CAoCF,CAAC;AAWF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,iBAAiB,CACjD,gBAAgB,CAAC,UAAU,CAAC,CAa7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,QAAQ,CAAC,CAuD3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAcvE,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAgBvE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,GAAG,QAAQ,CAAA;CAAE,CAWpE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,QAAQ,CAAC,CAW3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,iBAAiB,CAClD,gBAAgB,CAAC,WAAW,CAAC,CAW9B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC7C,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;CAC3B,CAUA,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAczE,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,gBAAgB,CAAC,YAAY,CAAC,CAW/B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;CAChB,CAUA,CAAC;AAEF,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,UAAU,CAkClD,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -23,29 +23,38 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
23
23
|
return result;
|
|
24
24
|
};
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.UnknownValue = exports.SymbolValue = exports.DBRefValue = exports.KeyValue = exports.TimestampValue = exports.RegExpValue = exports.StringValue = exports.NumberValue = exports.DateValue = exports.CodeValue = exports.BinaryValue = exports.ObjectIdValue = exports.
|
|
26
|
+
exports.UnknownValue = exports.SymbolValue = exports.DBRefValue = exports.KeyValue = exports.TimestampValue = exports.RegExpValue = exports.StringValue = exports.NumberValue = exports.DateValue = exports.CodeValue = exports.BinaryValue = exports.ObjectIdValue = exports.BSONValueContainer = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
28
|
const bson_1 = require("bson");
|
|
29
|
+
const code_1 = require("@leafygreen-ui/code");
|
|
29
30
|
const leafygreen_1 = require("./leafygreen");
|
|
30
31
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
31
32
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
33
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
32
34
|
function truncate(str, length = 70) {
|
|
33
35
|
const truncated = str.slice(0, length);
|
|
34
36
|
return length < str.length ? `${truncated}…` : str;
|
|
35
37
|
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
38
|
+
const VALUE_COLOR_BY_THEME_AND_TYPE = {
|
|
39
|
+
[use_theme_1.Theme.Dark]: {
|
|
40
|
+
Int32: code_1.variantColors.dark[9],
|
|
41
|
+
Double: code_1.variantColors.dark[9],
|
|
42
|
+
Decimal128: code_1.variantColors.dark[9],
|
|
43
|
+
Date: code_1.variantColors.dark[9],
|
|
44
|
+
Boolean: code_1.variantColors.dark[10],
|
|
45
|
+
String: code_1.variantColors.dark[7],
|
|
46
|
+
ObjectId: code_1.variantColors.dark[5],
|
|
47
|
+
},
|
|
48
|
+
[use_theme_1.Theme.Light]: {
|
|
49
|
+
Int32: code_1.variantColors.light[9],
|
|
50
|
+
Double: code_1.variantColors.light[9],
|
|
51
|
+
Decimal128: code_1.variantColors.light[9],
|
|
52
|
+
Date: code_1.variantColors.light[9],
|
|
53
|
+
Boolean: code_1.variantColors.light[10],
|
|
54
|
+
String: code_1.variantColors.light[7],
|
|
55
|
+
ObjectId: code_1.variantColors.light[5],
|
|
56
|
+
},
|
|
57
|
+
};
|
|
49
58
|
const bsonValue = (0, emotion_1.css)({
|
|
50
59
|
whiteSpace: 'nowrap',
|
|
51
60
|
overflow: 'hidden',
|
|
@@ -54,12 +63,22 @@ const bsonValue = (0, emotion_1.css)({
|
|
|
54
63
|
const bsonValuePrewrap = (0, emotion_1.css)({
|
|
55
64
|
whiteSpace: 'pre-wrap',
|
|
56
65
|
});
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
66
|
+
const BSONValueContainer = ({ type, children, className, ...props }) => {
|
|
67
|
+
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
68
|
+
const textColorStyle = (0, react_1.useMemo)(() => {
|
|
69
|
+
var _a;
|
|
70
|
+
if (!type) {
|
|
71
|
+
return '';
|
|
72
|
+
}
|
|
73
|
+
const color = (_a = VALUE_COLOR_BY_THEME_AND_TYPE[darkMode ? use_theme_1.Theme.Dark : use_theme_1.Theme.Light]) === null || _a === void 0 ? void 0 : _a[type];
|
|
74
|
+
if (!color) {
|
|
75
|
+
return '';
|
|
76
|
+
}
|
|
77
|
+
return (0, emotion_1.css)({ color });
|
|
78
|
+
}, [type, darkMode]);
|
|
79
|
+
return (react_1.default.createElement("div", { ...props, className: (0, emotion_1.cx)(className, bsonValue, type === 'String' && bsonValuePrewrap, textColorStyle, `element-value element-value-is-${type ? type.toLowerCase() : 'unknown'}`) }, children));
|
|
80
|
+
};
|
|
81
|
+
exports.BSONValueContainer = BSONValueContainer;
|
|
63
82
|
const nonSelectable = (0, emotion_1.css)({
|
|
64
83
|
userSelect: 'none',
|
|
65
84
|
});
|
|
@@ -71,7 +90,7 @@ const ObjectIdValue = ({ value }) => {
|
|
|
71
90
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
72
91
|
return String(value);
|
|
73
92
|
}, [value]);
|
|
74
|
-
return (react_1.default.createElement(
|
|
93
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "ObjectId", title: stringifiedValue },
|
|
75
94
|
react_1.default.createElement("span", { className: nonSelectable }, "ObjectId('"),
|
|
76
95
|
stringifiedValue,
|
|
77
96
|
react_1.default.createElement("span", { className: nonSelectable }, "')")));
|
|
@@ -101,7 +120,7 @@ const BinaryValue = ({ value }) => {
|
|
|
101
120
|
stringifiedValue: `BinData(${value.sub_type}, '${truncate(value.toString('base64'), 100)}')`,
|
|
102
121
|
};
|
|
103
122
|
}, [value]);
|
|
104
|
-
return (react_1.default.createElement(
|
|
123
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Binary", title: title !== null && title !== void 0 ? title : stringifiedValue },
|
|
105
124
|
stringifiedValue,
|
|
106
125
|
additionalHints));
|
|
107
126
|
};
|
|
@@ -110,7 +129,7 @@ const CodeValue = ({ value, }) => {
|
|
|
110
129
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
111
130
|
return `Code('${String(value.code)}'${value.scope ? `, ${JSON.stringify(value.scope)}` : ''})`;
|
|
112
131
|
}, [value.code, value.scope]);
|
|
113
|
-
return (react_1.default.createElement(
|
|
132
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Code", title: stringifiedValue }, stringifiedValue));
|
|
114
133
|
};
|
|
115
134
|
exports.CodeValue = CodeValue;
|
|
116
135
|
const DateValue = ({ value, }) => {
|
|
@@ -122,21 +141,21 @@ const DateValue = ({ value, }) => {
|
|
|
122
141
|
return String(value);
|
|
123
142
|
}
|
|
124
143
|
}, [value]);
|
|
125
|
-
return (react_1.default.createElement(
|
|
144
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Date", title: stringifiedValue }, stringifiedValue));
|
|
126
145
|
};
|
|
127
146
|
exports.DateValue = DateValue;
|
|
128
147
|
const NumberValue = ({ type, value }) => {
|
|
129
148
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
130
149
|
return String(value.valueOf());
|
|
131
150
|
}, [value]);
|
|
132
|
-
return (react_1.default.createElement(
|
|
151
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
|
|
133
152
|
};
|
|
134
153
|
exports.NumberValue = NumberValue;
|
|
135
154
|
const StringValue = ({ value }) => {
|
|
136
155
|
const truncatedValue = (0, react_1.useMemo)(() => {
|
|
137
156
|
return truncate(value, 70);
|
|
138
157
|
}, [value]);
|
|
139
|
-
return (react_1.default.createElement(
|
|
158
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "String", title: value },
|
|
140
159
|
"\"",
|
|
141
160
|
truncatedValue,
|
|
142
161
|
"\""));
|
|
@@ -146,42 +165,42 @@ const RegExpValue = ({ value }) => {
|
|
|
146
165
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
147
166
|
return `/${value.pattern}/${value.options}`;
|
|
148
167
|
}, [value.pattern, value.options]);
|
|
149
|
-
return (react_1.default.createElement(
|
|
168
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "BSONRegExp", title: stringifiedValue }, stringifiedValue));
|
|
150
169
|
};
|
|
151
170
|
exports.RegExpValue = RegExpValue;
|
|
152
171
|
const TimestampValue = ({ value }) => {
|
|
153
172
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
154
173
|
return `Timestamp({ t: ${value.getHighBits()}, i: ${value.getLowBits()} })`;
|
|
155
174
|
}, [value]);
|
|
156
|
-
return (react_1.default.createElement(
|
|
175
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "Timestamp", title: stringifiedValue }, stringifiedValue));
|
|
157
176
|
};
|
|
158
177
|
exports.TimestampValue = TimestampValue;
|
|
159
178
|
const KeyValue = ({ type }) => {
|
|
160
179
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
161
180
|
return `${type}()`;
|
|
162
181
|
}, [type]);
|
|
163
|
-
return (react_1.default.createElement(
|
|
182
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: type, title: stringifiedValue }, stringifiedValue));
|
|
164
183
|
};
|
|
165
184
|
exports.KeyValue = KeyValue;
|
|
166
185
|
const DBRefValue = ({ value, }) => {
|
|
167
186
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
168
187
|
return `DBRef('${value.collection}', '${String(value.oid)}'${(value === null || value === void 0 ? void 0 : value.db) ? `, '${value.db}'` : ''})`;
|
|
169
188
|
}, [value.collection, value.oid, value.db]);
|
|
170
|
-
return (react_1.default.createElement(
|
|
189
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "DBRef", title: stringifiedValue }, stringifiedValue));
|
|
171
190
|
};
|
|
172
191
|
exports.DBRefValue = DBRefValue;
|
|
173
192
|
const SymbolValue = ({ value }) => {
|
|
174
193
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
175
194
|
return `Symbol('${String(value)}')`;
|
|
176
195
|
}, [value]);
|
|
177
|
-
return (react_1.default.createElement(
|
|
196
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { type: "BSONSymbol", title: stringifiedValue }, stringifiedValue));
|
|
178
197
|
};
|
|
179
198
|
exports.SymbolValue = SymbolValue;
|
|
180
|
-
const UnknownValue = ({
|
|
199
|
+
const UnknownValue = ({ value }) => {
|
|
181
200
|
const stringifiedValue = (0, react_1.useMemo)(() => {
|
|
182
201
|
return String(value);
|
|
183
202
|
}, [value]);
|
|
184
|
-
return (react_1.default.createElement(
|
|
203
|
+
return (react_1.default.createElement(exports.BSONValueContainer, { title: stringifiedValue }, stringifiedValue));
|
|
185
204
|
};
|
|
186
205
|
exports.UnknownValue = UnknownValue;
|
|
187
206
|
const BSONValue = (props) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bson-value.js","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AAEvC,+BAA8B;
|
|
1
|
+
{"version":3,"file":"bson-value.js","sourceRoot":"","sources":["../../src/components/bson-value.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0B1B,iBAAS,YAAY,CAAC,EACpB,CAAC,aAAa,CAAC,EAAE,UAA4B,EAC7C,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAkBrB;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -9,6 +9,7 @@ const emotion_1 = require("@leafygreen-ui/emotion");
|
|
|
9
9
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
10
10
|
const leafygreen_1 = require("./leafygreen");
|
|
11
11
|
const spin_loader_1 = require("./spin-loader");
|
|
12
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
12
13
|
const containerStyles = (0, emotion_1.css)({
|
|
13
14
|
display: 'flex',
|
|
14
15
|
gap: tokens_1.spacing[2],
|
|
@@ -21,10 +22,14 @@ const textStyles = (0, emotion_1.css)({
|
|
|
21
22
|
color: palette_1.palette.green.dark2,
|
|
22
23
|
textAlign: 'center',
|
|
23
24
|
});
|
|
25
|
+
const textDarkStyles = (0, emotion_1.css)({
|
|
26
|
+
color: palette_1.palette.green.light2,
|
|
27
|
+
});
|
|
24
28
|
function CancelLoader({ ['data-testid']: dataTestId = 'cancel-loader', progressText, cancelText, onCancel, }) {
|
|
29
|
+
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
25
30
|
return (react_1.default.createElement("div", { className: containerStyles, "data-testid": dataTestId },
|
|
26
31
|
react_1.default.createElement(spin_loader_1.SpinLoader, { size: `${tokens_1.spacing[4]}px` }),
|
|
27
|
-
react_1.default.createElement(leafygreen_1.Subtitle, { className: textStyles }, progressText),
|
|
32
|
+
react_1.default.createElement(leafygreen_1.Subtitle, { className: (0, emotion_1.cx)(textStyles, darkMode && textDarkStyles) }, progressText),
|
|
28
33
|
react_1.default.createElement(leafygreen_1.Button, { variant: "primaryOutline", onClick: onCancel, "data-testid": `${dataTestId}-button` }, cancelText)));
|
|
29
34
|
}
|
|
30
35
|
exports.default = CancelLoader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AACjD,oDAAiD;AAEjD,6CAAgD;AAChD,+CAA2C;AAC3C,kDAAiD;AAEjD,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;IACf,aAAa,EAAE,QAAQ;IACvB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,KAAK,EAAE,iBAAO,CAAC,KAAK,CAAC,KAAK;IAC1B,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC;AACH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,KAAK,EAAE,iBAAO,CAAC,KAAK,CAAC,MAAM;CAC5B,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,CAAC,aAAa,CAAC,EAAE,UAAU,GAAG,eAAe,EAC7C,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,OAAO,CACL,uCAAK,SAAS,EAAE,eAAe,iBAAe,UAAU;QACtD,8BAAC,wBAAU,IAAC,IAAI,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,IAAI,GAAI;QACvC,8BAAC,qBAAQ,IAAC,SAAS,EAAE,IAAA,YAAE,EAAC,UAAU,EAAE,QAAQ,IAAI,cAAc,CAAC,IAC5D,YAAY,CACJ;QACX,8BAAC,mBAAM,IACL,OAAO,EAAC,gBAAgB,EACxB,OAAO,EAAE,QAAQ,iBACJ,GAAG,UAAU,SAAS,IAElC,UAAU,CACJ,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AActE,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAiInE,eAAO,MAAM,IAAI,mFA0IhB,CAAC"}
|
|
@@ -0,0 +1,229 @@
|
|
|
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 emotion_1 = require("@leafygreen-ui/emotion");
|
|
32
|
+
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
33
|
+
const inline_definition_1 = __importDefault(require("@leafygreen-ui/inline-definition"));
|
|
34
|
+
const lib_1 = require("@leafygreen-ui/lib");
|
|
35
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
36
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
37
|
+
const Combobox_styles_1 = require("./Combobox.styles");
|
|
38
|
+
const Combobox_types_1 = require("./Combobox.types");
|
|
39
|
+
const ComboboxContext_1 = require("./ComboboxContext");
|
|
40
|
+
const chipWrapperBaseStyle = (0, emotion_1.css) `
|
|
41
|
+
display: inline-flex;
|
|
42
|
+
align-items: center;
|
|
43
|
+
overflow: hidden;
|
|
44
|
+
white-space: nowrap;
|
|
45
|
+
box-sizing: border-box;
|
|
46
|
+
`;
|
|
47
|
+
const chipWrapperSizeStyle = {
|
|
48
|
+
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
49
|
+
font-size: ${tokens_1.typeScales.body1.fontSize}px;
|
|
50
|
+
line-height: ${tokens_1.typeScales.body1.lineHeight}px;
|
|
51
|
+
border-radius: 4px;
|
|
52
|
+
`,
|
|
53
|
+
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
54
|
+
font-size: ${tokens_1.typeScales.body2.fontSize}px;
|
|
55
|
+
line-height: ${tokens_1.typeScales.body2.lineHeight}px;
|
|
56
|
+
border-radius: 4px;
|
|
57
|
+
`,
|
|
58
|
+
};
|
|
59
|
+
const chipWrapperThemeStyle = {
|
|
60
|
+
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
61
|
+
color: ${palette_1.palette.black};
|
|
62
|
+
background-color: ${palette_1.palette.gray.light2};
|
|
63
|
+
|
|
64
|
+
// TODO: - refine these styles with Design
|
|
65
|
+
&:focus-within {
|
|
66
|
+
background-color: ${palette_1.palette.blue.light2};
|
|
67
|
+
}
|
|
68
|
+
`,
|
|
69
|
+
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
70
|
+
color: ${palette_1.palette.gray.light2};
|
|
71
|
+
background-color: ${palette_1.palette.gray.dark2};
|
|
72
|
+
|
|
73
|
+
&:focus-within {
|
|
74
|
+
background-color: ${palette_1.palette.blue.dark2};
|
|
75
|
+
}
|
|
76
|
+
`,
|
|
77
|
+
};
|
|
78
|
+
const disabledChipWrapperStyle = {
|
|
79
|
+
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
80
|
+
cursor: not-allowed;
|
|
81
|
+
color: ${palette_1.palette.gray.base};
|
|
82
|
+
background-color: ${palette_1.palette.gray.light3};
|
|
83
|
+
`,
|
|
84
|
+
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
85
|
+
cursor: not-allowed;
|
|
86
|
+
color: ${palette_1.palette.gray.dark2};
|
|
87
|
+
background-color: ${palette_1.palette.gray.dark4};
|
|
88
|
+
box-shadow: inset 0 0 1px 1px ${palette_1.palette.gray.dark2}; ;
|
|
89
|
+
`,
|
|
90
|
+
};
|
|
91
|
+
const chipTextSizeStyle = {
|
|
92
|
+
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
93
|
+
padding-inline: 6px;
|
|
94
|
+
padding-block: ${Combobox_styles_1.chipWrapperPaddingY[Combobox_types_1.ComboboxSize.Default]}px;
|
|
95
|
+
`,
|
|
96
|
+
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
97
|
+
padding-inline: 10px;
|
|
98
|
+
padding-block: ${Combobox_styles_1.chipWrapperPaddingY[Combobox_types_1.ComboboxSize.Large]}px;
|
|
99
|
+
`,
|
|
100
|
+
};
|
|
101
|
+
const chipButtonStyle = (0, emotion_1.css) `
|
|
102
|
+
position: relative;
|
|
103
|
+
display: flex;
|
|
104
|
+
align-items: center;
|
|
105
|
+
justify-content: center;
|
|
106
|
+
width: 100%;
|
|
107
|
+
outline: none;
|
|
108
|
+
border: none;
|
|
109
|
+
background-color: transparent;
|
|
110
|
+
cursor: pointer;
|
|
111
|
+
transition: background-color ${tokens_1.transitionDuration.faster}ms ease-in-out;
|
|
112
|
+
`;
|
|
113
|
+
const chipButtonSizeStyle = {
|
|
114
|
+
[Combobox_types_1.ComboboxSize.Default]: (0, emotion_1.css) `
|
|
115
|
+
height: ${Combobox_styles_1.inputHeight[Combobox_types_1.ComboboxSize.Default]}px;
|
|
116
|
+
`,
|
|
117
|
+
[Combobox_types_1.ComboboxSize.Large]: (0, emotion_1.css) `
|
|
118
|
+
height: ${Combobox_styles_1.inputHeight[Combobox_types_1.ComboboxSize.Large]}px;
|
|
119
|
+
`,
|
|
120
|
+
};
|
|
121
|
+
const chipButtonThemeStyle = {
|
|
122
|
+
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
123
|
+
color: ${palette_1.palette.gray.dark2};
|
|
124
|
+
|
|
125
|
+
&:hover {
|
|
126
|
+
color: ${palette_1.palette.black};
|
|
127
|
+
background-color: ${palette_1.palette.gray.light1};
|
|
128
|
+
}
|
|
129
|
+
`,
|
|
130
|
+
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
131
|
+
color: ${palette_1.palette.gray.light1};
|
|
132
|
+
|
|
133
|
+
&:hover {
|
|
134
|
+
color: ${palette_1.palette.gray.light3};
|
|
135
|
+
background-color: ${palette_1.palette.gray.dark1};
|
|
136
|
+
}
|
|
137
|
+
`,
|
|
138
|
+
};
|
|
139
|
+
const chipButtonDisabledStyle = {
|
|
140
|
+
[lib_1.Theme.Light]: (0, emotion_1.css) `
|
|
141
|
+
cursor: not-allowed;
|
|
142
|
+
color: ${palette_1.palette.gray.dark2};
|
|
143
|
+
&:hover {
|
|
144
|
+
color: inherit;
|
|
145
|
+
background-color: unset;
|
|
146
|
+
}
|
|
147
|
+
`,
|
|
148
|
+
[lib_1.Theme.Dark]: (0, emotion_1.css) `
|
|
149
|
+
cursor: not-allowed;
|
|
150
|
+
color: ${palette_1.palette.gray.dark2};
|
|
151
|
+
&:hover {
|
|
152
|
+
color: inherit;
|
|
153
|
+
background-color: unset;
|
|
154
|
+
}
|
|
155
|
+
`,
|
|
156
|
+
};
|
|
157
|
+
exports.Chip = react_1.default.forwardRef(({ displayName, isFocused, onRemove, onFocus }, forwardedRef) => {
|
|
158
|
+
const { darkMode, theme, size, disabled, chipTruncationLocation = 'end', chipCharacterLimit = 12, } = (0, react_1.useContext)(ComboboxContext_1.ComboboxContext);
|
|
159
|
+
const isTruncated = !!chipCharacterLimit &&
|
|
160
|
+
!!chipTruncationLocation &&
|
|
161
|
+
chipTruncationLocation !== 'none' &&
|
|
162
|
+
displayName.length > chipCharacterLimit;
|
|
163
|
+
const buttonRef = (0, react_1.useRef)(null);
|
|
164
|
+
const truncatedName = (0, react_1.useMemo)(() => {
|
|
165
|
+
if (isTruncated) {
|
|
166
|
+
const ellipsis = '…';
|
|
167
|
+
const chars = chipCharacterLimit - 3;
|
|
168
|
+
switch (chipTruncationLocation) {
|
|
169
|
+
case 'start': {
|
|
170
|
+
const end = displayName
|
|
171
|
+
.substring(displayName.length - chars)
|
|
172
|
+
.trim();
|
|
173
|
+
return ellipsis + end;
|
|
174
|
+
}
|
|
175
|
+
case 'middle': {
|
|
176
|
+
const start = displayName.substring(0, chars / 2).trim();
|
|
177
|
+
const end = displayName
|
|
178
|
+
.substring(displayName.length - chars / 2)
|
|
179
|
+
.trim();
|
|
180
|
+
return start + ellipsis + end;
|
|
181
|
+
}
|
|
182
|
+
case 'end': {
|
|
183
|
+
const start = displayName.substring(0, chars).trim();
|
|
184
|
+
return start + ellipsis;
|
|
185
|
+
}
|
|
186
|
+
default: {
|
|
187
|
+
return displayName;
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
}
|
|
191
|
+
return false;
|
|
192
|
+
}, [chipCharacterLimit, chipTruncationLocation, displayName, isTruncated]);
|
|
193
|
+
(0, react_1.useEffect)(() => {
|
|
194
|
+
var _a;
|
|
195
|
+
if (isFocused && !disabled) {
|
|
196
|
+
(_a = buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
197
|
+
}
|
|
198
|
+
}, [disabled, forwardedRef, isFocused]);
|
|
199
|
+
const handleKeyDown = (e) => {
|
|
200
|
+
if (!disabled &&
|
|
201
|
+
(e.keyCode === lib_1.keyMap.Delete ||
|
|
202
|
+
e.keyCode === lib_1.keyMap.Backspace ||
|
|
203
|
+
e.keyCode === lib_1.keyMap.Enter ||
|
|
204
|
+
e.keyCode === lib_1.keyMap.Space)) {
|
|
205
|
+
onRemove();
|
|
206
|
+
}
|
|
207
|
+
};
|
|
208
|
+
const handleChipClick = (e) => {
|
|
209
|
+
var _a;
|
|
210
|
+
if (!((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.contains(e.target))) {
|
|
211
|
+
onFocus();
|
|
212
|
+
}
|
|
213
|
+
};
|
|
214
|
+
const handleButtonClick = () => {
|
|
215
|
+
if (!disabled) {
|
|
216
|
+
onRemove();
|
|
217
|
+
}
|
|
218
|
+
};
|
|
219
|
+
return (react_1.default.createElement("span", { role: "option", "aria-selected": isFocused, "data-testid": "lg-combobox-chip", ref: forwardedRef, className: (0, emotion_1.cx)(Combobox_styles_1.chipClassName, chipWrapperBaseStyle, chipWrapperThemeStyle[theme], chipWrapperSizeStyle[size], {
|
|
220
|
+
[disabledChipWrapperStyle[theme]]: disabled,
|
|
221
|
+
}), onClick: handleChipClick, onKeyDown: handleKeyDown, tabIndex: -1 },
|
|
222
|
+
react_1.default.createElement("span", { className: (0, emotion_1.cx)(chipTextSizeStyle[size]) }, truncatedName ? (react_1.default.createElement(inline_definition_1.default, { darkMode: darkMode, definition: displayName, align: "bottom" }, truncatedName)) : (displayName)),
|
|
223
|
+
react_1.default.createElement("button", { "aria-label": `Deselect ${displayName}`, "aria-disabled": disabled, disabled: disabled, ref: buttonRef, className: (0, emotion_1.cx)(chipButtonStyle, chipButtonThemeStyle[theme], chipButtonSizeStyle[size], {
|
|
224
|
+
[chipButtonDisabledStyle[theme]]: disabled,
|
|
225
|
+
}), onClick: handleButtonClick },
|
|
226
|
+
react_1.default.createElement(icon_1.default, { glyph: "X" }))));
|
|
227
|
+
});
|
|
228
|
+
exports.Chip.displayName = 'Chip';
|
|
229
|
+
//# sourceMappingURL=Chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/combobox/Chip.tsx"],"names":[],"mappings":"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"}
|