@epilot/base-elements 3.9.4 → 3.9.7
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/Chip360/Chip360.d.ts +1 -1
- 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/bundle.js +87 -87
- 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/package.json +2 -2
- package/dist/ThemeProvider/jss.d.ts +0 -2
- package/dist/ThemeProvider/jss.js +0 -15
- package/dist/ThemeProvider/jss.js.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
export declare const Chip360: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | "security" | "style" | "title" | "translate" | "className" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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"> & {
|
|
3
3
|
label: React.ReactNode;
|
|
4
|
-
leftIcon?: "number" | "alarm" | "calculator" | "calendar" | "check" | "download" | "exclamation" | "file" | "filter" | "image" | "info" | "link" | "lock" | "map" | "message" | "paragraph" | "pause" | "phone" | "play" | "reply" | "search" | "share" | "star" | "sun" | "table" | "upload" | "add" | "add_circle" | "arrow_left" | "arrow_right" | "bolt" | "cable" | "call" | "category" | "check_box" | "check_circle" | "chevron_left" | "chevron_right" | "close" | "comment" | "content_copy" | "dashboard" | "delete" | "drag_indicator" | "edit" | "error" | "expand_less" | "expand_more" | "explore" | "file_copy" | "filter_alt" | "flip" | "help" | "label" | "label_off" | "lock_open" | "login" | "logout" | "mail" | "menu" | "more_horiz" | "more_vert" | "note" | "notifications" | "open_in_new" | "pause_circle" | "payment" | "pending_actions" | "refresh" | "remove" | "repeat" | "settings" | "sort" | "thumb_down" | "thumb_up" | "update" | "visibility" | "visibility_off" | "warning" | "primary" | "address" | "meter" | "summary" | "document" | "action" | "order" | "resize" | "epilot" | "file_copy_off" | "filter_alt_off" | "data_object" | "attributes" | "opportunity" | "contact" | "account" | "contract" | "request" | "templates" | "product" | "price" | "tax" | "submission" | "partner" | "partnering" | "entity" | "webhook" | "design" | "workflow" | "phase" | "automation" | "journey" | "relations" | "availability" | "desktop" | "arrow_circle_left" | "question_mark" | "skip" | "checklist" | "person_check" | "price_mapping" | "portal" | "entity_builder" | "connection" | "radio_button" | "text_field" | "signature" | "consent" | "attribute_edit" | "solar" | "sdk" | "lookup" | "previous_provider" | "success_confirmation" | "expand_content" | "collapse_content" | "frame" | "energy_savings_leaf" | "avg_time" | "table_rows_narrow" | "two_columns" | "diagram" | "move_down" | "step_over" | "condition" | "note_stack" | "double_thumbs_up" | "ai_star" | "file_manager" | "viewDay" | undefined;
|
|
4
|
+
leftIcon?: "number" | "alarm" | "calculator" | "calendar" | "check" | "download" | "exclamation" | "file" | "filter" | "image" | "info" | "link" | "lock" | "map" | "message" | "paragraph" | "pause" | "phone" | "play" | "reply" | "search" | "share" | "star" | "sun" | "table" | "upload" | "add" | "add_circle" | "arrow_left" | "arrow_right" | "bolt" | "cable" | "call" | "category" | "check_box" | "check_circle" | "chevron_left" | "chevron_right" | "close" | "comment" | "content_copy" | "dashboard" | "delete" | "drag_indicator" | "edit" | "error" | "expand_less" | "expand_more" | "explore" | "file_copy" | "filter_alt" | "flip" | "help" | "label" | "label_off" | "lock_open" | "login" | "logout" | "mail" | "menu" | "more_horiz" | "more_vert" | "note" | "notifications" | "open_in_new" | "pause_circle" | "payment" | "pending_actions" | "read_more" | "refresh" | "remove" | "repeat" | "schedule" | "settings" | "sort" | "thumb_down" | "thumb_up" | "update" | "visibility" | "visibility_off" | "warning" | "primary" | "address" | "meter" | "summary" | "document" | "action" | "order" | "resize" | "epilot" | "file_copy_off" | "filter_alt_off" | "data_object" | "attributes" | "opportunity" | "contact" | "account" | "contract" | "request" | "templates" | "product" | "price" | "tax" | "submission" | "partner" | "partnering" | "entity" | "webhook" | "design" | "workflow" | "phase" | "automation" | "journey" | "relations" | "availability" | "desktop" | "arrow_circle_left" | "question_mark" | "skip" | "checklist" | "person_check" | "price_mapping" | "portal" | "entity_builder" | "connection" | "radio_button" | "text_field" | "signature" | "consent" | "attribute_edit" | "solar" | "sdk" | "lookup" | "previous_provider" | "success_confirmation" | "expand_content" | "collapse_content" | "frame" | "energy_savings_leaf" | "avg_time" | "table_rows_narrow" | "two_columns" | "diagram" | "move_down" | "step_over" | "condition" | "note_stack" | "double_thumbs_up" | "ai_star" | "file_manager" | "viewDay" | "calendar_clock" | undefined;
|
|
5
5
|
rightIcon?: "close" | "edit" | "expand_more" | undefined;
|
|
6
6
|
onClick?: ((event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void) | undefined;
|
|
7
7
|
isFilled?: boolean | undefined;
|
|
@@ -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"}
|