@mongodb-js/compass-components 1.7.0 → 1.9.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/bson-value.d.ts +3 -3
- package/lib/components/bson-value.d.ts.map +1 -1
- package/lib/components/bson-value.js +4 -9
- package/lib/components/bson-value.js.map +1 -1
- package/lib/components/collapsible-field-set.d.ts +2 -2
- package/lib/components/collapsible-field-set.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.d.ts +1 -1
- package/lib/components/combobox/Combobox.d.ts.map +1 -1
- package/lib/components/combobox/Combobox.js +18 -13
- package/lib/components/combobox/Combobox.js.map +1 -1
- package/lib/components/combobox/Combobox.types.d.ts +10 -10
- package/lib/components/combobox/Combobox.types.d.ts.map +1 -1
- package/lib/components/combobox/utils/getNameAndValue.d.ts +1 -1
- package/lib/components/combobox/utils/getNameAndValue.d.ts.map +1 -1
- package/lib/components/combobox-with-custom-option.d.ts +11 -0
- package/lib/components/combobox-with-custom-option.d.ts.map +1 -0
- package/lib/components/combobox-with-custom-option.js +63 -0
- package/lib/components/combobox-with-custom-option.js.map +1 -0
- package/lib/components/content-with-fallback.d.ts +1 -1
- package/lib/components/content-with-fallback.d.ts.map +1 -1
- package/lib/components/document-list/auto-focus-context.d.ts +1 -1
- package/lib/components/document-list/auto-focus-context.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.d.ts.map +1 -1
- package/lib/components/document-list/element-editors.js +8 -1
- package/lib/components/document-list/element-editors.js.map +1 -1
- package/lib/components/empty-content.d.ts +1 -1
- package/lib/components/empty-content.d.ts.map +1 -1
- package/lib/components/error-boundary.d.ts +1 -1
- package/lib/components/error-boundary.d.ts.map +1 -1
- package/lib/components/file-input.d.ts +5 -8
- package/lib/components/file-input.d.ts.map +1 -1
- package/lib/components/file-input.js +29 -12
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/horizontal-rule.d.ts +1 -1
- package/lib/components/icons/no-saved-items-icon.d.ts +1 -1
- package/lib/components/icons/no-saved-items-icon.d.ts.map +1 -1
- package/lib/components/index-icon.d.ts +1 -1
- package/lib/components/index-icon.d.ts.map +1 -1
- package/lib/components/index-keys-badge.d.ts +6 -2
- package/lib/components/index-keys-badge.d.ts.map +1 -1
- package/lib/components/index-keys-badge.js +7 -1
- package/lib/components/index-keys-badge.js.map +1 -1
- package/lib/components/inline-definition.d.ts +1 -1
- package/lib/components/inline-definition.d.ts.map +1 -1
- package/lib/components/inline-info-link.d.ts +1 -1
- package/lib/components/inline-info-link.d.ts.map +1 -1
- package/lib/components/interactive-popover.d.ts +1 -1
- package/lib/components/interactive-popover.d.ts.map +1 -1
- package/lib/components/item-action-controls.d.ts +10 -7
- package/lib/components/item-action-controls.d.ts.map +1 -1
- package/lib/components/item-action-controls.js +7 -7
- package/lib/components/item-action-controls.js.map +1 -1
- package/lib/components/keyline-card.d.ts +1 -1
- package/lib/components/keyline-card.d.ts.map +1 -1
- package/lib/components/keyline-card.js +26 -6
- package/lib/components/keyline-card.js.map +1 -1
- package/lib/components/leafygreen.d.ts +3 -2
- package/lib/components/leafygreen.d.ts.map +1 -1
- package/lib/components/leafygreen.js +7 -5
- package/lib/components/leafygreen.js.map +1 -1
- package/lib/components/list-editor.d.ts +4 -2
- package/lib/components/list-editor.d.ts.map +1 -1
- package/lib/components/list-editor.js +11 -8
- package/lib/components/list-editor.js.map +1 -1
- package/lib/components/loader.d.ts +21 -0
- package/lib/components/loader.d.ts.map +1 -0
- package/lib/components/loader.js +70 -0
- package/lib/components/loader.js.map +1 -0
- package/lib/components/modals/form-modal.d.ts +2 -2
- package/lib/components/modals/form-modal.d.ts.map +1 -1
- package/lib/components/modals/info-modal.d.ts +1 -1
- package/lib/components/modals/info-modal.d.ts.map +1 -1
- package/lib/components/modals/info-modal.js +2 -1
- package/lib/components/modals/info-modal.js.map +1 -1
- package/lib/components/modals/modal-body.d.ts +2 -2
- package/lib/components/modals/modal-body.d.ts.map +1 -1
- package/lib/components/modals/modal-header.d.ts +5 -5
- package/lib/components/modals/modal-header.d.ts.map +1 -1
- package/lib/components/modals/modal.d.ts +3 -1
- package/lib/components/modals/modal.d.ts.map +1 -1
- package/lib/components/modals/modal.js +24 -2
- package/lib/components/modals/modal.js.map +1 -1
- package/lib/components/more-options-toggle.d.ts +1 -1
- package/lib/components/more-options-toggle.d.ts.map +1 -1
- package/lib/components/more-options-toggle.js +5 -2
- package/lib/components/more-options-toggle.js.map +1 -1
- package/lib/components/placeholder.d.ts +1 -0
- package/lib/components/placeholder.d.ts.map +1 -1
- package/lib/components/placeholder.js +2 -1
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/resizeable-sidebar.d.ts.map +1 -1
- package/lib/components/resizeable-sidebar.js +3 -1
- package/lib/components/resizeable-sidebar.js.map +1 -1
- package/lib/components/store-connector.d.ts +1 -1
- package/lib/components/store-connector.d.ts.map +1 -1
- package/lib/components/tab-nav-bar.d.ts +1 -1
- package/lib/components/tab-nav-bar.d.ts.map +1 -1
- package/lib/components/tooltip.d.ts +3 -3
- package/lib/components/tooltip.d.ts.map +1 -1
- package/lib/components/virtual-grid.d.ts +5 -5
- package/lib/components/virtual-grid.d.ts.map +1 -1
- package/lib/components/workspace-container.d.ts +1 -1
- package/lib/components/workspace-container.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.d.ts +2 -2
- package/lib/components/workspace-tabs/tab.d.ts.map +1 -1
- package/lib/components/workspace-tabs/tab.js +1 -1
- package/lib/components/workspace-tabs/tab.js.map +1 -1
- package/lib/components/workspace-tabs/workspace-tabs.d.ts +2 -2
- package/lib/components/workspace-tabs/workspace-tabs.d.ts.map +1 -1
- package/lib/hooks/use-confirmation.d.ts +1 -1
- package/lib/hooks/use-confirmation.d.ts.map +1 -1
- package/lib/hooks/use-effect-on-change.d.ts.map +1 -1
- package/lib/hooks/use-effect-on-change.js +11 -5
- package/lib/hooks/use-effect-on-change.js.map +1 -1
- package/lib/hooks/use-hotkeys.d.ts +1 -1
- package/lib/hooks/use-hotkeys.d.ts.map +1 -1
- package/lib/hooks/use-sort.d.ts +4 -4
- package/lib/hooks/use-sort.d.ts.map +1 -1
- package/lib/hooks/use-sort.js +1 -1
- package/lib/hooks/use-sort.js.map +1 -1
- package/lib/hooks/use-toast.d.ts +4 -10
- package/lib/hooks/use-toast.d.ts.map +1 -1
- package/lib/hooks/use-toast.js +43 -24
- package/lib/hooks/use-toast.js.map +1 -1
- package/lib/hooks/use-virtual-grid.d.ts.map +1 -1
- package/lib/hooks/use-virtual-grid.js +3 -4
- package/lib/hooks/use-virtual-grid.js.map +1 -1
- package/lib/index.d.ts +7 -6
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +12 -8
- package/lib/index.js.map +1 -1
- package/lib/utils/rafraf.d.ts +2 -0
- package/lib/utils/rafraf.d.ts.map +1 -0
- package/lib/utils/rafraf.js +18 -0
- package/lib/utils/rafraf.js.map +1 -0
- package/package.json +21 -23
- package/lib/components/cancel-loader.d.ts +0 -9
- package/lib/components/cancel-loader.d.ts.map +0 -1
- package/lib/components/cancel-loader.js +0 -36
- package/lib/components/cancel-loader.js.map +0 -1
- package/lib/components/spin-loader.d.ts +0 -9
- package/lib/components/spin-loader.d.ts.map +0 -1
- package/lib/components/spin-loader.js +0 -39
- package/lib/components/spin-loader.js.map +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
declare
|
|
2
|
+
declare const KeylineCard: React.ForwardRefExoticComponent<Pick<React.HTMLProps<HTMLDivElement>, "title" | "form" | "list" | "size" | "default" | "cite" | "data" | "label" | "slot" | "span" | "style" | "summary" | "pattern" | "children" | "key" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as" | "height" | "max" | "method" | "min" | "name" | "width" | "crossOrigin" | "classID" | "useMap" | "wmode" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "open" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "alt" | "sizes" | "src" | "srcSet" | "integrity" | "charSet" | "selected" | "cellPadding" | "cellSpacing" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "dateTime" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "step" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "content" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "start" | "async" | "defer" | "nonce" | "scoped" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster"> & React.RefAttributes<HTMLDivElement>>;
|
|
3
3
|
export { KeylineCard };
|
|
4
4
|
//# sourceMappingURL=keyline-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyline-card.d.ts","sourceRoot":"","sources":["../../src/components/keyline-card.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"keyline-card.d.ts","sourceRoot":"","sources":["../../src/components/keyline-card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAmB1C,QAAA,MAAM,WAAW,40LAiBf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,10 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
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;
|
|
4
24
|
};
|
|
5
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
26
|
exports.KeylineCard = void 0;
|
|
7
|
-
const react_1 =
|
|
27
|
+
const react_1 = __importStar(require("react"));
|
|
8
28
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
9
29
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
30
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
@@ -20,9 +40,9 @@ const keylineDarkThemeStyles = (0, emotion_1.css)({
|
|
|
20
40
|
background: palette_1.palette.black,
|
|
21
41
|
borderColor: palette_1.palette.gray.dark2,
|
|
22
42
|
});
|
|
23
|
-
function KeylineCard({ className, ...props }) {
|
|
43
|
+
const KeylineCard = (0, react_1.forwardRef)(function KeylineCard({ className, ...props }, ref) {
|
|
24
44
|
const darkMode = (0, use_theme_1.useDarkMode)();
|
|
25
|
-
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(keylineStyles, darkMode ? keylineDarkThemeStyles : keylineLightThemeStyles, className), ...props }));
|
|
26
|
-
}
|
|
45
|
+
return (react_1.default.createElement("div", { ref: ref, className: (0, emotion_1.cx)(keylineStyles, darkMode ? keylineDarkThemeStyles : keylineLightThemeStyles, className), ...props }));
|
|
46
|
+
});
|
|
27
47
|
exports.KeylineCard = KeylineCard;
|
|
28
48
|
//# sourceMappingURL=keyline-card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyline-card.js","sourceRoot":"","sources":["../../src/components/keyline-card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"keyline-card.js","sourceRoot":"","sources":["../../src/components/keyline-card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAC1C,kDAAgD;AAChD,oDAAiD;AACjD,oDAAiD;AACjD,kDAAiD;AAEjD,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,MAAM,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;IAC1C,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,UAAU,EAAE,iBAAO,CAAC,KAAK;CAC1B,CAAC,CAAC;AACH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,UAAU,EAAE,iBAAO,CAAC,KAAK;IACzB,WAAW,EAAE,iBAAO,CAAC,IAAI,CAAC,KAAK;CAChC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,kBAAU,EAAC,SAAS,WAAW,CACjD,EAAE,SAAS,EAAE,GAAG,KAAK,EAAmC,EACxD,GAAuC;IAEvC,MAAM,QAAQ,GAAG,IAAA,uBAAW,GAAE,CAAC;IAE/B,OAAO,CACL,uCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,YAAE,EACX,aAAa,EACb,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBAAuB,EAC3D,SAAS,CACV,KACG,KAAK,GACJ,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEM,kCAAW"}
|
|
@@ -23,7 +23,8 @@ import { Table as LeafyGreenTable, TableHeader, Row, Cell } from '@leafygreen-ui
|
|
|
23
23
|
import { Tabs, Tab } from '@leafygreen-ui/tabs';
|
|
24
24
|
import TextArea from '@leafygreen-ui/text-area';
|
|
25
25
|
import TextInput from '@leafygreen-ui/text-input';
|
|
26
|
-
import {
|
|
26
|
+
import { SearchInput } from '@leafygreen-ui/search-input';
|
|
27
|
+
export { ToastProvider, useToast, ToastProps } from '@leafygreen-ui/toast';
|
|
27
28
|
import Toggle from '@leafygreen-ui/toggle';
|
|
28
29
|
import { H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Link, Label, Description } from '@leafygreen-ui/typography';
|
|
29
30
|
declare const Icon: {
|
|
@@ -35,5 +36,5 @@ declare const Icon: {
|
|
|
35
36
|
declare const Code: typeof LeafyGreenCode;
|
|
36
37
|
declare const Table: typeof LeafyGreenTable;
|
|
37
38
|
declare const Modal: React.ForwardRefExoticComponent<Pick<import("@leafygreen-ui/modal").ModalProps, "title" | "size" | "slot" | "style" | "children" | "key" | "darkMode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "open" | "setOpen" | "shouldClose" | "contentClassName" | "initialFocus" | "closeIconColor"> & React.RefAttributes<HTMLDivElement>>;
|
|
38
|
-
export { AtlasNavGraphic, Badge, Banner, Button, Card, Checkbox, Code, ConfirmationModal, Icon, IconButton, Language, Menu, MenuItem, MenuSeparator, Modal, ModalFooter, MarketingModal, MongoDBLogoMark, MongoDBLogo, Pipeline, Popover, RadioBox, RadioBoxGroup, Radio, RadioGroup, SegmentedControl, SegmentedControlOption, Select, Option, OptionGroup, Table, TableHeader, Row, Cell, Stage, Tab, Tabs, TextArea, TextInput,
|
|
39
|
+
export { AtlasNavGraphic, Badge, Banner, Button, Card, Checkbox, Code, ConfirmationModal, Icon, IconButton, Language, Menu, MenuItem, MenuSeparator, Modal, ModalFooter, MarketingModal, MongoDBLogoMark, MongoDBLogo, Pipeline, Popover, RadioBox, RadioBoxGroup, Radio, RadioGroup, SegmentedControl, SegmentedControlOption, Select, Option, OptionGroup, Table, TableHeader, Row, Cell, Stage, Tab, Tabs, TextArea, TextInput, Toggle, H1, H2, H3, Subtitle, Body, InlineCode, InlineKeyCode, Disclaimer, Overline, Label, Link, Description, SearchInput, };
|
|
39
40
|
//# sourceMappingURL=leafygreen.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leafygreen.d.ts","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAC3C,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,cAAc,EAAE,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,iBAAiB,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,IAAI,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACtE,OAAO,UAAU,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,eAAe,EACf,eAAe,EACf,WAAW,EACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAUpE,OAAwB,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,OAAO,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EACL,KAAK,IAAI,eAAe,EACxB,WAAW,EACX,GAAG,EACH,IAAI,EACL,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAChD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,
|
|
1
|
+
{"version":3,"file":"leafygreen.d.ts","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Toggle = exports.
|
|
30
|
-
exports.Description = exports.Link = exports.Label = exports.Overline = void 0;
|
|
29
|
+
exports.Disclaimer = exports.InlineKeyCode = exports.InlineCode = exports.Body = exports.Subtitle = exports.H3 = exports.H2 = exports.H1 = exports.Toggle = exports.TextInput = exports.TextArea = exports.Tabs = exports.Tab = exports.Stage = exports.Cell = exports.Row = exports.TableHeader = exports.Table = exports.OptionGroup = exports.Option = exports.Select = exports.SegmentedControlOption = exports.SegmentedControl = exports.RadioGroup = exports.Radio = exports.RadioBoxGroup = exports.RadioBox = exports.Popover = exports.Pipeline = exports.MongoDBLogo = exports.MongoDBLogoMark = exports.MarketingModal = exports.ModalFooter = exports.Modal = exports.MenuSeparator = exports.MenuItem = exports.Menu = exports.Language = exports.IconButton = exports.Icon = exports.ConfirmationModal = exports.Code = exports.Checkbox = exports.Card = exports.Button = exports.Banner = exports.Badge = exports.AtlasNavGraphic = exports.useToast = exports.ToastProvider = void 0;
|
|
30
|
+
exports.SearchInput = exports.Description = exports.Link = exports.Label = exports.Overline = void 0;
|
|
31
31
|
const react_1 = __importDefault(require("react"));
|
|
32
32
|
const badge_1 = __importDefault(require("@leafygreen-ui/badge"));
|
|
33
33
|
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.default; } });
|
|
@@ -91,9 +91,11 @@ const text_area_1 = __importDefault(require("@leafygreen-ui/text-area"));
|
|
|
91
91
|
exports.TextArea = text_area_1.default;
|
|
92
92
|
const text_input_1 = __importDefault(require("@leafygreen-ui/text-input"));
|
|
93
93
|
exports.TextInput = text_input_1.default;
|
|
94
|
-
const
|
|
95
|
-
Object.defineProperty(exports, "
|
|
96
|
-
|
|
94
|
+
const search_input_1 = require("@leafygreen-ui/search-input");
|
|
95
|
+
Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return search_input_1.SearchInput; } });
|
|
96
|
+
var toast_1 = require("@leafygreen-ui/toast");
|
|
97
|
+
Object.defineProperty(exports, "ToastProvider", { enumerable: true, get: function () { return toast_1.ToastProvider; } });
|
|
98
|
+
Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return toast_1.useToast; } });
|
|
97
99
|
const toggle_1 = __importDefault(require("@leafygreen-ui/toggle"));
|
|
98
100
|
exports.Toggle = toggle_1.default;
|
|
99
101
|
const typography_1 = require("@leafygreen-ui/typography");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAK1B,iEAAwD;
|
|
1
|
+
{"version":3,"file":"leafygreen.js","sourceRoot":"","sources":["../../src/components/leafygreen.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
type ListEditorProps<ItemType> = {
|
|
3
3
|
items: ItemType[];
|
|
4
4
|
renderItem: (item: ItemType, index: number) => JSX.Element;
|
|
5
5
|
disableAddButton?: (item: ItemType, index: number, items: ItemType[]) => boolean;
|
|
@@ -9,7 +9,9 @@ declare type ListEditorProps<ItemType> = {
|
|
|
9
9
|
addButtonTestId?: string;
|
|
10
10
|
removeButtonTestId?: string;
|
|
11
11
|
className?: string;
|
|
12
|
+
itemTestId?: (index: number) => string;
|
|
13
|
+
itemKey?: (item: ItemType) => string;
|
|
12
14
|
};
|
|
13
|
-
declare function ListEditor<ItemType>({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, className, }: ListEditorProps<ItemType>): React.ReactElement;
|
|
15
|
+
declare function ListEditor<ItemType>({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, className, itemTestId, itemKey, }: ListEditorProps<ItemType>): React.ReactElement;
|
|
14
16
|
export { ListEditor };
|
|
15
17
|
//# sourceMappingURL=list-editor.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-editor.d.ts","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,
|
|
1
|
+
{"version":3,"file":"list-editor.d.ts","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqB1B,KAAK,eAAe,CAAC,QAAQ,IAAI;IAE/B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAElB,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IAE3D,gBAAgB,CAAC,EAAE,CACjB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,mBAAmB,CAAC,EAAE,CACpB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,QAAQ,EAAE,KACd,OAAO,CAAC;IAEb,SAAS,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,MAAM,CAAC;CACtC,CAAC;AAEF,iBAAS,UAAU,CAAC,QAAQ,EAAE,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,OAAO,GACR,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,YAAY,CAqChD;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -21,14 +21,17 @@ const listItemStyles = (0, emotion_1.css)({
|
|
|
21
21
|
const itemContentStyles = (0, emotion_1.css)({
|
|
22
22
|
flexGrow: 1,
|
|
23
23
|
});
|
|
24
|
-
function ListEditor({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, className, }) {
|
|
25
|
-
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(listEditorStyles, className) }, items.map((item, itemIndex) =>
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
react_1.default.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
function ListEditor({ disableAddButton, disableRemoveButton, items, renderItem, onAddItem, onRemoveItem, addButtonTestId, removeButtonTestId, className, itemTestId, itemKey, }) {
|
|
25
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(listEditorStyles, className) }, items.map((item, itemIndex) => {
|
|
26
|
+
var _a;
|
|
27
|
+
return (react_1.default.createElement("div", { "data-testid": itemTestId === null || itemTestId === void 0 ? void 0 : itemTestId(itemIndex), className: listItemStyles, key: (_a = itemKey === null || itemKey === void 0 ? void 0 : itemKey(item)) !== null && _a !== void 0 ? _a : itemIndex },
|
|
28
|
+
react_1.default.createElement("div", { className: itemContentStyles }, renderItem(item, itemIndex)),
|
|
29
|
+
!(disableAddButton === null || disableAddButton === void 0 ? void 0 : disableAddButton(item, itemIndex, items)) ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Add", type: "button", "data-testid": addButtonTestId, disabled: disableAddButton === null || disableAddButton === void 0 ? void 0 : disableAddButton(item, itemIndex, items), onClick: () => onAddItem(itemIndex) },
|
|
30
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "Plus" }))) : null,
|
|
31
|
+
!(disableRemoveButton === null || disableRemoveButton === void 0 ? void 0 : disableRemoveButton(item, itemIndex, items)) &&
|
|
32
|
+
items.length !== 1 ? (react_1.default.createElement(leafygreen_1.IconButton, { "aria-label": "Remove", type: "button", "data-testid": removeButtonTestId, disabled: disableRemoveButton === null || disableRemoveButton === void 0 ? void 0 : disableRemoveButton(item, itemIndex, items), onClick: () => onRemoveItem(itemIndex) },
|
|
33
|
+
react_1.default.createElement(leafygreen_1.Icon, { glyph: "Minus" }))) : null));
|
|
34
|
+
})));
|
|
32
35
|
}
|
|
33
36
|
exports.ListEditor = ListEditor;
|
|
34
37
|
//# sourceMappingURL=list-editor.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list-editor.js","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AACjD,6CAAgD;AAEhD,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"list-editor.js","sourceRoot":"","sources":["../../src/components/list-editor.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAiD;AACjD,6CAAgD;AAEhD,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,gBAAO,CAAC,CAAC,CAAC;CAChB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,QAAQ,EAAE,CAAC;CACZ,CAAC,CAAC;AA8BH,SAAS,UAAU,CAAW,EAC5B,gBAAgB,EAChB,mBAAmB,EACnB,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,EACZ,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,UAAU,EACV,OAAO,GACmB;IAC1B,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,gBAAgB,EAAE,SAAS,CAAC,IAC5C,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;;QAAC,OAAA,CAC9B,sDACe,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,SAAS,CAAC,EACpC,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,mCAAI,SAAS;YAEjC,uCAAK,SAAS,EAAE,iBAAiB,IAAG,UAAU,CAAC,IAAI,EAAE,SAAS,CAAC,CAAO;YACrE,CAAC,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA,CAAC,CAAC,CAAC,CAC7C,8BAAC,uBAAU,kBACE,KAAK,EAChB,IAAI,EAAC,QAAQ,iBACA,eAAe,EAC5B,QAAQ,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACpD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC;gBAEnC,8BAAC,iBAAI,IAAC,KAAK,EAAC,MAAM,GAAG,CACV,CACd,CAAC,CAAC,CAAC,IAAI;YACP,CAAC,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;gBAC/C,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,8BAAC,uBAAU,kBACE,QAAQ,EACnB,IAAI,EAAC,QAAQ,iBACA,kBAAkB,EAC/B,QAAQ,EAAE,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,EACvD,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC;gBAEtC,8BAAC,iBAAI,IAAC,KAAK,EAAC,OAAO,GAAG,CACX,CACd,CAAC,CAAC,CAAC,IAAI,CACJ,CACP,CAAA;KAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC;AAEQ,gCAAU"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type SpinLoaderProps = {
|
|
3
|
+
size?: string | number;
|
|
4
|
+
title?: string;
|
|
5
|
+
darkMode?: boolean;
|
|
6
|
+
};
|
|
7
|
+
type SpinLoaderWithLabelProps = Omit<SpinLoaderProps, 'size' | 'title'> & {
|
|
8
|
+
progressText: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
['data-testid']?: string;
|
|
12
|
+
};
|
|
13
|
+
type CancelLoaderProps = Omit<SpinLoaderWithLabelProps, 'children'> & {
|
|
14
|
+
onCancel(): void;
|
|
15
|
+
cancelText: string;
|
|
16
|
+
};
|
|
17
|
+
declare function SpinLoader({ size, title, darkMode: _darkMode, }: SpinLoaderProps): JSX.Element;
|
|
18
|
+
declare function SpinLoaderWithLabel({ className, progressText, ['data-testid']: dataTestId, children, darkMode: _darkMode, ...props }: SpinLoaderWithLabelProps): JSX.Element;
|
|
19
|
+
declare function CancelLoader({ cancelText, onCancel, ...props }: CancelLoaderProps): React.ReactElement;
|
|
20
|
+
export { SpinLoaderWithLabel, SpinLoader, CancelLoader };
|
|
21
|
+
//# sourceMappingURL=loader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,OAAO,CAAC,GAAG;IACxE,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,iBAAiB,GAAG,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC,GAAG;IACpE,QAAQ,IAAI,IAAI,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAyBF,iBAAS,UAAU,CAAC,EAClB,IAAS,EACT,KAAK,EACL,QAAQ,EAAE,SAAS,GACpB,EAAE,eAAe,eAajB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,CAAC,aAAa,CAAC,EAAE,UAAU,EAC3B,QAAQ,EACR,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAYxC;AAED,iBAAS,YAAY,CAAC,EACpB,UAAqB,EACrB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,GAAG,KAAK,CAAC,YAAY,CAYxC;AAED,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.CancelLoader = exports.SpinLoader = exports.SpinLoaderWithLabel = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
9
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
11
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
12
|
+
const leafygreen_1 = require("./leafygreen");
|
|
13
|
+
const containerStyles = (0, emotion_1.css)({
|
|
14
|
+
display: 'flex',
|
|
15
|
+
gap: tokens_1.spacing[2],
|
|
16
|
+
flexDirection: 'column',
|
|
17
|
+
justifyContent: 'center',
|
|
18
|
+
alignItems: 'center',
|
|
19
|
+
maxWidth: tokens_1.spacing[6] * 8,
|
|
20
|
+
});
|
|
21
|
+
const textStyles = (0, emotion_1.css)({
|
|
22
|
+
color: palette_1.palette.green.dark2,
|
|
23
|
+
textAlign: 'center',
|
|
24
|
+
});
|
|
25
|
+
const textDarkStyles = (0, emotion_1.css)({
|
|
26
|
+
color: palette_1.palette.green.light2,
|
|
27
|
+
});
|
|
28
|
+
const shellLoaderSpin = (0, emotion_1.keyframes) `
|
|
29
|
+
0% { transform: rotate(0deg); }
|
|
30
|
+
100% { transform: rotate(360deg); }
|
|
31
|
+
`;
|
|
32
|
+
const spinLoaderStyle = (0, emotion_1.css) `
|
|
33
|
+
border: 2px solid transparent;
|
|
34
|
+
border-radius: 50%;
|
|
35
|
+
padding: 0;
|
|
36
|
+
margin: 0;
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
display: inline-block;
|
|
39
|
+
|
|
40
|
+
animation: ${shellLoaderSpin} 700ms ease infinite;
|
|
41
|
+
`;
|
|
42
|
+
const lightStyles = (0, emotion_1.css)({
|
|
43
|
+
borderTop: `2px solid ${palette_1.palette.gray.dark3}`,
|
|
44
|
+
});
|
|
45
|
+
const darkStyles = (0, emotion_1.css)({
|
|
46
|
+
borderTop: `2px solid ${palette_1.palette.gray.light3}`,
|
|
47
|
+
});
|
|
48
|
+
function SpinLoader({ size = 12, title, darkMode: _darkMode, }) {
|
|
49
|
+
const darkMode = (0, use_theme_1.useDarkMode)(_darkMode);
|
|
50
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(spinLoaderStyle, darkMode ? darkStyles : lightStyles), style: {
|
|
51
|
+
width: size,
|
|
52
|
+
height: size,
|
|
53
|
+
}, title: title }));
|
|
54
|
+
}
|
|
55
|
+
exports.SpinLoader = SpinLoader;
|
|
56
|
+
function SpinLoaderWithLabel({ className, progressText, ['data-testid']: dataTestId, children, darkMode: _darkMode, ...props }) {
|
|
57
|
+
const darkMode = (0, use_theme_1.useDarkMode)(_darkMode);
|
|
58
|
+
return (react_1.default.createElement("div", { className: (0, emotion_1.cx)(containerStyles, className), "data-testid": dataTestId },
|
|
59
|
+
react_1.default.createElement(SpinLoader, { size: tokens_1.spacing[4], darkMode: darkMode, ...props }),
|
|
60
|
+
react_1.default.createElement(leafygreen_1.Subtitle, { className: (0, emotion_1.cx)(textStyles, darkMode && textDarkStyles) }, progressText),
|
|
61
|
+
children));
|
|
62
|
+
}
|
|
63
|
+
exports.SpinLoaderWithLabel = SpinLoaderWithLabel;
|
|
64
|
+
function CancelLoader({ cancelText = 'Cancel', onCancel, ...props }) {
|
|
65
|
+
var _a;
|
|
66
|
+
return (react_1.default.createElement(SpinLoaderWithLabel, { ...props },
|
|
67
|
+
react_1.default.createElement(leafygreen_1.Button, { variant: "primaryOutline", onClick: onCancel, "data-testid": `${(_a = props['data-testid']) !== null && _a !== void 0 ? _a : 'spin-loader'}-button` }, cancelText)));
|
|
68
|
+
}
|
|
69
|
+
exports.CancelLoader = CancelLoader;
|
|
70
|
+
//# sourceMappingURL=loader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/components/loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,oDAA4D;AAC5D,kDAAiD;AACjD,6CAAgD;AAEhD,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;AAEH,MAAM,cAAc,GAAG,IAAA,aAAG,EAAC;IACzB,KAAK,EAAE,iBAAO,CAAC,KAAK,CAAC,MAAM;CAC5B,CAAC,CAAC;AAoBH,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;;;;;;;eAQZ,eAAe;CAC7B,CAAC;AACF,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,KAAK,EAAE;CAC7C,CAAC,CAAC;AAEH,MAAM,UAAU,GAAG,IAAA,aAAG,EAAC;IACrB,SAAS,EAAE,aAAa,iBAAO,CAAC,IAAI,CAAC,MAAM,EAAE;CAC9C,CAAC,CAAC;AAEH,SAAS,UAAU,CAAC,EAClB,IAAI,GAAG,EAAE,EACT,KAAK,EACL,QAAQ,EAAE,SAAS,GACH;IAChB,MAAM,QAAQ,GAAG,IAAA,uBAAW,EAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,EACnE,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,EACD,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;AACJ,CAAC;AAyC6B,gCAAU;AAvCxC,SAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,YAAY,EACZ,CAAC,aAAa,CAAC,EAAE,UAAU,EAC3B,QAAQ,EACR,QAAQ,EAAE,SAAS,EACnB,GAAG,KAAK,EACiB;IACzB,MAAM,QAAQ,GAAG,IAAA,uBAAW,EAAC,SAAS,CAAC,CAAC;IAExC,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,YAAE,EAAC,eAAe,EAAE,SAAS,CAAC,iBAAe,UAAU;QACrE,8BAAC,UAAU,IAAC,IAAI,EAAE,gBAAO,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAe;QAC1E,8BAAC,qBAAQ,IAAC,SAAS,EAAE,IAAA,YAAE,EAAC,UAAU,EAAE,QAAQ,IAAI,cAAc,CAAC,IAC5D,YAAY,CACJ;QACV,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAoBQ,kDAAmB;AAlB5B,SAAS,YAAY,CAAC,EACpB,UAAU,GAAG,QAAQ,EACrB,QAAQ,EACR,GAAG,KAAK,EACU;;IAClB,OAAO,CACL,8BAAC,mBAAmB,OAAK,KAAK;QAC5B,8BAAC,mBAAM,IACL,OAAO,EAAC,gBAAgB,EACxB,OAAO,EAAE,QAAQ,iBACJ,GAAG,MAAA,KAAK,CAAC,aAAa,CAAC,mCAAI,aAAa,SAAS,IAE7D,UAAU,CACJ,CACW,CACvB,CAAC;AACJ,CAAC;AAEyC,oCAAY"}
|
|
@@ -4,8 +4,8 @@ export declare const Variant: {
|
|
|
4
4
|
readonly Default: "primary";
|
|
5
5
|
readonly Danger: "danger";
|
|
6
6
|
};
|
|
7
|
-
export
|
|
8
|
-
|
|
7
|
+
export type Variant = typeof Variant[keyof typeof Variant];
|
|
8
|
+
type FormModalProps = React.ComponentProps<typeof Modal> & {
|
|
9
9
|
variant?: Variant;
|
|
10
10
|
title: string;
|
|
11
11
|
subtitle?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOhC,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,
|
|
1
|
+
{"version":3,"file":"form-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/form-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAOhC,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAE3D,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,gBAA2B,EAC3B,cAAsB,EACtB,OAAyB,EACzB,MAAa,EACb,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,eAiChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"info-modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAQhC,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,iBAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,eAAsB,EACtB,eAAyB,EACzB,OAAO,EACP,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,eAsBhB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -12,8 +12,9 @@ const leafygreen_1 = require("../leafygreen");
|
|
|
12
12
|
const modal_body_1 = require("./modal-body");
|
|
13
13
|
const modal_header_1 = require("./modal-header");
|
|
14
14
|
const modal_footer_button_1 = require("./modal-footer-button");
|
|
15
|
+
const paddingBottomStyles = (0, emotion_1.css)({ paddingBottom: tokens_1.spacing[5] });
|
|
15
16
|
function InfoModal({ title, subtitle, showCloseButton = true, closeButtonText = 'Close', onClose, children, ...modalProps }) {
|
|
16
|
-
return (react_1.default.createElement(modal_1.Modal, { setOpen: onClose, contentClassName: (0, emotion_1.cx)(!showCloseButton &&
|
|
17
|
+
return (react_1.default.createElement(modal_1.Modal, { setOpen: onClose, contentClassName: (0, emotion_1.cx)(!showCloseButton && paddingBottomStyles), ...modalProps },
|
|
17
18
|
react_1.default.createElement(modal_header_1.ModalHeader, { title: title, subtitle: subtitle }),
|
|
18
19
|
react_1.default.createElement(modal_body_1.ModalBody, null, children),
|
|
19
20
|
showCloseButton && (react_1.default.createElement(leafygreen_1.ModalFooter, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-modal.js","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,kDAAgD;AAEhD,mCAAgC;AAChC,8CAA4C;AAC5C,6CAAyC;AACzC,iDAA6C;AAC7C,+DAA0D;
|
|
1
|
+
{"version":3,"file":"info-modal.js","sourceRoot":"","sources":["../../../src/components/modals/info-modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,kDAAgD;AAEhD,mCAAgC;AAChC,8CAA4C;AAC5C,6CAAyC;AACzC,iDAA6C;AAC7C,+DAA0D;AAE1D,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC,EAAE,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAU/D,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,QAAQ,EACR,eAAe,GAAG,IAAI,EACtB,eAAe,GAAG,OAAO,EACzB,OAAO,EACP,QAAQ,EACR,GAAG,UAAU,EACE;IACf,OAAO,CACL,8BAAC,aAAK,IACJ,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,IAAA,YAAE,EAAC,CAAC,eAAe,IAAI,mBAAmB,CAAC,KACzD,UAAU;QAEd,8BAAC,0BAAW,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACjD,8BAAC,sBAAS,QAAE,QAAQ,CAAa;QAChC,eAAe,IAAI,CAClB,8BAAC,wBAAW;YACV,8BAAC,uCAAiB,mBACJ,cAAc,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,SAAS,IAEhB,eAAe,CACE,CACR,CACf,CACK,CACT,CAAC;AACJ,CAAC;AAEQ,8BAAS"}
|
|
@@ -3,8 +3,8 @@ export declare const Variant: {
|
|
|
3
3
|
readonly Default: "primary";
|
|
4
4
|
readonly Danger: "danger";
|
|
5
5
|
};
|
|
6
|
-
export
|
|
7
|
-
|
|
6
|
+
export type Variant = typeof Variant[keyof typeof Variant];
|
|
7
|
+
type ModalBodyProps = {
|
|
8
8
|
variant?: Variant;
|
|
9
9
|
className?: string;
|
|
10
10
|
scroll?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,
|
|
1
|
+
{"version":3,"file":"modal-body.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AA6B3D,KAAK,cAAc,GAAG;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,QAAA,MAAM,SAAS,uFA6Bb,CAAC;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
export declare const Variant: {
|
|
3
3
|
readonly Default: "primary";
|
|
4
4
|
readonly Danger: "danger";
|
|
5
5
|
};
|
|
6
|
-
export
|
|
7
|
-
|
|
8
|
-
title:
|
|
9
|
-
subtitle?:
|
|
6
|
+
export type Variant = typeof Variant[keyof typeof Variant];
|
|
7
|
+
type ModalHeaderProps = {
|
|
8
|
+
title: React.ReactNode;
|
|
9
|
+
subtitle?: React.ReactNode;
|
|
10
10
|
variant?: Variant;
|
|
11
11
|
};
|
|
12
12
|
declare function ModalHeader({ title, subtitle, variant, }: ModalHeaderProps): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"modal-header.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,eAAO,MAAM,OAAO;;;CAGV,CAAC;AAEX,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,CAAC;AAiD3D,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAyB,GAC1B,EAAE,gBAAgB,eA0BlB;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Modal as LeafyGreenModal } from '../leafygreen';
|
|
3
|
-
declare function Modal({ className, contentClassName, children, ...props }: React.ComponentProps<typeof LeafyGreenModal>
|
|
3
|
+
declare function Modal({ className, contentClassName, children, fullScreen, ...props }: React.ComponentProps<typeof LeafyGreenModal> & {
|
|
4
|
+
fullScreen?: boolean;
|
|
5
|
+
}): React.ReactElement;
|
|
4
6
|
export { Modal };
|
|
5
7
|
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAQ,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAQ,KAAK,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAgC/D,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,UAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAyBrB;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.Modal = void 0;
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
9
10
|
const leafygreen_1 = require("../leafygreen");
|
|
10
11
|
const use_scrollbars_1 = require("../../hooks/use-scrollbars");
|
|
11
12
|
const contentStyles = (0, emotion_1.css)({
|
|
@@ -13,9 +14,30 @@ const contentStyles = (0, emotion_1.css)({
|
|
|
13
14
|
letterSpacing: 0,
|
|
14
15
|
padding: 0,
|
|
15
16
|
});
|
|
16
|
-
|
|
17
|
+
const modalFullScreenStyles = (0, emotion_1.css)({
|
|
18
|
+
'& > div': {
|
|
19
|
+
paddingTop: tokens_1.spacing[4],
|
|
20
|
+
paddingBottom: tokens_1.spacing[4],
|
|
21
|
+
paddingLeft: tokens_1.spacing[5],
|
|
22
|
+
paddingRight: tokens_1.spacing[5],
|
|
23
|
+
height: '100vh',
|
|
24
|
+
maxHeight: '100vh',
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
const contentFullScreenStyles = (0, emotion_1.css)({
|
|
28
|
+
width: '100%',
|
|
29
|
+
height: '100%',
|
|
30
|
+
maxHeight: '100%',
|
|
31
|
+
margin: 0,
|
|
32
|
+
alignSelf: 'stretch',
|
|
33
|
+
'& > div': {
|
|
34
|
+
height: '100%',
|
|
35
|
+
maxHeight: '100%',
|
|
36
|
+
},
|
|
37
|
+
});
|
|
38
|
+
function Modal({ className, contentClassName, children, fullScreen = false, ...props }) {
|
|
17
39
|
const { className: scrollbarStyles } = (0, use_scrollbars_1.useScrollbars)();
|
|
18
|
-
return (react_1.default.createElement(leafygreen_1.Modal, { className: (0, emotion_1.cx)(scrollbarStyles, className), contentClassName: (0, emotion_1.cx)(contentStyles, contentClassName), ...props },
|
|
40
|
+
return (react_1.default.createElement(leafygreen_1.Modal, { className: (0, emotion_1.cx)(scrollbarStyles, fullScreen && modalFullScreenStyles, className), contentClassName: (0, emotion_1.cx)(contentStyles, fullScreen && contentFullScreenStyles, contentClassName), ...props },
|
|
19
41
|
react_1.default.createElement(leafygreen_1.Body, { as: "div" }, children)));
|
|
20
42
|
}
|
|
21
43
|
exports.Modal = Modal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/components/modals/modal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAiD;AACjD,kDAAgD;AAChD,8CAA+D;AAC/D,+DAA2D;AAE3D,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC;IACxB,KAAK,EAAE,OAAO;IACd,aAAa,EAAE,CAAC;IAChB,OAAO,EAAE,CAAC;CACX,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE;QACT,UAAU,EAAE,gBAAO,CAAC,CAAC,CAAC;QACtB,aAAa,EAAE,gBAAO,CAAC,CAAC,CAAC;QACzB,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;QACvB,YAAY,EAAE,gBAAO,CAAC,CAAC,CAAC;QACxB,MAAM,EAAE,OAAO;QACf,SAAS,EAAE,OAAO;KACnB;CACF,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,IAAA,aAAG,EAAC;IAClC,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE;QACT,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,SAAS,KAAK,CAAC,EACb,SAAS,EACT,gBAAgB,EAChB,QAAQ,EACR,UAAU,GAAG,KAAK,EAClB,GAAG,KAAK,EAGT;IAMC,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,IAAA,8BAAa,GAAE,CAAC;IAEvD,OAAO,CACL,8BAAC,kBAAe,IACd,SAAS,EAAE,IAAA,YAAE,EACX,eAAe,EACf,UAAU,IAAI,qBAAqB,EACnC,SAAS,CACV,EACD,gBAAgB,EAAE,IAAA,YAAE,EAClB,aAAa,EACb,UAAU,IAAI,uBAAuB,EACrC,gBAAgB,CACjB,KACG,KAAK;QAET,8BAAC,iBAAI,IAAC,EAAE,EAAC,KAAK,IAAE,QAAQ,CAAQ,CAChB,CACnB,CAAC;AACJ,CAAC;AAEQ,sBAAK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"more-options-toggle.d.ts","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AA0BpD,KAAK,sBAAsB,GAAG;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACrD,sBAAsB,CAiDvB,CAAC"}
|
|
@@ -45,13 +45,16 @@ const optionStyles = (0, emotion_1.css)({
|
|
|
45
45
|
});
|
|
46
46
|
const MoreOptionsToggle = ({ 'aria-controls': ariaControls, isExpanded, id, 'data-testid': dataTestId, onToggleOptions, }) => {
|
|
47
47
|
const optionsIcon = (0, react_1.useMemo)(() => (isExpanded ? 'CaretDown' : 'CaretRight'), [isExpanded]);
|
|
48
|
-
const optionsLabel = (0, react_1.useMemo)(() => (isExpanded ? '
|
|
48
|
+
const optionsLabel = (0, react_1.useMemo)(() => (isExpanded ? 'Fewer Options' : 'More Options'), [isExpanded]);
|
|
49
49
|
const focusRingProps = (0, use_focus_ring_1.useFocusRing)();
|
|
50
50
|
const buttonProps = (0, merge_props_1.mergeProps)({
|
|
51
51
|
className: optionsButtonStyles,
|
|
52
52
|
}, focusRingProps);
|
|
53
|
+
const onClick = (0, react_1.useCallback)(() => {
|
|
54
|
+
onToggleOptions();
|
|
55
|
+
}, [onToggleOptions]);
|
|
53
56
|
return (react_1.default.createElement("div", { className: optionContainerStyles },
|
|
54
|
-
react_1.default.createElement(leafygreen_1.Link, { "aria-label": optionsLabel, "aria-expanded": isExpanded, "aria-controls": ariaControls, as: "button", type: "button", hideExternalIcon: true, "data-testid": dataTestId, id: id, onClick:
|
|
57
|
+
react_1.default.createElement(leafygreen_1.Link, { "aria-label": optionsLabel, "aria-expanded": isExpanded, "aria-controls": ariaControls, as: "button", type: "button", hideExternalIcon: true, "data-testid": dataTestId, id: id, onClick: onClick, ...buttonProps },
|
|
55
58
|
react_1.default.createElement("div", { className: optionStyles },
|
|
56
59
|
optionsLabel,
|
|
57
60
|
react_1.default.createElement(leafygreen_1.Icon, { glyph: optionsIcon })))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"more-options-toggle.js","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"more-options-toggle.js","sourceRoot":"","sources":["../../src/components/more-options-toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,oDAA6C;AAC7C,kDAAgD;AAEhD,4DAAuD;AACvD,6CAA0C;AAC1C,sDAAkD;AAElD,MAAM,qBAAqB,GAAG,IAAA,aAAG,EAAC;IAChC,SAAS,EAAE,QAAQ;IACnB,QAAQ,EAAE,gBAAO,CAAC,CAAC,CAAC,GAAG,CAAC;CACzB,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAE9B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,MAAM;IAEd,OAAO,EAAE,GAAG,gBAAO,CAAC,CAAC,CAAC,MAAM,gBAAO,CAAC,CAAC,CAAC,IAAI;CAC3C,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AAUI,MAAM,iBAAiB,GAE1B,CAAC,EACH,eAAe,EAAE,YAAY,EAC7B,UAAU,EACV,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,eAAe,GAChB,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,EAC/C,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC,EACrD,CAAC,UAAU,CAAC,CACb,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,6BAAY,GAAE,CAAC;IACtC,MAAM,WAAW,GAAG,IAAA,wBAAU,EAC5B;QACE,SAAS,EAAE,mBAAmB;KAC/B,EACD,cAAc,CAEoD,CAAC;IACrE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC/B,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,CACL,uCAAK,SAAS,EAAE,qBAAqB;QACnC,8BAAC,iBAAI,kBACS,YAAY,mBACT,UAAU,mBACV,YAAY,EAC3B,EAAE,EAAC,QAAQ,EACX,IAAI,EAAC,QAAQ,EACb,gBAAgB,EAAE,IAAI,iBACT,UAAU,EACvB,EAAE,EAAE,EAAE,EACN,OAAO,EAAE,OAAO,KACZ,WAAW;YAEf,uCAAK,SAAS,EAAE,YAAY;gBACzB,YAAY;gBACb,8BAAC,iBAAI,IAAC,KAAK,EAAE,WAAW,GAAI,CACxB,CACD,CACH,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,iBAAiB,qBAkD5B"}
|
|
@@ -5,6 +5,7 @@ declare const Placeholder: React.FunctionComponent<Omit<React.HTMLProps<HTMLDivE
|
|
|
5
5
|
maxChar?: number;
|
|
6
6
|
width?: CSSProperties['width'];
|
|
7
7
|
height?: CSSProperties['height'];
|
|
8
|
+
'data-testid'?: string;
|
|
8
9
|
}>;
|
|
9
10
|
export { Placeholder };
|
|
10
11
|
//# sourceMappingURL=placeholder.d.ts.map
|