@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.
@@ -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
- '&:hover': {
53
- color: '#424AFF'
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(icons_1.DoubleThumbsUp, { className: clsx_1["default"](classes.defaultDoubleThumbUpIconStyle, customClasses.doubleThumbUpIconStyle, (_a = {},
78
- _a[customClasses.selectedIconStyle] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Love,
79
- _a)), onClick: function () { return handleFeedback(types_1.Ratings.Love); }, variant: (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Love ? 'filled' : 'outlined' }),
80
- react_1["default"].createElement(icons_1.ThumbUp, { className: clsx_1["default"](classes.defaultThumbUpIconStyle, customClasses.thumbUpIconStyle, (_b = {},
81
- _b[customClasses.selectedIconStyle] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Like,
82
- _b)), onClick: function () { return handleFeedback(types_1.Ratings.Like); }, variant: (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Like ? 'filled' : 'outlined' }),
83
- react_1["default"].createElement(icons_1.ThumbDown, { className: clsx_1["default"](classes.defaultThumbDownIconStyle, customClasses.thumbDownIconStyle, (_c = {},
84
- _c[customClasses.selectedIconStyle] = (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Dislike,
85
- _c)), onClick: function () { return handleFeedback(types_1.Ratings.Dislike); }, variant: (props === null || props === void 0 ? void 0 : props.selectedRating) === types_1.Ratings.Dislike ? 'filled' : 'outlined' }))));
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":"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"}
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 = react_1.useMemo(function () {
15
- return isMuiTheme
16
- ? theme
17
- : core_1.createTheme(mapping_1.parseMuiTheme(theme, classPrefix));
18
- }, [classPrefix, isMuiTheme, theme]);
19
- var jss = jss_1.useGlobalJSSInstance();
20
- var generateClassName = core_1.createGenerateClassName({
21
- seed: classPrefix || 'global'
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: function (rule, sheet) {
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,0CAM0B;AAC1B,qDAAsC;AAEtC,oEAAmE;AAEnE,2DAAyD;AACzD,6BAA4C;AAC5C,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,eAAO,CACtB;QACE,OAAA,UAAU;YACR,CAAC,CAAE,KAAe;YAClB,CAAC,CAAC,kBAAW,CAAC,uBAAa,CAAC,KAAoB,EAAE,WAAW,CAAC,CAAC;IAFjE,CAEiE,EACnE,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,CACjC,CAAA;IAED,IAAM,GAAG,GAAG,0BAAoB,EAAE,CAAA;IAElC,IAAM,iBAAiB,GAAG,8BAAuB,CAAC;QAChD,IAAI,EAAE,WAAW,IAAI,QAAQ;KAC9B,CAAC,CAAA;IAEF,OAAO,CACL,iCAAC,wCAAmB,IAAC,WAAW,EAAE,WAAW;QAC3C,iCAAC,qBAAiB,IAChB,iBAAiB,EAAE,UAAC,IAAI,EAAE,KAAK;gBAC7B,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;gBAChD,iEAAiE;gBACjE,IAAM,EAAE,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;gBAExD,OAAO,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAI,SAAS,UAAK,EAAI,CAAC,CAAC,CAAC,SAAS,CAAA;YACtE,CAAC,EACD,WAAW,QACX,GAAG,EAAE,GAAG;YAER,iCAAC,oBAAgB,IAAC,KAAK,EAAE,QAAQ,IAAG,QAAQ,CAAoB,CAC9C,CACA,CACvB,CAAA;AACH,CAAC;AArCD,sCAqCC"}
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"}