@principal-ai/file-city-react 0.3.0 → 0.4.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.
Files changed (19) hide show
  1. package/dist/components/ArchitectureMapHighlightLayers.d.ts +4 -1
  2. package/dist/components/ArchitectureMapHighlightLayers.d.ts.map +1 -1
  3. package/dist/components/ArchitectureMapHighlightLayers.js +133 -1
  4. package/dist/stories/sample-data.d.ts.map +1 -1
  5. package/dist/stories/sample-data.js +101 -258
  6. package/package.json +6 -10
  7. package/src/components/ArchitectureMapHighlightLayers.tsx +176 -0
  8. package/src/stories/ArchitectureMapGridLayout.stories.tsx +8 -7
  9. package/src/stories/ArchitectureMapHighlightLayers.stories.tsx +194 -1
  10. package/src/stories/sample-data.ts +129 -289
  11. package/dist/stories/ArchitectureMapGridLayout.stories.d.ts +0 -73
  12. package/dist/stories/ArchitectureMapGridLayout.stories.d.ts.map +0 -1
  13. package/dist/stories/ArchitectureMapGridLayout.stories.js +0 -345
  14. package/dist/stories/ArchitectureMapHighlightLayers.stories.d.ts +0 -78
  15. package/dist/stories/ArchitectureMapHighlightLayers.stories.d.ts.map +0 -1
  16. package/dist/stories/ArchitectureMapHighlightLayers.stories.js +0 -270
  17. package/dist/stories/CityViewWithReactFlow.stories.d.ts +0 -24
  18. package/dist/stories/CityViewWithReactFlow.stories.d.ts.map +0 -1
  19. package/dist/stories/CityViewWithReactFlow.stories.js +0 -778
