@codecademy/codebytes 0.6.8 → 0.6.10-alpha.1f547e.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/CHANGELOG.md +17 -0
- package/dist/MonacoEditor/theme.js +2 -1
- package/dist/__tests__/codebyte-test.js +7 -47
- package/dist/__tests__/helpers-test.js +7 -88
- package/dist/codeByteEditor.d.ts +0 -9
- package/dist/codeByteEditor.js +21 -27
- package/dist/drawers.js +6 -4
- package/dist/helpers/index.d.ts +0 -14
- package/dist/helpers/index.js +0 -23
- package/dist/index.d.ts +1 -0
- package/dist/index.js +2 -1
- package/dist/types.d.ts +3 -2
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,23 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
### [0.6.10-alpha.1f547e.0](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.9...@codecademy/codebytes@0.6.10-alpha.1f547e.0) (2022-02-07)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @codecademy/codebytes
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
### [0.6.9](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.8...@codecademy/codebytes@0.6.9) (2022-02-07)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* **codebytes:** style tweaks ([#33](https://github.com/Codecademy/client-modules/issues/33)) ([6722a8a](https://github.com/Codecademy/client-modules/commit/6722a8accb9dcf88b7508903fdec1f155b010d96))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
6
23
|
### [0.6.8](https://github.com/Codecademy/client-modules/compare/@codecademy/codebytes@0.6.7...@codecademy/codebytes@0.6.8) (2022-02-05)
|
|
7
24
|
|
|
8
25
|
**Note:** Version bump only for package @codecademy/codebytes
|
|
@@ -114,7 +114,8 @@ var theme = function theme(_ref) {
|
|
|
114
114
|
'editor.foreground': ui.text,
|
|
115
115
|
'editorIndentGuide.background': ui.indent.inactive,
|
|
116
116
|
'editorIndentGuide.activeBackground': ui.indent.active,
|
|
117
|
-
'editorWhitespace.foreground': syntax.comment
|
|
117
|
+
'editorWhitespace.foreground': syntax.comment,
|
|
118
|
+
'editorLineNumber.foreground': '#9FA2AC'
|
|
118
119
|
}
|
|
119
120
|
};
|
|
120
121
|
};
|
|
@@ -1,11 +1,6 @@
|
|
|
1
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
2
|
-
|
|
3
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
4
|
-
|
|
5
1
|
import './mocks';
|
|
6
2
|
import { setupRtl } from '@codecademy/gamut-tests';
|
|
7
3
|
import userEvent from '@testing-library/user-event';
|
|
8
|
-
import { encode } from 'js-base64';
|
|
9
4
|
import React from 'react';
|
|
10
5
|
import { CodeByteEditor } from '..';
|
|
11
6
|
import { helloWorld, validLanguages } from '../consts';
|
|
@@ -30,34 +25,6 @@ jest.mock('../MonacoEditor', function () {
|
|
|
30
25
|
};
|
|
31
26
|
});
|
|
32
27
|
var renderWrapper = setupRtl(CodeByteEditor, {});
|
|
33
|
-
|
|
34
|
-
var renderWrapperWith = function renderWrapperWith(_ref2) {
|
|
35
|
-
var mode = _ref2.mode,
|
|
36
|
-
rest = _objectWithoutProperties(_ref2, ["mode"]);
|
|
37
|
-
|
|
38
|
-
var url = new URL(window.location.href);
|
|
39
|
-
var text = rest.text,
|
|
40
|
-
language = rest.language;
|
|
41
|
-
|
|
42
|
-
if (text) {
|
|
43
|
-
url.searchParams.set('text', encode(text));
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
if (language) {
|
|
47
|
-
url.searchParams.set('lang', language);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
url.searchParams.set('client-name', 'forum');
|
|
51
|
-
url.searchParams.set('page', 'https://discuss.codecademy.com/some-interesting/post');
|
|
52
|
-
|
|
53
|
-
if (mode) {
|
|
54
|
-
url.searchParams.set('mode', mode);
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
window.history.replaceState({}, '', url.toString());
|
|
58
|
-
return renderWrapper(rest);
|
|
59
|
-
};
|
|
60
|
-
|
|
61
28
|
describe('CodeBytes', function () {
|
|
62
29
|
var initialUrl = window.location.href;
|
|
63
30
|
afterEach(function () {
|
|
@@ -168,22 +135,15 @@ describe('CodeBytes', function () {
|
|
|
168
135
|
userEvent.type(editor, 'd');
|
|
169
136
|
expect(trackClick).toHaveBeenCalledWith('edit', undefined);
|
|
170
137
|
});
|
|
171
|
-
it('triggers trackUserImpression
|
|
172
|
-
|
|
173
|
-
text: 'some-value',
|
|
174
|
-
language: 'javascript'
|
|
175
|
-
});
|
|
176
|
-
expect(trackUserImpression).toHaveBeenCalledWith({
|
|
177
|
-
page_name: 'forum',
|
|
178
|
-
context: 'https://discuss.codecademy.com/some-interesting/post',
|
|
179
|
-
target: 'codebyte'
|
|
180
|
-
});
|
|
181
|
-
});
|
|
182
|
-
it('triggers trackUserImpression for compose mode', function () {
|
|
183
|
-
renderWrapperWith({
|
|
138
|
+
it('triggers trackUserImpression', function () {
|
|
139
|
+
renderWrapper({
|
|
184
140
|
text: 'some-value',
|
|
185
141
|
language: 'javascript',
|
|
186
|
-
|
|
142
|
+
trackingData: {
|
|
143
|
+
page_name: 'forum_compose',
|
|
144
|
+
context: 'https://discuss.codecademy.com/some-interesting/post'
|
|
145
|
+
},
|
|
146
|
+
renderMode: 'compose'
|
|
187
147
|
});
|
|
188
148
|
expect(trackUserImpression).toHaveBeenCalledWith({
|
|
189
149
|
page_name: 'forum_compose',
|
|
@@ -1,17 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
-
|
|
5
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
-
|
|
7
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
8
|
-
|
|
9
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
-
|
|
11
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
-
|
|
13
|
-
import { encode } from 'js-base64';
|
|
14
|
-
import { getOptions, trackClick } from '../helpers';
|
|
1
|
+
import { trackClick } from '../helpers';
|
|
15
2
|
import { trackUserClick } from '../libs/eventTracking';
|
|
16
3
|
jest.mock('../libs/eventTracking');
|
|
17
4
|
var initialUrl = window.location.href;
|
|
@@ -20,97 +7,29 @@ var resetCodebytesParams = function resetCodebytesParams() {
|
|
|
20
7
|
return window.history.replaceState(null, '', initialUrl);
|
|
21
8
|
};
|
|
22
9
|
|
|
23
|
-
var setCodebytesParams = function setCodebytesParams(params) {
|
|
24
|
-
if (params.text) {
|
|
25
|
-
params.text = encode(params.text);
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
var url = new URL(window.location.href);
|
|
29
|
-
Object.entries(params).forEach(function (_ref) {
|
|
30
|
-
var _ref2 = _slicedToArray(_ref, 2),
|
|
31
|
-
key = _ref2[0],
|
|
32
|
-
value = _ref2[1];
|
|
33
|
-
|
|
34
|
-
url.searchParams.set(key, value);
|
|
35
|
-
});
|
|
36
|
-
window.history.replaceState({}, '', url.toString());
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
describe('getOptions', function () {
|
|
40
|
-
afterEach(function () {
|
|
41
|
-
resetCodebytesParams();
|
|
42
|
-
});
|
|
43
|
-
it('parses props out of the window locations', function () {
|
|
44
|
-
var text = "\n const msg = 'Sup?';\n console.log(msg);\n ".trim();
|
|
45
|
-
setCodebytesParams({
|
|
46
|
-
lang: 'javascript',
|
|
47
|
-
text: text,
|
|
48
|
-
'copy-mode': '',
|
|
49
|
-
'client-name': 'forum',
|
|
50
|
-
page: 'https://discuss.codecademy.com/some-interesting/post',
|
|
51
|
-
mode: 'compose'
|
|
52
|
-
});
|
|
53
|
-
expect(getOptions()).toEqual({
|
|
54
|
-
clientName: 'forum',
|
|
55
|
-
parentPage: 'https://discuss.codecademy.com/some-interesting/post',
|
|
56
|
-
renderMode: 'compose'
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
10
|
describe('trackClick', function () {
|
|
61
11
|
afterEach(function () {
|
|
62
12
|
resetCodebytesParams();
|
|
63
13
|
trackUserClick.mockReset();
|
|
64
14
|
});
|
|
65
|
-
it('
|
|
15
|
+
it('tracks user click when tracking data is provided', function () {
|
|
66
16
|
var target = 'foobar';
|
|
67
|
-
|
|
68
|
-
lang: 'javascript',
|
|
69
|
-
text: "\n const msg = 'Sup?';\n console.log(msg);\n ".trim(),
|
|
70
|
-
'copy-mode': '',
|
|
71
|
-
'client-name': 'forum',
|
|
72
|
-
page: 'https://discuss.codecademy.com/some-interesting/post',
|
|
73
|
-
mode: ''
|
|
74
|
-
});
|
|
75
|
-
trackClick(target);
|
|
76
|
-
expect(trackUserClick).toHaveBeenCalledWith({
|
|
17
|
+
var trackingData = {
|
|
77
18
|
page_name: 'forum',
|
|
78
19
|
context: 'https://discuss.codecademy.com/some-interesting/post',
|
|
79
20
|
target: target
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
it('defaults the client name to "Unknown"', function () {
|
|
83
|
-
var target = 'foobar';
|
|
84
|
-
setCodebytesParams({
|
|
85
|
-
lang: 'javascript',
|
|
86
|
-
text: "\n const msg = 'Sup?';\n console.log(msg);\n ".trim(),
|
|
87
|
-
'copy-mode': '',
|
|
88
|
-
'client-name': '',
|
|
89
|
-
page: 'https://discuss.codecademy.com/some-interesting/post',
|
|
90
|
-
mode: ''
|
|
91
|
-
});
|
|
92
|
-
trackClick(target);
|
|
21
|
+
};
|
|
22
|
+
trackClick(target, trackingData);
|
|
93
23
|
expect(trackUserClick).toHaveBeenCalledWith({
|
|
94
|
-
page_name: '
|
|
24
|
+
page_name: 'forum',
|
|
95
25
|
context: 'https://discuss.codecademy.com/some-interesting/post',
|
|
96
26
|
target: target
|
|
97
27
|
});
|
|
98
28
|
});
|
|
99
|
-
it('
|
|
100
|
-
var mode = 'compose';
|
|
29
|
+
it('tracks user click when tracking data is not provided', function () {
|
|
101
30
|
var target = 'foobar';
|
|
102
|
-
setCodebytesParams({
|
|
103
|
-
lang: 'javascript',
|
|
104
|
-
text: "\n const msg = 'Sup?';\n console.log(msg);\n ".trim(),
|
|
105
|
-
'copy-mode': '',
|
|
106
|
-
'client-name': 'forum',
|
|
107
|
-
page: 'https://discuss.codecademy.com/some-interesting/post',
|
|
108
|
-
mode: mode
|
|
109
|
-
});
|
|
110
31
|
trackClick(target);
|
|
111
32
|
expect(trackUserClick).toHaveBeenCalledWith({
|
|
112
|
-
page_name: "forum_".concat(mode),
|
|
113
|
-
context: 'https://discuss.codecademy.com/some-interesting/post',
|
|
114
33
|
target: target
|
|
115
34
|
});
|
|
116
35
|
});
|
package/dist/codeByteEditor.d.ts
CHANGED
|
@@ -1,13 +1,4 @@
|
|
|
1
|
-
import { StyleProps } from '@codecademy/variance';
|
|
2
1
|
import React from 'react';
|
|
3
2
|
import { CodeByteEditorProps } from './types';
|
|
4
|
-
declare const editorStates: (props: Partial<Record<"isIFrame", boolean>> & {
|
|
5
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
-
}) => import("@codecademy/variance").CSSObject;
|
|
7
|
-
declare const editorBaseStyles: (props: {
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
}) => import("@codecademy/variance").CSSObject;
|
|
10
|
-
export interface EditorStyleProps extends StyleProps<typeof editorBaseStyles>, StyleProps<typeof editorStates> {
|
|
11
|
-
}
|
|
12
3
|
export declare const CodeByteEditor: React.FC<CodeByteEditorProps>;
|
|
13
4
|
export default CodeByteEditor;
|
package/dist/codeByteEditor.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
|
|
3
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
4
|
+
|
|
3
5
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
4
6
|
|
|
5
7
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
@@ -12,48 +14,44 @@ function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "und
|
|
|
12
14
|
|
|
13
15
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
16
|
|
|
17
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
|
+
|
|
19
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
20
|
+
|
|
15
21
|
import { Box, IconButton } from '@codecademy/gamut';
|
|
16
22
|
import { FaviconIcon } from '@codecademy/gamut-icons';
|
|
17
|
-
import { Background,
|
|
23
|
+
import { Background, system } from '@codecademy/gamut-styles';
|
|
18
24
|
import React, { useEffect, useState } from 'react';
|
|
19
25
|
import { helloWorld } from './consts';
|
|
20
26
|
import { Editor } from './editor';
|
|
21
|
-
import {
|
|
27
|
+
import { trackClick } from './helpers';
|
|
22
28
|
import { LanguageSelection } from './languageSelection';
|
|
23
29
|
import { trackUserImpression } from './libs/eventTracking';
|
|
24
|
-
var editorStates = states({
|
|
25
|
-
isIFrame: {
|
|
26
|
-
height: '100vh',
|
|
27
|
-
width: '100%'
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
30
|
var editorBaseStyles = system.css({
|
|
31
31
|
border: 1,
|
|
32
32
|
borderColor: 'gray-900',
|
|
33
33
|
display: 'flex',
|
|
34
34
|
flexDirection: 'column',
|
|
35
|
-
|
|
36
|
-
width: '43rem',
|
|
37
|
-
overflow: 'hidden'
|
|
35
|
+
minHeight: '25rem'
|
|
38
36
|
});
|
|
39
37
|
|
|
40
38
|
var EditorContainer = /*#__PURE__*/_styled(Background, {
|
|
41
39
|
target: "e1epka4g0",
|
|
42
40
|
label: "EditorContainer"
|
|
43
|
-
})(editorBaseStyles,
|
|
41
|
+
})(editorBaseStyles, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9jb2RlQnl0ZUVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J3QiIsImZpbGUiOiIuLi9zcmMvY29kZUJ5dGVFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBJY29uQnV0dG9uIH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgRmF2aWNvbkljb24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgeyBCYWNrZ3JvdW5kLCBzeXN0ZW0gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1zdHlsZXMnO1xuaW1wb3J0IHsgU3R5bGVQcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L3ZhcmlhbmNlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBoZWxsb1dvcmxkLCBMYW5ndWFnZU9wdGlvbiB9IGZyb20gJy4vY29uc3RzJztcbmltcG9ydCB7IEVkaXRvciB9IGZyb20gJy4vZWRpdG9yJztcbmltcG9ydCB7IHRyYWNrQ2xpY2sgfSBmcm9tICcuL2hlbHBlcnMnO1xuaW1wb3J0IHsgTGFuZ3VhZ2VTZWxlY3Rpb24gfSBmcm9tICcuL2xhbmd1YWdlU2VsZWN0aW9uJztcbmltcG9ydCB7IHRyYWNrVXNlckltcHJlc3Npb24gfSBmcm9tICcuL2xpYnMvZXZlbnRUcmFja2luZyc7XG5pbXBvcnQgeyBDb2RlQnl0ZUVkaXRvclByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmNvbnN0IGVkaXRvckJhc2VTdHlsZXMgPSBzeXN0ZW0uY3NzKHtcbiAgYm9yZGVyOiAxLFxuICBib3JkZXJDb2xvcjogJ2dyYXktOTAwJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgbWluSGVpZ2h0OiAnMjVyZW0nLFxufSk7XG5cbmNvbnN0IEVkaXRvckNvbnRhaW5lciA9IHN0eWxlZChCYWNrZ3JvdW5kKTxTdHlsZVByb3BzPHR5cGVvZiBlZGl0b3JCYXNlU3R5bGVzPj4oXG4gIGVkaXRvckJhc2VTdHlsZXNcbik7XG5cbmV4cG9ydCBjb25zdCBDb2RlQnl0ZUVkaXRvcjogUmVhY3QuRkM8Q29kZUJ5dGVFZGl0b3JQcm9wcz4gPSAoe1xuICB0ZXh0OiBpbml0aWFsVGV4dCxcbiAgbGFuZ3VhZ2U6IGluaXRpYWxMYW5ndWFnZSxcbiAgaGlkZUNvcHlCdXR0b24gPSBmYWxzZSxcbiAgc25pcHBldHNCYXNlVXJsLFxuICBvbkVkaXQsXG4gIG9uTGFuZ3VhZ2VDaGFuZ2UsXG4gIG9uQ29weSxcbiAgdHJhY2tpbmdEYXRhLFxuICByZW5kZXJNb2RlLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIGNvbnN0IGdldEluaXRpYWxUZXh0ID0gKCkgPT4ge1xuICAgIGlmIChpbml0aWFsVGV4dCAhPT0gdW5kZWZpbmVkKSByZXR1cm4gaW5pdGlhbFRleHQ7XG4gICAgcmV0dXJuIGluaXRpYWxMYW5ndWFnZSA/IGhlbGxvV29ybGRbaW5pdGlhbExhbmd1YWdlXSA6ICcnO1xuICB9O1xuXG4gIGNvbnN0IFt0ZXh0LCBzZXRUZXh0XSA9IHVzZVN0YXRlPHN0cmluZz4oZ2V0SW5pdGlhbFRleHQoKSk7XG4gIGNvbnN0IFtsYW5ndWFnZSwgc2V0TGFuZ3VhZ2VdID0gdXNlU3RhdGU8TGFuZ3VhZ2VPcHRpb24+KFxuICAgIGluaXRpYWxMYW5ndWFnZSA/PyAnJ1xuICApO1xuICBjb25zdCBbaGFzQmVlbkVkaXRlZCwgc2V0SGFzQmVlbkVkaXRlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICB0cmFja1VzZXJJbXByZXNzaW9uKHtcbiAgICAgIHBhZ2VfbmFtZTogdHJhY2tpbmdEYXRhPy5wYWdlX25hbWUgPz8gJ1Vua25vd24nLFxuICAgICAgY29udGV4dDogdHJhY2tpbmdEYXRhPy5jb250ZXh0ID8/IGRvY3VtZW50LnJlZmVycmVyLFxuICAgICAgdGFyZ2V0OiAnY29kZWJ5dGUnLFxuICAgIH0pO1xuICB9LCBbdHJhY2tpbmdEYXRhXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8RWRpdG9yQ29udGFpbmVyIGJnPVwiYmxhY2tcIiBtYXhXaWR0aD1cIjQzcmVtXCIgey4uLnJlc3R9PlxuICAgICAgPEJveCBib3JkZXJCb3R0b209ezF9IGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIiBweT17NH0gcGw9ezh9PlxuICAgICAgICA8SWNvbkJ1dHRvblxuICAgICAgICAgIGljb249e0Zhdmljb25JY29ufVxuICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIGhyZWY9XCJodHRwczovL3d3dy5jb2RlY2FkZW15LmNvbS9cIlxuICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgcmVsPVwibm9yZWZlcnJlclwiXG4gICAgICAgICAgYXJpYS1sYWJlbD1cInZpc2l0IGNvZGVjYWRlbXkuY29tXCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0cmFja0NsaWNrKCdsb2dvJywgdHJhY2tpbmdEYXRhKX1cbiAgICAgICAgLz5cbiAgICAgIDwvQm94PlxuICAgICAge2xhbmd1YWdlID8gKFxuICAgICAgICA8RWRpdG9yXG4gICAgICAgICAgbGFuZ3VhZ2U9e2xhbmd1YWdlfVxuICAgICAgICAgIHRleHQ9e3RleHR9XG4gICAgICAgICAgaGlkZUNvcHlCdXR0b249e2hpZGVDb3B5QnV0dG9ufVxuICAgICAgICAgIG9uQ2hhbmdlPXsobmV3VGV4dDogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICBzZXRUZXh0KG5ld1RleHQpO1xuICAgICAgICAgICAgb25FZGl0Py4obmV3VGV4dCwgbGFuZ3VhZ2UpO1xuICAgICAgICAgICAgaWYgKCFyZW5kZXJNb2RlICYmIGhhc0JlZW5FZGl0ZWQgPT09IGZhbHNlKSB7XG4gICAgICAgICAgICAgIHNldEhhc0JlZW5FZGl0ZWQodHJ1ZSk7XG4gICAgICAgICAgICAgIHRyYWNrQ2xpY2soJ2VkaXQnLCB0cmFja2luZ0RhdGEpO1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH19XG4gICAgICAgICAgc25pcHBldHNCYXNlVXJsPXtzbmlwcGV0c0Jhc2VVcmx9XG4gICAgICAgICAgb25Db3B5PXtvbkNvcHl9XG4gICAgICAgICAgdHJhY2tpbmdEYXRhPXt0cmFja2luZ0RhdGF9XG4gICAgICAgIC8+XG4gICAgICApIDogKFxuICAgICAgICA8TGFuZ3VhZ2VTZWxlY3Rpb25cbiAgICAgICAgICBvbkNoYW5nZT17KG5ld0xhbmd1YWdlKSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuZXdUZXh0OiBzdHJpbmcgPVxuICAgICAgICAgICAgICB0ZXh0IHx8IChuZXdMYW5ndWFnZSA/IGhlbGxvV29ybGRbbmV3TGFuZ3VhZ2VdIDogJycpO1xuICAgICAgICAgICAgc2V0TGFuZ3VhZ2UobmV3TGFuZ3VhZ2UpO1xuICAgICAgICAgICAgc2V0VGV4dChuZXdUZXh0KTtcbiAgICAgICAgICAgIHRyYWNrQ2xpY2soJ2xhbmdfc2VsZWN0JywgdHJhY2tpbmdEYXRhKTtcbiAgICAgICAgICAgIG9uTGFuZ3VhZ2VDaGFuZ2U/LihuZXdUZXh0LCBuZXdMYW5ndWFnZSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9FZGl0b3JDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBDb2RlQnl0ZUVkaXRvcjtcbiJdfQ== */");
|
|
44
42
|
|
|
45
43
|
export var CodeByteEditor = function CodeByteEditor(_ref) {
|
|
46
44
|
var initialText = _ref.text,
|
|
47
45
|
initialLanguage = _ref.language,
|
|
48
46
|
_ref$hideCopyButton = _ref.hideCopyButton,
|
|
49
47
|
hideCopyButton = _ref$hideCopyButton === void 0 ? false : _ref$hideCopyButton,
|
|
50
|
-
_ref$isIFrame = _ref.isIFrame,
|
|
51
|
-
isIFrame = _ref$isIFrame === void 0 ? false : _ref$isIFrame,
|
|
52
48
|
snippetsBaseUrl = _ref.snippetsBaseUrl,
|
|
53
49
|
onEdit = _ref.onEdit,
|
|
54
50
|
onLanguageChange = _ref.onLanguageChange,
|
|
55
51
|
onCopy = _ref.onCopy,
|
|
56
|
-
trackingData = _ref.trackingData
|
|
52
|
+
trackingData = _ref.trackingData,
|
|
53
|
+
renderMode = _ref.renderMode,
|
|
54
|
+
rest = _objectWithoutProperties(_ref, ["text", "language", "hideCopyButton", "snippetsBaseUrl", "onEdit", "onLanguageChange", "onCopy", "trackingData", "renderMode"]);
|
|
57
55
|
|
|
58
56
|
var getInitialText = function getInitialText() {
|
|
59
57
|
if (initialText !== undefined) return initialText;
|
|
@@ -76,19 +74,18 @@ export var CodeByteEditor = function CodeByteEditor(_ref) {
|
|
|
76
74
|
setHasBeenEdited = _useState6[1];
|
|
77
75
|
|
|
78
76
|
useEffect(function () {
|
|
79
|
-
var
|
|
80
|
-
|
|
77
|
+
var _trackingData$page_na, _trackingData$context;
|
|
78
|
+
|
|
81
79
|
trackUserImpression({
|
|
82
|
-
page_name: page_name,
|
|
83
|
-
context:
|
|
80
|
+
page_name: (_trackingData$page_na = trackingData === null || trackingData === void 0 ? void 0 : trackingData.page_name) !== null && _trackingData$page_na !== void 0 ? _trackingData$page_na : 'Unknown',
|
|
81
|
+
context: (_trackingData$context = trackingData === null || trackingData === void 0 ? void 0 : trackingData.context) !== null && _trackingData$context !== void 0 ? _trackingData$context : document.referrer,
|
|
84
82
|
target: 'codebyte'
|
|
85
83
|
});
|
|
86
|
-
}, []);
|
|
87
|
-
return /*#__PURE__*/React.createElement(EditorContainer, {
|
|
84
|
+
}, [trackingData]);
|
|
85
|
+
return /*#__PURE__*/React.createElement(EditorContainer, _extends({
|
|
88
86
|
bg: "black",
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
}, /*#__PURE__*/React.createElement(Box, {
|
|
87
|
+
maxWidth: "43rem"
|
|
88
|
+
}, rest), /*#__PURE__*/React.createElement(Box, {
|
|
92
89
|
borderBottom: 1,
|
|
93
90
|
borderColor: "gray-900",
|
|
94
91
|
py: 4,
|
|
@@ -111,9 +108,6 @@ export var CodeByteEditor = function CodeByteEditor(_ref) {
|
|
|
111
108
|
setText(newText);
|
|
112
109
|
onEdit === null || onEdit === void 0 ? void 0 : onEdit(newText, language);
|
|
113
110
|
|
|
114
|
-
var _getOptions = getOptions(),
|
|
115
|
-
renderMode = _getOptions.renderMode;
|
|
116
|
-
|
|
117
111
|
if (!renderMode && hasBeenEdited === false) {
|
|
118
112
|
setHasBeenEdited(true);
|
|
119
113
|
trackClick('edit', trackingData);
|
package/dist/drawers.js
CHANGED
|
@@ -27,7 +27,7 @@ var DrawerLabel = _styled("span", {
|
|
|
27
27
|
} : {
|
|
28
28
|
name: "1u2ibt9",
|
|
29
29
|
styles: "padding:0.875rem 0.5rem",
|
|
30
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmF3ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRK0IiLCJmaWxlIjoiLi4vc3JjL2RyYXdlcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgSWNvbkJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEFycm93Q2hldnJvbkxlZnRJY29uLFxuICBBcnJvd0NoZXZyb25SaWdodEljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgRHJhd2VyTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMC44NzVyZW0gMC41cmVtO1xuYDtcblxuY29uc3QgTGVmdERyYXdlckljb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uTGVmdEljb24pPHsgb3Blbj86IGJvb2xlYW4gfT5gXG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuYDtcbmNvbnN0IFJpZ2h0RHJhd2VySWNvbiA9IExlZnREcmF3ZXJJY29uLndpdGhDb21wb25lbnQoQXJyb3dDaGV2cm9uUmlnaHRJY29uKTtcblxuY29uc3QgRHJhd2VyID0gc3R5bGVkKEZsZXhCb3gpPHsgb3Blbj86IGJvb2xlYW47IGhpZGVPbkNsb3NlPzogYm9vbGVhbiB9PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAvLyBBIGhpZGRlbiBvdmVyZmxvd2luZyBlbGVtZW50IGNhdXNlcyBhY2Nlc3NpYmlsaXR5IGVycm9yc1xuICAvLyBUaGUgYmFja2dyb3VuZCBvZiB0aGUgb3ZlcmZsb3dpbmcgZWxlbWVudCBjYXVzZXMgdHJpZ2dlcnMgY29sb3IgY29udHJhc3QgZXJyb3JzXG4gICYgLmxpbmVzLWNvbnRlbnQge1xuICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICB9XG4gICR7KHsgb3BlbiwgaGlkZU9uQ2xvc2UgfSkgPT4gYFxuICAgIGZsZXgtYmFzaXM6ICR7b3BlbiA/ICcxMDAlJyA6ICcwJSd9O1xuICAgIHZpc2liaWxpdHk6ICR7IW9wZW4gJiYgaGlkZU9uQ2xvc2UgPyAnaGlkZGVuJyA6ICd2aXNpYmxlJ307XG4gICAgdHJhbnNpdGlvbjogZmxleC1iYXNpcyAwLjJzICR7XG4gICAgICBvcGVuID8gJ2Vhc2Utb3V0JyA6ICdlYXNlLWluLCB2aXNpYmlsaXR5IDBzIDAuMnMnXG4gICAgfTtcblxuICAgICR7TGVmdERyYXdlckljb259LCAke1JpZ2h0RHJhd2VySWNvbn0ge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKCR7b3BlbiA/ICcwJyA6ICcxODAnfWRlZyl9O1xuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIERyYXdlcnNQcm9wcyA9IHtcbiAgbGVmdENoaWxkOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHJpZ2h0Q2hpbGQ6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBEcmF3ZXJzOiBSZWFjdC5GQzxEcmF3ZXJzUHJvcHM+ID0gKHsgbGVmdENoaWxkLCByaWdodENoaWxkIH0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGU8J2xlZnQnIHwgJ3JpZ2h0JyB8ICdib3RoJz4oJ2JvdGgnKTtcblxuICBsZXQgYXJpYUxhYmVsQ29kZUJ1dHRvbiA9ICdoaWRlIGNvZGUnO1xuICBsZXQgYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ2hpZGUgb3V0cHV0JztcbiAgbGV0IGlzTGVmdE9wZW4gPSBmYWxzZTtcbiAgbGV0IGlzUmlnaHRPcGVuID0gZmFsc2U7XG5cbiAgaWYgKG9wZW4gPT09ICdsZWZ0Jykge1xuICAgIGFyaWFMYWJlbENvZGVCdXR0b24gPSBhcmlhTGFiZWxPdXRwdXRCdXR0b24gPSAnc2hvdyBvdXRwdXQnO1xuICAgIGlzTGVmdE9wZW4gPSB0cnVlO1xuICB9IGVsc2UgaWYgKG9wZW4gPT09ICdyaWdodCcpIHtcbiAgICBhcmlhTGFiZWxDb2RlQnV0dG9uID0gYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ3Nob3cgY29kZSc7XG4gICAgaXNSaWdodE9wZW4gPSB0cnVlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3g+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBvcGVuPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZmxleFdyYXA9XCJub3dyYXBcIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIGJvcmRlclJpZ2h0PXsxfVxuICAgICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICAgIHB4PXs4fVxuICAgICAgICA+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249e0xlZnREcmF3ZXJJY29ufVxuICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgc2V0T3Blbigoc3RhdGUpID0+IChzdGF0ZSA9PT0gJ2JvdGgnID8gJ3JpZ2h0JyA6ICdib3RoJykpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWxDb2RlQnV0dG9ufVxuICAgICAgICAgICAgYXJpYS1jb250cm9scz1cImNvZGUtZHJhd2VyXCJcbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9eyFpc1JpZ2h0T3Blbn1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxEcmF3ZXJMYWJlbCBpZD1cImNvZGUtZHJhd2VyLWxhYmVsXCI+Q29kZTwvRHJhd2VyTGFiZWw+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgb3Blbj17IWlzTGVmdE9wZW59XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZmxleFdyYXA9XCJub3dyYXBcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIHB4PXs4fVxuICAgICAgICA+XG4gICAgICAgICAgPERyYXdlckxhYmVsIGlkPVwib3V0cHV0LWRyYXdlci1sYWJlbFwiPk91dHB1dDwvRHJhd2VyTGFiZWw+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249e1JpZ2h0RHJhd2VySWNvbn1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+XG4gICAgICAgICAgICAgIHNldE9wZW4oKHN0YXRlKSA9PiAoc3RhdGUgPT09ICdib3RoJyA/ICdsZWZ0JyA6ICdib3RoJykpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWxPdXRwdXRCdXR0b259XG4gICAgICAgICAgICBhcmlhLWNvbnRyb2xzPVwib3V0cHV0LWRyYXdlclwiXG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhHcm93PXsxfVxuICAgICAgICBib3JkZXJZPXsxfVxuICAgICAgICBib3JkZXJDb2xvcj1cImdyYXktOTAwXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0cmV0Y2hcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICA+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBoaWRlT25DbG9zZVxuICAgICAgICAgIGlkPVwiY29kZS1kcmF3ZXJcIlxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImNvZGUtZHJhd2VyLWxhYmVsXCJcbiAgICAgICAgICBvcGVuPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgZmxleEdyb3c9ezB9XG4gICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICAgIGJvcmRlclN0eWxlUmlnaHQ9XCJzb2xpZFwiXG4gICAgICAgICAgYm9yZGVyV2lkdGhSaWdodD1cInRoaW5cIlxuICAgICAgICA+XG4gICAgICAgICAge2xlZnRDaGlsZH1cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBoaWRlT25DbG9zZVxuICAgICAgICAgIGlkPVwib3V0cHV0LWRyYXdlclwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwib3V0cHV0LWRyYXdlci1sYWJlbFwiXG4gICAgICAgICAgcm9sZT1cInJlZ2lvblwiXG4gICAgICAgICAgb3Blbj17IWlzTGVmdE9wZW59XG4gICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICA+XG4gICAgICAgICAge3JpZ2h0Q2hpbGR9XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */",
|
|
31
31
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
32
32
|
});
|
|
33
33
|
|
|
@@ -40,7 +40,7 @@ var LeftDrawerIcon = /*#__PURE__*/_styled(ArrowChevronLeftIcon, {
|
|
|
40
40
|
} : {
|
|
41
41
|
name: "jlwh11",
|
|
42
42
|
styles: "transition:transform 0.2s ease-in-out",
|
|
43
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
43
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmF3ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZdUUiLCJmaWxlIjoiLi4vc3JjL2RyYXdlcnMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRmxleEJveCwgSWNvbkJ1dHRvbiB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7XG4gIEFycm93Q2hldnJvbkxlZnRJY29uLFxuICBBcnJvd0NoZXZyb25SaWdodEljb24sXG59IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcblxuY29uc3QgRHJhd2VyTGFiZWwgPSBzdHlsZWQuc3BhbmBcbiAgcGFkZGluZzogMC44NzVyZW0gMC41cmVtO1xuYDtcblxuY29uc3QgTGVmdERyYXdlckljb24gPSBzdHlsZWQoQXJyb3dDaGV2cm9uTGVmdEljb24pPHsgb3Blbj86IGJvb2xlYW4gfT5gXG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAwLjJzIGVhc2UtaW4tb3V0O1xuYDtcbmNvbnN0IFJpZ2h0RHJhd2VySWNvbiA9IExlZnREcmF3ZXJJY29uLndpdGhDb21wb25lbnQoQXJyb3dDaGV2cm9uUmlnaHRJY29uKTtcblxuY29uc3QgRHJhd2VyID0gc3R5bGVkKEZsZXhCb3gpPHsgb3Blbj86IGJvb2xlYW47IGhpZGVPbkNsb3NlPzogYm9vbGVhbiB9PmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAvLyBBIGhpZGRlbiBvdmVyZmxvd2luZyBlbGVtZW50IGNhdXNlcyBhY2Nlc3NpYmlsaXR5IGVycm9yc1xuICAvLyBUaGUgYmFja2dyb3VuZCBvZiB0aGUgb3ZlcmZsb3dpbmcgZWxlbWVudCBjYXVzZXMgdHJpZ2dlcnMgY29sb3IgY29udHJhc3QgZXJyb3JzXG4gICYgLmxpbmVzLWNvbnRlbnQge1xuICAgIGhlaWdodDogMTAwJSAhaW1wb3J0YW50O1xuICB9XG4gICR7KHsgb3BlbiwgaGlkZU9uQ2xvc2UgfSkgPT4gYFxuICAgIGZsZXgtYmFzaXM6ICR7b3BlbiA/ICcxMDAlJyA6ICcwJSd9O1xuICAgIHZpc2liaWxpdHk6ICR7IW9wZW4gJiYgaGlkZU9uQ2xvc2UgPyAnaGlkZGVuJyA6ICd2aXNpYmxlJ307XG4gICAgdHJhbnNpdGlvbjogZmxleC1iYXNpcyAwLjJzICR7XG4gICAgICBvcGVuID8gJ2Vhc2Utb3V0JyA6ICdlYXNlLWluLCB2aXNpYmlsaXR5IDBzIDAuMnMnXG4gICAgfTtcblxuICAgICR7TGVmdERyYXdlckljb259LCAke1JpZ2h0RHJhd2VySWNvbn0ge1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKCR7b3BlbiA/ICcwJyA6ICcxODAnfWRlZyl9O1xuICAgIH1cbiAgYH1cbmA7XG5cbmV4cG9ydCB0eXBlIERyYXdlcnNQcm9wcyA9IHtcbiAgbGVmdENoaWxkOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHJpZ2h0Q2hpbGQ6IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCBjb25zdCBEcmF3ZXJzOiBSZWFjdC5GQzxEcmF3ZXJzUHJvcHM+ID0gKHsgbGVmdENoaWxkLCByaWdodENoaWxkIH0pID0+IHtcbiAgY29uc3QgW29wZW4sIHNldE9wZW5dID0gdXNlU3RhdGU8J2xlZnQnIHwgJ3JpZ2h0JyB8ICdib3RoJz4oJ2JvdGgnKTtcblxuICBsZXQgYXJpYUxhYmVsQ29kZUJ1dHRvbiA9ICdoaWRlIGNvZGUnO1xuICBsZXQgYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ2hpZGUgb3V0cHV0JztcbiAgbGV0IGlzTGVmdE9wZW4gPSBmYWxzZTtcbiAgbGV0IGlzUmlnaHRPcGVuID0gZmFsc2U7XG5cbiAgaWYgKG9wZW4gPT09ICdsZWZ0Jykge1xuICAgIGFyaWFMYWJlbENvZGVCdXR0b24gPSBhcmlhTGFiZWxPdXRwdXRCdXR0b24gPSAnc2hvdyBvdXRwdXQnO1xuICAgIGlzTGVmdE9wZW4gPSB0cnVlO1xuICB9IGVsc2UgaWYgKG9wZW4gPT09ICdyaWdodCcpIHtcbiAgICBhcmlhTGFiZWxDb2RlQnV0dG9uID0gYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ3Nob3cgY29kZSc7XG4gICAgaXNSaWdodE9wZW4gPSB0cnVlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPEZsZXhCb3g+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBvcGVuPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZmxleFdyYXA9XCJub3dyYXBcIlxuICAgICAgICAgIHRleHRBbGlnbj1cImxlZnRcIlxuICAgICAgICAgIGJvcmRlclJpZ2h0PXsxfVxuICAgICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICAgIHB4PXs4fVxuICAgICAgICA+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249e0xlZnREcmF3ZXJJY29ufVxuICAgICAgICAgICAgdmFyaWFudD1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICAgICAgb25DbGljaz17KCkgPT5cbiAgICAgICAgICAgICAgc2V0T3Blbigoc3RhdGUpID0+IChzdGF0ZSA9PT0gJ2JvdGgnID8gJ3JpZ2h0JyA6ICdib3RoJykpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWxDb2RlQnV0dG9ufVxuICAgICAgICAgICAgYXJpYS1jb250cm9scz1cImNvZGUtZHJhd2VyXCJcbiAgICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9eyFpc1JpZ2h0T3Blbn1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxEcmF3ZXJMYWJlbCBpZD1cImNvZGUtZHJhd2VyLWxhYmVsXCI+Q29kZTwvRHJhd2VyTGFiZWw+XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgb3Blbj17IWlzTGVmdE9wZW59XG4gICAgICAgICAgYWxpZ25JdGVtcz1cImNlbnRlclwiXG4gICAgICAgICAgZmxleFdyYXA9XCJub3dyYXBcIlxuICAgICAgICAgIGp1c3RpZnlDb250ZW50PVwiZmxleC1lbmRcIlxuICAgICAgICAgIHB4PXs4fVxuICAgICAgICA+XG4gICAgICAgICAgPERyYXdlckxhYmVsIGlkPVwib3V0cHV0LWRyYXdlci1sYWJlbFwiPk91dHB1dDwvRHJhd2VyTGFiZWw+XG4gICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgIGljb249e1JpZ2h0RHJhd2VySWNvbn1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+XG4gICAgICAgICAgICAgIHNldE9wZW4oKHN0YXRlKSA9PiAoc3RhdGUgPT09ICdib3RoJyA/ICdsZWZ0JyA6ICdib3RoJykpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWxPdXRwdXRCdXR0b259XG4gICAgICAgICAgICBhcmlhLWNvbnRyb2xzPVwib3V0cHV0LWRyYXdlclwiXG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXshaXNMZWZ0T3Blbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvRmxleEJveD5cbiAgICAgIDxGbGV4Qm94XG4gICAgICAgIGZsZXhHcm93PXsxfVxuICAgICAgICBib3JkZXJZPXsxfVxuICAgICAgICBib3JkZXJDb2xvcj1cImdyYXktOTAwXCJcbiAgICAgICAgYWxpZ25JdGVtcz1cInN0cmV0Y2hcIlxuICAgICAgICBvdmVyZmxvdz1cImhpZGRlblwiXG4gICAgICA+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBoaWRlT25DbG9zZVxuICAgICAgICAgIGlkPVwiY29kZS1kcmF3ZXJcIlxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cImNvZGUtZHJhd2VyLWxhYmVsXCJcbiAgICAgICAgICBvcGVuPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgZmxleEdyb3c9ezB9XG4gICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICAgIGJvcmRlckNvbG9yPVwiZ3JheS05MDBcIlxuICAgICAgICAgIGJvcmRlclN0eWxlUmlnaHQ9XCJzb2xpZFwiXG4gICAgICAgICAgYm9yZGVyV2lkdGhSaWdodD1cInRoaW5cIlxuICAgICAgICA+XG4gICAgICAgICAge2xlZnRDaGlsZH1cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICAgIDxEcmF3ZXJcbiAgICAgICAgICBoaWRlT25DbG9zZVxuICAgICAgICAgIGlkPVwib3V0cHV0LWRyYXdlclwiXG4gICAgICAgICAgYXJpYS1sYWJlbGxlZGJ5PVwib3V0cHV0LWRyYXdlci1sYWJlbFwiXG4gICAgICAgICAgcm9sZT1cInJlZ2lvblwiXG4gICAgICAgICAgb3Blbj17IWlzTGVmdE9wZW59XG4gICAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgICA+XG4gICAgICAgICAge3JpZ2h0Q2hpbGR9XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgPC9GbGV4Qm94PlxuICAgIDwvPlxuICApO1xufTtcbiJdfQ== */",
|
|
44
44
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
45
45
|
});
|
|
46
46
|
|
|
@@ -52,11 +52,11 @@ var RightDrawerIcon = LeftDrawerIcon.withComponent(ArrowChevronRightIcon, {
|
|
|
52
52
|
var Drawer = /*#__PURE__*/_styled(FlexBox, {
|
|
53
53
|
target: "e1keub6a0",
|
|
54
54
|
label: "Drawer"
|
|
55
|
-
})("position:relative;", function (_ref) {
|
|
55
|
+
})("position:relative;& .lines-content{height:100%!important;}", function (_ref) {
|
|
56
56
|
var open = _ref.open,
|
|
57
57
|
hideOnClose = _ref.hideOnClose;
|
|
58
58
|
return "\n flex-basis: ".concat(open ? '100%' : '0%', ";\n visibility: ").concat(!open && hideOnClose ? 'hidden' : 'visible', ";\n transition: flex-basis 0.2s ").concat(open ? 'ease-out' : 'ease-in, visibility 0s 0.2s', ";\n\n ").concat(LeftDrawerIcon, ", ").concat(RightDrawerIcon, " {\n transform: rotateZ(").concat(open ? '0' : '180', "deg)};\n }\n ");
|
|
59
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmF3ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnlFIiwiZmlsZSI6Ii4uL3NyYy9kcmF3ZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZsZXhCb3gsIEljb25CdXR0b24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25MZWZ0SWNvbixcbiAgQXJyb3dDaGV2cm9uUmlnaHRJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IERyYXdlckxhYmVsID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmc6IDAuODc1cmVtIDAuNXJlbTtcbmA7XG5cbmNvbnN0IExlZnREcmF3ZXJJY29uID0gc3R5bGVkKEFycm93Q2hldnJvbkxlZnRJY29uKTx7IG9wZW4/OiBib29sZWFuIH0+YFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbmA7XG5jb25zdCBSaWdodERyYXdlckljb24gPSBMZWZ0RHJhd2VySWNvbi53aXRoQ29tcG9uZW50KEFycm93Q2hldnJvblJpZ2h0SWNvbik7XG5cbmNvbnN0IERyYXdlciA9IHN0eWxlZChGbGV4Qm94KTx7IG9wZW4/
|
|
59
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9kcmF3ZXJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQnlFIiwiZmlsZSI6Ii4uL3NyYy9kcmF3ZXJzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZsZXhCb3gsIEljb25CdXR0b24gfSBmcm9tICdAY29kZWNhZGVteS9nYW11dCc7XG5pbXBvcnQge1xuICBBcnJvd0NoZXZyb25MZWZ0SWNvbixcbiAgQXJyb3dDaGV2cm9uUmlnaHRJY29uLFxufSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IERyYXdlckxhYmVsID0gc3R5bGVkLnNwYW5gXG4gIHBhZGRpbmc6IDAuODc1cmVtIDAuNXJlbTtcbmA7XG5cbmNvbnN0IExlZnREcmF3ZXJJY29uID0gc3R5bGVkKEFycm93Q2hldnJvbkxlZnRJY29uKTx7IG9wZW4/OiBib29sZWFuIH0+YFxuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbmA7XG5jb25zdCBSaWdodERyYXdlckljb24gPSBMZWZ0RHJhd2VySWNvbi53aXRoQ29tcG9uZW50KEFycm93Q2hldnJvblJpZ2h0SWNvbik7XG5cbmNvbnN0IERyYXdlciA9IHN0eWxlZChGbGV4Qm94KTx7IG9wZW4/OiBib29sZWFuOyBoaWRlT25DbG9zZT86IGJvb2xlYW4gfT5gXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgLy8gQSBoaWRkZW4gb3ZlcmZsb3dpbmcgZWxlbWVudCBjYXVzZXMgYWNjZXNzaWJpbGl0eSBlcnJvcnNcbiAgLy8gVGhlIGJhY2tncm91bmQgb2YgdGhlIG92ZXJmbG93aW5nIGVsZW1lbnQgY2F1c2VzIHRyaWdnZXJzIGNvbG9yIGNvbnRyYXN0IGVycm9yc1xuICAmIC5saW5lcy1jb250ZW50IHtcbiAgICBoZWlnaHQ6IDEwMCUgIWltcG9ydGFudDtcbiAgfVxuICAkeyh7IG9wZW4sIGhpZGVPbkNsb3NlIH0pID0+IGBcbiAgICBmbGV4LWJhc2lzOiAke29wZW4gPyAnMTAwJScgOiAnMCUnfTtcbiAgICB2aXNpYmlsaXR5OiAkeyFvcGVuICYmIGhpZGVPbkNsb3NlID8gJ2hpZGRlbicgOiAndmlzaWJsZSd9O1xuICAgIHRyYW5zaXRpb246IGZsZXgtYmFzaXMgMC4ycyAke1xuICAgICAgb3BlbiA/ICdlYXNlLW91dCcgOiAnZWFzZS1pbiwgdmlzaWJpbGl0eSAwcyAwLjJzJ1xuICAgIH07XG5cbiAgICAke0xlZnREcmF3ZXJJY29ufSwgJHtSaWdodERyYXdlckljb259IHtcbiAgICAgIHRyYW5zZm9ybTogcm90YXRlWigke29wZW4gPyAnMCcgOiAnMTgwJ31kZWcpfTtcbiAgICB9XG4gIGB9XG5gO1xuXG5leHBvcnQgdHlwZSBEcmF3ZXJzUHJvcHMgPSB7XG4gIGxlZnRDaGlsZDogUmVhY3QuUmVhY3ROb2RlO1xuICByaWdodENoaWxkOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgRHJhd2VyczogUmVhY3QuRkM8RHJhd2Vyc1Byb3BzPiA9ICh7IGxlZnRDaGlsZCwgcmlnaHRDaGlsZCB9KSA9PiB7XG4gIGNvbnN0IFtvcGVuLCBzZXRPcGVuXSA9IHVzZVN0YXRlPCdsZWZ0JyB8ICdyaWdodCcgfCAnYm90aCc+KCdib3RoJyk7XG5cbiAgbGV0IGFyaWFMYWJlbENvZGVCdXR0b24gPSAnaGlkZSBjb2RlJztcbiAgbGV0IGFyaWFMYWJlbE91dHB1dEJ1dHRvbiA9ICdoaWRlIG91dHB1dCc7XG4gIGxldCBpc0xlZnRPcGVuID0gZmFsc2U7XG4gIGxldCBpc1JpZ2h0T3BlbiA9IGZhbHNlO1xuXG4gIGlmIChvcGVuID09PSAnbGVmdCcpIHtcbiAgICBhcmlhTGFiZWxDb2RlQnV0dG9uID0gYXJpYUxhYmVsT3V0cHV0QnV0dG9uID0gJ3Nob3cgb3V0cHV0JztcbiAgICBpc0xlZnRPcGVuID0gdHJ1ZTtcbiAgfSBlbHNlIGlmIChvcGVuID09PSAncmlnaHQnKSB7XG4gICAgYXJpYUxhYmVsQ29kZUJ1dHRvbiA9IGFyaWFMYWJlbE91dHB1dEJ1dHRvbiA9ICdzaG93IGNvZGUnO1xuICAgIGlzUmlnaHRPcGVuID0gdHJ1ZTtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxGbGV4Qm94PlxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgb3Blbj17IWlzUmlnaHRPcGVufVxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhXcmFwPVwibm93cmFwXCJcbiAgICAgICAgICB0ZXh0QWxpZ249XCJsZWZ0XCJcbiAgICAgICAgICBib3JkZXJSaWdodD17MX1cbiAgICAgICAgICBib3JkZXJDb2xvcj1cImdyYXktOTAwXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICBpY29uPXtMZWZ0RHJhd2VySWNvbn1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+XG4gICAgICAgICAgICAgIHNldE9wZW4oKHN0YXRlKSA9PiAoc3RhdGUgPT09ICdib3RoJyA/ICdyaWdodCcgOiAnYm90aCcpKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsQ29kZUJ1dHRvbn1cbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9XCJjb2RlLWRyYXdlclwiXG4gICAgICAgICAgICBhcmlhLWV4cGFuZGVkPXshaXNSaWdodE9wZW59XG4gICAgICAgICAgLz5cbiAgICAgICAgICA8RHJhd2VyTGFiZWwgaWQ9XCJjb2RlLWRyYXdlci1sYWJlbFwiPkNvZGU8L0RyYXdlckxhYmVsPlxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgICAgPERyYXdlclxuICAgICAgICAgIG9wZW49eyFpc0xlZnRPcGVufVxuICAgICAgICAgIGFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgIGZsZXhXcmFwPVwibm93cmFwXCJcbiAgICAgICAgICBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCJcbiAgICAgICAgICBweD17OH1cbiAgICAgICAgPlxuICAgICAgICAgIDxEcmF3ZXJMYWJlbCBpZD1cIm91dHB1dC1kcmF3ZXItbGFiZWxcIj5PdXRwdXQ8L0RyYXdlckxhYmVsPlxuICAgICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgICBpY29uPXtSaWdodERyYXdlckljb259XG4gICAgICAgICAgICB2YXJpYW50PVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgICAgICBvbkNsaWNrPXsoKSA9PlxuICAgICAgICAgICAgICBzZXRPcGVuKChzdGF0ZSkgPT4gKHN0YXRlID09PSAnYm90aCcgPyAnbGVmdCcgOiAnYm90aCcpKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsT3V0cHV0QnV0dG9ufVxuICAgICAgICAgICAgYXJpYS1jb250cm9scz1cIm91dHB1dC1kcmF3ZXJcIlxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17IWlzTGVmdE9wZW59XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9EcmF3ZXI+XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgICA8RmxleEJveFxuICAgICAgICBmbGV4R3Jvdz17MX1cbiAgICAgICAgYm9yZGVyWT17MX1cbiAgICAgICAgYm9yZGVyQ29sb3I9XCJncmF5LTkwMFwiXG4gICAgICAgIGFsaWduSXRlbXM9XCJzdHJldGNoXCJcbiAgICAgICAgb3ZlcmZsb3c9XCJoaWRkZW5cIlxuICAgICAgPlxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgaGlkZU9uQ2xvc2VcbiAgICAgICAgICBpZD1cImNvZGUtZHJhd2VyXCJcbiAgICAgICAgICBhcmlhLWxhYmVsbGVkYnk9XCJjb2RlLWRyYXdlci1sYWJlbFwiXG4gICAgICAgICAgb3Blbj17IWlzUmlnaHRPcGVufVxuICAgICAgICAgIGZsZXhHcm93PXswfVxuICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgICBib3JkZXJDb2xvcj1cImdyYXktOTAwXCJcbiAgICAgICAgICBib3JkZXJTdHlsZVJpZ2h0PVwic29saWRcIlxuICAgICAgICAgIGJvcmRlcldpZHRoUmlnaHQ9XCJ0aGluXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtsZWZ0Q2hpbGR9XG4gICAgICAgIDwvRHJhd2VyPlxuICAgICAgICA8RHJhd2VyXG4gICAgICAgICAgaGlkZU9uQ2xvc2VcbiAgICAgICAgICBpZD1cIm91dHB1dC1kcmF3ZXJcIlxuICAgICAgICAgIGFyaWEtbGFiZWxsZWRieT1cIm91dHB1dC1kcmF3ZXItbGFiZWxcIlxuICAgICAgICAgIHJvbGU9XCJyZWdpb25cIlxuICAgICAgICAgIG9wZW49eyFpc0xlZnRPcGVufVxuICAgICAgICAgIG92ZXJmbG93PVwiaGlkZGVuXCJcbiAgICAgICAgPlxuICAgICAgICAgIHtyaWdodENoaWxkfVxuICAgICAgICA8L0RyYXdlcj5cbiAgICAgIDwvRmxleEJveD5cbiAgICA8Lz5cbiAgKTtcbn07XG4iXX0= */"));
|
|
60
60
|
|
|
61
61
|
export var Drawers = function Drawers(_ref2) {
|
|
62
62
|
var leftChild = _ref2.leftChild,
|
|
@@ -141,6 +141,8 @@ export var Drawers = function Drawers(_ref2) {
|
|
|
141
141
|
}, leftChild), /*#__PURE__*/React.createElement(Drawer, {
|
|
142
142
|
hideOnClose: true,
|
|
143
143
|
id: "output-drawer",
|
|
144
|
+
"aria-labelledby": "output-drawer-label",
|
|
145
|
+
role: "region",
|
|
144
146
|
open: !isLeftOpen,
|
|
145
147
|
overflow: "hidden"
|
|
146
148
|
}, rightChild)));
|
package/dist/helpers/index.d.ts
CHANGED
|
@@ -1,16 +1,2 @@
|
|
|
1
1
|
import { UserClickData } from '@codecademy/tracking';
|
|
2
|
-
export declare type CodebyteOptions = {
|
|
3
|
-
clientName: string;
|
|
4
|
-
parentPage: string;
|
|
5
|
-
renderMode: string;
|
|
6
|
-
};
|
|
7
|
-
export declare enum CodebytesParams {
|
|
8
|
-
Language = "lang",
|
|
9
|
-
Text = "text",
|
|
10
|
-
CopyMode = "copy-mode",
|
|
11
|
-
ClientName = "client-name",
|
|
12
|
-
Page = "page",
|
|
13
|
-
Mode = "mode"
|
|
14
|
-
}
|
|
15
|
-
export declare const getOptions: () => CodebyteOptions;
|
|
16
2
|
export declare const trackClick: (target: string, trackingData?: Omit<UserClickData, "target"> | undefined) => void;
|
package/dist/helpers/index.js
CHANGED
|
@@ -5,25 +5,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
5
5
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
6
|
|
|
7
7
|
import { trackUserClick } from '../libs/eventTracking';
|
|
8
|
-
export var CodebytesParams;
|
|
9
|
-
|
|
10
|
-
(function (CodebytesParams) {
|
|
11
|
-
CodebytesParams["Language"] = "lang";
|
|
12
|
-
CodebytesParams["Text"] = "text";
|
|
13
|
-
CodebytesParams["CopyMode"] = "copy-mode";
|
|
14
|
-
CodebytesParams["ClientName"] = "client-name";
|
|
15
|
-
CodebytesParams["Page"] = "page";
|
|
16
|
-
CodebytesParams["Mode"] = "mode";
|
|
17
|
-
})(CodebytesParams || (CodebytesParams = {}));
|
|
18
|
-
|
|
19
|
-
export var getOptions = function getOptions() {
|
|
20
|
-
var currentUri = new URL(window.location.href);
|
|
21
|
-
return {
|
|
22
|
-
clientName: currentUri.searchParams.get(CodebytesParams.ClientName) || 'Unknown',
|
|
23
|
-
parentPage: currentUri.searchParams.get(CodebytesParams.Page) || document.referrer,
|
|
24
|
-
renderMode: currentUri.searchParams.get(CodebytesParams.Mode) || ''
|
|
25
|
-
};
|
|
26
|
-
};
|
|
27
8
|
export var trackClick = function trackClick(target, trackingData) {
|
|
28
9
|
if (trackingData) {
|
|
29
10
|
return trackUserClick(_objectSpread(_objectSpread({}, trackingData), {}, {
|
|
@@ -31,11 +12,7 @@ export var trackClick = function trackClick(target, trackingData) {
|
|
|
31
12
|
}));
|
|
32
13
|
}
|
|
33
14
|
|
|
34
|
-
var options = getOptions();
|
|
35
|
-
var page_name = options.renderMode ? "".concat(options.clientName, "_").concat(options.renderMode) : options.clientName;
|
|
36
15
|
trackUserClick({
|
|
37
|
-
page_name: page_name,
|
|
38
|
-
context: options.parentPage,
|
|
39
16
|
target: target
|
|
40
17
|
});
|
|
41
18
|
};
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
package/dist/types.d.ts
CHANGED
|
@@ -1,16 +1,17 @@
|
|
|
1
|
+
import { BackgroundProps } from '@codecademy/gamut-styles';
|
|
1
2
|
import { UserClickData } from '@codecademy/tracking';
|
|
2
3
|
import { LanguageOption } from './consts';
|
|
3
4
|
export interface CodebytesChangeHandler {
|
|
4
5
|
(text: string, language: LanguageOption): void;
|
|
5
6
|
}
|
|
6
|
-
export interface CodeByteEditorProps {
|
|
7
|
+
export interface CodeByteEditorProps extends Omit<BackgroundProps, 'onCopy' | 'bg'> {
|
|
7
8
|
text?: string;
|
|
8
9
|
language?: LanguageOption;
|
|
9
10
|
hideCopyButton?: boolean;
|
|
10
11
|
onCopy?: CodebytesChangeHandler;
|
|
11
|
-
isIFrame?: boolean;
|
|
12
12
|
snippetsBaseUrl?: string;
|
|
13
13
|
onEdit?: CodebytesChangeHandler;
|
|
14
14
|
onLanguageChange?: CodebytesChangeHandler;
|
|
15
15
|
trackingData?: Omit<UserClickData, 'target'>;
|
|
16
|
+
renderMode?: string;
|
|
16
17
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/codebytes",
|
|
3
3
|
"description": "Codebytes Code Editor",
|
|
4
|
-
"version": "0.6.
|
|
4
|
+
"version": "0.6.10-alpha.1f547e.0",
|
|
5
5
|
"author": "Codecademy Engineering <dev@codecademy.com>",
|
|
6
6
|
"sideEffects": [
|
|
7
7
|
"**/*.css",
|
|
@@ -64,5 +64,5 @@
|
|
|
64
64
|
"files": [
|
|
65
65
|
"dist/**"
|
|
66
66
|
],
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "05f9bb590b2a285734a21b8c72610fbc2806787a"
|
|
68
68
|
}
|