@teambit/component.ui.component-compare.compare-aspects.compare-aspect-view 0.0.15 → 0.0.17

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.
Files changed (20) hide show
  1. package/.npmignore +10 -0
  2. package/compare-aspect-view.module.scss +34 -27
  3. package/compare-aspect-view.tsx +33 -24
  4. package/config-editor.tsx +40 -91
  5. package/dist/compare-aspect-view.d.ts +3 -2
  6. package/dist/compare-aspect-view.js +25 -17
  7. package/dist/compare-aspect-view.js.map +1 -1
  8. package/dist/compare-aspect-view.module.scss +34 -27
  9. package/dist/config-editor.d.ts +4 -4
  10. package/dist/config-editor.js +30 -56
  11. package/dist/config-editor.js.map +1 -1
  12. package/dist/preview-1789503490046.js +7 -0
  13. package/package.json +14 -15
  14. package/types/asset.d.ts +29 -0
  15. package/types/style.d.ts +42 -0
  16. package/.bit-capsule-ready +0 -0
  17. package/schema.json +0 -562
  18. package/static/css/teambit.component/ui/component-compare/compare-aspects/compare-aspect-view.845f1e01.css +0 -1
  19. package/teambit_component_ui_component_compare_compare_aspects_compare_aspect_view-component.js +0 -26
  20. package/teambit_component_ui_component_compare_compare_aspects_compare_aspect_view-preview.js +0 -1
