@almadar/patterns 2.0.3 → 2.2.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/dist/component-mapping.json +51 -1
- package/dist/event-contracts.json +1 -1
- package/dist/index.d.ts +1602 -40
- package/dist/index.js +692 -24
- package/dist/index.js.map +1 -1
- package/dist/patterns-registry.json +640 -22
- package/dist/registry.json +640 -22
- package/package.json +1 -1
package/dist/registry.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": "1.0.0",
|
|
3
|
-
"exportedAt": "2026-03-
|
|
3
|
+
"exportedAt": "2026-03-08T11:32:49.899Z",
|
|
4
4
|
"patterns": {
|
|
5
5
|
"entity-table": {
|
|
6
6
|
"type": "entity-table",
|
|
@@ -95,7 +95,8 @@
|
|
|
95
95
|
"types": [
|
|
96
96
|
"unknown"
|
|
97
97
|
],
|
|
98
|
-
"description": "Fields to display - accepts string[] or Column[] for unified interface. Alias for columns"
|
|
98
|
+
"description": "Fields to display - accepts string[] or Column[] for unified interface. Alias for columns",
|
|
99
|
+
"required": true
|
|
99
100
|
},
|
|
100
101
|
"columns": {
|
|
101
102
|
"types": [
|
|
@@ -318,7 +319,8 @@
|
|
|
318
319
|
"types": [
|
|
319
320
|
"unknown"
|
|
320
321
|
],
|
|
321
|
-
"description": "Fields to display - accepts string[] or {key, header}[] for unified interface"
|
|
322
|
+
"description": "Fields to display - accepts string[] or {key, header}[] for unified interface",
|
|
323
|
+
"required": true
|
|
322
324
|
},
|
|
323
325
|
"fieldNames": {
|
|
324
326
|
"types": [
|
|
@@ -451,7 +453,8 @@
|
|
|
451
453
|
"types": [
|
|
452
454
|
"unknown"
|
|
453
455
|
],
|
|
454
|
-
"description": "Fields to display -
|
|
456
|
+
"description": "Fields to display - required for schema-driven rendering",
|
|
457
|
+
"required": true
|
|
455
458
|
},
|
|
456
459
|
"fieldNames": {
|
|
457
460
|
"types": [
|
|
@@ -488,6 +491,12 @@
|
|
|
488
491
|
"string"
|
|
489
492
|
],
|
|
490
493
|
"description": "Visual variant for the card grid"
|
|
494
|
+
},
|
|
495
|
+
"imageField": {
|
|
496
|
+
"types": [
|
|
497
|
+
"string"
|
|
498
|
+
],
|
|
499
|
+
"description": "Entity field name containing an image URL to display as card thumbnail"
|
|
491
500
|
}
|
|
492
501
|
}
|
|
493
502
|
},
|
|
@@ -632,7 +641,8 @@
|
|
|
632
641
|
"types": [
|
|
633
642
|
"unknown"
|
|
634
643
|
],
|
|
635
|
-
"description": "Fields to display - accepts string[], {key, header}[], or DetailField[]"
|
|
644
|
+
"description": "Fields to display - accepts string[], {key, header}[], or DetailField[]",
|
|
645
|
+
"required": true
|
|
636
646
|
},
|
|
637
647
|
"fieldNames": {
|
|
638
648
|
"types": [
|
|
@@ -842,7 +852,8 @@
|
|
|
842
852
|
"entity": {
|
|
843
853
|
"types": [
|
|
844
854
|
"string",
|
|
845
|
-
"orbitalentity"
|
|
855
|
+
"orbitalentity",
|
|
856
|
+
"unknown"
|
|
846
857
|
],
|
|
847
858
|
"description": "Schema-based props"
|
|
848
859
|
},
|
|
@@ -856,7 +867,8 @@
|
|
|
856
867
|
"types": [
|
|
857
868
|
"unknown"
|
|
858
869
|
],
|
|
859
|
-
"description": "Fields definition (schema format) - accepts readonly for generated const arrays"
|
|
870
|
+
"description": "Fields definition (schema format) - accepts readonly for generated const arrays",
|
|
871
|
+
"required": true
|
|
860
872
|
},
|
|
861
873
|
"initialData": {
|
|
862
874
|
"types": [
|
|
@@ -913,6 +925,12 @@
|
|
|
913
925
|
],
|
|
914
926
|
"description": "Event to dispatch on cancel (defaults to 'CANCEL')"
|
|
915
927
|
},
|
|
928
|
+
"entityId": {
|
|
929
|
+
"types": [
|
|
930
|
+
"string"
|
|
931
|
+
],
|
|
932
|
+
"description": "Entity ID binding for edit mode (triggers initialData from selectedEntity in compiled code)"
|
|
933
|
+
},
|
|
916
934
|
"relationsData": {
|
|
917
935
|
"types": [
|
|
918
936
|
"object"
|
|
@@ -1029,7 +1047,8 @@
|
|
|
1029
1047
|
"entity": {
|
|
1030
1048
|
"types": [
|
|
1031
1049
|
"string",
|
|
1032
|
-
"orbitalentity"
|
|
1050
|
+
"orbitalentity",
|
|
1051
|
+
"unknown"
|
|
1033
1052
|
],
|
|
1034
1053
|
"description": "Schema-based props"
|
|
1035
1054
|
},
|
|
@@ -1043,7 +1062,8 @@
|
|
|
1043
1062
|
"types": [
|
|
1044
1063
|
"unknown"
|
|
1045
1064
|
],
|
|
1046
|
-
"description": "Fields definition (schema format) - accepts readonly for generated const arrays"
|
|
1065
|
+
"description": "Fields definition (schema format) - accepts readonly for generated const arrays",
|
|
1066
|
+
"required": true
|
|
1047
1067
|
},
|
|
1048
1068
|
"initialData": {
|
|
1049
1069
|
"types": [
|
|
@@ -1100,6 +1120,12 @@
|
|
|
1100
1120
|
],
|
|
1101
1121
|
"description": "Event to dispatch on cancel (defaults to 'CANCEL')"
|
|
1102
1122
|
},
|
|
1123
|
+
"entityId": {
|
|
1124
|
+
"types": [
|
|
1125
|
+
"string"
|
|
1126
|
+
],
|
|
1127
|
+
"description": "Entity ID binding for edit mode (triggers initialData from selectedEntity in compiled code)"
|
|
1128
|
+
},
|
|
1103
1129
|
"relationsData": {
|
|
1104
1130
|
"types": [
|
|
1105
1131
|
"object"
|
|
@@ -7492,6 +7518,19 @@
|
|
|
7492
7518
|
],
|
|
7493
7519
|
"typicalSize": "full",
|
|
7494
7520
|
"propsSchema": {
|
|
7521
|
+
"entity": {
|
|
7522
|
+
"types": [
|
|
7523
|
+
"object"
|
|
7524
|
+
],
|
|
7525
|
+
"description": "Entity data, the sole source of runtime state",
|
|
7526
|
+
"required": true
|
|
7527
|
+
},
|
|
7528
|
+
"className": {
|
|
7529
|
+
"types": [
|
|
7530
|
+
"string"
|
|
7531
|
+
],
|
|
7532
|
+
"description": "External styling override"
|
|
7533
|
+
},
|
|
7495
7534
|
"onIncrement": {
|
|
7496
7535
|
"types": [
|
|
7497
7536
|
"function"
|
|
@@ -7614,6 +7653,19 @@
|
|
|
7614
7653
|
],
|
|
7615
7654
|
"typicalSize": "full",
|
|
7616
7655
|
"propsSchema": {
|
|
7656
|
+
"entity": {
|
|
7657
|
+
"types": [
|
|
7658
|
+
"object"
|
|
7659
|
+
],
|
|
7660
|
+
"description": "Entity data, the sole source of runtime state",
|
|
7661
|
+
"required": true
|
|
7662
|
+
},
|
|
7663
|
+
"className": {
|
|
7664
|
+
"types": [
|
|
7665
|
+
"string"
|
|
7666
|
+
],
|
|
7667
|
+
"description": "Additional class name"
|
|
7668
|
+
},
|
|
7617
7669
|
"title": {
|
|
7618
7670
|
"types": [
|
|
7619
7671
|
"string"
|
|
@@ -7650,12 +7702,6 @@
|
|
|
7650
7702
|
"object"
|
|
7651
7703
|
],
|
|
7652
7704
|
"description": "Game controls"
|
|
7653
|
-
},
|
|
7654
|
-
"className": {
|
|
7655
|
-
"types": [
|
|
7656
|
-
"string"
|
|
7657
|
-
],
|
|
7658
|
-
"description": "Additional class name"
|
|
7659
7705
|
}
|
|
7660
7706
|
}
|
|
7661
7707
|
},
|
|
@@ -7671,6 +7717,19 @@
|
|
|
7671
7717
|
],
|
|
7672
7718
|
"typicalSize": "full",
|
|
7673
7719
|
"propsSchema": {
|
|
7720
|
+
"entity": {
|
|
7721
|
+
"types": [
|
|
7722
|
+
"object"
|
|
7723
|
+
],
|
|
7724
|
+
"description": "Entity data, the sole source of runtime state",
|
|
7725
|
+
"required": true
|
|
7726
|
+
},
|
|
7727
|
+
"className": {
|
|
7728
|
+
"types": [
|
|
7729
|
+
"string"
|
|
7730
|
+
],
|
|
7731
|
+
"description": "Additional class name"
|
|
7732
|
+
},
|
|
7674
7733
|
"title": {
|
|
7675
7734
|
"types": [
|
|
7676
7735
|
"string"
|
|
@@ -7702,12 +7761,6 @@
|
|
|
7702
7761
|
"node"
|
|
7703
7762
|
],
|
|
7704
7763
|
"description": "Footer content"
|
|
7705
|
-
},
|
|
7706
|
-
"className": {
|
|
7707
|
-
"types": [
|
|
7708
|
-
"string"
|
|
7709
|
-
],
|
|
7710
|
-
"description": "Additional class name"
|
|
7711
7764
|
}
|
|
7712
7765
|
}
|
|
7713
7766
|
},
|
|
@@ -8057,7 +8110,8 @@
|
|
|
8057
8110
|
"types": [
|
|
8058
8111
|
"unknown"
|
|
8059
8112
|
],
|
|
8060
|
-
"description": "Fields to display"
|
|
8113
|
+
"description": "Fields to display",
|
|
8114
|
+
"required": true
|
|
8061
8115
|
},
|
|
8062
8116
|
"itemActions": {
|
|
8063
8117
|
"types": [
|
|
@@ -9049,6 +9103,19 @@
|
|
|
9049
9103
|
],
|
|
9050
9104
|
"typicalSize": "full",
|
|
9051
9105
|
"propsSchema": {
|
|
9106
|
+
"entity": {
|
|
9107
|
+
"types": [
|
|
9108
|
+
"object"
|
|
9109
|
+
],
|
|
9110
|
+
"description": "Entity data, the sole source of runtime state",
|
|
9111
|
+
"required": true
|
|
9112
|
+
},
|
|
9113
|
+
"className": {
|
|
9114
|
+
"types": [
|
|
9115
|
+
"string"
|
|
9116
|
+
],
|
|
9117
|
+
"description": "External styling override"
|
|
9118
|
+
},
|
|
9052
9119
|
"scale": {
|
|
9053
9120
|
"types": [
|
|
9054
9121
|
"number"
|
|
@@ -9074,6 +9141,19 @@
|
|
|
9074
9141
|
],
|
|
9075
9142
|
"typicalSize": "full",
|
|
9076
9143
|
"propsSchema": {
|
|
9144
|
+
"entity": {
|
|
9145
|
+
"types": [
|
|
9146
|
+
"object"
|
|
9147
|
+
],
|
|
9148
|
+
"description": "Entity data, the sole source of runtime state",
|
|
9149
|
+
"required": true
|
|
9150
|
+
},
|
|
9151
|
+
"className": {
|
|
9152
|
+
"types": [
|
|
9153
|
+
"string"
|
|
9154
|
+
],
|
|
9155
|
+
"description": "External styling override"
|
|
9156
|
+
},
|
|
9077
9157
|
"scale": {
|
|
9078
9158
|
"types": [
|
|
9079
9159
|
"number"
|
|
@@ -9094,6 +9174,19 @@
|
|
|
9094
9174
|
],
|
|
9095
9175
|
"typicalSize": "full",
|
|
9096
9176
|
"propsSchema": {
|
|
9177
|
+
"entity": {
|
|
9178
|
+
"types": [
|
|
9179
|
+
"object"
|
|
9180
|
+
],
|
|
9181
|
+
"description": "Entity data, the sole source of runtime state",
|
|
9182
|
+
"required": true
|
|
9183
|
+
},
|
|
9184
|
+
"className": {
|
|
9185
|
+
"types": [
|
|
9186
|
+
"string"
|
|
9187
|
+
],
|
|
9188
|
+
"description": "External styling override"
|
|
9189
|
+
},
|
|
9097
9190
|
"scale": {
|
|
9098
9191
|
"types": [
|
|
9099
9192
|
"number"
|
|
@@ -10605,6 +10698,19 @@
|
|
|
10605
10698
|
],
|
|
10606
10699
|
"typicalSize": "full",
|
|
10607
10700
|
"propsSchema": {
|
|
10701
|
+
"entity": {
|
|
10702
|
+
"types": [
|
|
10703
|
+
"object"
|
|
10704
|
+
],
|
|
10705
|
+
"description": "Entity data, the sole source of runtime state",
|
|
10706
|
+
"required": true
|
|
10707
|
+
},
|
|
10708
|
+
"className": {
|
|
10709
|
+
"types": [
|
|
10710
|
+
"string"
|
|
10711
|
+
],
|
|
10712
|
+
"description": "External styling override"
|
|
10713
|
+
},
|
|
10608
10714
|
"cameraMode": {
|
|
10609
10715
|
"types": [
|
|
10610
10716
|
"string"
|
|
@@ -10704,6 +10810,19 @@
|
|
|
10704
10810
|
],
|
|
10705
10811
|
"typicalSize": "full",
|
|
10706
10812
|
"propsSchema": {
|
|
10813
|
+
"entity": {
|
|
10814
|
+
"types": [
|
|
10815
|
+
"object"
|
|
10816
|
+
],
|
|
10817
|
+
"description": "Entity data, the sole source of runtime state",
|
|
10818
|
+
"required": true
|
|
10819
|
+
},
|
|
10820
|
+
"className": {
|
|
10821
|
+
"types": [
|
|
10822
|
+
"string"
|
|
10823
|
+
],
|
|
10824
|
+
"description": "External styling override"
|
|
10825
|
+
},
|
|
10707
10826
|
"cameraMode": {
|
|
10708
10827
|
"types": [
|
|
10709
10828
|
"string"
|
|
@@ -10798,6 +10917,19 @@
|
|
|
10798
10917
|
],
|
|
10799
10918
|
"typicalSize": "full",
|
|
10800
10919
|
"propsSchema": {
|
|
10920
|
+
"entity": {
|
|
10921
|
+
"types": [
|
|
10922
|
+
"object"
|
|
10923
|
+
],
|
|
10924
|
+
"description": "Entity data, the sole source of runtime state",
|
|
10925
|
+
"required": true
|
|
10926
|
+
},
|
|
10927
|
+
"className": {
|
|
10928
|
+
"types": [
|
|
10929
|
+
"string"
|
|
10930
|
+
],
|
|
10931
|
+
"description": "External styling override"
|
|
10932
|
+
},
|
|
10801
10933
|
"cameraMode": {
|
|
10802
10934
|
"types": [
|
|
10803
10935
|
"string"
|
|
@@ -13401,6 +13533,492 @@
|
|
|
13401
13533
|
}
|
|
13402
13534
|
}
|
|
13403
13535
|
},
|
|
13536
|
+
"day-cell": {
|
|
13537
|
+
"type": "day-cell",
|
|
13538
|
+
"category": "component",
|
|
13539
|
+
"description": "DayCell component",
|
|
13540
|
+
"suggestedFor": [
|
|
13541
|
+
"day",
|
|
13542
|
+
"cell",
|
|
13543
|
+
"day cell"
|
|
13544
|
+
],
|
|
13545
|
+
"typicalSize": "small",
|
|
13546
|
+
"propsSchema": {
|
|
13547
|
+
"date": {
|
|
13548
|
+
"types": [
|
|
13549
|
+
"date"
|
|
13550
|
+
],
|
|
13551
|
+
"description": "The date this cell represents",
|
|
13552
|
+
"required": true
|
|
13553
|
+
},
|
|
13554
|
+
"isToday": {
|
|
13555
|
+
"types": [
|
|
13556
|
+
"boolean"
|
|
13557
|
+
],
|
|
13558
|
+
"description": "Whether this date is today"
|
|
13559
|
+
},
|
|
13560
|
+
"onClick": {
|
|
13561
|
+
"types": [
|
|
13562
|
+
"function"
|
|
13563
|
+
],
|
|
13564
|
+
"description": "Called when the day is clicked"
|
|
13565
|
+
},
|
|
13566
|
+
"className": {
|
|
13567
|
+
"types": [
|
|
13568
|
+
"string"
|
|
13569
|
+
],
|
|
13570
|
+
"description": "Additional CSS classes"
|
|
13571
|
+
}
|
|
13572
|
+
}
|
|
13573
|
+
},
|
|
13574
|
+
"flip-container": {
|
|
13575
|
+
"type": "flip-container",
|
|
13576
|
+
"category": "layout",
|
|
13577
|
+
"description": "FlipContainer component",
|
|
13578
|
+
"suggestedFor": [
|
|
13579
|
+
"flip",
|
|
13580
|
+
"container",
|
|
13581
|
+
"flip container"
|
|
13582
|
+
],
|
|
13583
|
+
"typicalSize": "small",
|
|
13584
|
+
"propsSchema": {
|
|
13585
|
+
"flipped": {
|
|
13586
|
+
"types": [
|
|
13587
|
+
"boolean"
|
|
13588
|
+
],
|
|
13589
|
+
"description": "Whether the container is flipped (rotateY 180deg)",
|
|
13590
|
+
"required": true
|
|
13591
|
+
},
|
|
13592
|
+
"className": {
|
|
13593
|
+
"types": [
|
|
13594
|
+
"string"
|
|
13595
|
+
],
|
|
13596
|
+
"description": "Optional className for the outer wrapper"
|
|
13597
|
+
},
|
|
13598
|
+
"children": {
|
|
13599
|
+
"types": [
|
|
13600
|
+
"node"
|
|
13601
|
+
],
|
|
13602
|
+
"description": "The two face elements (front and back)",
|
|
13603
|
+
"required": true
|
|
13604
|
+
},
|
|
13605
|
+
"onClick": {
|
|
13606
|
+
"types": [
|
|
13607
|
+
"function"
|
|
13608
|
+
],
|
|
13609
|
+
"description": "Click handler on the outer wrapper"
|
|
13610
|
+
}
|
|
13611
|
+
}
|
|
13612
|
+
},
|
|
13613
|
+
"time-slot-cell": {
|
|
13614
|
+
"type": "time-slot-cell",
|
|
13615
|
+
"category": "layout",
|
|
13616
|
+
"description": "TimeSlotCell component",
|
|
13617
|
+
"suggestedFor": [
|
|
13618
|
+
"time",
|
|
13619
|
+
"slot",
|
|
13620
|
+
"cell",
|
|
13621
|
+
"time slot cell"
|
|
13622
|
+
],
|
|
13623
|
+
"typicalSize": "small",
|
|
13624
|
+
"propsSchema": {
|
|
13625
|
+
"time": {
|
|
13626
|
+
"types": [
|
|
13627
|
+
"string"
|
|
13628
|
+
],
|
|
13629
|
+
"description": "Time label for this slot (e.g. \"09:00\")",
|
|
13630
|
+
"required": true
|
|
13631
|
+
},
|
|
13632
|
+
"onClick": {
|
|
13633
|
+
"types": [
|
|
13634
|
+
"function"
|
|
13635
|
+
],
|
|
13636
|
+
"description": "Called when the slot is clicked"
|
|
13637
|
+
},
|
|
13638
|
+
"className": {
|
|
13639
|
+
"types": [
|
|
13640
|
+
"string"
|
|
13641
|
+
],
|
|
13642
|
+
"description": "Additional CSS classes"
|
|
13643
|
+
},
|
|
13644
|
+
"children": {
|
|
13645
|
+
"types": [
|
|
13646
|
+
"node"
|
|
13647
|
+
],
|
|
13648
|
+
"description": "Event content placed inside the slot"
|
|
13649
|
+
},
|
|
13650
|
+
"isOccupied": {
|
|
13651
|
+
"types": [
|
|
13652
|
+
"boolean"
|
|
13653
|
+
],
|
|
13654
|
+
"description": "Whether this slot contains an event"
|
|
13655
|
+
}
|
|
13656
|
+
}
|
|
13657
|
+
},
|
|
13658
|
+
"calendar-grid": {
|
|
13659
|
+
"type": "calendar-grid",
|
|
13660
|
+
"category": "display",
|
|
13661
|
+
"description": "CalendarGrid component",
|
|
13662
|
+
"suggestedFor": [
|
|
13663
|
+
"calendar",
|
|
13664
|
+
"grid",
|
|
13665
|
+
"calendar grid"
|
|
13666
|
+
],
|
|
13667
|
+
"typicalSize": "medium",
|
|
13668
|
+
"propsSchema": {
|
|
13669
|
+
"weekStart": {
|
|
13670
|
+
"types": [
|
|
13671
|
+
"date"
|
|
13672
|
+
],
|
|
13673
|
+
"description": "Start of the week (defaults to current week's Monday)"
|
|
13674
|
+
},
|
|
13675
|
+
"timeSlots": {
|
|
13676
|
+
"types": [
|
|
13677
|
+
"array"
|
|
13678
|
+
],
|
|
13679
|
+
"description": "Time slot labels (defaults to 09:00-17:00)"
|
|
13680
|
+
},
|
|
13681
|
+
"events": {
|
|
13682
|
+
"types": [
|
|
13683
|
+
"array"
|
|
13684
|
+
],
|
|
13685
|
+
"description": "Events to display on the grid"
|
|
13686
|
+
},
|
|
13687
|
+
"onSlotClick": {
|
|
13688
|
+
"types": [
|
|
13689
|
+
"function"
|
|
13690
|
+
],
|
|
13691
|
+
"description": "Called when a time slot is clicked"
|
|
13692
|
+
},
|
|
13693
|
+
"onDayClick": {
|
|
13694
|
+
"types": [
|
|
13695
|
+
"function"
|
|
13696
|
+
],
|
|
13697
|
+
"description": "Called when a day header is clicked"
|
|
13698
|
+
},
|
|
13699
|
+
"onEventClick": {
|
|
13700
|
+
"types": [
|
|
13701
|
+
"function"
|
|
13702
|
+
],
|
|
13703
|
+
"description": "Called when an event is clicked"
|
|
13704
|
+
},
|
|
13705
|
+
"className": {
|
|
13706
|
+
"types": [
|
|
13707
|
+
"string"
|
|
13708
|
+
],
|
|
13709
|
+
"description": "Additional CSS classes"
|
|
13710
|
+
}
|
|
13711
|
+
}
|
|
13712
|
+
},
|
|
13713
|
+
"chart-legend": {
|
|
13714
|
+
"type": "chart-legend",
|
|
13715
|
+
"category": "display",
|
|
13716
|
+
"description": "ChartLegend component",
|
|
13717
|
+
"suggestedFor": [
|
|
13718
|
+
"chart",
|
|
13719
|
+
"legend",
|
|
13720
|
+
"chart legend"
|
|
13721
|
+
],
|
|
13722
|
+
"typicalSize": "medium",
|
|
13723
|
+
"propsSchema": {
|
|
13724
|
+
"items": {
|
|
13725
|
+
"types": [
|
|
13726
|
+
"array"
|
|
13727
|
+
],
|
|
13728
|
+
"description": "Legend items with label and color",
|
|
13729
|
+
"required": true
|
|
13730
|
+
},
|
|
13731
|
+
"className": {
|
|
13732
|
+
"types": [
|
|
13733
|
+
"string"
|
|
13734
|
+
],
|
|
13735
|
+
"description": "Additional CSS classes"
|
|
13736
|
+
},
|
|
13737
|
+
"direction": {
|
|
13738
|
+
"types": [
|
|
13739
|
+
"string"
|
|
13740
|
+
],
|
|
13741
|
+
"description": "Layout direction"
|
|
13742
|
+
}
|
|
13743
|
+
}
|
|
13744
|
+
},
|
|
13745
|
+
"date-range-selector": {
|
|
13746
|
+
"type": "date-range-selector",
|
|
13747
|
+
"category": "form",
|
|
13748
|
+
"description": "DateRangeSelector component",
|
|
13749
|
+
"suggestedFor": [
|
|
13750
|
+
"date",
|
|
13751
|
+
"range",
|
|
13752
|
+
"selector",
|
|
13753
|
+
"date range selector"
|
|
13754
|
+
],
|
|
13755
|
+
"typicalSize": "medium",
|
|
13756
|
+
"propsSchema": {
|
|
13757
|
+
"options": {
|
|
13758
|
+
"types": [
|
|
13759
|
+
"array"
|
|
13760
|
+
],
|
|
13761
|
+
"description": "Available range options"
|
|
13762
|
+
},
|
|
13763
|
+
"selected": {
|
|
13764
|
+
"types": [
|
|
13765
|
+
"string"
|
|
13766
|
+
],
|
|
13767
|
+
"description": "Currently selected value"
|
|
13768
|
+
},
|
|
13769
|
+
"onSelect": {
|
|
13770
|
+
"types": [
|
|
13771
|
+
"function"
|
|
13772
|
+
],
|
|
13773
|
+
"description": "Callback when a range is selected"
|
|
13774
|
+
},
|
|
13775
|
+
"className": {
|
|
13776
|
+
"types": [
|
|
13777
|
+
"string"
|
|
13778
|
+
],
|
|
13779
|
+
"description": "Additional CSS classes"
|
|
13780
|
+
}
|
|
13781
|
+
}
|
|
13782
|
+
},
|
|
13783
|
+
"flip-card": {
|
|
13784
|
+
"type": "flip-card",
|
|
13785
|
+
"category": "display",
|
|
13786
|
+
"description": "FlipCard component",
|
|
13787
|
+
"suggestedFor": [
|
|
13788
|
+
"flip",
|
|
13789
|
+
"card",
|
|
13790
|
+
"flip card"
|
|
13791
|
+
],
|
|
13792
|
+
"typicalSize": "medium",
|
|
13793
|
+
"propsSchema": {
|
|
13794
|
+
"front": {
|
|
13795
|
+
"types": [
|
|
13796
|
+
"node"
|
|
13797
|
+
],
|
|
13798
|
+
"description": "Content rendered on the front face",
|
|
13799
|
+
"required": true
|
|
13800
|
+
},
|
|
13801
|
+
"back": {
|
|
13802
|
+
"types": [
|
|
13803
|
+
"node"
|
|
13804
|
+
],
|
|
13805
|
+
"description": "Content rendered on the back face",
|
|
13806
|
+
"required": true
|
|
13807
|
+
},
|
|
13808
|
+
"flipped": {
|
|
13809
|
+
"types": [
|
|
13810
|
+
"boolean"
|
|
13811
|
+
],
|
|
13812
|
+
"description": "Controlled flip state"
|
|
13813
|
+
},
|
|
13814
|
+
"onFlip": {
|
|
13815
|
+
"types": [
|
|
13816
|
+
"function"
|
|
13817
|
+
],
|
|
13818
|
+
"description": "Callback when the card is clicked to flip"
|
|
13819
|
+
},
|
|
13820
|
+
"className": {
|
|
13821
|
+
"types": [
|
|
13822
|
+
"string"
|
|
13823
|
+
],
|
|
13824
|
+
"description": "Optional className for the outer container"
|
|
13825
|
+
},
|
|
13826
|
+
"height": {
|
|
13827
|
+
"types": [
|
|
13828
|
+
"string"
|
|
13829
|
+
],
|
|
13830
|
+
"description": "Card height as a Tailwind class (default: 'h-64')"
|
|
13831
|
+
}
|
|
13832
|
+
}
|
|
13833
|
+
},
|
|
13834
|
+
"graph-view": {
|
|
13835
|
+
"type": "graph-view",
|
|
13836
|
+
"category": "component",
|
|
13837
|
+
"description": "GraphView component",
|
|
13838
|
+
"suggestedFor": [
|
|
13839
|
+
"graph",
|
|
13840
|
+
"view",
|
|
13841
|
+
"graph view"
|
|
13842
|
+
],
|
|
13843
|
+
"typicalSize": "medium",
|
|
13844
|
+
"propsSchema": {
|
|
13845
|
+
"nodes": {
|
|
13846
|
+
"types": [
|
|
13847
|
+
"array"
|
|
13848
|
+
],
|
|
13849
|
+
"description": "Graph nodes",
|
|
13850
|
+
"required": true
|
|
13851
|
+
},
|
|
13852
|
+
"edges": {
|
|
13853
|
+
"types": [
|
|
13854
|
+
"array"
|
|
13855
|
+
],
|
|
13856
|
+
"description": "Graph edges",
|
|
13857
|
+
"required": true
|
|
13858
|
+
},
|
|
13859
|
+
"onNodeClick": {
|
|
13860
|
+
"types": [
|
|
13861
|
+
"function"
|
|
13862
|
+
],
|
|
13863
|
+
"description": "Callback when a node is clicked"
|
|
13864
|
+
},
|
|
13865
|
+
"onNodeHover": {
|
|
13866
|
+
"types": [
|
|
13867
|
+
"function"
|
|
13868
|
+
],
|
|
13869
|
+
"description": "Callback when a node is hovered (null on leave)"
|
|
13870
|
+
},
|
|
13871
|
+
"width": {
|
|
13872
|
+
"types": [
|
|
13873
|
+
"number"
|
|
13874
|
+
],
|
|
13875
|
+
"description": "Width in pixels"
|
|
13876
|
+
},
|
|
13877
|
+
"height": {
|
|
13878
|
+
"types": [
|
|
13879
|
+
"number"
|
|
13880
|
+
],
|
|
13881
|
+
"description": "Height in pixels"
|
|
13882
|
+
},
|
|
13883
|
+
"className": {
|
|
13884
|
+
"types": [
|
|
13885
|
+
"string"
|
|
13886
|
+
],
|
|
13887
|
+
"description": "Additional CSS classes"
|
|
13888
|
+
},
|
|
13889
|
+
"showLabels": {
|
|
13890
|
+
"types": [
|
|
13891
|
+
"boolean"
|
|
13892
|
+
],
|
|
13893
|
+
"description": "Show node labels (default true)"
|
|
13894
|
+
},
|
|
13895
|
+
"zoomToFit": {
|
|
13896
|
+
"types": [
|
|
13897
|
+
"boolean"
|
|
13898
|
+
],
|
|
13899
|
+
"description": "Auto zoom-to-fit after layout settles (default true)"
|
|
13900
|
+
}
|
|
13901
|
+
}
|
|
13902
|
+
},
|
|
13903
|
+
"line-chart": {
|
|
13904
|
+
"type": "line-chart",
|
|
13905
|
+
"category": "display",
|
|
13906
|
+
"description": "LineChart component",
|
|
13907
|
+
"suggestedFor": [
|
|
13908
|
+
"line",
|
|
13909
|
+
"chart",
|
|
13910
|
+
"line chart"
|
|
13911
|
+
],
|
|
13912
|
+
"typicalSize": "medium",
|
|
13913
|
+
"propsSchema": {
|
|
13914
|
+
"data": {
|
|
13915
|
+
"types": [
|
|
13916
|
+
"array"
|
|
13917
|
+
],
|
|
13918
|
+
"description": "Data points to plot",
|
|
13919
|
+
"required": true
|
|
13920
|
+
},
|
|
13921
|
+
"width": {
|
|
13922
|
+
"types": [
|
|
13923
|
+
"number"
|
|
13924
|
+
],
|
|
13925
|
+
"description": "SVG viewBox width"
|
|
13926
|
+
},
|
|
13927
|
+
"height": {
|
|
13928
|
+
"types": [
|
|
13929
|
+
"number"
|
|
13930
|
+
],
|
|
13931
|
+
"description": "SVG viewBox height"
|
|
13932
|
+
},
|
|
13933
|
+
"showGrid": {
|
|
13934
|
+
"types": [
|
|
13935
|
+
"boolean"
|
|
13936
|
+
],
|
|
13937
|
+
"description": "Show horizontal grid lines at 25/50/75%"
|
|
13938
|
+
},
|
|
13939
|
+
"showValues": {
|
|
13940
|
+
"types": [
|
|
13941
|
+
"boolean"
|
|
13942
|
+
],
|
|
13943
|
+
"description": "Show value labels near data points"
|
|
13944
|
+
},
|
|
13945
|
+
"showArea": {
|
|
13946
|
+
"types": [
|
|
13947
|
+
"boolean"
|
|
13948
|
+
],
|
|
13949
|
+
"description": "Fill area under line with gradient"
|
|
13950
|
+
},
|
|
13951
|
+
"lineColor": {
|
|
13952
|
+
"types": [
|
|
13953
|
+
"string"
|
|
13954
|
+
],
|
|
13955
|
+
"description": "Line stroke color"
|
|
13956
|
+
},
|
|
13957
|
+
"areaColor": {
|
|
13958
|
+
"types": [
|
|
13959
|
+
"string"
|
|
13960
|
+
],
|
|
13961
|
+
"description": "Area fill color (used for gradient)"
|
|
13962
|
+
},
|
|
13963
|
+
"className": {
|
|
13964
|
+
"types": [
|
|
13965
|
+
"string"
|
|
13966
|
+
],
|
|
13967
|
+
"description": "Additional CSS classes"
|
|
13968
|
+
}
|
|
13969
|
+
}
|
|
13970
|
+
},
|
|
13971
|
+
"progress-dots": {
|
|
13972
|
+
"type": "progress-dots",
|
|
13973
|
+
"category": "component",
|
|
13974
|
+
"description": "ProgressDots component",
|
|
13975
|
+
"suggestedFor": [
|
|
13976
|
+
"progress",
|
|
13977
|
+
"dots",
|
|
13978
|
+
"progress dots"
|
|
13979
|
+
],
|
|
13980
|
+
"typicalSize": "medium",
|
|
13981
|
+
"propsSchema": {
|
|
13982
|
+
"count": {
|
|
13983
|
+
"types": [
|
|
13984
|
+
"number"
|
|
13985
|
+
],
|
|
13986
|
+
"description": "Total number of dots",
|
|
13987
|
+
"required": true
|
|
13988
|
+
},
|
|
13989
|
+
"currentIndex": {
|
|
13990
|
+
"types": [
|
|
13991
|
+
"number"
|
|
13992
|
+
],
|
|
13993
|
+
"description": "Current active index (0-based)",
|
|
13994
|
+
"required": true
|
|
13995
|
+
},
|
|
13996
|
+
"getState": {
|
|
13997
|
+
"types": [
|
|
13998
|
+
"function"
|
|
13999
|
+
],
|
|
14000
|
+
"description": "Custom state resolver per dot index"
|
|
14001
|
+
},
|
|
14002
|
+
"onDotClick": {
|
|
14003
|
+
"types": [
|
|
14004
|
+
"function"
|
|
14005
|
+
],
|
|
14006
|
+
"description": "Callback when a dot is clicked"
|
|
14007
|
+
},
|
|
14008
|
+
"className": {
|
|
14009
|
+
"types": [
|
|
14010
|
+
"string"
|
|
14011
|
+
],
|
|
14012
|
+
"description": "Additional CSS classes"
|
|
14013
|
+
},
|
|
14014
|
+
"size": {
|
|
14015
|
+
"types": [
|
|
14016
|
+
"dotsize"
|
|
14017
|
+
],
|
|
14018
|
+
"description": "Dot size"
|
|
14019
|
+
}
|
|
14020
|
+
}
|
|
14021
|
+
},
|
|
13404
14022
|
"heading": {
|
|
13405
14023
|
"type": "heading",
|
|
13406
14024
|
"category": "component",
|