@mongodb-js/compass-components 0.9.1 → 0.10.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/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 +1 -0
- package/lib/components/accordion.d.ts.map +1 -0
- package/lib/components/accordion.js +5 -5
- 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/confirmation-modal.d.ts +1 -0
- package/lib/components/confirmation-modal.d.ts.map +1 -0
- 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 +17 -0
- package/lib/components/error-boundary.d.ts.map +1 -0
- package/lib/components/error-boundary.js +42 -0
- package/lib/components/error-boundary.js.map +1 -0
- package/lib/components/file-input.d.ts +7 -2
- package/lib/components/file-input.d.ts.map +1 -0
- package/lib/components/file-input.js +80 -50
- 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/placeholder.d.ts +3 -1
- package/lib/components/placeholder.d.ts.map +1 -0
- package/lib/components/placeholder.js.map +1 -1
- 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 +1 -0
- package/lib/components/spin-loader.d.ts.map +1 -0
- package/lib/components/spin-loader.js +3 -3
- package/lib/components/spin-loader.js.map +1 -1
- package/lib/components/tooltip.d.ts +1 -0
- package/lib/components/tooltip.d.ts.map +1 -0
- package/lib/components/virtual-grid.d.ts +26 -0
- package/lib/components/virtual-grid.d.ts.map +1 -0
- package/lib/components/virtual-grid.js +136 -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-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 +9 -1
- package/lib/index.d.ts.map +1 -0
- package/lib/index.js +29 -14
- 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 +12 -12
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"compass-ui-colors.d.ts","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,YAAY,CAAC;AAC/B,eAAO,MAAM,eAAe,6BAA6B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,6BAA6B,CAAC;AAC3D,eAAO,MAAM,IAAI,YAAY,CAAC"}
|
package/lib/compass-ui-colors.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
|
|
3
|
+
exports.gold = exports.transparentWhite = exports.transparentGray = exports.gray8 = void 0;
|
|
4
4
|
exports.gray8 = '#f5f6f7';
|
|
5
5
|
exports.transparentGray = 'rgba(180, 180, 180, 0.5)';
|
|
6
6
|
exports.transparentWhite = 'rgba(255, 255, 255, 0.5)';
|
|
7
|
+
exports.gold = '#FFC010';
|
|
7
8
|
//# sourceMappingURL=compass-ui-colors.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC"}
|
|
1
|
+
{"version":3,"file":"compass-ui-colors.js","sourceRoot":"","sources":["../src/compass-ui-colors.tsx"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG,SAAS,CAAC;AAClB,QAAA,eAAe,GAAG,0BAA0B,CAAC;AAC7C,QAAA,gBAAgB,GAAG,0BAA0B,CAAC;AAC9C,QAAA,IAAI,GAAG,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAiCxC,UAAU,cAAc;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CACd;AACD,iBAAS,SAAS,CAChB,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,GAC7C,KAAK,CAAC,YAAY,CAiCpB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -24,16 +24,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
25
|
const react_1 = __importStar(require("react"));
|
|
26
26
|
const tokens_1 = require("@leafygreen-ui/tokens");
|
|
27
|
-
const
|
|
27
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
28
28
|
const icon_1 = __importDefault(require("@leafygreen-ui/icon"));
|
|
29
29
|
const palette_1 = require("@leafygreen-ui/palette");
|
|
30
30
|
const utils_1 = require("@react-aria/utils");
|
|
31
|
-
const labelStyles = (0,
|
|
31
|
+
const labelStyles = (0, emotion_1.css)({
|
|
32
32
|
padding: 0,
|
|
33
33
|
margin: 0,
|
|
34
34
|
fontWeight: 'bold',
|
|
35
35
|
});
|
|
36
|
-
const buttonStyles = (0,
|
|
36
|
+
const buttonStyles = (0, emotion_1.css)({
|
|
37
37
|
display: 'flex',
|
|
38
38
|
alignItems: 'center',
|
|
39
39
|
border: 'none',
|
|
@@ -45,12 +45,12 @@ const buttonStyles = (0, css_1.css)({
|
|
|
45
45
|
boxShadow: `0 0 0 3px ${palette_1.uiColors.focus}`,
|
|
46
46
|
},
|
|
47
47
|
});
|
|
48
|
-
const containerStyles = (0,
|
|
48
|
+
const containerStyles = (0, emotion_1.css)({
|
|
49
49
|
marginTop: tokens_1.spacing[3],
|
|
50
50
|
display: 'flex',
|
|
51
51
|
alignItems: 'center',
|
|
52
52
|
});
|
|
53
|
-
const buttonIconStyles = (0,
|
|
53
|
+
const buttonIconStyles = (0, emotion_1.css)({
|
|
54
54
|
marginRight: tokens_1.spacing[1],
|
|
55
55
|
});
|
|
56
56
|
function Accordion(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,
|
|
1
|
+
{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,kDAAgD;AAChD,oDAA6C;AAC7C,+DAAuC;AACvC,oDAAkD;AAClD,6CAA0C;AAE1C,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,UAAU,EAAE,MAAM;CACnB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE,8BAA8B;IAC1C,iBAAiB,EAAE;QACjB,SAAS,EAAE,aAAa,kBAAQ,CAAC,KAAK,EAAE;KACzC;CACF,CAAC,CAAC;AACH,MAAM,eAAe,GAAG,IAAA,aAAG,EAAC;IAC1B,SAAS,EAAE,gBAAO,CAAC,CAAC,CAAC;IACrB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;CACrB,CAAC,CAAC;AACH,MAAM,gBAAgB,GAAG,IAAA,aAAG,EAAC;IAC3B,WAAW,EAAE,gBAAO,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAKH,SAAS,SAAS,CAChB,KAA8C;IAE9C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,SAAS,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,OAAO,CACL,sDAAkB,KAAK,CAAC,UAAU;QAChC,uCAAK,SAAS,EAAE,eAAe;YAC7B,qCAAG,SAAS,EAAE,WAAW,EAAE,EAAE,EAAE,OAAO;gBACpC,0CACE,SAAS,EAAE,YAAY,EACvB,IAAI,EAAC,QAAQ,mBACE,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,mBACvB,QAAQ,EACvB,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC;oBACzC,CAAC;oBAED,8BAAC,cAAI,IACH,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,GAC5C;oBACD,KAAK,CAAC,IAAI,CACJ,CACP,CACA;QAEL,IAAI,IAAI,CACP,uCAAK,IAAI,EAAC,QAAQ,qBAAkB,OAAO,EAAE,EAAE,EAAE,QAAQ,IACtD,KAAK,CAAC,QAAQ,CACX,CACP,CACG,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"cancel-loader.d.ts","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAqD1B,iBAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IACD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,GAAG,KAAK,CAAC,YAAY,CAcrB;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
6
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const cancelLoaderStyle = (0,
|
|
8
|
+
const cancelLoaderStyle = (0, emotion_1.css)({
|
|
9
9
|
height: '100%',
|
|
10
10
|
display: 'flex',
|
|
11
11
|
flexDirection: 'column',
|
|
@@ -13,14 +13,14 @@ const cancelLoaderStyle = (0, css_1.css)({
|
|
|
13
13
|
justifyContent: 'center',
|
|
14
14
|
padding: '10px 0',
|
|
15
15
|
});
|
|
16
|
-
const progressTextStyle = (0,
|
|
16
|
+
const progressTextStyle = (0, emotion_1.css)({
|
|
17
17
|
margin: '0 auto 30px',
|
|
18
18
|
textAlign: 'left',
|
|
19
19
|
fontSize: '24px',
|
|
20
20
|
color: '#807f7f',
|
|
21
21
|
fontWeight: 200,
|
|
22
22
|
});
|
|
23
|
-
const spinnerStyle = (0,
|
|
23
|
+
const spinnerStyle = (0, emotion_1.css)({
|
|
24
24
|
animation: 'fa-spin 2s infinite linear',
|
|
25
25
|
width: '40px',
|
|
26
26
|
textAlign: 'center',
|
|
@@ -32,7 +32,7 @@ const spinnerStyle = (0, css_1.css)({
|
|
|
32
32
|
content: '"\\f1ce"',
|
|
33
33
|
},
|
|
34
34
|
});
|
|
35
|
-
const buttonStyle = (0,
|
|
35
|
+
const buttonStyle = (0, emotion_1.css)({
|
|
36
36
|
padding: '0 10px 0 10px',
|
|
37
37
|
height: '28px',
|
|
38
38
|
fontWeight: 'bold',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"cancel-loader.js","sourceRoot":"","sources":["../../src/components/cancel-loader.tsx"],"names":[],"mappings":";;;;;AAAA,oDAA6C;AAC7C,kDAA0B;AAE1B,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,OAAO,EAAE,QAAQ;CAClB,CAAC,CAAC;AAEH,MAAM,iBAAiB,GAAG,IAAA,aAAG,EAAC;IAC5B,MAAM,EAAE,aAAa;IACrB,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,MAAM;IAChB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,GAAG;CAChB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,IAAA,aAAG,EAAC;IACvB,SAAS,EAAE,4BAA4B;IACvC,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,QAAQ;IACnB,OAAO,EAAE,cAAc;IACvB,aAAa,EAAE,MAAM;IACrB,IAAI,EAAE,yCAAyC;IAC/C,WAAW,EAAE;QACX,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,UAAU;KACpB;CACF,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,aAAG,EAAC;IACtB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,MAAM;IACd,UAAU,EAAE,MAAM;IAClB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,MAAM;IAClB,aAAa,EAAE,WAAW;IAC1B,eAAe,EAAE,aAAa;IAC9B,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,KAAK;IACnB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,SAAS;IAChB,UAAU,EAAE,UAAU;IACtB,oBAAoB,EAAE,QAAQ;IAC9B,MAAM,EAAE,SAAS;IACjB,QAAQ,EAAE,SAAS;IACnB,MAAM,EAAE,CAAC;IACT,SAAS,EAAE,YAAY;IACvB,OAAO,EAAE,MAAM;CAChB,CAAC,CAAC;AAEH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,YAAY,EACZ,UAAU,EACV,QAAQ,GAMT;IACC,OAAO,CACL,sDAAkB,UAAU,EAAE,SAAS,EAAE,iBAAiB;QACxD,uCAAK,SAAS,EAAE,iBAAiB;YAC/B,qCAAG,SAAS,EAAE,YAAY,GAAI;YAC7B,YAAY,CACT;QACN;YACE,0CAAQ,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,IAC9C,UAAU,CACJ,CACL,CACF,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../src/components/confirmation-modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,2BAA2B,MAAM,mCAAmC,CAAC;AAI5E,iBAAS,iBAAiB,CACxB,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,2BAA2B,CAAC,GAAG;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,GACA,KAAK,CAAC,YAAY,CAKpB;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -15,3 +15,4 @@ declare type FadeInPlaceholderProps = {
|
|
|
15
15
|
};
|
|
16
16
|
export declare const FadeInPlaceholder: React.FunctionComponent<FadeInPlaceholderProps & Omit<React.HTMLProps<HTMLDivElement>, keyof FadeInPlaceholderProps>>;
|
|
17
17
|
export {};
|
|
18
|
+
//# sourceMappingURL=content-with-fallback.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content-with-fallback.d.ts","sourceRoot":"","sources":["../../src/components/content-with-fallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuDnD,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACxD,OAAO,CACL,YAAY,EAAE,OAAO,EACrB,aAAa,EAAE,OAAO,GACrB,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IACvC,QAAQ,CAAC,YAAY,EAAE,OAAO,GAAG,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IACrE,cAAc,EAAE,OAAO,CAAC;IACxB,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAqBA,CAAC;AAuCF,aAAK,sBAAsB,GAAG;IAC5B,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,IAAI,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IAC/C,QAAQ,IAAI,KAAK,CAAC,YAAY,GAAG,OAAO,GAAG,IAAI,CAAC;IAChD,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxD,sBAAsB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;CAC1D,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACrD,sBAAsB,GACpB,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,sBAAsB,CAAC,CA+CtE,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { ErrorInfo } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
declare type State = {
|
|
4
|
+
error: Error | null;
|
|
5
|
+
};
|
|
6
|
+
declare type Props = {
|
|
7
|
+
onError?: (error: Error, errorInfo: ErrorInfo) => void;
|
|
8
|
+
children: React.ReactElement;
|
|
9
|
+
};
|
|
10
|
+
export declare class ErrorBoundary extends React.Component<Props> {
|
|
11
|
+
state: State;
|
|
12
|
+
static getDerivedStateFromError(error: Error): State;
|
|
13
|
+
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
|
|
14
|
+
render(): React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=error-boundary.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,aAAK,KAAK,GAAG;IACX,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,KAAK,GAAG;IACX,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC;IACvD,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEF,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,KAAK,CAEV;IAEF,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,KAAK;IAMpD,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;IAM3D,MAAM,IAAI,KAAK,CAAC,SAAS;CAc1B"}
|
|
@@ -0,0 +1,42 @@
|
|
|
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.ErrorBoundary = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const banner_1 = __importDefault(require("@leafygreen-ui/banner"));
|
|
9
|
+
const emotion_1 = require("@leafygreen-ui/emotion");
|
|
10
|
+
const errorContainerStyles = (0, emotion_1.css)({
|
|
11
|
+
width: '100%',
|
|
12
|
+
});
|
|
13
|
+
class ErrorBoundary extends react_1.default.Component {
|
|
14
|
+
constructor() {
|
|
15
|
+
super(...arguments);
|
|
16
|
+
this.state = {
|
|
17
|
+
error: null,
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
static getDerivedStateFromError(error) {
|
|
21
|
+
return {
|
|
22
|
+
error,
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
componentDidCatch(error, errorInfo) {
|
|
26
|
+
if (this.props.onError) {
|
|
27
|
+
this.props.onError(error, errorInfo);
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
render() {
|
|
31
|
+
const { error } = this.state;
|
|
32
|
+
if (error) {
|
|
33
|
+
return (react_1.default.createElement("div", { className: errorContainerStyles },
|
|
34
|
+
react_1.default.createElement(banner_1.default, { variant: "danger" },
|
|
35
|
+
"An error occurred while rendering: ",
|
|
36
|
+
error.message)));
|
|
37
|
+
}
|
|
38
|
+
return this.props.children;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
exports.ErrorBoundary = ErrorBoundary;
|
|
42
|
+
//# sourceMappingURL=error-boundary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"error-boundary.js","sourceRoot":"","sources":["../../src/components/error-boundary.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mEAA2C;AAC3C,oDAA6C;AAE7C,MAAM,oBAAoB,GAAG,IAAA,aAAG,EAAC;IAC/B,KAAK,EAAE,MAAM;CACd,CAAC,CAAC;AAWH,MAAa,aAAc,SAAQ,eAAK,CAAC,SAAgB;IAAzD;;QACE,UAAK,GAAU;YACb,KAAK,EAAE,IAAI;SACZ,CAAC;IA4BJ,CAAC;IA1BC,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO;YACL,KAAK;SACN,CAAC;IACJ,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB;QAClD,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;SACtC;IACH,CAAC;IAED,MAAM;QACJ,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAE7B,IAAI,KAAK,EAAE;YACT,OAAO,CACL,uCAAK,SAAS,EAAE,oBAAoB;gBAClC,8BAAC,gBAAM,IAAC,OAAO,EAAC,QAAQ;;oBACc,KAAK,CAAC,OAAO,CAC1C,CACL,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC7B,CAAC;CACF;AA/BD,sCA+BC"}
|
|
@@ -3,18 +3,23 @@ export declare enum Variant {
|
|
|
3
3
|
Horizontal = "HORIZONTAL",
|
|
4
4
|
Vertical = "VERTICAL"
|
|
5
5
|
}
|
|
6
|
-
declare function FileInput({ id, label, dataTestId, onChange, multi, error, errorMessage, variant, link, description, values, labelAlignment, }: {
|
|
6
|
+
declare function FileInput({ id, label, dataTestId, onChange, disabled, multi, optional, optionalMessage, error, errorMessage, variant, showFileOnNewLine, link, description, values, labelAlignment, }: {
|
|
7
7
|
id: string;
|
|
8
8
|
label: string;
|
|
9
|
-
dataTestId
|
|
9
|
+
dataTestId?: string;
|
|
10
10
|
onChange: (files: string[]) => void;
|
|
11
|
+
disabled?: boolean;
|
|
11
12
|
multi?: boolean;
|
|
13
|
+
optional?: boolean;
|
|
14
|
+
optionalMessage?: string;
|
|
12
15
|
error?: boolean;
|
|
13
16
|
errorMessage?: string;
|
|
14
17
|
variant?: Variant;
|
|
15
18
|
link?: string;
|
|
16
19
|
description?: string;
|
|
20
|
+
showFileOnNewLine?: boolean;
|
|
17
21
|
values?: string[];
|
|
18
22
|
labelAlignment?: 'right' | 'left' | 'center';
|
|
19
23
|
}): React.ReactElement;
|
|
20
24
|
export default FileInput;
|
|
25
|
+
//# sourceMappingURL=file-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"file-input.d.ts","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA+F1B,oBAAY,OAAO;IACjB,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAQD,iBAAS,SAAS,CAAC,EACjB,EAAE,EACF,KAAK,EACL,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,KAAa,EACb,QAAgB,EAChB,eAAe,EACf,KAAa,EACb,YAAY,EACZ,OAA4B,EAC5B,iBAAyB,EACzB,IAAI,EACJ,WAAW,EACX,MAAM,EACN,cAAuB,GACxB,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;CAC9C,GAAG,KAAK,CAAC,YAAY,CA0JrB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -17,21 +17,20 @@ const formItemHorizontalStyles = (0, emotion_1.css)({
|
|
|
17
17
|
marginRight: 'auto',
|
|
18
18
|
marginLeft: 'auto',
|
|
19
19
|
display: 'flex',
|
|
20
|
-
alignItems: 'center',
|
|
21
20
|
});
|
|
22
|
-
const formItemVerticalStyles = (0, emotion_1.css)
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
const buttonStyles = (0, emotion_1.css)
|
|
33
|
-
|
|
34
|
-
|
|
21
|
+
const formItemVerticalStyles = (0, emotion_1.css)({
|
|
22
|
+
margin: '5px auto 20px',
|
|
23
|
+
});
|
|
24
|
+
const removeFileLineStyles = (0, emotion_1.css)({
|
|
25
|
+
display: 'flex',
|
|
26
|
+
flexDirection: 'row',
|
|
27
|
+
});
|
|
28
|
+
const removeFileButtonStyles = (0, emotion_1.css)({
|
|
29
|
+
marginLeft: tokens_1.spacing[1],
|
|
30
|
+
});
|
|
31
|
+
const buttonStyles = (0, emotion_1.css)({
|
|
32
|
+
width: '100%',
|
|
33
|
+
});
|
|
35
34
|
const errorMessageStyles = (0, emotion_1.css)({
|
|
36
35
|
color: `${redBaseColor} !important`,
|
|
37
36
|
});
|
|
@@ -44,37 +43,50 @@ const labelHorizontalStyles = (0, emotion_1.css)({
|
|
|
44
43
|
columnGap: tokens_1.spacing[1],
|
|
45
44
|
paddingRight: tokens_1.spacing[3],
|
|
46
45
|
});
|
|
47
|
-
const
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
46
|
+
const optionalLabelStyles = (0, emotion_1.css)({
|
|
47
|
+
color: palette_1.uiColors.gray.base,
|
|
48
|
+
fontStyle: 'italic',
|
|
49
|
+
fontWeight: 'normal',
|
|
50
|
+
fontSize: 12,
|
|
51
|
+
});
|
|
52
|
+
const infoLinkStyles = (0, emotion_1.css)({
|
|
53
|
+
'&:link, &:active, &:hover': {
|
|
54
|
+
textDecoration: 'none',
|
|
55
|
+
},
|
|
56
|
+
});
|
|
57
|
+
const labelIconStyles = (0, emotion_1.css)({
|
|
58
|
+
display: 'inline-block',
|
|
59
|
+
verticalAlign: 'middle',
|
|
60
|
+
font: 'normal normal normal 14px/1 FontAwesome',
|
|
61
|
+
fontSize: 'inherit',
|
|
62
|
+
textRendering: 'auto',
|
|
63
|
+
margin: '0 0 0 5px',
|
|
64
|
+
cursor: 'pointer',
|
|
65
|
+
color: '#bfbfbe',
|
|
66
|
+
'&:link, &:active': {
|
|
67
|
+
color: '#bfbfbe',
|
|
68
|
+
},
|
|
69
|
+
'&:link, &:active, &:hover': {
|
|
70
|
+
textDecoration: 'none',
|
|
71
|
+
},
|
|
72
|
+
'&:hover': {
|
|
73
|
+
color: '#fbb129',
|
|
74
|
+
},
|
|
75
|
+
});
|
|
76
|
+
const disabledLabelStyles = (0, emotion_1.css)({
|
|
77
|
+
'&:first-child': {
|
|
78
|
+
pointerEvents: 'none',
|
|
79
|
+
},
|
|
80
|
+
});
|
|
81
|
+
const disabledDescriptionStyles = (0, emotion_1.css)({
|
|
82
|
+
color: palette_1.uiColors.gray.dark1,
|
|
83
|
+
});
|
|
72
84
|
var Variant;
|
|
73
85
|
(function (Variant) {
|
|
74
86
|
Variant["Horizontal"] = "HORIZONTAL";
|
|
75
87
|
Variant["Vertical"] = "VERTICAL";
|
|
76
88
|
})(Variant = exports.Variant || (exports.Variant = {}));
|
|
77
|
-
function FileInput({ id, label, dataTestId, onChange, multi = false, error = false, errorMessage, variant = Variant.Horizontal, link, description, values, labelAlignment = 'left', }) {
|
|
89
|
+
function FileInput({ id, label, dataTestId, onChange, disabled, multi = false, optional = false, optionalMessage, error = false, errorMessage, variant = Variant.Horizontal, showFileOnNewLine = false, link, description, values, labelAlignment = 'left', }) {
|
|
78
90
|
const inputRef = react_1.default.useRef(null);
|
|
79
91
|
const buttonText = react_1.default.useMemo(() => {
|
|
80
92
|
if (Array.isArray(values) && values.length > 0) {
|
|
@@ -91,30 +103,48 @@ function FileInput({ id, label, dataTestId, onChange, multi = false, error = fal
|
|
|
91
103
|
}, [onChange]);
|
|
92
104
|
const renderDescription = () => {
|
|
93
105
|
if (!link && !description) {
|
|
94
|
-
return
|
|
106
|
+
return null;
|
|
95
107
|
}
|
|
96
108
|
if (!link) {
|
|
97
109
|
return (react_1.default.createElement(__1.Description, { "data-testid": 'file-input-description', style: { gridArea: 'description' } }, description));
|
|
98
110
|
}
|
|
99
|
-
return (react_1.default.createElement(__1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)({
|
|
100
|
-
[labelIconStyles]: !description,
|
|
101
|
-
}, (0, emotion_1.css)({
|
|
111
|
+
return (react_1.default.createElement(__1.Link, { "data-testid": 'file-input-link', href: link, className: (0, emotion_1.cx)(description ? infoLinkStyles : labelIconStyles, (0, emotion_1.css)({
|
|
102
112
|
gridArea: description ? 'description' : 'icon',
|
|
103
113
|
})), hideExternalIcon: !description }, description !== null && description !== void 0 ? description : ''));
|
|
104
114
|
};
|
|
105
115
|
return (react_1.default.createElement("div", null,
|
|
106
|
-
react_1.default.createElement("div", { className: (0, emotion_1.cx)({ [formItemHorizontalStyles]: variant === Variant.Horizontal }, { [formItemVerticalStyles]: variant === Variant.Vertical }
|
|
107
|
-
react_1.default.createElement("
|
|
116
|
+
react_1.default.createElement("div", { className: (0, emotion_1.cx)({ [formItemHorizontalStyles]: variant === Variant.Horizontal }, { [formItemVerticalStyles]: variant === Variant.Vertical }) },
|
|
117
|
+
react_1.default.createElement("div", { className: (0, emotion_1.cx)({
|
|
118
|
+
[labelHorizontalStyles]: variant === Variant.Horizontal,
|
|
119
|
+
}, (0, emotion_1.css)({
|
|
108
120
|
textAlign: labelAlignment,
|
|
109
121
|
})) },
|
|
110
|
-
react_1.default.createElement("
|
|
122
|
+
react_1.default.createElement("label", { htmlFor: `${id}_file_input`, className: (0, emotion_1.cx)({
|
|
123
|
+
[disabledLabelStyles]: disabled,
|
|
124
|
+
}) },
|
|
125
|
+
react_1.default.createElement("div", null,
|
|
126
|
+
react_1.default.createElement("span", { className: (0, emotion_1.cx)({
|
|
127
|
+
[disabledDescriptionStyles]: disabled,
|
|
128
|
+
}), style: { gridArea: 'label' } }, label)),
|
|
129
|
+
optional && (react_1.default.createElement("div", { className: optionalLabelStyles }, optionalMessage ? optionalMessage : 'Optional'))),
|
|
111
130
|
renderDescription()),
|
|
112
|
-
react_1.default.createElement("input", { "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : 'file-input', ref: inputRef, id: `${id}_file_input`, name: id, type: "file", multiple: multi, onChange: onFilesChanged, style: { display: 'none' } }),
|
|
113
|
-
react_1.default.createElement(__1.Button, { id: id, "data-testid": "file-input-button", className:
|
|
114
|
-
if (inputRef.current) {
|
|
131
|
+
react_1.default.createElement("input", { "data-testid": dataTestId !== null && dataTestId !== void 0 ? dataTestId : 'file-input', ref: inputRef, id: `${id}_file_input`, name: id, type: "file", multiple: multi, onChange: onFilesChanged, style: { display: 'none' }, key: values ? values.join(',') : 'empty' }),
|
|
132
|
+
react_1.default.createElement(__1.Button, { id: id, "data-testid": "file-input-button", className: buttonStyles, disabled: disabled, onClick: () => {
|
|
133
|
+
if (!disabled && inputRef.current) {
|
|
115
134
|
inputRef.current.click();
|
|
116
135
|
}
|
|
117
136
|
}, title: "Select a file", leftGlyph: react_1.default.createElement(__1.Icon, { glyph: "AddFile", title: null, fill: "currentColor" }) }, buttonText)),
|
|
137
|
+
showFileOnNewLine &&
|
|
138
|
+
values &&
|
|
139
|
+
values.length > 0 &&
|
|
140
|
+
values.map((value, index) => (react_1.default.createElement("div", { className: removeFileLineStyles, key: value },
|
|
141
|
+
value,
|
|
142
|
+
react_1.default.createElement(__1.IconButton, { className: removeFileButtonStyles, "aria-label": "Remove file", onClick: () => {
|
|
143
|
+
const newValues = [...values];
|
|
144
|
+
newValues.splice(index, 1);
|
|
145
|
+
onChange(newValues);
|
|
146
|
+
} },
|
|
147
|
+
react_1.default.createElement(__1.Icon, { glyph: "X" }))))),
|
|
118
148
|
error && errorMessage && (react_1.default.createElement(__1.Label, { "data-testid": 'file-input-error', className: errorMessageStyles, htmlFor: '' }, errorMessage))));
|
|
119
149
|
}
|
|
120
150
|
exports.default = FileInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,gDAAwB;AACxB,oDAAiD;AACjD,oDAAkD;AAClD,kDAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"file-input.js","sourceRoot":"","sources":["../../src/components/file-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare function FavoriteIcon({ isFavorite, favoriteColor, darkMode, showCircle, size, }: {
|
|
3
|
+
isFavorite?: boolean;
|
|
4
|
+
favoriteColor?: string;
|
|
5
|
+
darkMode?: boolean;
|
|
6
|
+
showCircle?: boolean;
|
|
7
|
+
size?: number;
|
|
8
|
+
}): React.ReactElement;
|
|
9
|
+
//# sourceMappingURL=favorite-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"favorite-icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/favorite-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,wBAAgB,YAAY,CAAC,EAE3B,UAAkB,EAClB,aAAoB,EACpB,QAAgB,EAChB,UAAiB,EACjB,IAAiB,GAClB,EAAE;IACD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,GAAG,KAAK,CAAC,YAAY,CA2BrB"}
|
|
@@ -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"}
|
|
@@ -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;AA8CvC,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"}
|
|
@@ -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,2BAAyC;AACzC,2BAAwC;AAGxC,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,aAAS,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,OAAG,EAAC;IACtB,kBAAkB,EAAE,YAAQ,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,OAAG,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,WAAO,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,MAAE,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 @@
|
|
|
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
|
}
|