package/schema.json DELETED
@@ -1,562 +0,0 @@
1
- {
2
- "__schema": "APISchema",
3
- "location": {
4
- "filePath": "index.ts",
5
- "line": 1,
6
- "character": 1
7
- },
8
- "module": {
9
- "__schema": "ModuleSchema",
10
- "location": {
11
- "filePath": "index.ts",
12
- "line": 1,
13
- "character": 1
14
- },
15
- "exports": [
16
- {
17
- "__schema": "ExportSchema",
18
- "location": {
19
- "filePath": "index.ts",
20
- "line": 1,
21
- "character": 10
22
- },
23
- "signature": "function CompareAspectView({ baseAspectData, compareAspectData, name, loading, className, }: CompareAspectViewProps): React.JSX.Element",
24
- "name": "CompareAspectView",
25
- "exportNode": {
26
- "__schema": "ReactSchema",
27
- "location": {
28
- "filePath": "compare-aspect-view.tsx",
29
- "line": 17,
30
- "character": 1
31
- },
32
- "signature": "function CompareAspectView({ baseAspectData, compareAspectData, name, loading, className, }: CompareAspectViewProps): React.JSX.Element",
33
- "name": "CompareAspectView",
34
- "props": {
35
- "__schema": "ParameterSchema",
36
- "location": {
37
- "filePath": "compare-aspect-view.tsx",
38
- "line": 17,
39
- "character": 35
40
- },
41
- "name": "{ baseAspectData, compareAspectData, name, loading, className }",
42
- "type": {
43
- "__schema": "TypeRefSchema",
44
- "location": {
45
- "filePath": "compare-aspect-view.tsx",
46
- "line": 23,
47
- "character": 4
48
- },
49
- "name": "CompareAspectViewProps"
50
- },
51
- "isOptional": false,
52
- "objectBindingNodes": [
53
- {
54
- "__schema": "InferenceTypeSchema",
55
- "location": {
56
- "filePath": "compare-aspect-view.tsx",
57
- "line": 18,
58
- "character": 3
59
- },
60
- "name": "baseAspectData",
61
- "type": "ComponentAspectData",
62
- "isSpread": false
63
- },
64
- {
65
- "__schema": "InferenceTypeSchema",
66
- "location": {
67
- "filePath": "compare-aspect-view.tsx",
68
- "line": 19,
69
- "character": 3
70
- },
71
- "name": "compareAspectData",
72
- "type": "ComponentAspectData",
73
- "isSpread": false
74
- },
75
- {
76
- "__schema": "InferenceTypeSchema",
77
- "location": {
78
- "filePath": "compare-aspect-view.tsx",
79
- "line": 20,
80
- "character": 3
81
- },
82
- "name": "name",
83
- "type": "string",
84
- "isSpread": false
85
- },
86
- {
87
- "__schema": "InferenceTypeSchema",
88
- "location": {
89
- "filePath": "compare-aspect-view.tsx",
90
- "line": 21,
91
- "character": 3
92
- },
93
- "name": "loading",
94
- "type": "boolean",
95
- "isSpread": false
96
- },
97
- {
98
- "__schema": "InferenceTypeSchema",
99
- "location": {
100
- "filePath": "compare-aspect-view.tsx",
101
- "line": 22,
102
- "character": 3
103
- },
104
- "name": "className",
105
- "type": "string",
106
- "isSpread": false
107
- }
108
- ],
109
- "isSpread": false
110
- },
111
- "returnType": {
112
- "__schema": "TypeRefSchema",
113
- "location": {
114
- "filePath": "compare-aspect-view.tsx",
115
- "line": 17,
116
- "character": 1
117
- },
118
- "name": "React.JSX.Element",
119
- "packageName": "react"
120
- },
121
- "modifiers": [
122
- "export"
123
- ]
124
- }
125
- },
126
- {
127
- "__schema": "ExportSchema",
128
- "location": {
129
- "filePath": "index.ts",
130
- "line": 1,
131
- "character": 29
132
- },
133
- "signature": "type CompareAspectViewProps = {\n baseAspectData?: ComponentAspectData;\n compareAspectData?: ComponentAspectData;\n loading?: boolean;\n name?: string;\n} & React.HTMLAttributes<HTMLDivElement>",
134
- "name": "CompareAspectViewProps",
135
- "exportNode": {
136
- "__schema": "TypeSchema",
137
- "location": {
138
- "filePath": "compare-aspect-view.tsx",
139
- "line": 10,
140
- "character": 1
141
- },
142
- "signature": "type CompareAspectViewProps = {\n baseAspectData?: ComponentAspectData;\n compareAspectData?: ComponentAspectData;\n loading?: boolean;\n name?: string;\n} & React.HTMLAttributes<HTMLDivElement>",
143
- "name": "CompareAspectViewProps",
144
- "type": {
145
- "__schema": "TypeIntersectionSchema",
146
- "location": {
147
- "filePath": "compare-aspect-view.tsx",
148
- "line": 10,
149
- "character": 38
150
- },
151
- "types": [
152
- {
153
- "__schema": "TypeLiteralSchema",
154
- "location": {
155
- "filePath": "compare-aspect-view.tsx",
156
- "line": 10,
157
- "character": 38
158
- },
159
- "members": [
160
- {
161
- "__schema": "VariableLikeSchema",
162
- "location": {
163
- "filePath": "compare-aspect-view.tsx",
164
- "line": 11,
165
- "character": 3
166
- },
167
- "signature": "(property) baseAspectData?: ComponentAspectData",
168
- "name": "baseAspectData",
169
- "type": {
170
- "__schema": "TypeRefSchema",
171
- "location": {
172
- "filePath": "compare-aspect-view.tsx",
173
- "line": 11,
174
- "character": 3
175
- },
176
- "name": "ComponentAspectData",
177
- "componentId": {
178
- "scope": "teambit.component",
179
- "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
180
- "version": "0.0.11"
181
- }
182
- },
183
- "isOptional": true
184
- },
185
- {
186
- "__schema": "VariableLikeSchema",
187
- "location": {
188
- "filePath": "compare-aspect-view.tsx",
189
- "line": 12,
190
- "character": 3
191
- },
192
- "signature": "(property) compareAspectData?: ComponentAspectData",
193
- "name": "compareAspectData",
194
- "type": {
195
- "__schema": "TypeRefSchema",
196
- "location": {
197
- "filePath": "compare-aspect-view.tsx",
198
- "line": 12,
199
- "character": 3
200
- },
201
- "name": "ComponentAspectData",
202
- "componentId": {
203
- "scope": "teambit.component",
204
- "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
205
- "version": "0.0.11"
206
- }
207
- },
208
- "isOptional": true
209
- },
210
- {
211
- "__schema": "VariableLikeSchema",
212
- "location": {
213
- "filePath": "compare-aspect-view.tsx",
214
- "line": 13,
215
- "character": 3
216
- },
217
- "signature": "(property) loading?: boolean",
218
- "name": "loading",
219
- "type": {
220
- "__schema": "KeywordTypeSchema",
221
- "location": {
222
- "filePath": "compare-aspect-view.tsx",
223
- "line": 13,
224
- "character": 13
225
- },
226
- "name": "boolean"
227
- },
228
- "isOptional": true
229
- },
230
- {
231
- "__schema": "VariableLikeSchema",
232
- "location": {
233
- "filePath": "compare-aspect-view.tsx",
234
- "line": 14,
235
- "character": 3
236
- },
237
- "signature": "(property) name?: string",
238
- "name": "name",
239
- "type": {
240
- "__schema": "KeywordTypeSchema",
241
- "location": {
242
- "filePath": "compare-aspect-view.tsx",
243
- "line": 14,
244
- "character": 10
245
- },
246
- "name": "string"
247
- },
248
- "isOptional": true
249
- }
250
- ]
251
- },
252
- {
253
- "__schema": "TypeRefSchema",
254
- "location": {
255
- "filePath": "compare-aspect-view.tsx",
256
- "line": 15,
257
- "character": 5
258
- },
259
- "name": "HTMLAttributes",
260
- "packageName": "react",
261
- "typeArgs": [
262
- {
263
- "__schema": "TypeRefSchema",
264
- "location": {
265
- "filePath": "compare-aspect-view.tsx",
266
- "line": 15,
267
- "character": 20
268
- },
269
- "name": "HTMLDivElement"
270
- }
271
- ]
272
- }
273
- ]
274
- }
275
- }
276
- }
277
- ],
278
- "internals": []
279
- },
280
- "internals": [
281
- {
282
- "__schema": "ModuleSchema",
283
- "location": {
284
- "filePath": "compare-aspect-view.tsx",
285
- "line": 1,
286
- "character": 1
287
- },
288
- "exports": [
289
- {
290
- "__schema": "TypeSchema",
291
- "location": {
292
- "filePath": "compare-aspect-view.tsx",
293
- "line": 10,
294
- "character": 1
295
- },
296
- "signature": "type CompareAspectViewProps = {\n baseAspectData?: ComponentAspectData;\n compareAspectData?: ComponentAspectData;\n loading?: boolean;\n name?: string;\n} & React.HTMLAttributes<HTMLDivElement>",
297
- "name": "CompareAspectViewProps",
298
- "type": {
299
- "__schema": "TypeIntersectionSchema",
300
- "location": {
301
- "filePath": "compare-aspect-view.tsx",
302
- "line": 10,
303
- "character": 38
304
- },
305
- "types": [
306
- {
307
- "__schema": "TypeLiteralSchema",
308
- "location": {
309
- "filePath": "compare-aspect-view.tsx",
310
- "line": 10,
311
- "character": 38
312
- },
313
- "members": [
314
- {
315
- "__schema": "VariableLikeSchema",
316
- "location": {
317
- "filePath": "compare-aspect-view.tsx",
318
- "line": 11,
319
- "character": 3
320
- },
321
- "signature": "(property) baseAspectData?: ComponentAspectData",
322
- "name": "baseAspectData",
323
- "type": {
324
- "__schema": "TypeRefSchema",
325
- "location": {
326
- "filePath": "compare-aspect-view.tsx",
327
- "line": 11,
328
- "character": 3
329
- },
330
- "name": "ComponentAspectData",
331
- "componentId": {
332
- "scope": "teambit.component",
333
- "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
334
- "version": "0.0.11"
335
- }
336
- },
337
- "isOptional": true
338
- },
339
- {
340
- "__schema": "VariableLikeSchema",
341
- "location": {
342
- "filePath": "compare-aspect-view.tsx",
343
- "line": 12,
344
- "character": 3
345
- },
346
- "signature": "(property) compareAspectData?: ComponentAspectData",
347
- "name": "compareAspectData",
348
- "type": {
349
- "__schema": "TypeRefSchema",
350
- "location": {
351
- "filePath": "compare-aspect-view.tsx",
352
- "line": 12,
353
- "character": 3
354
- },
355
- "name": "ComponentAspectData",
356
- "componentId": {
357
- "scope": "teambit.component",
358
- "name": "ui/component-compare/compare-aspects/models/component-compare-aspects-model",
359
- "version": "0.0.11"
360
- }
361
- },
362
- "isOptional": true
363
- },
364
- {
365
- "__schema": "VariableLikeSchema",
366
- "location": {
367
- "filePath": "compare-aspect-view.tsx",
368
- "line": 13,
369
- "character": 3
370
- },
371
- "signature": "(property) loading?: boolean",
372
- "name": "loading",
373
- "type": {
374
- "__schema": "KeywordTypeSchema",
375
- "location": {
376
- "filePath": "compare-aspect-view.tsx",
377
- "line": 13,
378
- "character": 13
379
- },
380
- "name": "boolean"
381
- },
382
- "isOptional": true
383
- },
384
- {
385
- "__schema": "VariableLikeSchema",
386
- "location": {
387
- "filePath": "compare-aspect-view.tsx",
388
- "line": 14,
389
- "character": 3
390
- },
391
- "signature": "(property) name?: string",
392
- "name": "name",
393
- "type": {
394
- "__schema": "KeywordTypeSchema",
395
- "location": {
396
- "filePath": "compare-aspect-view.tsx",
397
- "line": 14,
398
- "character": 10
399
- },
400
- "name": "string"
401
- },
402
- "isOptional": true
403
- }
404
- ]
405
- },
406
- {
407
- "__schema": "TypeRefSchema",
408
- "location": {
409
- "filePath": "compare-aspect-view.tsx",
410
- "line": 15,
411
- "character": 5
412
- },
413
- "name": "HTMLAttributes",
414
- "packageName": "react",
415
- "typeArgs": [
416
- {
417
- "__schema": "TypeRefSchema",
418
- "location": {
419
- "filePath": "compare-aspect-view.tsx",
420
- "line": 15,
421
- "character": 20
422
- },
423
- "name": "HTMLDivElement"
424
- }
425
- ]
426
- }
427
- ]
428
- }
429
- },
430
- {
431
- "__schema": "ReactSchema",
432
- "location": {
433
- "filePath": "compare-aspect-view.tsx",
434
- "line": 17,
435
- "character": 1
436
- },
437
- "signature": "function CompareAspectView({ baseAspectData, compareAspectData, name, loading, className, }: CompareAspectViewProps): React.JSX.Element",
438
- "name": "CompareAspectView",
439
- "props": {
440
- "__schema": "ParameterSchema",
441
- "location": {
442
- "filePath": "compare-aspect-view.tsx",
443
- "line": 17,
444
- "character": 35
445
- },
446
- "name": "{ baseAspectData, compareAspectData, name, loading, className }",
447
- "type": {
448
- "__schema": "TypeRefSchema",
449
- "location": {
450
- "filePath": "compare-aspect-view.tsx",
451
- "line": 23,
452
- "character": 4
453
- },
454
- "name": "CompareAspectViewProps"
455
- },
456
- "isOptional": false,
457
- "objectBindingNodes": [
458
- {
459
- "__schema": "InferenceTypeSchema",
460
- "location": {
461
- "filePath": "compare-aspect-view.tsx",
462
- "line": 18,
463
- "character": 3
464
- },
465
- "name": "baseAspectData",
466
- "type": "ComponentAspectData",
467
- "isSpread": false
468
- },
469
- {
470
- "__schema": "InferenceTypeSchema",
471
- "location": {
472
- "filePath": "compare-aspect-view.tsx",
473
- "line": 19,
474
- "character": 3
475
- },
476
- "name": "compareAspectData",
477
- "type": "ComponentAspectData",
478
- "isSpread": false
479
- },
480
- {
481
- "__schema": "InferenceTypeSchema",
482
- "location": {
483
- "filePath": "compare-aspect-view.tsx",
484
- "line": 20,
485
- "character": 3
486
- },
487
- "name": "name",
488
- "type": "string",
489
- "isSpread": false
490
- },
491
- {
492
- "__schema": "InferenceTypeSchema",
493
- "location": {
494
- "filePath": "compare-aspect-view.tsx",
495
- "line": 21,
496
- "character": 3
497
- },
498
- "name": "loading",
499
- "type": "boolean",
500
- "isSpread": false
501
- },
502
- {
503
- "__schema": "InferenceTypeSchema",
504
- "location": {
505
- "filePath": "compare-aspect-view.tsx",
506
- "line": 22,
507
- "character": 3
508
- },
509
- "name": "className",
510
- "type": "string",
511
- "isSpread": false
512
- }
513
- ],
514
- "isSpread": false
515
- },
516
- "returnType": {
517
- "__schema": "TypeRefSchema",
518
- "location": {
519
- "filePath": "compare-aspect-view.tsx",
520
- "line": 17,
521
- "character": 1
522
- },
523
- "name": "React.JSX.Element",
524
- "packageName": "react"
525
- },
526
- "modifiers": [
527
- "export"
528
- ]
529
- }
530
- ],
531
- "internals": [
532
- {
533
- "__schema": "ReactSchema",
534
- "location": {
535
- "filePath": "compare-aspect-view.tsx",
536
- "line": 72,
537
- "character": 1
538
- },
539
- "signature": "function AspectsCompareViewLoader(): React.JSX.Element",
540
- "name": "AspectsCompareViewLoader",
541
- "returnType": {
542
- "__schema": "TypeRefSchema",
543
- "location": {
544
- "filePath": "compare-aspect-view.tsx",
545
- "line": 72,
546
- "character": 1
547
- },
548
- "name": "React.JSX.Element",
549
- "packageName": "react"
550
- },
551
- "modifiers": []
552
- }
553
- ]
554
- }
555
- ],
556
- "componentId": {
557
- "scope": "teambit.component",
558
- "name": "ui/component-compare/compare-aspects/compare-aspect-view",
559
- "version": "04f13a76242c952d31f2884f075ac4aa5b8fe0ce"
560
- },
561
- "taggedModuleExports": []
562
- }
package/static/css/teambit.component/ui/component-compare/compare-aspects/compare-aspect-view.845f1e01.css DELETED
@@ -1 +0,0 @@
1
- .heading-sizes_xxs__3-QXb{font-size:16px;font-size:var(--bit-h-xxs,16px)}.heading-sizes_xs__1id2a{font-size:18px;font-size:var(--bit-h-xs,18px)}.heading-sizes_sm__1BJyF{font-size:24px;font-size:var(--bit-h-sm,24px)}.heading-sizes_md__ILgX3{font-size:26px;font-size:var(--bit-h-md,26px)}.heading-sizes_lg__1arGG{font-size:36px;font-size:var(--bit-h-lg,36px)}.heading-sizes_xl__VU8DQ{font-size:40px;font-size:var(--bit-h-xl,40px)}.heading-sizes_xxl__2W_T6{font-size:50px;font-size:var(--bit-h-xxl,50px)}.heading_h1__N8Pa4,.heading_h2__12ZA7,.heading_h3__2zgzv,.heading_h4__3J4at,.heading_h5__3Voht,.heading_h6__26PDJ{font-weight:700;margin:0}.heading_h1__N8Pa4{margin-bottom:20px}.skeleton_block__JlGC2,.skeleton_circle__gfSYr,.skeleton_skeleton__6U6m4{background:currentColor}.skeleton_line__3efEy>*,.skeleton_skeletonContent__Huvr3>*,.skeleton_word__Iey2b>*{background:currentColor;display:inline-block;line-height:1}.skeleton_word__Iey2b{display:inline-block;font-family:monospace;-webkit-user-select:none;-moz-user-select:none;user-select:none}.skeleton_line__3efEy>*{width:100%}.skeleton_circle__gfSYr{border-radius:50%!important;display:inline-block;height:1em;width:1em}.skeleton-design_line__3L63O>*,.skeleton-design_skeletonContent__2WI_t>*,.skeleton-design_word__2ml1l>*{border-radius:4px}.skeleton-design_block__1Pn8j,.skeleton-design_circle__33aFr,.skeleton-design_line__3L63O>*,.skeleton-design_shimmer__3UYbJ,.skeleton-design_skeletonContent__2WI_t>*,.skeleton-design_skeleton__3doHF,.skeleton-design_word__2ml1l>*{animation:skeleton-design_placeHolderShimmer__2eB1S 1.5s linear infinite forwards;background-image:linear-gradient(90deg,currentColor 0,hsla(0,0%,100%,.38) 30%,hsla(0,0%,100%,.38) 70%,currentColor);background-repeat:no-repeat;background-size:10vw}@keyframes skeleton-design_skeleton-effect-fade__3JCrp{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@keyframes skeleton-design_placeHolderShimmer__2eB1S{0%{background-position:-10vw 0}to{background-position:100vw 0}}.skeleton-design_block__1Pn8j{border-radius:4px}.copied-message_copiedMessage__1aVc-{background-color:#6c5ce7;background-color:var(--bit-accent-color,#6c5ce7);border-radius:12px;color:#fff;color:var(--bit-text-on-accent,#fff);font-size:12px;opacity:0;padding:2px 5px;pointer-events:none;position:absolute;transform:translate(-100%);transition:visibility .5s,opacity .5s ease-in-out;visibility:hidden}.copied-message_showMessage__1xScW{opacity:1;visibility:visible}.dark-theme_darkMod__-BbJL{color:#ededed;--bit-text-color:#ededed;--bit-text-color-heavy:#f6f6f6;--bit-text-color-light:#878c9a;--bit-text-inactive:#6c707c;--bit-text-inactive-heavy:#878c9a;--bit-border-color:#6c707c;--bit-border-color-heavy:#878c9a;--bit-border-color-light:#414141;--bit-border-color-lightest:#414141;--bit-accent-color:#5d4aec;--bit-accent-heavy:#6c5ce7;--bit-accent-light:#3e29df;--bit-accent-text:#c9c3f6;--bit-accent-text-heavy:#eceaff;--bit-text-on-accent:var(--bit-text-color,#ededed);--bit-accent-bg:#1a1452;--bit-accent-bg-heavy:#221967;--bit-bg-color:#2b2b2b;--bit-bg-heavy:#414141;--bit-bg-heaviest:#6c707c;--bit-bg-bedrock:#0c0c0c;--bit-navigation:#2b2b2b;--bit-bg-overlay:#2b2b2b;--bit-bg-modal:#2b2b2b;--bit-bg-tooltip:#2b2b2b;--bit-bg-tooltip-heavy:#414141;--bit-bg-dent:#2b2b2b;--bit-error-color:#f7bac9;--bit-error-heavy:#fdeff2;--bit-error-light:#f086a0;--bit-error-bg:#8d1130;--bit-error-bg-heavy:#d31948}.compare-aspect-view_componentCompareAspectViewContainer__T1N1c{height:100%;width:100%}.compare-aspect-view_componentCompareAspectDiffEditorContainer__2-qNR{display:flex;flex-direction:column;height:calc(100% - 56px);padding:0 8px}.compare-aspect-view_name__1HULa{align-items:baseline;display:flex;padding:8px}.compare-aspect-view_componentCompareAspectCalculatedDiff__2DY4O,.compare-aspect-view_componentCompareAspectConfigDiff__jS5Iw{display:flex;flex:1 1;flex-direction:column;height:100%;padding:0 8px}.compare-aspect-view_componentCompareAspectCalculatedDiff__2DY4O>section,.compare-aspect-view_componentCompareAspectConfigDiff__jS5Iw>section{border-radius:8px;overflow:hidden}.compare-aspect-view_loader__-_BtB{align-items:center;color:#282828;color:var(--on-surface-neutral-low-color,#282828);display:flex;height:100%;justify-items:center;width:100%}.compare-aspect-view_loader__-_BtB,.compare-aspect-view_loader__-_BtB>div{background-image:linear-gradient(90deg,currentColor 0,#2b2b2b 30%,#2b2b2b 50%,currentColor)}.side-by-side:hover .compare-aspect-view_copyButton__2Z3_H{display:inline;display:initial}.compare-aspect-view_copyButton__2Z3_H{cursor:pointer;display:none;position:absolute;right:0;top:0}.compare-aspect-view_copyButton__2Z3_H.compare-aspect-view_isLabelVisible__1eSt7{display:inline;display:initial}.compare-aspect-view_message__24OtR{left:0}