@epilot/base-elements 3.9.5 → 3.9.8
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/dist/FeedbackRating/FeedbackRating.js +51 -22
- package/dist/FeedbackRating/FeedbackRating.js.map +1 -1
- package/dist/ThemeProvider/ThemeProvider.js +39 -17
- package/dist/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/Tree/Tree.d.ts +4 -0
- package/dist/Tree/Tree.js +60 -0
- package/dist/Tree/Tree.js.map +1 -0
- package/dist/Tree/index.d.ts +1 -0
- package/dist/Tree/index.js +14 -0
- package/dist/Tree/index.js.map +1 -0
- package/dist/bundle.js +89 -89
- package/dist/bundle.js.map +1 -1
- package/dist/fullstory-elements.d.ts +5 -0
- package/dist/fullstory-elements.js +10 -0
- package/dist/fullstory-elements.js.map +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/ThemeProvider/jss.d.ts +0 -2
- package/dist/ThemeProvider/jss.js +0 -15
- package/dist/ThemeProvider/jss.js.map +0 -1
|
@@ -2,10 +2,13 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.FeedbackRating = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
6
|
+
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
5
7
|
var icons_1 = require("@epilot360/icons");
|
|
6
8
|
var core_1 = require("@material-ui/core");
|
|
7
9
|
var clsx_1 = tslib_1.__importDefault(require("clsx"));
|
|
8
10
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
11
|
+
var fullstory_elements_1 = require("../fullstory-elements");
|
|
9
12
|
var types_1 = require("./types");
|
|
10
13
|
var DEFAULT_FEEDBACK_LABEL = 'Was this helpful?';
|
|
11
14
|
var useStyles = core_1.makeStyles(function () { return ({
|
|
@@ -29,28 +32,42 @@ var useStyles = core_1.makeStyles(function () { return ({
|
|
|
29
32
|
height: '20px',
|
|
30
33
|
marginRight: '10px',
|
|
31
34
|
cursor: 'pointer',
|
|
32
|
-
transition: 'color 0.15s'
|
|
33
|
-
'&:hover': {
|
|
34
|
-
color: '#424AFF'
|
|
35
|
-
}
|
|
35
|
+
transition: 'color 0.15s'
|
|
36
36
|
},
|
|
37
37
|
defaultThumbDownIconStyle: {
|
|
38
38
|
width: '20px',
|
|
39
39
|
height: '20px',
|
|
40
|
-
marginRight: '10px',
|
|
41
40
|
cursor: 'pointer',
|
|
42
|
-
transition: 'color 0.15s'
|
|
43
|
-
'&:hover': {
|
|
44
|
-
color: '#424AFF'
|
|
45
|
-
}
|
|
41
|
+
transition: 'color 0.15s'
|
|
46
42
|
},
|
|
47
43
|
defaultDoubleThumbUpIconStyle: {
|
|
48
44
|
width: '24px',
|
|
49
45
|
marginRight: '8px',
|
|
50
46
|
cursor: 'pointer',
|
|
51
|
-
transition: 'color 0.15s'
|
|
52
|
-
|
|
53
|
-
|
|
47
|
+
transition: 'color 0.15s'
|
|
48
|
+
},
|
|
49
|
+
visible: {
|
|
50
|
+
display: 'block !important'
|
|
51
|
+
},
|
|
52
|
+
invisible: {
|
|
53
|
+
display: 'none !important'
|
|
54
|
+
},
|
|
55
|
+
iconContainer: {
|
|
56
|
+
display: 'flex',
|
|
57
|
+
alignItems: 'center',
|
|
58
|
+
justifyContent: 'center',
|
|
59
|
+
cursor: 'pointer',
|
|
60
|
+
'& > :nth-child(1)': {
|
|
61
|
+
display: 'block'
|
|
62
|
+
},
|
|
63
|
+
'& > :nth-child(2)': {
|
|
64
|
+
display: 'none'
|
|
65
|
+
},
|
|
66
|
+
'&:hover > :nth-child(1)': {
|
|
67
|
+
display: 'none'
|
|
68
|
+
},
|
|
69
|
+
'&:hover > :nth-child(2)': {
|
|
70
|
+
display: 'block'
|
|
54
71
|
}
|
|
55
72
|
}
|
|
56
73
|
}); });
|
|
@@ -64,7 +81,7 @@ var useCustomStyles = core_1.makeStyles(function () { return ({
|
|
|
64
81
|
selectedIconStyle: function (props) { return (tslib_1.__assign({}, props === null || props === void 0 ? void 0 : props.selectedIconStyle)); }
|
|
65
82
|
}); });
|
|
66
83
|
var FeedbackRating = react_1.memo(function (props) {
|
|
67
|
-
var _a, _b, _c;
|
|
84
|
+
var _a, _b, _c, _d, _e, _f;
|
|
68
85
|
var classes = useStyles();
|
|
69
86
|
var customClasses = useCustomStyles(props);
|
|
70
87
|
var label = (props === null || props === void 0 ? void 0 : props.label) || DEFAULT_FEEDBACK_LABEL;
|
|
@@ -74,15 +91,27 @@ var FeedbackRating = react_1.memo(function (props) {
|
|
|
74
91
|
return (react_1["default"].createElement("div", { className: clsx_1["default"](classes.defaultContainerStyle, customClasses.containerStyle) },
|
|
75
92
|
react_1["default"].createElement("div", { className: clsx_1["default"](classes.defaultLabelStyle, customClasses.labelStyle) }, label),
|
|
76
93
|
react_1["default"].createElement("div", { className: clsx_1["default"](classes.defaultIconContainerStyle, customClasses.iconContainerStyle) },
|
|
77
|
-
react_1["default"].createElement(
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
94
|
+
react_1["default"].createElement("div", { className: classes.iconContainer, "data-fs-element": fullstory_elements_1.FullStoryElements.FEEDBACK_RATING_LOVE, onClick: function () { return handleFeedback(types_1.Ratings.Love); } },
|
|
95
|
+
react_1["default"].createElement(icons_1.DoubleThumbsUp, { className: clsx_1["default"](classes.defaultDoubleThumbUpIconStyle, customClasses.doubleThumbUpIconStyle, (_a = {},
|
|
96
|
+
_a[classes.invisible] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Love,
|
|
97
|
+
_a)), variant: 'outlined' }),
|
|
98
|
+
react_1["default"].createElement(icons_1.DoubleThumbsUp, { className: clsx_1["default"](classes.defaultDoubleThumbUpIconStyle, customClasses.doubleThumbUpIconStyle, (_b = {},
|
|
99
|
+
_b[classes.visible] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Love,
|
|
100
|
+
_b)), variant: 'filled' })),
|
|
101
|
+
react_1["default"].createElement("div", { className: classes.iconContainer, "data-fs-element": fullstory_elements_1.FullStoryElements.FEEDBACK_RATING_LIKE, onClick: function () { return handleFeedback(types_1.Ratings.Like); } },
|
|
102
|
+
react_1["default"].createElement(icons_1.ThumbUp, { className: clsx_1["default"](classes.defaultThumbUpIconStyle, customClasses.thumbUpIconStyle, (_c = {},
|
|
103
|
+
_c[classes.invisible] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Like,
|
|
104
|
+
_c)), variant: 'outlined' }),
|
|
105
|
+
react_1["default"].createElement(icons_1.ThumbUp, { className: clsx_1["default"](classes.defaultThumbUpIconStyle, customClasses.thumbUpIconStyle, (_d = {},
|
|
106
|
+
_d[classes.visible] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Like,
|
|
107
|
+
_d)), variant: 'filled' })),
|
|
108
|
+
react_1["default"].createElement("div", { className: classes.iconContainer, "data-fs-element": fullstory_elements_1.FullStoryElements.FEEDBACK_RATING_DISLIKE, onClick: function () { return handleFeedback(types_1.Ratings.Dislike); } },
|
|
109
|
+
react_1["default"].createElement(icons_1.ThumbDown, { className: clsx_1["default"](classes.defaultThumbDownIconStyle, customClasses.thumbDownIconStyle, (_e = {},
|
|
110
|
+
_e[classes.invisible] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Dislike,
|
|
111
|
+
_e)), variant: 'outlined' }),
|
|
112
|
+
react_1["default"].createElement(icons_1.ThumbDown, { className: clsx_1["default"](classes.defaultThumbDownIconStyle, customClasses.thumbDownIconStyle, (_f = {},
|
|
113
|
+
_f[classes.visible] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Dislike,
|
|
114
|
+
_f)), variant: 'filled' })))));
|
|
86
115
|
});
|
|
87
116
|
exports.FeedbackRating = FeedbackRating;
|
|
88
117
|
FeedbackRating.displayName = 'FeedbackRating';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedbackRating.js","sourceRoot":"","sources":["../../src/FeedbackRating/FeedbackRating.tsx"],"names":[],"mappings":";;;;AAAA,0CAAqE;AACrE,0CAA8C;AAC9C,sDAAuB;AACvB,qDAAmC;AAEnC,iCAAsD;AAEtD,IAAM,sBAAsB,GAAG,mBAAmB,CAAA;AAElD,IAAM,SAAS,GAAG,iBAAU,CAAC,cAAM,OAAA,CAAC;IAClC,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,KAAK,EAAE,SAAS;KACjB;IACD,yBAAyB,EAAE;QACzB,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,CAAC;KACjB;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,GAAG;QACf,QAAQ,EAAE,MAAM;QAChB,WAAW,EAAE,MAAM;KACpB;IACD,uBAAuB,EAAE;QACvB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,WAAW,EAAE,MAAM;QACnB,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,aAAa;
|
|
1
|
+
{"version":3,"file":"FeedbackRating.js","sourceRoot":"","sources":["../../src/FeedbackRating/FeedbackRating.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,27 +7,49 @@ var core_1 = require("@material-ui/core");
|
|
|
7
7
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
8
8
|
var ClassPrefixContext_1 = require("../context/ClassPrefixContext");
|
|
9
9
|
var DefaultEpilotTheme_1 = require("./DefaultEpilotTheme");
|
|
10
|
-
var jss_1 = require("./jss");
|
|
11
10
|
var mapping_1 = require("./mapping");
|
|
12
11
|
function ThemeProvider(_a) {
|
|
13
12
|
var children = _a.children, _b = _a.theme, theme = _b === void 0 ? DefaultEpilotTheme_1.DefaultEpilotTheme : _b, _c = _a.classPrefix, classPrefix = _c === void 0 ? 'global' : _c, isMuiTheme = _a.isMuiTheme;
|
|
14
|
-
var muiTheme =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
13
|
+
var muiTheme = isMuiTheme
|
|
14
|
+
? theme
|
|
15
|
+
: getMuiTheme(theme, classPrefix);
|
|
16
|
+
var generateClassName = react_1.useMemo(function () {
|
|
17
|
+
return core_1.createGenerateClassName({
|
|
18
|
+
seed: classPrefix || 'global'
|
|
19
|
+
});
|
|
20
|
+
}, [classPrefix]);
|
|
21
|
+
var customGenerateClassName = react_1.useCallback(function (rule, sheet) {
|
|
22
|
+
var className = generateClassName(rule, sheet);
|
|
23
|
+
// Generate random ID for to randomise jss class rule - eg. 7yadq
|
|
24
|
+
var id = (Math.random() + 1).toString(36).substring(7);
|
|
25
|
+
return className.includes('jss') ? className + "--" + id : className;
|
|
26
|
+
}, [generateClassName]);
|
|
27
|
+
// optimization: share a common sheet manager between all instances of ThemeProvider
|
|
28
|
+
var sheetManager = useGlobalSheetManager();
|
|
29
|
+
// optimization: don't nest providers if the theme is the same
|
|
30
|
+
var outerTheme = core_1.useTheme();
|
|
31
|
+
var childrenWithThemeProvider = outerTheme === muiTheme ? (children) : (react_1["default"].createElement(core_1.ThemeProvider, { theme: muiTheme }, children));
|
|
23
32
|
return (react_1["default"].createElement(ClassPrefixContext_1.ClassPrefixProvider, { classPrefix: classPrefix },
|
|
24
|
-
react_1["default"].createElement(core_1.StylesProvider, { generateClassName:
|
|
25
|
-
var className = generateClassName(rule, sheet);
|
|
26
|
-
// Generate random ID for to randomise jss class rule - eg. 7yadq
|
|
27
|
-
var id = (Math.random() + 1).toString(36).substring(7);
|
|
28
|
-
return className.includes('jss') ? className + "--" + id : className;
|
|
29
|
-
}, injectFirst: true, jss: jss },
|
|
30
|
-
react_1["default"].createElement(core_1.ThemeProvider, { theme: muiTheme }, children))));
|
|
33
|
+
react_1["default"].createElement(core_1.StylesProvider, { generateClassName: customGenerateClassName, injectFirst: true, sheetsManager: sheetManager }, childrenWithThemeProvider)));
|
|
31
34
|
}
|
|
32
35
|
exports.ThemeProvider = ThemeProvider;
|
|
36
|
+
var useGlobalSheetManager = function () {
|
|
37
|
+
if ('__globalSheetManager' in window) {
|
|
38
|
+
return window.__globalSheetManager;
|
|
39
|
+
}
|
|
40
|
+
;
|
|
41
|
+
window.__globalSheetManager = new Map();
|
|
42
|
+
return window.__globalSheetManager;
|
|
43
|
+
};
|
|
44
|
+
var getMuiTheme = function (theme, classPrefix) {
|
|
45
|
+
if (theme !== DefaultEpilotTheme_1.DefaultEpilotTheme) {
|
|
46
|
+
return core_1.createTheme(mapping_1.parseMuiTheme(theme, classPrefix));
|
|
47
|
+
}
|
|
48
|
+
if ('__globalMuiTheme' in window && classPrefix === 'global') {
|
|
49
|
+
return window.__globalMuiTheme;
|
|
50
|
+
}
|
|
51
|
+
var muiTheme = tslib_1.__assign({ __theme: 'global' }, core_1.createTheme(mapping_1.parseMuiTheme(theme, classPrefix)));
|
|
52
|
+
window.__globalMuiTheme = muiTheme;
|
|
53
|
+
return muiTheme;
|
|
54
|
+
};
|
|
33
55
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,yBAAsB;AACtB,
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,yBAAsB;AACtB,0CAO0B;AAE1B,qDAAmD;AAEnD,oEAAmE;AAEnE,2DAAyD;AACzD,qCAAyC;AAGzC,SAAgB,aAAa,CAAC,EAKT;QAJnB,QAAQ,cAAA,EACR,aAA0B,EAA1B,KAAK,mBAAG,uCAAkB,KAAA,EAC1B,mBAAsB,EAAtB,WAAW,mBAAG,QAAQ,KAAA,EACtB,UAAU,gBAAA;IAEV,IAAM,QAAQ,GAAG,UAAU;QACzB,CAAC,CAAE,KAAe;QAClB,CAAC,CAAC,WAAW,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAA;IAElD,IAAM,iBAAiB,GAAG,eAAO,CAC/B;QACE,OAAA,8BAAuB,CAAC;YACtB,IAAI,EAAE,WAAW,IAAI,QAAQ;SAC9B,CAAC;IAFF,CAEE,EACJ,CAAC,WAAW,CAAC,CACd,CAAA;IAED,IAAM,uBAAuB,GAAG,mBAAW,CACzC,UAAC,IAAU,EAAE,KAAkB;QAC7B,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAChD,iEAAiE;QACjE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;IACtE,CAAC,EACD,CAAC,iBAAiB,CAAC,CACpB,CAAA;IAED,oFAAoF;IACpF,IAAM,YAAY,GAAG,qBAAqB,EAAE,CAAA;IAE5C,8DAA8D;IAC9D,IAAM,UAAU,GAAG,eAAQ,EAAE,CAAA;IAC7B,IAAM,yBAAyB,GAC7B,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CACjE,CAAA;IAEH,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAChB,iBAAiB,EAAE,uBAAuB,EAC1C,WAAW,QACX,aAAa,EAAE,YAAY,IAE1B,yBAAyB,CACR,CACA,CACvB,CAAA;AACH,CAAC;AApDD,sCAoDC;AAMD,IAAM,qBAAqB,GAAG;IAC5B,IAAI,sBAAsB,IAAI,MAAM,EAAE;QACpC,OAAQ,MAAiC,CAAC,oBAAoB,CAAA;KAC/D;IAED,CAAC;IAAC,MAAiC,CAAC,oBAAoB,GAAG,IAAI,GAAG,EAAE,CAAA;IAEpE,OAAQ,MAAiC,CAAC,oBAAoB,CAAA;AAChE,CAAC,CAAA;AAMD,IAAM,WAAW,GAAG,UAAC,KAAkB,EAAE,WAAmB;IAC1D,IAAI,KAAK,KAAK,uCAAkB,EAAE;QAChC,OAAO,kBAAW,CAAC,uBAAa,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAA;KACtD;IAED,IAAI,kBAAkB,IAAI,MAAM,IAAI,WAAW,KAAK,QAAQ,EAAE;QAC5D,OAAQ,MAA6B,CAAC,gBAAyB,CAAA;KAChE;IAED,IAAM,QAAQ,sBACZ,OAAO,EAAE,QAAQ,IACd,kBAAW,CAAC,uBAAa,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAClD,CAEA;IAAC,MAA6B,CAAC,gBAAgB,GAAG,QAAQ,CAAA;IAE3D,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const TreeView: React.MemoExoticComponent<(props: any) => JSX.Element>;
|
|
3
|
+
export declare const TreeItem: React.MemoExoticComponent<(props: any) => JSX.Element>;
|
|
4
|
+
export declare const useTreeItemStyles: (props?: any) => Record<"group" | "label" | "root" | "selected" | "content" | "expanded", string>;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.useTreeItemStyles = exports.TreeItem = exports.TreeView = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var core_1 = require("@material-ui/core");
|
|
6
|
+
var lab_1 = require("@material-ui/lab");
|
|
7
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
8
|
+
exports.TreeView = react_1.memo(function (props) {
|
|
9
|
+
return react_1["default"].createElement(lab_1.TreeView, tslib_1.__assign({}, props));
|
|
10
|
+
});
|
|
11
|
+
exports.TreeItem = react_1.memo(function (props) {
|
|
12
|
+
var classes = exports.useTreeItemStyles();
|
|
13
|
+
return (react_1["default"].createElement(lab_1.TreeItem, tslib_1.__assign({ classes: {
|
|
14
|
+
root: classes.root,
|
|
15
|
+
content: classes.content,
|
|
16
|
+
expanded: classes.expanded,
|
|
17
|
+
selected: classes.selected,
|
|
18
|
+
group: classes.group,
|
|
19
|
+
label: classes.label
|
|
20
|
+
} }, props)));
|
|
21
|
+
});
|
|
22
|
+
exports.useTreeItemStyles = core_1.makeStyles(function (theme) {
|
|
23
|
+
return core_1.createStyles({
|
|
24
|
+
root: {
|
|
25
|
+
color: theme.palette.text.primary,
|
|
26
|
+
'&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
|
|
27
|
+
backgroundColor: 'transparent !important'
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
content: {
|
|
31
|
+
color: theme.palette.text.primary,
|
|
32
|
+
borderTopRightRadius: theme.spacing(2),
|
|
33
|
+
borderBottomRightRadius: theme.spacing(2),
|
|
34
|
+
paddingRight: theme.spacing(1),
|
|
35
|
+
fontWeight: theme.typography.fontWeightMedium,
|
|
36
|
+
'$expanded > &': {
|
|
37
|
+
fontWeight: theme.typography.fontWeightRegular
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
expanded: {
|
|
41
|
+
backgroundColor: 'transparent !important'
|
|
42
|
+
},
|
|
43
|
+
selected: {
|
|
44
|
+
backgroundColor: 'transparent !important'
|
|
45
|
+
},
|
|
46
|
+
group: {
|
|
47
|
+
marginLeft: 10,
|
|
48
|
+
'& $content': {
|
|
49
|
+
paddingLeft: theme.spacing(2)
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
label: {
|
|
53
|
+
fontWeight: 'inherit',
|
|
54
|
+
color: theme.palette.text.primary
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
});
|
|
58
|
+
exports.TreeView.displayName = 'TreeView';
|
|
59
|
+
exports.TreeItem.displayName = 'TreeItem';
|
|
60
|
+
//# sourceMappingURL=Tree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tree.js","sourceRoot":"","sources":["../../src/Tree/Tree.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,wCAGyB;AACzB,qDAAmC;AAEtB,QAAA,QAAQ,GAAG,YAAI,CAAC,UAAC,KAAU;IACtC,OAAO,iCAAC,cAAW,uBAAK,KAAK,EAAI,CAAA;AACnC,CAAC,CAAC,CAAA;AAEW,QAAA,QAAQ,GAAG,YAAI,CAAC,UAAC,KAAU;IACtC,IAAM,OAAO,GAAG,yBAAiB,EAAE,CAAA;IAEnC,OAAO,CACL,iCAAC,cAAW,qBACV,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;YAClB,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,KAAK,EAAE,OAAO,CAAC,KAAK;SACrB,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEW,QAAA,iBAAiB,GAAG,iBAAU,CAAC,UAAA,KAAK;IAC/C,OAAA,mBAAY,CAAC;QACX,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YACjC,oFAAoF,EAClF;gBACE,eAAe,EAAE,wBAAwB;aAC1C;SACJ;QACD,OAAO,EAAE;YACP,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;YACjC,oBAAoB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACtC,uBAAuB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YACzC,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC9B,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAyB;YACtD,eAAe,EAAE;gBACf,UAAU,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB;aAC/C;SACF;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,wBAAwB;SAC1C;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,wBAAwB;SAC1C;QACD,KAAK,EAAE;YACL,UAAU,EAAE,EAAE;YACd,YAAY,EAAE;gBACZ,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;aAC9B;SACF;QACD,KAAK,EAAE;YACL,UAAU,EAAE,SAAS;YACrB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;SAClC;KACF,CAAC;AAlCF,CAkCE,CACH,CAAA;AAED,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA;AACjC,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { TreeItem, TreeView } from './Tree';
|
|
@@ -0,0 +1,14 @@
|
|
|
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
|
+
exports.__esModule = true;
|
|
10
|
+
exports.TreeView = exports.TreeItem = void 0;
|
|
11
|
+
var Tree_1 = require("./Tree");
|
|
12
|
+
__createBinding(exports, Tree_1, "TreeItem");
|
|
13
|
+
__createBinding(exports, Tree_1, "TreeView");
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Tree/index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,+BAA2C;AAAlC,6CAAQ;AAAE,6CAAQ"}
|