@pingux/astro 2.86.0-alpha.0 → 2.86.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/components/CodeView/CodeView.mdx +1 -4
- package/lib/cjs/index.d.ts +0 -1
- package/lib/cjs/index.js +0 -8
- package/lib/cjs/styles/variants/variants.js +0 -2
- package/lib/cjs/types/index.d.ts +0 -1
- package/lib/cjs/types/index.js +44 -55
- package/lib/components/CodeView/CodeView.mdx +1 -4
- package/lib/index.js +0 -1
- package/lib/styles/variants/variants.js +0 -2
- package/lib/types/index.js +0 -1
- package/package.json +1 -13
- package/lib/cjs/components/CodeEditor/CodeEditor.d.ts +0 -4
- package/lib/cjs/components/CodeEditor/CodeEditor.js +0 -56
- package/lib/cjs/components/CodeEditor/CodeEditor.mdx +0 -33
- package/lib/cjs/components/CodeEditor/CodeEditor.stories.d.ts +0 -29
- package/lib/cjs/components/CodeEditor/CodeEditor.stories.js +0 -108
- package/lib/cjs/components/CodeEditor/CodeEditor.styles.d.ts +0 -10
- package/lib/cjs/components/CodeEditor/CodeEditor.styles.js +0 -30
- package/lib/cjs/components/CodeEditor/CodeEditor.test.d.ts +0 -1
- package/lib/cjs/components/CodeEditor/CodeEditor.test.js +0 -169
- package/lib/cjs/components/CodeEditor/DefaultEditor.d.ts +0 -4
- package/lib/cjs/components/CodeEditor/DefaultEditor.js +0 -83
- package/lib/cjs/components/CodeEditor/eslintConfig.d.ts +0 -18
- package/lib/cjs/components/CodeEditor/eslintConfig.js +0 -95
- package/lib/cjs/components/CodeEditor/index.d.ts +0 -1
- package/lib/cjs/components/CodeEditor/index.js +0 -14
- package/lib/cjs/hooks/useTsLinter/index.d.ts +0 -1
- package/lib/cjs/hooks/useTsLinter/index.js +0 -14
- package/lib/cjs/hooks/useTsLinter/useTsLinter.d.ts +0 -4
- package/lib/cjs/hooks/useTsLinter/useTsLinter.js +0 -91
- package/lib/cjs/types/codeEditor.d.ts +0 -14
- package/lib/cjs/types/codeEditor.js +0 -6
- package/lib/components/CodeEditor/CodeEditor.js +0 -42
- package/lib/components/CodeEditor/CodeEditor.mdx +0 -33
- package/lib/components/CodeEditor/CodeEditor.stories.js +0 -94
- package/lib/components/CodeEditor/CodeEditor.styles.js +0 -22
- package/lib/components/CodeEditor/CodeEditor.test.js +0 -166
- package/lib/components/CodeEditor/DefaultEditor.js +0 -69
- package/lib/components/CodeEditor/eslintConfig.js +0 -87
- package/lib/components/CodeEditor/index.js +0 -1
- package/lib/hooks/useTsLinter/index.js +0 -1
- package/lib/hooks/useTsLinter/useTsLinter.js +0 -82
- package/lib/types/codeEditor.js +0 -1
@@ -5,10 +5,7 @@ import { Meta } from '@storybook/addon-docs';
|
|
5
5
|
# CodeView
|
6
6
|
|
7
7
|
This component is used for code syntax highlighting and is built on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
|
8
|
-
It should contain the language title and be formatted with indentations, line breaks, and comments, and should not contain complex code snippets.
|
9
|
-
|
10
|
-
The CodeView component should be used for code snippets that need to be presented in a read-only format.
|
11
|
-
For more complex use cases that require an interactive environment, support for various programming languages, functionalities like linting, keyboard interactions, and real-time updates, use [CodeEditor](./?path=/docs/experimental-codeeditor--docs).
|
8
|
+
It should contain the language title and be formatted with indentations, line breaks, and comments, and should not contain complex code snippets.
|
12
9
|
|
13
10
|
### Required Components
|
14
11
|
|
package/lib/cjs/index.d.ts
CHANGED
@@ -45,7 +45,6 @@ export { default as Checkbox } from './components/Checkbox';
|
|
45
45
|
export * from './components/Checkbox';
|
46
46
|
export { default as CheckboxField } from './components/CheckboxField';
|
47
47
|
export * from './components/CheckboxField';
|
48
|
-
export { default as CodeEditor } from './components/CodeEditor';
|
49
48
|
export { default as CodeView } from './components/CodeView';
|
50
49
|
export { default as CollapsiblePanel } from './components/CollapsiblePanel';
|
51
50
|
export * from './components/CollapsiblePanel';
|
package/lib/cjs/index.js
CHANGED
@@ -40,7 +40,6 @@ var _exportNames = {
|
|
40
40
|
Card: true,
|
41
41
|
Checkbox: true,
|
42
42
|
CheckboxField: true,
|
43
|
-
CodeEditor: true,
|
44
43
|
CodeView: true,
|
45
44
|
CollapsiblePanel: true,
|
46
45
|
CollapsiblePanelContainer: true,
|
@@ -271,12 +270,6 @@ _Object$defineProperty(exports, "CheckboxField", {
|
|
271
270
|
return _CheckboxField["default"];
|
272
271
|
}
|
273
272
|
});
|
274
|
-
_Object$defineProperty(exports, "CodeEditor", {
|
275
|
-
enumerable: true,
|
276
|
-
get: function get() {
|
277
|
-
return _CodeEditor["default"];
|
278
|
-
}
|
279
|
-
});
|
280
273
|
_Object$defineProperty(exports, "CodeView", {
|
281
274
|
enumerable: true,
|
282
275
|
get: function get() {
|
@@ -1130,7 +1123,6 @@ _forEachInstanceProperty(_context19 = _Object$keys(_CheckboxField)).call(_contex
|
|
1130
1123
|
}
|
1131
1124
|
});
|
1132
1125
|
});
|
1133
|
-
var _CodeEditor = _interopRequireDefault(require("./components/CodeEditor"));
|
1134
1126
|
var _CodeView = _interopRequireDefault(require("./components/CodeView"));
|
1135
1127
|
var _CollapsiblePanel = _interopRequireWildcard(require("./components/CollapsiblePanel"));
|
1136
1128
|
_forEachInstanceProperty(_context20 = _Object$keys(_CollapsiblePanel)).call(_context20, function (key) {
|
@@ -24,7 +24,6 @@ var _Breadcrumb = _interopRequireDefault(require("../../components/Breadcrumbs/B
|
|
24
24
|
var _ButtonBar = _interopRequireDefault(require("../../components/ButtonBar/ButtonBar.styles"));
|
25
25
|
var _Calendar = _interopRequireDefault(require("../../components/Calendar/Calendar.styles"));
|
26
26
|
var _Callout = _interopRequireDefault(require("../../components/Callout/Callout.styles"));
|
27
|
-
var _CodeEditor = _interopRequireDefault(require("../../components/CodeEditor/CodeEditor.styles"));
|
28
27
|
var _CodeView = _interopRequireDefault(require("../../components/CodeView/CodeView.styles"));
|
29
28
|
var _CollapsiblePanel = _interopRequireDefault(require("../../components/CollapsiblePanel/CollapsiblePanel.styles"));
|
30
29
|
var _CopyText = _interopRequireDefault(require("../../components/CopyText/CopyText.styles"));
|
@@ -74,7 +73,6 @@ var _default = _objectSpread({
|
|
74
73
|
calendar: _Calendar["default"],
|
75
74
|
rangeCalendar: _RangeCalendar["default"],
|
76
75
|
callout: _Callout["default"],
|
77
|
-
codeEditor: _CodeEditor["default"],
|
78
76
|
codeView: _CodeView["default"],
|
79
77
|
collapsiblePanel: _CollapsiblePanel["default"],
|
80
78
|
copyText: _CopyText["default"],
|
package/lib/cjs/types/index.d.ts
CHANGED
package/lib/cjs/types/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53
|
3
|
+
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53;
|
4
4
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
5
5
|
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
6
6
|
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
@@ -117,19 +117,8 @@ _forEachInstanceProperty(_context10 = _Object$keys(_checkboxField)).call(_contex
|
|
117
117
|
}
|
118
118
|
});
|
119
119
|
});
|
120
|
-
var _codeEditor = require("./codeEditor");
|
121
|
-
_forEachInstanceProperty(_context11 = _Object$keys(_codeEditor)).call(_context11, function (key) {
|
122
|
-
if (key === "default" || key === "__esModule") return;
|
123
|
-
if (key in exports && exports[key] === _codeEditor[key]) return;
|
124
|
-
_Object$defineProperty(exports, key, {
|
125
|
-
enumerable: true,
|
126
|
-
get: function get() {
|
127
|
-
return _codeEditor[key];
|
128
|
-
}
|
129
|
-
});
|
130
|
-
});
|
131
120
|
var _collapsiblePanel = require("./collapsiblePanel");
|
132
|
-
_forEachInstanceProperty(
|
121
|
+
_forEachInstanceProperty(_context11 = _Object$keys(_collapsiblePanel)).call(_context11, function (key) {
|
133
122
|
if (key === "default" || key === "__esModule") return;
|
134
123
|
if (key in exports && exports[key] === _collapsiblePanel[key]) return;
|
135
124
|
_Object$defineProperty(exports, key, {
|
@@ -140,7 +129,7 @@ _forEachInstanceProperty(_context12 = _Object$keys(_collapsiblePanel)).call(_con
|
|
140
129
|
});
|
141
130
|
});
|
142
131
|
var _colorField = require("./colorField");
|
143
|
-
_forEachInstanceProperty(
|
132
|
+
_forEachInstanceProperty(_context12 = _Object$keys(_colorField)).call(_context12, function (key) {
|
144
133
|
if (key === "default" || key === "__esModule") return;
|
145
134
|
if (key in exports && exports[key] === _colorField[key]) return;
|
146
135
|
_Object$defineProperty(exports, key, {
|
@@ -151,7 +140,7 @@ _forEachInstanceProperty(_context13 = _Object$keys(_colorField)).call(_context13
|
|
151
140
|
});
|
152
141
|
});
|
153
142
|
var _copyText = require("./copyText");
|
154
|
-
_forEachInstanceProperty(
|
143
|
+
_forEachInstanceProperty(_context13 = _Object$keys(_copyText)).call(_context13, function (key) {
|
155
144
|
if (key === "default" || key === "__esModule") return;
|
156
145
|
if (key in exports && exports[key] === _copyText[key]) return;
|
157
146
|
_Object$defineProperty(exports, key, {
|
@@ -162,7 +151,7 @@ _forEachInstanceProperty(_context14 = _Object$keys(_copyText)).call(_context14,
|
|
162
151
|
});
|
163
152
|
});
|
164
153
|
var _dataTable = require("./dataTable");
|
165
|
-
_forEachInstanceProperty(
|
154
|
+
_forEachInstanceProperty(_context14 = _Object$keys(_dataTable)).call(_context14, function (key) {
|
166
155
|
if (key === "default" || key === "__esModule") return;
|
167
156
|
if (key in exports && exports[key] === _dataTable[key]) return;
|
168
157
|
_Object$defineProperty(exports, key, {
|
@@ -173,7 +162,7 @@ _forEachInstanceProperty(_context15 = _Object$keys(_dataTable)).call(_context15,
|
|
173
162
|
});
|
174
163
|
});
|
175
164
|
var _environmentBreadcrumb = require("./environmentBreadcrumb");
|
176
|
-
_forEachInstanceProperty(
|
165
|
+
_forEachInstanceProperty(_context15 = _Object$keys(_environmentBreadcrumb)).call(_context15, function (key) {
|
177
166
|
if (key === "default" || key === "__esModule") return;
|
178
167
|
if (key in exports && exports[key] === _environmentBreadcrumb[key]) return;
|
179
168
|
_Object$defineProperty(exports, key, {
|
@@ -184,7 +173,7 @@ _forEachInstanceProperty(_context16 = _Object$keys(_environmentBreadcrumb)).call
|
|
184
173
|
});
|
185
174
|
});
|
186
175
|
var _fieldHelperText = require("./fieldHelperText");
|
187
|
-
_forEachInstanceProperty(
|
176
|
+
_forEachInstanceProperty(_context16 = _Object$keys(_fieldHelperText)).call(_context16, function (key) {
|
188
177
|
if (key === "default" || key === "__esModule") return;
|
189
178
|
if (key in exports && exports[key] === _fieldHelperText[key]) return;
|
190
179
|
_Object$defineProperty(exports, key, {
|
@@ -195,7 +184,7 @@ _forEachInstanceProperty(_context17 = _Object$keys(_fieldHelperText)).call(_cont
|
|
195
184
|
});
|
196
185
|
});
|
197
186
|
var _grid = require("./grid");
|
198
|
-
_forEachInstanceProperty(
|
187
|
+
_forEachInstanceProperty(_context17 = _Object$keys(_grid)).call(_context17, function (key) {
|
199
188
|
if (key === "default" || key === "__esModule") return;
|
200
189
|
if (key in exports && exports[key] === _grid[key]) return;
|
201
190
|
_Object$defineProperty(exports, key, {
|
@@ -206,7 +195,7 @@ _forEachInstanceProperty(_context18 = _Object$keys(_grid)).call(_context18, func
|
|
206
195
|
});
|
207
196
|
});
|
208
197
|
var _helpHint = require("./helpHint");
|
209
|
-
_forEachInstanceProperty(
|
198
|
+
_forEachInstanceProperty(_context18 = _Object$keys(_helpHint)).call(_context18, function (key) {
|
210
199
|
if (key === "default" || key === "__esModule") return;
|
211
200
|
if (key in exports && exports[key] === _helpHint[key]) return;
|
212
201
|
_Object$defineProperty(exports, key, {
|
@@ -217,7 +206,7 @@ _forEachInstanceProperty(_context19 = _Object$keys(_helpHint)).call(_context19,
|
|
217
206
|
});
|
218
207
|
});
|
219
208
|
var _icon = require("./icon");
|
220
|
-
_forEachInstanceProperty(
|
209
|
+
_forEachInstanceProperty(_context19 = _Object$keys(_icon)).call(_context19, function (key) {
|
221
210
|
if (key === "default" || key === "__esModule") return;
|
222
211
|
if (key in exports && exports[key] === _icon[key]) return;
|
223
212
|
_Object$defineProperty(exports, key, {
|
@@ -228,7 +217,7 @@ _forEachInstanceProperty(_context20 = _Object$keys(_icon)).call(_context20, func
|
|
228
217
|
});
|
229
218
|
});
|
230
219
|
var _iconBadge = require("./iconBadge");
|
231
|
-
_forEachInstanceProperty(
|
220
|
+
_forEachInstanceProperty(_context20 = _Object$keys(_iconBadge)).call(_context20, function (key) {
|
232
221
|
if (key === "default" || key === "__esModule") return;
|
233
222
|
if (key in exports && exports[key] === _iconBadge[key]) return;
|
234
223
|
_Object$defineProperty(exports, key, {
|
@@ -239,7 +228,7 @@ _forEachInstanceProperty(_context21 = _Object$keys(_iconBadge)).call(_context21,
|
|
239
228
|
});
|
240
229
|
});
|
241
230
|
var _iconButton = require("./iconButton");
|
242
|
-
_forEachInstanceProperty(
|
231
|
+
_forEachInstanceProperty(_context21 = _Object$keys(_iconButton)).call(_context21, function (key) {
|
243
232
|
if (key === "default" || key === "__esModule") return;
|
244
233
|
if (key in exports && exports[key] === _iconButton[key]) return;
|
245
234
|
_Object$defineProperty(exports, key, {
|
@@ -250,7 +239,7 @@ _forEachInstanceProperty(_context22 = _Object$keys(_iconButton)).call(_context22
|
|
250
239
|
});
|
251
240
|
});
|
252
241
|
var _iconButtonToggle = require("./iconButtonToggle");
|
253
|
-
_forEachInstanceProperty(
|
242
|
+
_forEachInstanceProperty(_context22 = _Object$keys(_iconButtonToggle)).call(_context22, function (key) {
|
254
243
|
if (key === "default" || key === "__esModule") return;
|
255
244
|
if (key in exports && exports[key] === _iconButtonToggle[key]) return;
|
256
245
|
_Object$defineProperty(exports, key, {
|
@@ -261,7 +250,7 @@ _forEachInstanceProperty(_context23 = _Object$keys(_iconButtonToggle)).call(_con
|
|
261
250
|
});
|
262
251
|
});
|
263
252
|
var _input = require("./input");
|
264
|
-
_forEachInstanceProperty(
|
253
|
+
_forEachInstanceProperty(_context23 = _Object$keys(_input)).call(_context23, function (key) {
|
265
254
|
if (key === "default" || key === "__esModule") return;
|
266
255
|
if (key in exports && exports[key] === _input[key]) return;
|
267
256
|
_Object$defineProperty(exports, key, {
|
@@ -272,7 +261,7 @@ _forEachInstanceProperty(_context24 = _Object$keys(_input)).call(_context24, fun
|
|
272
261
|
});
|
273
262
|
});
|
274
263
|
var _item = require("./item");
|
275
|
-
_forEachInstanceProperty(
|
264
|
+
_forEachInstanceProperty(_context24 = _Object$keys(_item)).call(_context24, function (key) {
|
276
265
|
if (key === "default" || key === "__esModule") return;
|
277
266
|
if (key in exports && exports[key] === _item[key]) return;
|
278
267
|
_Object$defineProperty(exports, key, {
|
@@ -283,7 +272,7 @@ _forEachInstanceProperty(_context25 = _Object$keys(_item)).call(_context25, func
|
|
283
272
|
});
|
284
273
|
});
|
285
274
|
var _label = require("./label");
|
286
|
-
_forEachInstanceProperty(
|
275
|
+
_forEachInstanceProperty(_context25 = _Object$keys(_label)).call(_context25, function (key) {
|
287
276
|
if (key === "default" || key === "__esModule") return;
|
288
277
|
if (key in exports && exports[key] === _label[key]) return;
|
289
278
|
_Object$defineProperty(exports, key, {
|
@@ -294,7 +283,7 @@ _forEachInstanceProperty(_context26 = _Object$keys(_label)).call(_context26, fun
|
|
294
283
|
});
|
295
284
|
});
|
296
285
|
var _link = require("./link");
|
297
|
-
_forEachInstanceProperty(
|
286
|
+
_forEachInstanceProperty(_context26 = _Object$keys(_link)).call(_context26, function (key) {
|
298
287
|
if (key === "default" || key === "__esModule") return;
|
299
288
|
if (key in exports && exports[key] === _link[key]) return;
|
300
289
|
_Object$defineProperty(exports, key, {
|
@@ -305,7 +294,7 @@ _forEachInstanceProperty(_context27 = _Object$keys(_link)).call(_context27, func
|
|
305
294
|
});
|
306
295
|
});
|
307
296
|
var _listBox = require("./listBox");
|
308
|
-
_forEachInstanceProperty(
|
297
|
+
_forEachInstanceProperty(_context27 = _Object$keys(_listBox)).call(_context27, function (key) {
|
309
298
|
if (key === "default" || key === "__esModule") return;
|
310
299
|
if (key in exports && exports[key] === _listBox[key]) return;
|
311
300
|
_Object$defineProperty(exports, key, {
|
@@ -316,7 +305,7 @@ _forEachInstanceProperty(_context28 = _Object$keys(_listBox)).call(_context28, f
|
|
316
305
|
});
|
317
306
|
});
|
318
307
|
var _listItem = require("./listItem");
|
319
|
-
_forEachInstanceProperty(
|
308
|
+
_forEachInstanceProperty(_context28 = _Object$keys(_listItem)).call(_context28, function (key) {
|
320
309
|
if (key === "default" || key === "__esModule") return;
|
321
310
|
if (key in exports && exports[key] === _listItem[key]) return;
|
322
311
|
_Object$defineProperty(exports, key, {
|
@@ -327,7 +316,7 @@ _forEachInstanceProperty(_context29 = _Object$keys(_listItem)).call(_context29,
|
|
327
316
|
});
|
328
317
|
});
|
329
318
|
var _loader = require("./loader");
|
330
|
-
_forEachInstanceProperty(
|
319
|
+
_forEachInstanceProperty(_context29 = _Object$keys(_loader)).call(_context29, function (key) {
|
331
320
|
if (key === "default" || key === "__esModule") return;
|
332
321
|
if (key in exports && exports[key] === _loader[key]) return;
|
333
322
|
_Object$defineProperty(exports, key, {
|
@@ -338,7 +327,7 @@ _forEachInstanceProperty(_context30 = _Object$keys(_loader)).call(_context30, fu
|
|
338
327
|
});
|
339
328
|
});
|
340
329
|
var _menu = require("./menu");
|
341
|
-
_forEachInstanceProperty(
|
330
|
+
_forEachInstanceProperty(_context30 = _Object$keys(_menu)).call(_context30, function (key) {
|
342
331
|
if (key === "default" || key === "__esModule") return;
|
343
332
|
if (key in exports && exports[key] === _menu[key]) return;
|
344
333
|
_Object$defineProperty(exports, key, {
|
@@ -349,7 +338,7 @@ _forEachInstanceProperty(_context31 = _Object$keys(_menu)).call(_context31, func
|
|
349
338
|
});
|
350
339
|
});
|
351
340
|
var _menuItem = require("./menuItem");
|
352
|
-
_forEachInstanceProperty(
|
341
|
+
_forEachInstanceProperty(_context31 = _Object$keys(_menuItem)).call(_context31, function (key) {
|
353
342
|
if (key === "default" || key === "__esModule") return;
|
354
343
|
if (key in exports && exports[key] === _menuItem[key]) return;
|
355
344
|
_Object$defineProperty(exports, key, {
|
@@ -360,7 +349,7 @@ _forEachInstanceProperty(_context32 = _Object$keys(_menuItem)).call(_context32,
|
|
360
349
|
});
|
361
350
|
});
|
362
351
|
var _menuSection = require("./menuSection");
|
363
|
-
_forEachInstanceProperty(
|
352
|
+
_forEachInstanceProperty(_context32 = _Object$keys(_menuSection)).call(_context32, function (key) {
|
364
353
|
if (key === "default" || key === "__esModule") return;
|
365
354
|
if (key in exports && exports[key] === _menuSection[key]) return;
|
366
355
|
_Object$defineProperty(exports, key, {
|
@@ -371,7 +360,7 @@ _forEachInstanceProperty(_context33 = _Object$keys(_menuSection)).call(_context3
|
|
371
360
|
});
|
372
361
|
});
|
373
362
|
var _messages = require("./messages");
|
374
|
-
_forEachInstanceProperty(
|
363
|
+
_forEachInstanceProperty(_context33 = _Object$keys(_messages)).call(_context33, function (key) {
|
375
364
|
if (key === "default" || key === "__esModule") return;
|
376
365
|
if (key in exports && exports[key] === _messages[key]) return;
|
377
366
|
_Object$defineProperty(exports, key, {
|
@@ -382,7 +371,7 @@ _forEachInstanceProperty(_context34 = _Object$keys(_messages)).call(_context34,
|
|
382
371
|
});
|
383
372
|
});
|
384
373
|
var _Modal = require("./Modal");
|
385
|
-
_forEachInstanceProperty(
|
374
|
+
_forEachInstanceProperty(_context34 = _Object$keys(_Modal)).call(_context34, function (key) {
|
386
375
|
if (key === "default" || key === "__esModule") return;
|
387
376
|
if (key in exports && exports[key] === _Modal[key]) return;
|
388
377
|
_Object$defineProperty(exports, key, {
|
@@ -393,7 +382,7 @@ _forEachInstanceProperty(_context35 = _Object$keys(_Modal)).call(_context35, fun
|
|
393
382
|
});
|
394
383
|
});
|
395
384
|
var _navBar = require("./navBar");
|
396
|
-
_forEachInstanceProperty(
|
385
|
+
_forEachInstanceProperty(_context35 = _Object$keys(_navBar)).call(_context35, function (key) {
|
397
386
|
if (key === "default" || key === "__esModule") return;
|
398
387
|
if (key in exports && exports[key] === _navBar[key]) return;
|
399
388
|
_Object$defineProperty(exports, key, {
|
@@ -404,7 +393,7 @@ _forEachInstanceProperty(_context36 = _Object$keys(_navBar)).call(_context36, fu
|
|
404
393
|
});
|
405
394
|
});
|
406
395
|
var _navSideBar = require("./navSideBar");
|
407
|
-
_forEachInstanceProperty(
|
396
|
+
_forEachInstanceProperty(_context36 = _Object$keys(_navSideBar)).call(_context36, function (key) {
|
408
397
|
if (key === "default" || key === "__esModule") return;
|
409
398
|
if (key in exports && exports[key] === _navSideBar[key]) return;
|
410
399
|
_Object$defineProperty(exports, key, {
|
@@ -415,7 +404,7 @@ _forEachInstanceProperty(_context37 = _Object$keys(_navSideBar)).call(_context37
|
|
415
404
|
});
|
416
405
|
});
|
417
406
|
var _overlayPanel = require("./overlayPanel");
|
418
|
-
_forEachInstanceProperty(
|
407
|
+
_forEachInstanceProperty(_context37 = _Object$keys(_overlayPanel)).call(_context37, function (key) {
|
419
408
|
if (key === "default" || key === "__esModule") return;
|
420
409
|
if (key in exports && exports[key] === _overlayPanel[key]) return;
|
421
410
|
_Object$defineProperty(exports, key, {
|
@@ -426,7 +415,7 @@ _forEachInstanceProperty(_context38 = _Object$keys(_overlayPanel)).call(_context
|
|
426
415
|
});
|
427
416
|
});
|
428
417
|
var _popoverContainer = require("./popoverContainer");
|
429
|
-
_forEachInstanceProperty(
|
418
|
+
_forEachInstanceProperty(_context38 = _Object$keys(_popoverContainer)).call(_context38, function (key) {
|
430
419
|
if (key === "default" || key === "__esModule") return;
|
431
420
|
if (key in exports && exports[key] === _popoverContainer[key]) return;
|
432
421
|
_Object$defineProperty(exports, key, {
|
@@ -437,7 +426,7 @@ _forEachInstanceProperty(_context39 = _Object$keys(_popoverContainer)).call(_con
|
|
437
426
|
});
|
438
427
|
});
|
439
428
|
var _popoverMenu = require("./popoverMenu");
|
440
|
-
_forEachInstanceProperty(
|
429
|
+
_forEachInstanceProperty(_context39 = _Object$keys(_popoverMenu)).call(_context39, function (key) {
|
441
430
|
if (key === "default" || key === "__esModule") return;
|
442
431
|
if (key in exports && exports[key] === _popoverMenu[key]) return;
|
443
432
|
_Object$defineProperty(exports, key, {
|
@@ -448,7 +437,7 @@ _forEachInstanceProperty(_context40 = _Object$keys(_popoverMenu)).call(_context4
|
|
448
437
|
});
|
449
438
|
});
|
450
439
|
var _progressBar = require("./progressBar");
|
451
|
-
_forEachInstanceProperty(
|
440
|
+
_forEachInstanceProperty(_context40 = _Object$keys(_progressBar)).call(_context40, function (key) {
|
452
441
|
if (key === "default" || key === "__esModule") return;
|
453
442
|
if (key in exports && exports[key] === _progressBar[key]) return;
|
454
443
|
_Object$defineProperty(exports, key, {
|
@@ -459,7 +448,7 @@ _forEachInstanceProperty(_context41 = _Object$keys(_progressBar)).call(_context4
|
|
459
448
|
});
|
460
449
|
});
|
461
450
|
var _requirementsList = require("./requirementsList");
|
462
|
-
_forEachInstanceProperty(
|
451
|
+
_forEachInstanceProperty(_context41 = _Object$keys(_requirementsList)).call(_context41, function (key) {
|
463
452
|
if (key === "default" || key === "__esModule") return;
|
464
453
|
if (key in exports && exports[key] === _requirementsList[key]) return;
|
465
454
|
_Object$defineProperty(exports, key, {
|
@@ -470,7 +459,7 @@ _forEachInstanceProperty(_context42 = _Object$keys(_requirementsList)).call(_con
|
|
470
459
|
});
|
471
460
|
});
|
472
461
|
var _rockerButtonGroup = require("./rockerButtonGroup");
|
473
|
-
_forEachInstanceProperty(
|
462
|
+
_forEachInstanceProperty(_context42 = _Object$keys(_rockerButtonGroup)).call(_context42, function (key) {
|
474
463
|
if (key === "default" || key === "__esModule") return;
|
475
464
|
if (key in exports && exports[key] === _rockerButtonGroup[key]) return;
|
476
465
|
_Object$defineProperty(exports, key, {
|
@@ -481,7 +470,7 @@ _forEachInstanceProperty(_context43 = _Object$keys(_rockerButtonGroup)).call(_co
|
|
481
470
|
});
|
482
471
|
});
|
483
472
|
var _scrollBox = require("./scrollBox");
|
484
|
-
_forEachInstanceProperty(
|
473
|
+
_forEachInstanceProperty(_context43 = _Object$keys(_scrollBox)).call(_context43, function (key) {
|
485
474
|
if (key === "default" || key === "__esModule") return;
|
486
475
|
if (key in exports && exports[key] === _scrollBox[key]) return;
|
487
476
|
_Object$defineProperty(exports, key, {
|
@@ -492,7 +481,7 @@ _forEachInstanceProperty(_context44 = _Object$keys(_scrollBox)).call(_context44,
|
|
492
481
|
});
|
493
482
|
});
|
494
483
|
var _separator = require("./separator");
|
495
|
-
_forEachInstanceProperty(
|
484
|
+
_forEachInstanceProperty(_context44 = _Object$keys(_separator)).call(_context44, function (key) {
|
496
485
|
if (key === "default" || key === "__esModule") return;
|
497
486
|
if (key in exports && exports[key] === _separator[key]) return;
|
498
487
|
_Object$defineProperty(exports, key, {
|
@@ -503,7 +492,7 @@ _forEachInstanceProperty(_context45 = _Object$keys(_separator)).call(_context45,
|
|
503
492
|
});
|
504
493
|
});
|
505
494
|
var _shared = require("./shared");
|
506
|
-
_forEachInstanceProperty(
|
495
|
+
_forEachInstanceProperty(_context45 = _Object$keys(_shared)).call(_context45, function (key) {
|
507
496
|
if (key === "default" || key === "__esModule") return;
|
508
497
|
if (key in exports && exports[key] === _shared[key]) return;
|
509
498
|
_Object$defineProperty(exports, key, {
|
@@ -514,7 +503,7 @@ _forEachInstanceProperty(_context46 = _Object$keys(_shared)).call(_context46, fu
|
|
514
503
|
});
|
515
504
|
});
|
516
505
|
var _switchField = require("./switchField");
|
517
|
-
_forEachInstanceProperty(
|
506
|
+
_forEachInstanceProperty(_context46 = _Object$keys(_switchField)).call(_context46, function (key) {
|
518
507
|
if (key === "default" || key === "__esModule") return;
|
519
508
|
if (key in exports && exports[key] === _switchField[key]) return;
|
520
509
|
_Object$defineProperty(exports, key, {
|
@@ -525,7 +514,7 @@ _forEachInstanceProperty(_context47 = _Object$keys(_switchField)).call(_context4
|
|
525
514
|
});
|
526
515
|
});
|
527
516
|
var _tab = require("./tab");
|
528
|
-
_forEachInstanceProperty(
|
517
|
+
_forEachInstanceProperty(_context47 = _Object$keys(_tab)).call(_context47, function (key) {
|
529
518
|
if (key === "default" || key === "__esModule") return;
|
530
519
|
if (key in exports && exports[key] === _tab[key]) return;
|
531
520
|
_Object$defineProperty(exports, key, {
|
@@ -536,7 +525,7 @@ _forEachInstanceProperty(_context48 = _Object$keys(_tab)).call(_context48, funct
|
|
536
525
|
});
|
537
526
|
});
|
538
527
|
var _table = require("./table");
|
539
|
-
_forEachInstanceProperty(
|
528
|
+
_forEachInstanceProperty(_context48 = _Object$keys(_table)).call(_context48, function (key) {
|
540
529
|
if (key === "default" || key === "__esModule") return;
|
541
530
|
if (key in exports && exports[key] === _table[key]) return;
|
542
531
|
_Object$defineProperty(exports, key, {
|
@@ -547,7 +536,7 @@ _forEachInstanceProperty(_context49 = _Object$keys(_table)).call(_context49, fun
|
|
547
536
|
});
|
548
537
|
});
|
549
538
|
var _tabs = require("./tabs");
|
550
|
-
_forEachInstanceProperty(
|
539
|
+
_forEachInstanceProperty(_context49 = _Object$keys(_tabs)).call(_context49, function (key) {
|
551
540
|
if (key === "default" || key === "__esModule") return;
|
552
541
|
if (key in exports && exports[key] === _tabs[key]) return;
|
553
542
|
_Object$defineProperty(exports, key, {
|
@@ -558,7 +547,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_tabs)).call(_context50, func
|
|
558
547
|
});
|
559
548
|
});
|
560
549
|
var _text = require("./text");
|
561
|
-
_forEachInstanceProperty(
|
550
|
+
_forEachInstanceProperty(_context50 = _Object$keys(_text)).call(_context50, function (key) {
|
562
551
|
if (key === "default" || key === "__esModule") return;
|
563
552
|
if (key in exports && exports[key] === _text[key]) return;
|
564
553
|
_Object$defineProperty(exports, key, {
|
@@ -569,7 +558,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_text)).call(_context51, func
|
|
569
558
|
});
|
570
559
|
});
|
571
560
|
var _textField = require("./textField");
|
572
|
-
_forEachInstanceProperty(
|
561
|
+
_forEachInstanceProperty(_context51 = _Object$keys(_textField)).call(_context51, function (key) {
|
573
562
|
if (key === "default" || key === "__esModule") return;
|
574
563
|
if (key in exports && exports[key] === _textField[key]) return;
|
575
564
|
_Object$defineProperty(exports, key, {
|
@@ -580,7 +569,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_textField)).call(_context52,
|
|
580
569
|
});
|
581
570
|
});
|
582
571
|
var _timefield = require("./timefield");
|
583
|
-
_forEachInstanceProperty(
|
572
|
+
_forEachInstanceProperty(_context52 = _Object$keys(_timefield)).call(_context52, function (key) {
|
584
573
|
if (key === "default" || key === "__esModule") return;
|
585
574
|
if (key in exports && exports[key] === _timefield[key]) return;
|
586
575
|
_Object$defineProperty(exports, key, {
|
@@ -591,7 +580,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_timefield)).call(_context53,
|
|
591
580
|
});
|
592
581
|
});
|
593
582
|
var _tooltipTrigger = require("./tooltipTrigger");
|
594
|
-
_forEachInstanceProperty(
|
583
|
+
_forEachInstanceProperty(_context53 = _Object$keys(_tooltipTrigger)).call(_context53, function (key) {
|
595
584
|
if (key === "default" || key === "__esModule") return;
|
596
585
|
if (key in exports && exports[key] === _tooltipTrigger[key]) return;
|
597
586
|
_Object$defineProperty(exports, key, {
|
@@ -5,10 +5,7 @@ import { Meta } from '@storybook/addon-docs';
|
|
5
5
|
# CodeView
|
6
6
|
|
7
7
|
This component is used for code syntax highlighting and is built on [prism-react-renderer](https://github.com/FormidableLabs/prism-react-renderer).
|
8
|
-
It should contain the language title and be formatted with indentations, line breaks, and comments, and should not contain complex code snippets.
|
9
|
-
|
10
|
-
The CodeView component should be used for code snippets that need to be presented in a read-only format.
|
11
|
-
For more complex use cases that require an interactive environment, support for various programming languages, functionalities like linting, keyboard interactions, and real-time updates, use [CodeEditor](./?path=/docs/experimental-codeeditor--docs).
|
8
|
+
It should contain the language title and be formatted with indentations, line breaks, and comments, and should not contain complex code snippets.
|
12
9
|
|
13
10
|
### Required Components
|
14
11
|
|
package/lib/index.js
CHANGED
@@ -49,7 +49,6 @@ export { default as Checkbox } from './components/Checkbox';
|
|
49
49
|
export * from './components/Checkbox';
|
50
50
|
export { default as CheckboxField } from './components/CheckboxField';
|
51
51
|
export * from './components/CheckboxField';
|
52
|
-
export { default as CodeEditor } from './components/CodeEditor';
|
53
52
|
export { default as CodeView } from './components/CodeView';
|
54
53
|
export { default as CollapsiblePanel } from './components/CollapsiblePanel';
|
55
54
|
export * from './components/CollapsiblePanel';
|
@@ -17,7 +17,6 @@ import breadcrumb from '../../components/Breadcrumbs/Breadcrumb.styles';
|
|
17
17
|
import buttonBar from '../../components/ButtonBar/ButtonBar.styles';
|
18
18
|
import calendar from '../../components/Calendar/Calendar.styles';
|
19
19
|
import callout from '../../components/Callout/Callout.styles';
|
20
|
-
import codeEditor from '../../components/CodeEditor/CodeEditor.styles';
|
21
20
|
import codeView from '../../components/CodeView/CodeView.styles';
|
22
21
|
import collapsiblePanel from '../../components/CollapsiblePanel/CollapsiblePanel.styles';
|
23
22
|
import copyText from '../../components/CopyText/CopyText.styles';
|
@@ -63,7 +62,6 @@ export default _objectSpread({
|
|
63
62
|
calendar: calendar,
|
64
63
|
rangeCalendar: rangeCalendar,
|
65
64
|
callout: callout,
|
66
|
-
codeEditor: codeEditor,
|
67
65
|
codeView: codeView,
|
68
66
|
collapsiblePanel: collapsiblePanel,
|
69
67
|
copyText: copyText,
|
package/lib/types/index.js
CHANGED
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@pingux/astro",
|
3
|
-
"version": "2.86.0-alpha.
|
3
|
+
"version": "2.86.0-alpha.1",
|
4
4
|
"description": "React component library for Ping Identity's design system",
|
5
5
|
"repository": {
|
6
6
|
"type": "git",
|
@@ -37,13 +37,6 @@
|
|
37
37
|
"dependencies": {
|
38
38
|
"@babel/runtime": "7.16.3",
|
39
39
|
"@babel/runtime-corejs3": "7.13.8",
|
40
|
-
"@codemirror/commands": "^6.5.0",
|
41
|
-
"@codemirror/lang-javascript": "^6.2.2",
|
42
|
-
"@codemirror/lang-json": "^6.0.1",
|
43
|
-
"@codemirror/language": "^6.10.1",
|
44
|
-
"@codemirror/lint": "^6.7.0",
|
45
|
-
"@codemirror/state": "^6.4.1",
|
46
|
-
"@codemirror/view": "^6.26.3",
|
47
40
|
"@emotion/jest": "11.11.0",
|
48
41
|
"@emotion/react": "^11.1.1",
|
49
42
|
"@emotion/styled": "^11.1.1",
|
@@ -117,16 +110,12 @@
|
|
117
110
|
"@types/react": "^18.2.18",
|
118
111
|
"@types/react-dom": "^18",
|
119
112
|
"@types/styled-system": "^5.1.16",
|
120
|
-
"@typescript/vfs": "^1.5.0",
|
121
113
|
"chroma-js": "^2.1.0",
|
122
114
|
"chromatic": "^6.5.3",
|
123
115
|
"classnames": "^2.2.6",
|
124
|
-
"code-editor-typescript": "npm:typescript@5.4.5",
|
125
|
-
"codemirror": "^6.0.1",
|
126
116
|
"countries-list": "^2.6.1",
|
127
117
|
"deepmerge": "^4.3.1",
|
128
118
|
"emotion-normalize": "^11.0.1",
|
129
|
-
"eslint-linter-browserify": "^9.2.0",
|
130
119
|
"listbox-layout": "npm:@react-stately/layout@3.9.0",
|
131
120
|
"listbox-virtualizer": "npm:@react-aria/virtualizer@3.6.0",
|
132
121
|
"lodash": "^4.17.21",
|
@@ -160,7 +149,6 @@
|
|
160
149
|
"@emotion/babel-preset-css-prop": "^11.2.0",
|
161
150
|
"@emotion/cache": "^11.4.0",
|
162
151
|
"@emotion/eslint-plugin": "^11.2.0",
|
163
|
-
"@eslint/js": "^9.7.0",
|
164
152
|
"@react-stately/collections": "^3.10.2",
|
165
153
|
"@storybook/addon-a11y": "^7.1.0",
|
166
154
|
"@storybook/addon-console": "^2.0.0",
|
@@ -1,56 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
4
|
-
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
5
|
-
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
6
|
-
var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
|
7
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
8
|
-
_Object$defineProperty(exports, "__esModule", {
|
9
|
-
value: true
|
10
|
-
});
|
11
|
-
exports["default"] = void 0;
|
12
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
|
13
|
-
var _react = _interopRequireWildcard(require("react"));
|
14
|
-
var _langJavascript = require("@codemirror/lang-javascript");
|
15
|
-
var _langJson = require("@codemirror/lang-json");
|
16
|
-
var eslint = _interopRequireWildcard(require("eslint-linter-browserify"));
|
17
|
-
var _useTsLinter = _interopRequireDefault(require("../../hooks/useTsLinter/useTsLinter"));
|
18
|
-
var _DefaultEditor = _interopRequireDefault(require("./DefaultEditor"));
|
19
|
-
var _eslintConfig = _interopRequireDefault(require("./eslintConfig"));
|
20
|
-
var _react2 = require("@emotion/react");
|
21
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
23
|
-
var CodeEditor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
24
|
-
var supportedLanguage = props.supportedLanguage,
|
25
|
-
customEslintConfig = props.customEslintConfig;
|
26
|
-
var tsLinter = (0, _useTsLinter["default"])();
|
27
|
-
switch (supportedLanguage) {
|
28
|
-
case 'typescript':
|
29
|
-
return (0, _react2.jsx)(_DefaultEditor["default"], (0, _extends2["default"])({
|
30
|
-
ref: ref
|
31
|
-
}, props, {
|
32
|
-
editorLanguage: _langJavascript.tsxLanguage,
|
33
|
-
linterExtension: tsLinter
|
34
|
-
}));
|
35
|
-
case 'javascript':
|
36
|
-
return (0, _react2.jsx)(_DefaultEditor["default"], (0, _extends2["default"])({
|
37
|
-
ref: ref
|
38
|
-
}, props, {
|
39
|
-
editorLanguage: (0, _langJavascript.javascript)(),
|
40
|
-
linterExtension: (0, _langJavascript.esLint)(new eslint.Linter(), customEslintConfig || _eslintConfig["default"])
|
41
|
-
}));
|
42
|
-
case 'json':
|
43
|
-
return (0, _react2.jsx)(_DefaultEditor["default"], (0, _extends2["default"])({
|
44
|
-
ref: ref
|
45
|
-
}, props, {
|
46
|
-
editorLanguage: _langJson.jsonLanguage,
|
47
|
-
linterExtension: (0, _langJson.jsonParseLinter)()
|
48
|
-
}));
|
49
|
-
default:
|
50
|
-
return (0, _react2.jsx)(_DefaultEditor["default"], (0, _extends2["default"])({
|
51
|
-
ref: ref
|
52
|
-
}, props));
|
53
|
-
}
|
54
|
-
});
|
55
|
-
var _default = CodeEditor;
|
56
|
-
exports["default"] = _default;
|