@mongodb-js/compass-components 0.9.0 → 0.10.1
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/compass-ui-colors.d.ts +2 -0
- package/lib/compass-ui-colors.d.ts.map +1 -0
- package/lib/compass-ui-colors.js +2 -1
- package/lib/compass-ui-colors.js.map +1 -1
- package/lib/components/accordion.d.ts +2 -1
- package/lib/components/accordion.d.ts.map +1 -0
- package/lib/components/accordion.js +11 -7
- package/lib/components/accordion.js.map +1 -1
- package/lib/components/cancel-loader.d.ts +1 -0
- package/lib/components/cancel-loader.d.ts.map +1 -0
- package/lib/components/cancel-loader.js +5 -5
- package/lib/components/cancel-loader.js.map +1 -1
- package/lib/components/checkbox.d.ts +5 -0
- package/lib/components/checkbox.d.ts.map +1 -0
- package/lib/components/checkbox.js +19 -0
- package/lib/components/checkbox.js.map +1 -0
- package/lib/components/confirmation-modal.d.ts +2 -1
- package/lib/components/confirmation-modal.d.ts.map +1 -0
- package/lib/components/confirmation-modal.js +27 -6
- package/lib/components/confirmation-modal.js.map +1 -1
- package/lib/components/content-with-fallback.d.ts +1 -0
- package/lib/components/content-with-fallback.d.ts.map +1 -0
- package/lib/components/error-boundary.d.ts +18 -0
- package/lib/components/error-boundary.d.ts.map +1 -0
- package/lib/components/error-boundary.js +47 -0
- package/lib/components/error-boundary.js.map +1 -0
- package/lib/components/file-input.d.ts +7 -3
- package/lib/components/file-input.d.ts.map +1 -0
- package/lib/components/file-input.js +75 -61
- package/lib/components/file-input.js.map +1 -1
- package/lib/components/icons/favorite-icon.d.ts +9 -0
- package/lib/components/icons/favorite-icon.d.ts.map +1 -0
- package/lib/components/icons/favorite-icon.js +18 -0
- package/lib/components/icons/favorite-icon.js.map +1 -0
- package/lib/components/inline-definition.d.ts +1 -0
- package/lib/components/inline-definition.d.ts.map +1 -0
- package/lib/components/inline-info-link.d.ts +8 -0
- package/lib/components/inline-info-link.d.ts.map +1 -0
- package/lib/components/inline-info-link.js +23 -0
- package/lib/components/inline-info-link.js.map +1 -0
- package/lib/components/modal.d.ts +7 -0
- package/lib/components/modal.d.ts.map +1 -0
- package/lib/components/modal.js +39 -0
- package/lib/components/modal.js.map +1 -0
- package/lib/components/placeholder.d.ts +3 -1
- package/lib/components/placeholder.d.ts.map +1 -0
- package/lib/components/placeholder.js +9 -8
- package/lib/components/placeholder.js.map +1 -1
- package/lib/components/radio-box-group.d.ts +5 -0
- package/lib/components/radio-box-group.d.ts.map +1 -0
- package/lib/components/radio-box-group.js +18 -0
- package/lib/components/radio-box-group.js.map +1 -0
- package/lib/components/resize-handle.d.ts +1 -0
- package/lib/components/resize-handle.d.ts.map +1 -0
- package/lib/components/resize-handle.js +5 -5
- package/lib/components/resize-handle.js.map +1 -1
- package/lib/components/spin-loader.d.ts +4 -9
- package/lib/components/spin-loader.d.ts.map +1 -0
- package/lib/components/spin-loader.js +13 -34
- package/lib/components/spin-loader.js.map +1 -1
- package/lib/components/toggle.d.ts +5 -0
- package/lib/components/toggle.d.ts.map +1 -0
- package/lib/components/toggle.js +15 -0
- package/lib/components/toggle.js.map +1 -0
- package/lib/components/tooltip.d.ts +1 -0
- package/lib/components/tooltip.d.ts.map +1 -0
- package/lib/components/virtual-grid.d.ts +27 -0
- package/lib/components/virtual-grid.d.ts.map +1 -0
- package/lib/components/virtual-grid.js +140 -0
- package/lib/components/virtual-grid.js.map +1 -0
- package/lib/hooks/use-default-action.d.ts +3 -0
- package/lib/hooks/use-default-action.d.ts.map +1 -0
- package/lib/hooks/use-default-action.js +25 -0
- package/lib/hooks/use-default-action.js.map +1 -0
- package/lib/hooks/use-dom-rect.d.ts +1 -0
- package/lib/hooks/use-dom-rect.d.ts.map +1 -0
- package/lib/hooks/use-focus-hover.d.ts +2 -1
- package/lib/hooks/use-focus-hover.d.ts.map +1 -0
- package/lib/hooks/use-focus-hover.js.map +1 -1
- package/lib/hooks/use-focus-ring.d.ts +5 -0
- package/lib/hooks/use-focus-ring.d.ts.map +1 -0
- package/lib/hooks/use-focus-ring.js +38 -0
- package/lib/hooks/use-focus-ring.js.map +1 -0
- package/lib/hooks/use-sort.d.ts +22 -0
- package/lib/hooks/use-sort.d.ts.map +1 -0
- package/lib/hooks/use-sort.js +109 -0
- package/lib/hooks/use-sort.js.map +1 -0
- package/lib/hooks/use-theme.d.ts +15 -0
- package/lib/hooks/use-theme.d.ts.map +1 -0
- package/lib/hooks/use-theme.js +40 -0
- package/lib/hooks/use-theme.js.map +1 -0
- package/lib/hooks/use-toast.d.ts +17 -0
- package/lib/hooks/use-toast.d.ts.map +1 -0
- package/lib/hooks/use-toast.js +94 -0
- package/lib/hooks/use-toast.js.map +1 -0
- package/lib/hooks/use-virtual-grid.d.ts +14 -0
- package/lib/hooks/use-virtual-grid.d.ts.map +1 -0
- package/lib/hooks/use-virtual-grid.js +122 -0
- package/lib/hooks/use-virtual-grid.js.map +1 -0
- package/lib/hooks/use-virtual-grid.test.d.ts +2 -0
- package/lib/hooks/use-virtual-grid.test.d.ts.map +1 -0
- package/lib/hooks/use-virtual-grid.test.js +209 -0
- package/lib/hooks/use-virtual-grid.test.js.map +1 -0
- package/lib/index.d.ts +25 -9
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +66 -26
- package/lib/index.js.map +1 -1
- package/lib/utils/merge-props.d.ts +2 -1
- package/lib/utils/merge-props.d.ts.map +1 -0
- package/package.json +15 -12
|
@@ -0,0 +1,18 @@
|
|
|
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.FavoriteIcon = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
9
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
10
|
+
const compass_ui_colors_1 = require("../../compass-ui-colors");
|
|
11
|
+
function FavoriteIcon({ isFavorite = false, favoriteColor = compass_ui_colors_1.gold, darkMode = false, showCircle = true, size = tokens_1.spacing[4], }) {
|
|
12
|
+
const stroke = darkMode ? palette_1.uiColors.white : palette_1.uiColors.black;
|
|
13
|
+
return (react_1.default.createElement("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
14
|
+
showCircle && (react_1.default.createElement("path", { d: "M12 22.6667C17.891 22.6667 22.6667 17.891 22.6667 12C22.6667 6.10897 17.891 1.33334 12 1.33334C6.10897 1.33334 1.33334 6.10897 1.33334 12C1.33334 17.891 6.10897 22.6667 12 22.6667Z", stroke: stroke, strokeMiterlimit: "10" })),
|
|
15
|
+
react_1.default.createElement("path", { id: "favoriteIconStar", d: "M11.9195 15.6372L8.89689 17.3104C8.77598 17.3831 8.62053 17.274 8.63781 17.1103L9.20779 13.5639C9.22506 13.5094 9.19051 13.4366 9.15597 13.4003L6.7206 10.8905C6.61697 10.7814 6.66879 10.5995 6.82424 10.5813L10.2096 10.0721C10.2614 10.0721 10.3132 10.0175 10.3477 9.98118L11.8677 6.76215C11.9368 6.63485 12.1095 6.63485 12.1786 6.76215L13.664 9.96299C13.6813 10.0175 13.7331 10.0539 13.8022 10.0539L17.1875 10.5631C17.3257 10.5813 17.3775 10.7632 17.2911 10.8723L14.8212 13.4003C14.7867 13.4366 14.7694 13.5094 14.7694 13.5639L15.3394 17.1103C15.3567 17.2558 15.2185 17.3649 15.0803 17.3104L12.075 15.6372C12.0231 15.6008 11.9713 15.6008 11.9195 15.6372Z", stroke: isFavorite ? favoriteColor : stroke, fill: isFavorite ? favoriteColor : 'none', strokeMiterlimit: "10" })));
|
|
16
|
+
}
|
|
17
|
+
exports.FavoriteIcon = FavoriteIcon;
|
|
18
|
+
//# sourceMappingURL=favorite-icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"favorite-icon.js","sourceRoot":"","sources":["../../../src/components/icons/favorite-icon.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAChD,oDAAkD;AAElD,+DAA+C;AAE/C,SAAgB,YAAY,CAAC,EAE3B,UAAU,GAAG,KAAK,EAClB,aAAa,GAAG,wBAAI,EACpB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,IAAI,EACjB,IAAI,GAAG,gBAAO,CAAC,CAAC,CAAC,GAOlB;IACC,MAAM,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,kBAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAQ,CAAC,KAAK,CAAC;IAE1D,OAAO,CACL,uCACE,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B;QAEjC,UAAU,IAAI,CACb,wCACE,CAAC,EAAC,sLAAsL,EACxL,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAC,IAAI,GACrB,CACH;QACD,wCACE,EAAE,EAAC,kBAAkB,EACrB,CAAC,EAAC,+oBAA+oB,EACjpB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EAC3C,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,EACzC,gBAAgB,EAAC,IAAI,GACrB,CACE,CACP,CAAC;AACJ,CAAC;AAxCD,oCAwCC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-definition.d.ts","sourceRoot":"","sources":["../../src/components/inline-definition.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAepC,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAC7C,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,YAAY,EAAE,OAAO,CACnB,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC,CACnE,CAAC;CACH,CAwBF,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare type InlineInfoLinkProps = {
|
|
3
|
+
'aria-label': string;
|
|
4
|
+
href: string;
|
|
5
|
+
};
|
|
6
|
+
declare function InlineInfoLink(props: InlineInfoLinkProps): JSX.Element;
|
|
7
|
+
export { InlineInfoLink };
|
|
8
|
+
//# sourceMappingURL=inline-info-link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-info-link.d.ts","sourceRoot":"","sources":["../../src/components/inline-info-link.tsx"],"names":[],"mappings":";AAWA,aAAK,mBAAmB,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAgB/D;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
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.InlineInfoLink = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
|
+
const icon_button_1 = __importDefault(require("@leafygreen-ui/icon-button"));
|
|
11
|
+
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
12
|
+
const infoButtonStyles = (0, emotion_1.css)({
|
|
13
|
+
marginTop: -tokens_1.spacing[2],
|
|
14
|
+
marginBottom: -tokens_1.spacing[2],
|
|
15
|
+
});
|
|
16
|
+
function InlineInfoLink(props) {
|
|
17
|
+
const { 'aria-label': ariaLabel, href } = props;
|
|
18
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
19
|
+
react_1.default.createElement(icon_button_1.default, { as: "a", className: infoButtonStyles, "aria-label": ariaLabel, href: href, target: "_blank" },
|
|
20
|
+
react_1.default.createElement(icon_1.default, { glyph: "InfoWithCircle", size: "small" }))));
|
|
21
|
+
}
|
|
22
|
+
exports.InlineInfoLink = InlineInfoLink;
|
|
23
|
+
//# sourceMappingURL=inline-info-link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inline-info-link.js","sourceRoot":"","sources":["../../src/components/inline-info-link.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAA6C;AAC7C,kDAAgD;AAChD,6EAAoD;AACpD,+DAAuC;AAEvC,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,SAAS,EAAE,CAAC,gBAAO,CAAC,CAAC,CAAC;IACtB,YAAY,EAAE,CAAC,gBAAO,CAAC,CAAC,CAAC;CAC1B,CAAC,CAAC;AAOH,SAAS,cAAc,CAAC,KAA0B;IAChD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL;QACE,8BAAC,qBAAU,IACT,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,gBAAgB,gBACf,SAAS,EACrB,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,QAAQ;YAEf,8BAAC,cAAI,IAAC,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,OAAO,GAAG,CACjC,CACZ,CACJ,CAAC;AACJ,CAAC;AAEQ,wCAAc"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import LeafyGreenModal from '@leafygreen-ui/modal';
|
|
3
|
+
declare function Modal({ trackingId, ...props }: React.ComponentProps<typeof LeafyGreenModal> & {
|
|
4
|
+
trackingId?: string;
|
|
5
|
+
}): React.ReactElement;
|
|
6
|
+
export { Modal };
|
|
7
|
+
//# sourceMappingURL=modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAInD,iBAAS,KAAK,CAAC,EACb,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,GAAG;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GAAG,KAAK,CAAC,YAAY,CAOrB;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
22
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.Modal = void 0;
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
27
|
+
const modal_1 = __importDefault(require("@leafygreen-ui/modal"));
|
|
28
|
+
const compass_logging_1 = require("@mongodb-js/compass-logging");
|
|
29
|
+
const { track } = (0, compass_logging_1.createLoggerAndTelemetry)('COMPASS-UI');
|
|
30
|
+
function Modal({ trackingId, ...props }) {
|
|
31
|
+
(0, react_1.useEffect)(() => {
|
|
32
|
+
if (props.open && trackingId) {
|
|
33
|
+
track('Screen', { name: trackingId });
|
|
34
|
+
}
|
|
35
|
+
}, [props.open, trackingId]);
|
|
36
|
+
return react_1.default.createElement(modal_1.default, { ...props });
|
|
37
|
+
}
|
|
38
|
+
exports.Modal = Modal;
|
|
39
|
+
//# sourceMappingURL=modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../src/components/modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,iEAAmD;AACnD,iEAAuE;AACvE,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,0CAAwB,EAAC,YAAY,CAAC,CAAC;AAEzD,SAAS,KAAK,CAAC,EACb,UAAU,EACV,GAAG,KAAK,EAGT;IACC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,IAAI,UAAU,EAAE;YAC5B,KAAK,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC;IAC7B,OAAO,8BAAC,eAAe,OAAK,KAAK,GAAI,CAAC;AACxC,CAAC;AAEQ,sBAAK"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
2
|
+
import React from 'react';
|
|
2
3
|
export declare const Placeholder: React.FunctionComponent<Omit<React.HTMLProps<HTMLDivElement>, 'minChar' | 'maxChar' | 'width' | 'height'> & {
|
|
3
4
|
minChar?: number;
|
|
4
5
|
maxChar?: number;
|
|
@@ -6,3 +7,4 @@ export declare const Placeholder: React.FunctionComponent<Omit<React.HTMLProps<H
|
|
|
6
7
|
height?: CSSProperties['height'];
|
|
7
8
|
darkMode?: boolean;
|
|
8
9
|
}>;
|
|
10
|
+
//# sourceMappingURL=placeholder.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"placeholder.d.ts","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAkB,MAAM,OAAO,CAAC;AA+CvC,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAC/C,IAAI,CACF,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC/B,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAC3C,GAAG;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAuBF,CAAC"}
|
|
@@ -21,11 +21,12 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
22
|
exports.Placeholder = void 0;
|
|
23
23
|
const react_1 = __importStar(require("react"));
|
|
24
|
-
const
|
|
25
|
-
const
|
|
24
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
25
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
26
|
+
const palette_1 = require("@leafygreen-ui/palette");
|
|
26
27
|
const scale = 4;
|
|
27
28
|
const percent = (num) => (num * 100).toFixed(3) + '%';
|
|
28
|
-
const move = (0,
|
|
29
|
+
const move = (0, emotion_1.keyframes)({
|
|
29
30
|
from: {
|
|
30
31
|
backgroundPosition: `${percent(scale)} 0`,
|
|
31
32
|
},
|
|
@@ -33,8 +34,8 @@ const move = (0, __1.keyframes)({
|
|
|
33
34
|
backgroundPosition: '0 0',
|
|
34
35
|
},
|
|
35
36
|
});
|
|
36
|
-
const placeholder = (0,
|
|
37
|
-
'--gradient-start':
|
|
37
|
+
const placeholder = (0, emotion_1.css)({
|
|
38
|
+
'--gradient-start': palette_1.uiColors.gray.light3,
|
|
38
39
|
'--gradient-end': 'rgba(235, 241, 239, 1)',
|
|
39
40
|
alignSelf: 'center',
|
|
40
41
|
borderRadius: 3,
|
|
@@ -51,18 +52,18 @@ const placeholder = (0, __1.css)({
|
|
|
51
52
|
backgroundPosition: '0 0',
|
|
52
53
|
animation: `${move} ${scale}s infinite linear`,
|
|
53
54
|
});
|
|
54
|
-
const placeholderDarkMode = (0,
|
|
55
|
+
const placeholderDarkMode = (0, emotion_1.css)({
|
|
55
56
|
'--gradient-start': 'rgba(38, 55, 66, 1)',
|
|
56
57
|
'--gradient-end': 'rgba(47, 64, 74, 1)',
|
|
57
58
|
});
|
|
58
59
|
function getBoundRandom(min, max) {
|
|
59
60
|
return Math.random() * (max - min) + min;
|
|
60
61
|
}
|
|
61
|
-
const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight =
|
|
62
|
+
const Placeholder = ({ className, minChar = 5, maxChar = 15, width: propsWidth, height: propsHeight = tokens_1.spacing[3], darkMode, ...props }) => {
|
|
62
63
|
const width = (0, react_1.useMemo)(() => {
|
|
63
64
|
return propsWidth || `${Math.round(getBoundRandom(minChar, maxChar))}ch`;
|
|
64
65
|
}, [minChar, maxChar, propsWidth]);
|
|
65
|
-
return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid": "placeholder", className: (0,
|
|
66
|
+
return (react_1.default.createElement("div", { ...props, role: "presentation", "data-testid": "placeholder", className: (0, emotion_1.cx)(placeholder, className, darkMode && placeholderDarkMode), style: { width, height: propsHeight } }));
|
|
66
67
|
};
|
|
67
68
|
exports.Placeholder = Placeholder;
|
|
68
69
|
//# sourceMappingURL=placeholder.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"placeholder.js","sourceRoot":"","sources":["../../src/components/placeholder.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,+CAAuC;AACvC,oDAA4D;AAC5D,kDAAgD;AAChD,oDAAkD;AAGlD,MAAM,KAAK,GAAG,CAAC,CAAC;AAEhB,MAAM,OAAO,GAAG,CAAC,GAAW,EAAU,EAAE,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC;AAEtE,MAAM,IAAI,GAAG,IAAA,mBAAS,EAAC;IACrB,IAAI,EAAE;QACJ,kBAAkB,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI;KAC1C;IACD,EAAE,EAAE;QACF,kBAAkB,EAAE,KAAK;KAC1B;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,kBAAkB,EAAE,kBAAQ,CAAC,IAAI,CAAC,MAAM;IACxC,gBAAgB,EAAE,wBAAwB;IAC1C,SAAS,EAAE,QAAQ;IACnB,YAAY,EAAE,CAAC;IACf,QAAQ,EAAE,KAAK;IACf,eAAe,EAAE,uBAAuB;IACxC,eAAe,EAAE;;;8BAGW,OAAO,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gCACpB,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC;;MAE5C;IACJ,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,OAAO;IACxC,kBAAkB,EAAE,KAAK;IACzB,SAAS,EAAE,GAAG,IAAI,IAAI,KAAK,mBAAmB;CAC/C,CAAC,CAAC;AAEH,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,kBAAkB,EAAE,qBAAqB;IACzC,gBAAgB,EAAE,qBAAqB;CACxC,CAAC,CAAC;AAEH,SAAS,cAAc,CAAC,GAAW,EAAE,GAAW;IAC9C,OAAO,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;AAC3C,CAAC;AAEM,MAAM,WAAW,GAWpB,CAAC,EACH,SAAS,EACT,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,WAAW,GAAG,gBAAO,CAAC,CAAC,CAAC,EAChC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,OAAO,UAAU,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC;IAC3E,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,OAAO,CACL,0CACM,KAAK,EACT,IAAI,EAAC,cAAc,iBACP,aAAa,EACzB,SAAS,EAAE,IAAA,YAAE,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,IAAI,mBAAmB,CAAC,EACtE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,GAChC,CACR,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,WAAW,eAiCtB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { RadioBoxGroup as LeafyGreenRadioBoxGroup } from '@leafygreen-ui/radio-box-group';
|
|
3
|
+
declare function RadioBoxGroup(props: React.ComponentProps<typeof LeafyGreenRadioBoxGroup>): ReturnType<typeof LeafyGreenRadioBoxGroup>;
|
|
4
|
+
export { RadioBoxGroup };
|
|
5
|
+
//# sourceMappingURL=radio-box-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-box-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-box-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,aAAa,IAAI,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AAM1F,iBAAS,aAAa,CACpB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,GAC1D,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAS5C;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
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.RadioBoxGroup = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
9
|
+
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
10
|
+
const radio_box_group_1 = require("@leafygreen-ui/radio-box-group");
|
|
11
|
+
const radioBoxGroupStyles = (0, emotion_1.css)({
|
|
12
|
+
marginTop: tokens_1.spacing[1],
|
|
13
|
+
});
|
|
14
|
+
function RadioBoxGroup(props) {
|
|
15
|
+
return (react_1.default.createElement(radio_box_group_1.RadioBoxGroup, { ...props, className: `${radioBoxGroupStyles}${props.className ? ` ${props.className}` : ''}` }));
|
|
16
|
+
}
|
|
17
|
+
exports.RadioBoxGroup = RadioBoxGroup;
|
|
18
|
+
//# sourceMappingURL=radio-box-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-box-group.js","sourceRoot":"","sources":["../../src/components/radio-box-group.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAA6C;AAC7C,kDAAgD;AAChD,oEAA0F;AAE1F,MAAM,mBAAmB,GAAG,IAAA,aAAG,EAAC;IAC9B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;CACtB,CAAC,CAAC;AAEH,SAAS,aAAa,CACpB,KAA2D;IAE3D,OAAO,CACL,8BAAC,+BAAuB,OAClB,KAAK,EACT,SAAS,EAAE,GAAG,mBAAmB,GAC/B,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAC5C,EAAE,GACF,CACH,CAAC;AACJ,CAAC;AAEQ,sCAAa"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"resize-handle.d.ts","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,aAAK,eAAe;IAClB,GAAG,QAAQ;IACX,KAAK,UAAU;CAChB;AAkDD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAS,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GACN,EAAE;IACD,SAAS,EAAE,eAAe,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA6DrB;AAED,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -20,15 +20,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
20
20
|
};
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
22
|
exports.ResizeDirection = exports.ResizeHandle = void 0;
|
|
23
|
-
const css_1 = require("@emotion/css");
|
|
24
23
|
const react_1 = __importStar(require("react"));
|
|
24
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
25
25
|
var ResizeDirection;
|
|
26
26
|
(function (ResizeDirection) {
|
|
27
27
|
ResizeDirection["TOP"] = "TOP";
|
|
28
28
|
ResizeDirection["RIGHT"] = "RIGHT";
|
|
29
29
|
})(ResizeDirection || (ResizeDirection = {}));
|
|
30
30
|
exports.ResizeDirection = ResizeDirection;
|
|
31
|
-
const baseResizerStyles = (0,
|
|
31
|
+
const baseResizerStyles = (0, emotion_1.css)({
|
|
32
32
|
position: 'absolute',
|
|
33
33
|
background: 'transparent',
|
|
34
34
|
padding: 0,
|
|
@@ -55,7 +55,7 @@ const baseResizerStyles = (0, css_1.css)({
|
|
|
55
55
|
color: 'none',
|
|
56
56
|
},
|
|
57
57
|
});
|
|
58
|
-
const verticalResizerStyle = (0,
|
|
58
|
+
const verticalResizerStyle = (0, emotion_1.css)({
|
|
59
59
|
width: '4px !important',
|
|
60
60
|
right: '-2px',
|
|
61
61
|
bottom: 0,
|
|
@@ -64,7 +64,7 @@ const verticalResizerStyle = (0, css_1.css)({
|
|
|
64
64
|
cursor: 'ew-resize',
|
|
65
65
|
},
|
|
66
66
|
});
|
|
67
|
-
const horizontalResizerStyle = (0,
|
|
67
|
+
const horizontalResizerStyle = (0, emotion_1.css)({
|
|
68
68
|
height: '4px !important',
|
|
69
69
|
top: '-2px',
|
|
70
70
|
right: 0,
|
|
@@ -86,7 +86,7 @@ function ResizeHandle({ direction, step = 10, value, minValue, maxValue, onChang
|
|
|
86
86
|
dimensionTitle = 'Height';
|
|
87
87
|
resizerStyle = horizontalResizerStyle;
|
|
88
88
|
}
|
|
89
|
-
return (react_1.default.createElement("input", { type: "range", "aria-roledescription": `${directionTitle} splitter`, "aria-label": `${dimensionTitle} of the ${title}, resize using arrow keys`, className: (0,
|
|
89
|
+
return (react_1.default.createElement("input", { type: "range", "aria-roledescription": `${directionTitle} splitter`, "aria-label": `${dimensionTitle} of the ${title}, resize using arrow keys`, className: (0, emotion_1.cx)(baseResizerStyles, resizerStyle), min: minValue, max: maxValue, value: value, step: step, onChange: (event) => {
|
|
90
90
|
if (isDragging.current) {
|
|
91
91
|
return;
|
|
92
92
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"resize-handle.js","sourceRoot":"","sources":["../../src/components/resize-handle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsC;AACtC,oDAAiD;AAEjD,IAAK,eAGJ;AAHD,WAAK,eAAe;IAClB,8BAAW,CAAA;IACX,kCAAe,CAAA;AACjB,CAAC,EAHI,eAAe,KAAf,eAAe,QAGnB;AAiIsB,0CAAe;AA/HtC,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,QAAQ,EAAE,UAAU;IACpB,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,oBAAoB;IAChC,eAAe,EAAE,KAAK;IACtB,eAAe,EAAE,SAAS;IAC1B,OAAO,EAAE,GAAG;IACZ,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,GAAG;IACX,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,OAAO;QACxB,OAAO,EAAE,CAAC;KACX;IACD,gBAAgB,EAAE,MAAM;IACxB,wBAAwB,EAAE;QACxB,gBAAgB,EAAE,MAAM;KACzB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,MAAM;QAClB,WAAW,EAAE,MAAM;QACnB,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,KAAK,EAAE,gBAAgB;IACvB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE;QACR,MAAM,EAAE,WAAW;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,sBAAsB,GAAG,IAAA,aAAG,EAAC;IACjC,MAAM,EAAE,gBAAgB;IACxB,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,CAAC;IACP,QAAQ,EAAE;QACR,MAAM,EAAE,WAAW;KACpB;CACF,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,SAAS,EACT,IAAI,GAAG,EAAE,EACT,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,GASN;IACC,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,CAAC;IAEjC,SAAS,SAAS,CAAC,aAAqB;QACtC,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,cAAc,GAAG,UAAU,CAAC;IAChC,IAAI,cAAc,GAAG,OAAO,CAAC;IAC7B,IAAI,YAAY,GAAG,oBAAoB,CAAC;IAExC,IAAI,SAAS,KAAK,eAAe,CAAC,GAAG,EAAE;QACrC,cAAc,GAAG,YAAY,CAAC;QAC9B,cAAc,GAAG,QAAQ,CAAC;QAC1B,YAAY,GAAG,sBAAsB,CAAC;KACvC;IAED,OAAO,CACL,yCACE,IAAI,EAAC,OAAO,0BACU,GAAG,cAAc,WAAW,gBACtC,GAAG,cAAc,WAAW,KAAK,2BAA2B,EACxE,SAAS,EAAE,IAAA,YAAE,EAAC,iBAAiB,EAAE,YAAY,CAAC,EAC9C,GAAG,EAAE,QAAQ,EACb,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,UAAU,CAAC,OAAO,EAAE;gBAGtB,OAAO;aACR;YACD,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QAClD,CAAC,EACD,WAAW,EAAE,GAAG,EAAE;YAChB,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC;QAC5B,CAAC,EACD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACrB,IAAI,UAAU,CAAC,OAAO,EAAE;gBACtB,IAAI,SAAS,KAAK,eAAe,CAAC,KAAK,EAAE;oBACvC,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;iBAC9C;qBAAM,IAAI,SAAS,KAAK,eAAe,CAAC,GAAG,EAAE;oBAC5C,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;iBAC9C;aACF;QACH,CAAC,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YAGnB,KAAK,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;YAE3B,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;YAC3B,IAAI,SAAS,KAAK,eAAe,CAAC,KAAK,EAAE;gBACvC,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;aAC9C;iBAAM,IAAI,SAAS,KAAK,eAAe,CAAC,GAAG,EAAE;gBAC5C,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;aAC9C;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAEQ,oCAAY"}
|
|
@@ -1,12 +1,7 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
interface SpinLoaderProps {
|
|
3
|
-
className: string;
|
|
4
3
|
size?: string;
|
|
5
4
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
};
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|
|
12
|
-
export {};
|
|
5
|
+
declare function SpinLoader({ size }: SpinLoaderProps): JSX.Element;
|
|
6
|
+
export { SpinLoader };
|
|
7
|
+
//# sourceMappingURL=spin-loader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"spin-loader.d.ts","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";AAIA,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAmBD,iBAAS,UAAU,CAAC,EAAE,IAAa,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAUnE;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,32 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
20
4
|
};
|
|
21
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
|
-
|
|
23
|
-
const
|
|
6
|
+
exports.SpinLoader = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
24
9
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
25
|
-
const shellLoaderSpin = (0,
|
|
10
|
+
const shellLoaderSpin = (0, emotion_1.keyframes) `
|
|
26
11
|
0% { transform: rotate(0deg); }
|
|
27
12
|
100% { transform: rotate(360deg); }
|
|
28
13
|
`;
|
|
29
|
-
const spinLoaderStyle = (0,
|
|
14
|
+
const spinLoaderStyle = (0, emotion_1.css) `
|
|
30
15
|
border: 2px solid transparent;
|
|
31
16
|
border-top: 2px solid ${palette_1.uiColors.gray.dark3};
|
|
32
17
|
border-radius: 50%;
|
|
@@ -37,17 +22,11 @@ const spinLoaderStyle = (0, css_1.css) `
|
|
|
37
22
|
|
|
38
23
|
animation: ${shellLoaderSpin} 700ms ease infinite;
|
|
39
24
|
`;
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
height: size,
|
|
46
|
-
} }));
|
|
47
|
-
}
|
|
25
|
+
function SpinLoader({ size = '12px' }) {
|
|
26
|
+
return (react_1.default.createElement("div", { className: spinLoaderStyle, style: {
|
|
27
|
+
width: size,
|
|
28
|
+
height: size,
|
|
29
|
+
} }));
|
|
48
30
|
}
|
|
49
|
-
exports.
|
|
50
|
-
SpinLoader.defaultProps = {
|
|
51
|
-
size: '12px',
|
|
52
|
-
};
|
|
31
|
+
exports.SpinLoader = SpinLoader;
|
|
53
32
|
//# sourceMappingURL=spin-loader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"spin-loader.js","sourceRoot":"","sources":["../../src/components/spin-loader.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,oDAAwD;AACxD,oDAAkD;AAMlD,MAAM,eAAe,GAAG,IAAA,mBAAS,EAAA;;;CAGhC,CAAC;AAEF,MAAM,eAAe,GAAG,IAAA,aAAG,EAAA;;0BAED,kBAAQ,CAAC,IAAI,CAAC,KAAK;;;;;;;eAO9B,eAAe;CAC7B,CAAC;AAEF,SAAS,UAAU,CAAC,EAAE,IAAI,GAAG,MAAM,EAAmB;IACpD,OAAO,CACL,uCACE,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;YACL,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;SACb,GACD,CACH,CAAC;AACJ,CAAC;AAEQ,gCAAU"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAIrD,iBAAS,MAAM,CACb,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,GACnD,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAIrC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
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.Toggle = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const toggle_1 = __importDefault(require("@leafygreen-ui/toggle"));
|
|
9
|
+
const use_theme_1 = require("../hooks/use-theme");
|
|
10
|
+
function Toggle(props) {
|
|
11
|
+
const theme = (0, use_theme_1.useTheme)();
|
|
12
|
+
return react_1.default.createElement(toggle_1.default, { darkMode: (theme === null || theme === void 0 ? void 0 : theme.theme) === use_theme_1.Theme.Dark, ...props });
|
|
13
|
+
}
|
|
14
|
+
exports.Toggle = Toggle;
|
|
15
|
+
//# sourceMappingURL=toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../src/components/toggle.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,mEAAqD;AAErD,kDAAqD;AAErD,SAAS,MAAM,CACb,KAAoD;IAEpD,MAAM,KAAK,GAAG,IAAA,oBAAQ,GAAE,CAAC;IAEzB,OAAO,8BAAC,gBAAgB,IAAC,QAAQ,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,iBAAK,CAAC,IAAI,KAAM,KAAK,GAAI,CAAC;AAChF,CAAC;AAEQ,wBAAM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,aAAK,mBAAmB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAKF,aAAK,sBAAsB,GAAG,KAAK,CAAC,wBAAwB,CAC1D,OAAO,iBAAiB,CACzB,CAAC;AAEF,aAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAE9C,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CACpC,mBAAmB,GACjB,IAAI,CAAC,sBAAsB,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,GAAG;IAC7D,OAAO,EAAE,cAAc,CAAC;CACzB,CAkCJ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type RenderItem = React.FunctionComponent<React.HTMLProps<HTMLDivElement> & {
|
|
3
|
+
index: number;
|
|
4
|
+
['data-vlist-item-idx']: number;
|
|
5
|
+
}>;
|
|
6
|
+
declare type RenderHeader = React.FunctionComponent;
|
|
7
|
+
declare type VirtualGridProps = {
|
|
8
|
+
itemMinWidth: number;
|
|
9
|
+
itemHeight: number;
|
|
10
|
+
itemsCount: number;
|
|
11
|
+
colCount?: number;
|
|
12
|
+
renderItem: RenderItem;
|
|
13
|
+
headerHeight?: number;
|
|
14
|
+
renderHeader?: RenderHeader;
|
|
15
|
+
overscanCount?: number;
|
|
16
|
+
classNames?: {
|
|
17
|
+
container?: string;
|
|
18
|
+
header?: string;
|
|
19
|
+
grid?: string;
|
|
20
|
+
row?: string;
|
|
21
|
+
cell?: string;
|
|
22
|
+
};
|
|
23
|
+
itemKey?: (index: number) => React.Key | null | undefined;
|
|
24
|
+
};
|
|
25
|
+
export declare const VirtualGrid: React.ForwardRefExoticComponent<Pick<VirtualGridProps & Omit<React.HTMLProps<HTMLDivElement>, keyof VirtualGridProps>, "height" | "color" | "content" | "translate" | "width" | "start" | "hidden" | "default" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "children" | "className" | "onClick" | "open" | "name" | "id" | "onChange" | "disabled" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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" | "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" | "list" | "step" | "download" | "href" | "hrefLang" | "media" | "rel" | "target" | "type" | "as" | "max" | "method" | "min" | "crossOrigin" | "classID" | "useMap" | "wmode" | "cellPadding" | "cellSpacing" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "integrity" | "sizes" | "charSet" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "src" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "manifest" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "async" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required" | "size" | "challenge" | "keyType" | "keyParams" | "htmlFor" | "httpEquiv" | "high" | "low" | "optimum" | "reversed" | "selected" | "defer" | "nonce" | "scoped" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "wrap" | "kind" | "srcLang" | "poster" | keyof VirtualGridProps> & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export {};
|
|
27
|
+
//# sourceMappingURL=virtual-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtual-grid.d.ts","sourceRoot":"","sources":["../../src/components/virtual-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAUf,aAAK,UAAU,GAAG,KAAK,CAAC,iBAAiB,CACvC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAG;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,CAAC,qBAAqB,CAAC,EAAE,MAAM,CAAC;CACjC,CACF,CAAC;AACF,aAAK,YAAY,GAAG,KAAK,CAAC,iBAAiB,CAAC;AAE5C,aAAK,gBAAgB,GAAG;IAKtB,YAAY,EAAE,MAAM,CAAC;IAIrB,UAAU,EAAE,MAAM,CAAC;IAInB,UAAU,EAAE,MAAM,CAAC;IAKnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAMlB,UAAU,EAAE,UAAU,CAAC;IAIvB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,YAAY,CAAC,EAAE,YAAY,CAAC;IAI5B,aAAa,CAAC,EAAE,MAAM,CAAC;IAIvB,UAAU,CAAC,EAAE;QACX,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,GAAG,GAAG,IAAI,GAAG,SAAS,CAAC;CAC3D,CAAC;AA2IF,eAAO,MAAM,WAAW,s5LA2FtB,CAAC"}
|