package/dist/stories/CityViewWithReactFlow.stories.js DELETED
@@ -1,778 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.LargeGrid = exports.MultiCell = exports.SingleCell = void 0;
4
- const CityViewWithReactFlow_1 = require("../components/CityViewWithReactFlow");
5
- const meta = {
6
- title: 'Components/CityViewWithReactFlow',
7
- component: CityViewWithReactFlow_1.CityViewWithReactFlow,
8
- parameters: {
9
- layout: 'fullscreen',
10
- },
11
- decorators: [
12
- Story => (React.createElement("div", { style: { height: '100vh', width: '100vw' } },
13
- React.createElement(Story, null))),
14
- ],
15
- };
16
- exports.default = meta;
17
- // Create sample file tree data
18
- const createSampleFileTree = () => ({
19
- root: {
20
- name: 'root',
21
- path: '',
22
- relativePath: '',
23
- children: [
24
- {
25
- name: 'src',
26
- path: 'src',
27
- relativePath: 'src',
28
- children: [
29
- {
30
- name: 'components',
31
- path: 'src/components',
32
- relativePath: 'src/components',
33
- children: [
34
- {
35
- name: 'Button.tsx',
36
- path: 'src/components/Button.tsx',
37
- relativePath: 'src/components/Button.tsx',
38
- size: 2500,
39
- extension: 'tsx',
40
- lastModified: new Date('2024-01-15'),
41
- isDirectory: false,
42
- },
43
- {
44
- name: 'Card.tsx',
45
- path: 'src/components/Card.tsx',
46
- relativePath: 'src/components/Card.tsx',
47
- size: 1800,
48
- extension: 'tsx',
49
- lastModified: new Date('2024-01-15'),
50
- isDirectory: false,
51
- },
52
- {
53
- name: 'Modal.tsx',
54
- path: 'src/components/Modal.tsx',
55
- relativePath: 'src/components/Modal.tsx',
56
- size: 3200,
57
- extension: 'tsx',
58
- lastModified: new Date('2024-01-15'),
59
- isDirectory: false,
60
- },
61
- ],
62
- fileCount: 3,
63
- totalSize: 7500,
64
- depth: 2,
65
- },
66
- {
67
- name: 'utils',
68
- path: 'src/utils',
69
- relativePath: 'src/utils',
70
- children: [
71
- {
72
- name: 'helpers.ts',
73
- path: 'src/utils/helpers.ts',
74
- relativePath: 'src/utils/helpers.ts',
75
- size: 1200,
76
- extension: 'ts',
77
- lastModified: new Date('2024-01-10'),
78
- isDirectory: false,
79
- },
80
- {
81
- name: 'validators.ts',
82
- path: 'src/utils/validators.ts',
83
- relativePath: 'src/utils/validators.ts',
84
- size: 800,
85
- extension: 'ts',
86
- lastModified: new Date('2024-01-10'),
87
- isDirectory: false,
88
- },
89
- ],
90
- fileCount: 2,
91
- totalSize: 2000,
92
- depth: 2,
93
- },
94
- {
95
- name: 'index.ts',
96
- path: 'src/index.ts',
97
- relativePath: 'src/index.ts',
98
- size: 500,
99
- extension: 'ts',
100
- lastModified: new Date('2024-01-01'),
101
- isDirectory: false,
102
- },
103
- ],
104
- fileCount: 6,
105
- totalSize: 10000,
106
- depth: 1,
107
- },
108
- {
109
- name: 'tests',
110
- path: 'tests',
111
- relativePath: 'tests',
112
- children: [
113
- {
114
- name: 'Button.test.tsx',
115
- path: 'tests/Button.test.tsx',
116
- relativePath: 'tests/Button.test.tsx',
117
- size: 1500,
118
- extension: 'tsx',
119
- lastModified: new Date('2024-01-20'),
120
- isDirectory: false,
121
- },
122
- {
123
- name: 'Card.test.tsx',
124
- path: 'tests/Card.test.tsx',
125
- relativePath: 'tests/Card.test.tsx',
126
- size: 1200,
127
- extension: 'tsx',
128
- lastModified: new Date('2024-01-20'),
129
- isDirectory: false,
130
- },
131
- ],
132
- fileCount: 2,
133
- totalSize: 2700,
134
- depth: 1,
135
- },
136
- {
137
- name: 'docs',
138
- path: 'docs',
139
- relativePath: 'docs',
140
- children: [
141
- {
142
- name: 'README.md',
143
- path: 'docs/README.md',
144
- relativePath: 'docs/README.md',
145
- size: 3000,
146
- extension: 'md',
147
- lastModified: new Date('2024-01-01'),
148
- isDirectory: false,
149
- },
150
- {
151
- name: 'API.md',
152
- path: 'docs/API.md',
153
- relativePath: 'docs/API.md',
154
- size: 2500,
155
- extension: 'md',
156
- lastModified: new Date('2024-01-05'),
157
- isDirectory: false,
158
- },
159
- {
160
- name: 'CONTRIBUTING.md',
161
- path: 'docs/CONTRIBUTING.md',
162
- relativePath: 'docs/CONTRIBUTING.md',
163
- size: 1800,
164
- extension: 'md',
165
- lastModified: new Date('2024-01-01'),
166
- isDirectory: false,
167
- },
168
- ],
169
- fileCount: 3,
170
- totalSize: 7300,
171
- depth: 1,
172
- },
173
- {
174
- name: 'config',
175
- path: 'config',
176
- relativePath: 'config',
177
- children: [
178
- {
179
- name: 'webpack.config.js',
180
- path: 'config/webpack.config.js',
181
- relativePath: 'config/webpack.config.js',
182
- size: 2200,
183
- extension: 'js',
184
- lastModified: new Date('2024-01-01'),
185
- isDirectory: false,
186
- },
187
- {
188
- name: 'tsconfig.json',
189
- path: 'config/tsconfig.json',
190
- relativePath: 'config/tsconfig.json',
191
- size: 800,
192
- extension: 'json',
193
- lastModified: new Date('2024-01-01'),
194
- isDirectory: false,
195
- },
196
- ],
197
- fileCount: 2,
198
- totalSize: 3000,
199
- depth: 1,
200
- },
201
- {
202
- name: 'package.json',
203
- path: 'package.json',
204
- relativePath: 'package.json',
205
- size: 1500,
206
- extension: 'json',
207
- lastModified: new Date('2024-01-01'),
208
- isDirectory: false,
209
- },
210
- ],
211
- fileCount: 14,
212
- totalSize: 24500,
213
- depth: 0,
214
- },
215
- stats: {
216
- totalFiles: 14,
217
- totalDirectories: 6,
218
- totalSize: 24500,
219
- maxDepth: 3,
220
- },
221
- allFiles: (function () {
222
- const files = [];
223
- const collectFiles = (node) => {
224
- if (!('children' in node)) {
225
- files.push(node);
226
- }
227
- else if (node.children) {
228
- for (const child of node.children) {
229
- collectFiles(child);
230
- }
231
- }
232
- };
233
- const root = {
234
- name: 'root',
235
- path: '',
236
- relativePath: '',
237
- children: [
238
- {
239
- name: 'src',
240
- path: 'src',
241
- relativePath: 'src',
242
- children: [
243
- {
244
- name: 'components',
245
- path: 'src/components',
246
- relativePath: 'src/components',
247
- children: [
248
- {
249
- name: 'Button.tsx',
250
- path: 'src/components/Button.tsx',
251
- relativePath: 'src/components/Button.tsx',
252
- size: 2500,
253
- extension: 'tsx',
254
- lastModified: new Date('2024-01-15'),
255
- isDirectory: false,
256
- },
257
- {
258
- name: 'Card.tsx',
259
- path: 'src/components/Card.tsx',
260
- relativePath: 'src/components/Card.tsx',
261
- size: 1800,
262
- extension: 'tsx',
263
- lastModified: new Date('2024-01-15'),
264
- isDirectory: false,
265
- },
266
- {
267
- name: 'Modal.tsx',
268
- path: 'src/components/Modal.tsx',
269
- relativePath: 'src/components/Modal.tsx',
270
- size: 3200,
271
- extension: 'tsx',
272
- lastModified: new Date('2024-01-15'),
273
- isDirectory: false,
274
- },
275
- ],
276
- fileCount: 3,
277
- totalSize: 7500,
278
- depth: 2,
279
- },
280
- {
281
- name: 'utils',
282
- path: 'src/utils',
283
- relativePath: 'src/utils',
284
- children: [
285
- {
286
- name: 'helpers.ts',
287
- path: 'src/utils/helpers.ts',
288
- relativePath: 'src/utils/helpers.ts',
289
- size: 1200,
290
- extension: 'ts',
291
- lastModified: new Date('2024-01-10'),
292
- isDirectory: false,
293
- },
294
- {
295
- name: 'validators.ts',
296
- path: 'src/utils/validators.ts',
297
- relativePath: 'src/utils/validators.ts',
298
- size: 800,
299
- extension: 'ts',
300
- lastModified: new Date('2024-01-10'),
301
- isDirectory: false,
302
- },
303
- ],
304
- fileCount: 2,
305
- totalSize: 2000,
306
- depth: 2,
307
- },
308
- {
309
- name: 'index.ts',
310
- path: 'src/index.ts',
311
- relativePath: 'src/index.ts',
312
- size: 500,
313
- extension: 'ts',
314
- lastModified: new Date('2024-01-01'),
315
- isDirectory: false,
316
- },
317
- ],
318
- fileCount: 6,
319
- totalSize: 10000,
320
- depth: 1,
321
- },
322
- {
323
- name: 'tests',
324
- path: 'tests',
325
- relativePath: 'tests',
326
- children: [
327
- {
328
- name: 'Button.test.tsx',
329
- path: 'tests/Button.test.tsx',
330
- relativePath: 'tests/Button.test.tsx',
331
- size: 1500,
332
- extension: 'tsx',
333
- lastModified: new Date('2024-01-20'),
334
- isDirectory: false,
335
- },
336
- {
337
- name: 'Card.test.tsx',
338
- path: 'tests/Card.test.tsx',
339
- relativePath: 'tests/Card.test.tsx',
340
- size: 1200,
341
- extension: 'tsx',
342
- lastModified: new Date('2024-01-20'),
343
- isDirectory: false,
344
- },
345
- ],
346
- fileCount: 2,
347
- totalSize: 2700,
348
- depth: 1,
349
- },
350
- {
351
- name: 'docs',
352
- path: 'docs',
353
- relativePath: 'docs',
354
- children: [
355
- {
356
- name: 'README.md',
357
- path: 'docs/README.md',
358
- relativePath: 'docs/README.md',
359
- size: 3000,
360
- extension: 'md',
361
- lastModified: new Date('2024-01-01'),
362
- isDirectory: false,
363
- },
364
- {
365
- name: 'API.md',
366
- path: 'docs/API.md',
367
- relativePath: 'docs/API.md',
368
- size: 2500,
369
- extension: 'md',
370
- lastModified: new Date('2024-01-05'),
371
- isDirectory: false,
372
- },
373
- {
374
- name: 'CONTRIBUTING.md',
375
- path: 'docs/CONTRIBUTING.md',
376
- relativePath: 'docs/CONTRIBUTING.md',
377
- size: 1800,
378
- extension: 'md',
379
- lastModified: new Date('2024-01-01'),
380
- isDirectory: false,
381
- },
382
- ],
383
- fileCount: 3,
384
- totalSize: 7300,
385
- depth: 1,
386
- },
387
- {
388
- name: 'config',
389
- path: 'config',
390
- relativePath: 'config',
391
- children: [
392
- {
393
- name: 'webpack.config.js',
394
- path: 'config/webpack.config.js',
395
- relativePath: 'config/webpack.config.js',
396
- size: 2200,
397
- extension: 'js',
398
- lastModified: new Date('2024-01-01'),
399
- isDirectory: false,
400
- },
401
- {
402
- name: 'tsconfig.json',
403
- path: 'config/tsconfig.json',
404
- relativePath: 'config/tsconfig.json',
405
- size: 800,
406
- extension: 'json',
407
- lastModified: new Date('2024-01-01'),
408
- isDirectory: false,
409
- },
410
- ],
411
- fileCount: 2,
412
- totalSize: 3000,
413
- depth: 1,
414
- },
415
- {
416
- name: 'package.json',
417
- path: 'package.json',
418
- relativePath: 'package.json',
419
- size: 1500,
420
- extension: 'json',
421
- lastModified: new Date('2024-01-01'),
422
- isDirectory: false,
423
- },
424
- ],
425
- fileCount: 14,
426
- totalSize: 24500,
427
- depth: 0,
428
- };
429
- collectFiles(root);
430
- return files;
431
- })(),
432
- allDirectories: (function () {
433
- const dirs = [];
434
- const collectDirs = (node) => {
435
- if ('children' in node) {
436
- dirs.push(node);
437
- if (node.children) {
438
- for (const child of node.children) {
439
- collectDirs(child);
440
- }
441
- }
442
- }
443
- };
444
- const root = {
445
- name: 'root',
446
- path: '',
447
- relativePath: '',
448
- children: [
449
- {
450
- name: 'src',
451
- path: 'src',
452
- relativePath: 'src',
453
- children: [
454
- {
455
- name: 'components',
456
- path: 'src/components',
457
- relativePath: 'src/components',
458
- children: [
459
- {
460
- name: 'Button.tsx',
461
- path: 'src/components/Button.tsx',
462
- relativePath: 'src/components/Button.tsx',
463
- size: 2500,
464
- extension: 'tsx',
465
- lastModified: new Date('2024-01-15'),
466
- isDirectory: false,
467
- },
468
- {
469
- name: 'Card.tsx',
470
- path: 'src/components/Card.tsx',
471
- relativePath: 'src/components/Card.tsx',
472
- size: 1800,
473
- extension: 'tsx',
474
- lastModified: new Date('2024-01-15'),
475
- isDirectory: false,
476
- },
477
- {
478
- name: 'Modal.tsx',
479
- path: 'src/components/Modal.tsx',
480
- relativePath: 'src/components/Modal.tsx',
481
- size: 3200,
482
- extension: 'tsx',
483
- lastModified: new Date('2024-01-15'),
484
- isDirectory: false,
485
- },
486
- ],
487
- fileCount: 3,
488
- totalSize: 7500,
489
- depth: 2,
490
- },
491
- {
492
- name: 'utils',
493
- path: 'src/utils',
494
- relativePath: 'src/utils',
495
- children: [
496
- {
497
- name: 'helpers.ts',
498
- path: 'src/utils/helpers.ts',
499
- relativePath: 'src/utils/helpers.ts',
500
- size: 1200,
501
- extension: 'ts',
502
- lastModified: new Date('2024-01-10'),
503
- isDirectory: false,
504
- },
505
- {
506
- name: 'validators.ts',
507
- path: 'src/utils/validators.ts',
508
- relativePath: 'src/utils/validators.ts',
509
- size: 800,
510
- extension: 'ts',
511
- lastModified: new Date('2024-01-10'),
512
- isDirectory: false,
513
- },
514
- ],
515
- fileCount: 2,
516
- totalSize: 2000,
517
- depth: 2,
518
- },
519
- {
520
- name: 'index.ts',
521
- path: 'src/index.ts',
522
- relativePath: 'src/index.ts',
523
- size: 500,
524
- extension: 'ts',
525
- lastModified: new Date('2024-01-01'),
526
- isDirectory: false,
527
- },
528
- ],
529
- fileCount: 6,
530
- totalSize: 10000,
531
- depth: 1,
532
- },
533
- {
534
- name: 'tests',
535
- path: 'tests',
536
- relativePath: 'tests',
537
- children: [
538
- {
539
- name: 'Button.test.tsx',
540
- path: 'tests/Button.test.tsx',
541
- relativePath: 'tests/Button.test.tsx',
542
- size: 1500,
543
- extension: 'tsx',
544
- lastModified: new Date('2024-01-20'),
545
- isDirectory: false,
546
- },
547
- {
548
- name: 'Card.test.tsx',
549
- path: 'tests/Card.test.tsx',
550
- relativePath: 'tests/Card.test.tsx',
551
- size: 1200,
552
- extension: 'tsx',
553
- lastModified: new Date('2024-01-20'),
554
- isDirectory: false,
555
- },
556
- ],
557
- fileCount: 2,
558
- totalSize: 2700,
559
- depth: 1,
560
- },
561
- {
562
- name: 'docs',
563
- path: 'docs',
564
- relativePath: 'docs',
565
- children: [
566
- {
567
- name: 'README.md',
568
- path: 'docs/README.md',
569
- relativePath: 'docs/README.md',
570
- size: 3000,
571
- extension: 'md',
572
- lastModified: new Date('2024-01-01'),
573
- isDirectory: false,
574
- },
575
- {
576
- name: 'API.md',
577
- path: 'docs/API.md',
578
- relativePath: 'docs/API.md',
579
- size: 2500,
580
- extension: 'md',
581
- lastModified: new Date('2024-01-05'),
582
- isDirectory: false,
583
- },
584
- {
585
- name: 'CONTRIBUTING.md',
586
- path: 'docs/CONTRIBUTING.md',
587
- relativePath: 'docs/CONTRIBUTING.md',
588
- size: 1800,
589
- extension: 'md',
590
- lastModified: new Date('2024-01-01'),
591
- isDirectory: false,
592
- },
593
- ],
594
- fileCount: 3,
595
- totalSize: 7300,
596
- depth: 1,
597
- },
598
- {
599
- name: 'config',
600
- path: 'config',
601
- relativePath: 'config',
602
- children: [
603
- {
604
- name: 'webpack.config.js',
605
- path: 'config/webpack.config.js',
606
- relativePath: 'config/webpack.config.js',
607
- size: 2200,
608
- extension: 'js',
609
- lastModified: new Date('2024-01-01'),
610
- isDirectory: false,
611
- },
612
- {
613
- name: 'tsconfig.json',
614
- path: 'config/tsconfig.json',
615
- relativePath: 'config/tsconfig.json',
616
- size: 800,
617
- extension: 'json',
618
- lastModified: new Date('2024-01-01'),
619
- isDirectory: false,
620
- },
621
- ],
622
- fileCount: 2,
623
- totalSize: 3000,
624
- depth: 1,
625
- },
626
- {
627
- name: 'package.json',
628
- path: 'package.json',
629
- relativePath: 'package.json',
630
- size: 1500,
631
- extension: 'json',
632
- lastModified: new Date('2024-01-01'),
633
- isDirectory: false,
634
- },
635
- ],
636
- fileCount: 14,
637
- totalSize: 24500,
638
- depth: 0,
639
- };
640
- collectDirs(root);
641
- return dirs;
642
- })(),
643
- sha: 'sample-sha',
644
- metadata: {
645
- id: 'sample-tree',
646
- timestamp: new Date(),
647
- sourceType: 'sample',
648
- sourceInfo: {},
649
- },
650
- });
651
- exports.SingleCell = {
652
- args: {
653
- fileTree: createSampleFileTree(),
654
- gridConfig: {
655
- id: 'single-cell',
656
- version: '1.0',
657
- name: 'Single Cell',
658
- description: 'All files in one cell',
659
- overviewPath: 'README.md',
660
- category: 'custom',
661
- displayOrder: 0,
662
- referenceGroups: {
663
- 'All Files': {
664
- files: ['src', 'tests', 'docs', 'config', 'package.json'],
665
- coordinates: [0, 0],
666
- },
667
- },
668
- metadata: {
669
- ui: {
670
- enabled: true,
671
- rows: 1,
672
- cols: 1,
673
- },
674
- },
675
- },
676
- onCellClick: () => { },
677
- },
678
- };
679
- exports.MultiCell = {
680
- args: {
681
- fileTree: createSampleFileTree(),
682
- gridConfig: {
683
- id: 'multi-cell',
684
- version: '1.0',
685
- name: 'Multi-Cell Layout',
686
- description: 'Organized grid layout',
687
- overviewPath: 'README.md',
688
- category: 'custom',
689
- displayOrder: 0,
690
- referenceGroups: {
691
- 'Source Code': {
692
- files: ['src'],
693
- coordinates: [0, 0],
694
- },
695
- Tests: {
696
- files: ['tests'],
697
- coordinates: [0, 1],
698
- },
699
- Documentation: {
700
- files: ['docs'],
701
- coordinates: [1, 0],
702
- },
703
- Configuration: {
704
- files: ['config', 'package.json'],
705
- coordinates: [1, 1],
706
- },
707
- },
708
- metadata: {
709
- ui: {
710
- enabled: true,
711
- rows: 2,
712
- cols: 2,
713
- },
714
- },
715
- },
716
- onCellClick: () => { },
717
- },
718
- };
719
- exports.LargeGrid = {
720
- args: {
721
- fileTree: createSampleFileTree(),
722
- gridConfig: {
723
- id: 'large-grid',
724
- version: '1.0',
725
- name: 'Large Grid Layout',
726
- description: '3x3 grid layout',
727
- overviewPath: 'README.md',
728
- category: 'custom',
729
- displayOrder: 0,
730
- referenceGroups: {
731
- Components: {
732
- files: ['src/components/**/*'],
733
- coordinates: [0, 0],
734
- },
735
- Utils: {
736
- files: ['src/utils/**/*'],
737
- coordinates: [0, 1],
738
- },
739
- Core: {
740
- files: ['src/index.ts'],
741
- coordinates: [0, 2],
742
- },
743
- 'Unit Tests': {
744
- files: ['tests/**/*.test.*'],
745
- coordinates: [1, 0],
746
- },
747
- Documentation: {
748
- files: ['docs/**/*'],
749
- coordinates: [1, 1],
750
- },
751
- Config: {
752
- files: ['config/**/*'],
753
- coordinates: [1, 2],
754
- },
755
- Package: {
756
- files: ['package.json'],
757
- coordinates: [2, 0],
758
- },
759
- Other: {
760
- files: ['*'],
761
- coordinates: [2, 1],
762
- },
763
- Empty: {
764
- files: [],
765
- coordinates: [2, 2],
766
- },
767
- },
768
- metadata: {
769
- ui: {
770
- enabled: true,
771
- rows: 3,
772
- cols: 3,
773
- },
774
- },
775
- },
776
- onCellClick: () => { },
777
- },
778
- };