@wallarm-org/design-system 0.88.0 → 0.88.1-rc-fix-status-code-zero-value.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.
Files changed (29) hide show
  1. package/dist/components/FilterInput/lib/statusCode/createStatusCodeNormalizer.d.ts +3 -1
  2. package/dist/components/FilterInput/lib/statusCode/createStatusCodeNormalizer.js +2 -0
  3. package/dist/components/FilterInput/lib/statusCode/createStatusCodeSerializer.d.ts +3 -1
  4. package/dist/components/FilterInput/lib/statusCode/createStatusCodeSerializer.js +2 -0
  5. package/dist/components/FilterInput/lib/statusCode/createStatusCodeSuggestions.js +2 -2
  6. package/dist/components/FilterInput/lib/statusCode/createStatusCodeValidator.d.ts +4 -0
  7. package/dist/components/FilterInput/lib/statusCode/createStatusCodeValidator.js +2 -1
  8. package/dist/components/FilterInput/lib/statusCode/utils/constants.d.ts +6 -0
  9. package/dist/components/FilterInput/lib/statusCode/utils/constants.js +2 -1
  10. package/dist/components/FilterInput/lib/statusCode/utils/index.d.ts +1 -1
  11. package/dist/components/FilterInput/lib/statusCode/utils/index.js +1 -1
  12. package/dist/components/FilterInput/lib/statusCode/utils/makeMask.d.ts +3 -1
  13. package/dist/components/FilterInput/lib/statusCode/utils/makeMask.js +12 -1
  14. package/dist/components/Table/EditableCell/EditableSelectCell.d.ts +28 -0
  15. package/dist/components/Table/EditableCell/EditableSelectCell.js +66 -0
  16. package/dist/components/Table/EditableCell/EditableTextCell.d.ts +22 -0
  17. package/dist/components/Table/EditableCell/EditableTextCell.js +78 -0
  18. package/dist/components/Table/EditableCell/classes.d.ts +11 -0
  19. package/dist/components/Table/EditableCell/classes.js +17 -0
  20. package/dist/components/Table/EditableCell/constants.d.ts +19 -0
  21. package/dist/components/Table/EditableCell/constants.js +4 -0
  22. package/dist/components/Table/EditableCell/index.d.ts +4 -0
  23. package/dist/components/Table/EditableCell/index.js +4 -0
  24. package/dist/components/Table/index.d.ts +1 -0
  25. package/dist/components/Table/index.js +1 -0
  26. package/dist/index.d.ts +1 -1
  27. package/dist/index.js +1 -1
  28. package/dist/metadata/components.json +768 -190
  29. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "0.87.1",
3
- "generatedAt": "2026-08-09T10:59:58.032Z",
2
+ "version": "0.88.0",
3
+ "generatedAt": "2026-08-11T11:26:24.304Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "Accordion",
@@ -72770,27 +72770,25 @@
72770
72770
  ]
72771
72771
  },
72772
72772
  {
72773
- "name": "TableActionBarSelection",
72774
- "props": []
72775
- },
72776
- {
72777
- "name": "TableColumnMenuHideItem",
72773
+ "name": "EditableSelectCell",
72778
72774
  "props": [
72779
72775
  {
72780
- "name": "inset",
72781
- "type": "boolean | undefined",
72782
- "required": false
72776
+ "name": "value",
72777
+ "type": "string | null",
72778
+ "required": true,
72779
+ "description": "Current committed value; `null` / `''` renders the placeholder."
72783
72780
  },
72784
72781
  {
72785
- "name": "disabled",
72786
- "type": "boolean | undefined",
72787
- "required": false
72782
+ "name": "items",
72783
+ "type": "SelectDataItem[]",
72784
+ "required": true,
72785
+ "description": "Options for the dropdown."
72788
72786
  },
72789
72787
  {
72790
- "name": "value",
72791
- "type": "string | undefined",
72788
+ "name": "placeholder",
72789
+ "type": "ReactNode",
72792
72790
  "required": false,
72793
- "description": "Explicit value for programmatic highlighting via highlightedValue"
72791
+ "description": "Shown when nothing is selected. Defaults to `'Select…'`."
72794
72792
  },
72795
72793
  {
72796
72794
  "name": "color",
@@ -72862,6 +72860,11 @@
72862
72860
  "type": "boolean | undefined",
72863
72861
  "required": false
72864
72862
  },
72863
+ {
72864
+ "name": "id",
72865
+ "type": "string | undefined",
72866
+ "required": false
72867
+ },
72865
72868
  {
72866
72869
  "name": "lang",
72867
72870
  "type": "string | undefined",
@@ -73056,32 +73059,17 @@
73056
73059
  "type": "string | undefined",
73057
73060
  "required": false,
73058
73061
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
73059
- },
73060
- {
73061
- "name": "variant",
73062
- "type": "{ default: string; brand: string; destructive: string; }",
73063
- "required": false
73064
73062
  }
73065
73063
  ]
73066
73064
  },
73067
73065
  {
73068
- "name": "TableColumnMenuMoveLeftItem",
73066
+ "name": "EditableTextCell",
73069
73067
  "props": [
73070
- {
73071
- "name": "inset",
73072
- "type": "boolean | undefined",
73073
- "required": false
73074
- },
73075
- {
73076
- "name": "disabled",
73077
- "type": "boolean | undefined",
73078
- "required": false
73079
- },
73080
73068
  {
73081
73069
  "name": "value",
73082
- "type": "string | undefined",
73083
- "required": false,
73084
- "description": "Explicit value for programmatic highlighting via highlightedValue"
73070
+ "type": "string",
73071
+ "required": true,
73072
+ "description": "Current committed value."
73085
73073
  },
73086
73074
  {
73087
73075
  "name": "color",
@@ -73153,6 +73141,11 @@
73153
73141
  "type": "boolean | undefined",
73154
73142
  "required": false
73155
73143
  },
73144
+ {
73145
+ "name": "id",
73146
+ "type": "string | undefined",
73147
+ "required": false
73148
+ },
73156
73149
  {
73157
73150
  "name": "lang",
73158
73151
  "type": "string | undefined",
@@ -73347,16 +73340,15 @@
73347
73340
  "type": "string | undefined",
73348
73341
  "required": false,
73349
73342
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
73350
- },
73351
- {
73352
- "name": "variant",
73353
- "type": "{ default: string; brand: string; destructive: string; }",
73354
- "required": false
73355
73343
  }
73356
73344
  ]
73357
73345
  },
73358
73346
  {
73359
- "name": "TableColumnMenuMoveRightItem",
73347
+ "name": "TableActionBarSelection",
73348
+ "props": []
73349
+ },
73350
+ {
73351
+ "name": "TableColumnMenuHideItem",
73360
73352
  "props": [
73361
73353
  {
73362
73354
  "name": "inset",
@@ -73647,7 +73639,7 @@
73647
73639
  ]
73648
73640
  },
73649
73641
  {
73650
- "name": "TableColumnMenuPinItem",
73642
+ "name": "TableColumnMenuMoveLeftItem",
73651
73643
  "props": [
73652
73644
  {
73653
73645
  "name": "inset",
@@ -73938,59 +73930,29 @@
73938
73930
  ]
73939
73931
  },
73940
73932
  {
73941
- "name": "TableColumnMenu",
73933
+ "name": "TableColumnMenuMoveRightItem",
73942
73934
  "props": [
73943
73935
  {
73944
- "name": "column",
73945
- "type": "Column<T, unknown>",
73946
- "required": true,
73947
- "description": "Column from the header render context."
73948
- },
73949
- {
73950
- "name": "disabled",
73936
+ "name": "inset",
73951
73937
  "type": "boolean | undefined",
73952
73938
  "required": false
73953
73939
  },
73954
73940
  {
73955
- "name": "form",
73956
- "type": "string | undefined",
73957
- "required": false
73958
- },
73959
- {
73960
- "name": "formAction",
73961
- "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
73962
- "required": false
73963
- },
73964
- {
73965
- "name": "formEncType",
73966
- "type": "string | undefined",
73967
- "required": false
73968
- },
73969
- {
73970
- "name": "formMethod",
73971
- "type": "string | undefined",
73972
- "required": false
73973
- },
73974
- {
73975
- "name": "formNoValidate",
73941
+ "name": "disabled",
73976
73942
  "type": "boolean | undefined",
73977
73943
  "required": false
73978
73944
  },
73979
73945
  {
73980
- "name": "formTarget",
73946
+ "name": "value",
73981
73947
  "type": "string | undefined",
73982
- "required": false
73948
+ "required": false,
73949
+ "description": "Explicit value for programmatic highlighting via highlightedValue"
73983
73950
  },
73984
73951
  {
73985
- "name": "name",
73952
+ "name": "color",
73986
73953
  "type": "string | undefined",
73987
73954
  "required": false
73988
73955
  },
73989
- {
73990
- "name": "value",
73991
- "type": "string | number | readonly string[] | undefined",
73992
- "required": false
73993
- },
73994
73956
  {
73995
73957
  "name": "defaultChecked",
73996
73958
  "type": "boolean | undefined",
@@ -74056,11 +74018,6 @@
74056
74018
  "type": "boolean | undefined",
74057
74019
  "required": false
74058
74020
  },
74059
- {
74060
- "name": "id",
74061
- "type": "string | undefined",
74062
- "required": false
74063
- },
74064
74021
  {
74065
74022
  "name": "lang",
74066
74023
  "type": "string | undefined",
@@ -74255,18 +74212,17 @@
74255
74212
  "type": "string | undefined",
74256
74213
  "required": false,
74257
74214
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
74215
+ },
74216
+ {
74217
+ "name": "variant",
74218
+ "type": "{ default: string; brand: string; destructive: string; }",
74219
+ "required": false
74258
74220
  }
74259
74221
  ]
74260
74222
  },
74261
74223
  {
74262
- "name": "TableColumnMenuSortItem",
74224
+ "name": "TableColumnMenuPinItem",
74263
74225
  "props": [
74264
- {
74265
- "name": "direction",
74266
- "type": "\"desc\" | \"asc\"",
74267
- "required": true,
74268
- "description": "Direction this item commits when selected."
74269
- },
74270
74226
  {
74271
74227
  "name": "inset",
74272
74228
  "type": "boolean | undefined",
@@ -74556,8 +74512,14 @@
74556
74512
  ]
74557
74513
  },
74558
74514
  {
74559
- "name": "TableScrollHandlerLeft",
74515
+ "name": "TableColumnMenu",
74560
74516
  "props": [
74517
+ {
74518
+ "name": "column",
74519
+ "type": "Column<T, unknown>",
74520
+ "required": true,
74521
+ "description": "Column from the header render context."
74522
+ },
74561
74523
  {
74562
74524
  "name": "disabled",
74563
74525
  "type": "boolean | undefined",
@@ -74871,57 +74833,35 @@
74871
74833
  ]
74872
74834
  },
74873
74835
  {
74874
- "name": "TableScrollHandler",
74875
- "props": []
74876
- },
74877
- {
74878
- "name": "TableScrollHandlerRight",
74836
+ "name": "TableColumnMenuSortItem",
74879
74837
  "props": [
74880
74838
  {
74881
- "name": "disabled",
74882
- "type": "boolean | undefined",
74883
- "required": false
74884
- },
74885
- {
74886
- "name": "form",
74887
- "type": "string | undefined",
74888
- "required": false
74889
- },
74890
- {
74891
- "name": "formAction",
74892
- "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
74893
- "required": false
74894
- },
74895
- {
74896
- "name": "formEncType",
74897
- "type": "string | undefined",
74898
- "required": false
74839
+ "name": "direction",
74840
+ "type": "\"desc\" | \"asc\"",
74841
+ "required": true,
74842
+ "description": "Direction this item commits when selected."
74899
74843
  },
74900
74844
  {
74901
- "name": "formMethod",
74902
- "type": "string | undefined",
74845
+ "name": "inset",
74846
+ "type": "boolean | undefined",
74903
74847
  "required": false
74904
74848
  },
74905
74849
  {
74906
- "name": "formNoValidate",
74850
+ "name": "disabled",
74907
74851
  "type": "boolean | undefined",
74908
74852
  "required": false
74909
74853
  },
74910
74854
  {
74911
- "name": "formTarget",
74855
+ "name": "value",
74912
74856
  "type": "string | undefined",
74913
- "required": false
74857
+ "required": false,
74858
+ "description": "Explicit value for programmatic highlighting via highlightedValue"
74914
74859
  },
74915
74860
  {
74916
- "name": "name",
74861
+ "name": "color",
74917
74862
  "type": "string | undefined",
74918
74863
  "required": false
74919
74864
  },
74920
- {
74921
- "name": "value",
74922
- "type": "string | number | readonly string[] | undefined",
74923
- "required": false
74924
- },
74925
74865
  {
74926
74866
  "name": "defaultChecked",
74927
74867
  "type": "boolean | undefined",
@@ -74987,11 +74927,6 @@
74987
74927
  "type": "boolean | undefined",
74988
74928
  "required": false
74989
74929
  },
74990
- {
74991
- "name": "id",
74992
- "type": "string | undefined",
74993
- "required": false
74994
- },
74995
74930
  {
74996
74931
  "name": "lang",
74997
74932
  "type": "string | undefined",
@@ -75186,39 +75121,61 @@
75186
75121
  "type": "string | undefined",
75187
75122
  "required": false,
75188
75123
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
75124
+ },
75125
+ {
75126
+ "name": "variant",
75127
+ "type": "{ default: string; brand: string; destructive: string; }",
75128
+ "required": false
75189
75129
  }
75190
75130
  ]
75191
75131
  },
75192
75132
  {
75193
- "name": "TableSettingsMenuItem",
75133
+ "name": "TableScrollHandlerLeft",
75194
75134
  "props": [
75195
75135
  {
75196
- "name": "columnId",
75197
- "type": "string",
75198
- "required": true,
75199
- "description": "Column id from the table's column definitions."
75136
+ "name": "disabled",
75137
+ "type": "boolean | undefined",
75138
+ "required": false
75200
75139
  },
75201
75140
  {
75202
- "name": "color",
75141
+ "name": "form",
75203
75142
  "type": "string | undefined",
75204
75143
  "required": false
75205
75144
  },
75206
75145
  {
75207
- "name": "form",
75146
+ "name": "formAction",
75147
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
75148
+ "required": false
75149
+ },
75150
+ {
75151
+ "name": "formEncType",
75152
+ "type": "string | undefined",
75153
+ "required": false
75154
+ },
75155
+ {
75156
+ "name": "formMethod",
75157
+ "type": "string | undefined",
75158
+ "required": false
75159
+ },
75160
+ {
75161
+ "name": "formNoValidate",
75162
+ "type": "boolean | undefined",
75163
+ "required": false
75164
+ },
75165
+ {
75166
+ "name": "formTarget",
75208
75167
  "type": "string | undefined",
75209
75168
  "required": false
75210
75169
  },
75211
75170
  {
75212
75171
  "name": "name",
75213
75172
  "type": "string | undefined",
75214
- "required": false,
75215
- "description": "The name of the input field in a switch\n(Useful for form submission)."
75173
+ "required": false
75216
75174
  },
75217
75175
  {
75218
75176
  "name": "value",
75219
- "type": "string | number | undefined",
75220
- "required": false,
75221
- "description": "The value of switch input. Useful for form submission."
75177
+ "type": "string | number | readonly string[] | undefined",
75178
+ "required": false
75222
75179
  },
75223
75180
  {
75224
75181
  "name": "defaultChecked",
@@ -75484,57 +75441,674 @@
75484
75441
  "type": "string | undefined",
75485
75442
  "required": false,
75486
75443
  "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
75487
- },
75488
- {
75489
- "name": "label",
75490
- "type": "string | undefined",
75491
- "required": false,
75492
- "description": "Specifies the localized strings that identifies the accessibility elements and their states"
75493
- },
75494
- {
75495
- "name": "asChild",
75496
- "type": "boolean | undefined",
75497
- "required": false,
75498
- "description": "Use the provided child element as the default rendered element, combining their props and behavior."
75499
- },
75500
- {
75501
- "name": "htmlFor",
75502
- "type": "string | undefined",
75503
- "required": false
75504
- },
75505
- {
75506
- "name": "ids",
75507
- "type": "Partial<{ root: string; hiddenInput: string; control: string; label: string; thumb: string; }> | undefined",
75508
- "required": false,
75509
- "description": "The ids of the elements in the switch. Useful for composition."
75510
- },
75511
- {
75512
- "name": "invalid",
75513
- "type": "boolean | undefined",
75514
- "required": false,
75515
- "description": "If `true`, the switch is marked as invalid."
75516
- },
75517
- {
75518
- "name": "required",
75519
- "type": "boolean | undefined",
75520
- "required": false,
75521
- "description": "If `true`, the switch input is marked as required,"
75522
- },
75523
- {
75524
- "name": "readOnly",
75525
- "type": "boolean | undefined",
75526
- "required": false,
75527
- "description": "Whether the switch is read-only"
75528
- },
75529
- {
75530
- "name": "a11yMode",
75531
- "type": "boolean | undefined",
75532
- "required": false
75533
75444
  }
75534
75445
  ]
75535
75446
  },
75536
75447
  {
75537
- "name": "TableSettingsMenu",
75448
+ "name": "TableScrollHandler",
75449
+ "props": []
75450
+ },
75451
+ {
75452
+ "name": "TableScrollHandlerRight",
75453
+ "props": [
75454
+ {
75455
+ "name": "disabled",
75456
+ "type": "boolean | undefined",
75457
+ "required": false
75458
+ },
75459
+ {
75460
+ "name": "form",
75461
+ "type": "string | undefined",
75462
+ "required": false
75463
+ },
75464
+ {
75465
+ "name": "formAction",
75466
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
75467
+ "required": false
75468
+ },
75469
+ {
75470
+ "name": "formEncType",
75471
+ "type": "string | undefined",
75472
+ "required": false
75473
+ },
75474
+ {
75475
+ "name": "formMethod",
75476
+ "type": "string | undefined",
75477
+ "required": false
75478
+ },
75479
+ {
75480
+ "name": "formNoValidate",
75481
+ "type": "boolean | undefined",
75482
+ "required": false
75483
+ },
75484
+ {
75485
+ "name": "formTarget",
75486
+ "type": "string | undefined",
75487
+ "required": false
75488
+ },
75489
+ {
75490
+ "name": "name",
75491
+ "type": "string | undefined",
75492
+ "required": false
75493
+ },
75494
+ {
75495
+ "name": "value",
75496
+ "type": "string | number | readonly string[] | undefined",
75497
+ "required": false
75498
+ },
75499
+ {
75500
+ "name": "defaultChecked",
75501
+ "type": "boolean | undefined",
75502
+ "required": false
75503
+ },
75504
+ {
75505
+ "name": "defaultValue",
75506
+ "type": "string | number | readonly string[] | undefined",
75507
+ "required": false
75508
+ },
75509
+ {
75510
+ "name": "suppressContentEditableWarning",
75511
+ "type": "boolean | undefined",
75512
+ "required": false
75513
+ },
75514
+ {
75515
+ "name": "suppressHydrationWarning",
75516
+ "type": "boolean | undefined",
75517
+ "required": false
75518
+ },
75519
+ {
75520
+ "name": "accessKey",
75521
+ "type": "string | undefined",
75522
+ "required": false
75523
+ },
75524
+ {
75525
+ "name": "autoCapitalize",
75526
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
75527
+ "required": false
75528
+ },
75529
+ {
75530
+ "name": "autoFocus",
75531
+ "type": "boolean | undefined",
75532
+ "required": false
75533
+ },
75534
+ {
75535
+ "name": "contentEditable",
75536
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
75537
+ "required": false
75538
+ },
75539
+ {
75540
+ "name": "contextMenu",
75541
+ "type": "string | undefined",
75542
+ "required": false
75543
+ },
75544
+ {
75545
+ "name": "dir",
75546
+ "type": "string | undefined",
75547
+ "required": false
75548
+ },
75549
+ {
75550
+ "name": "draggable",
75551
+ "type": "Booleanish | undefined",
75552
+ "required": false
75553
+ },
75554
+ {
75555
+ "name": "enterKeyHint",
75556
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
75557
+ "required": false
75558
+ },
75559
+ {
75560
+ "name": "hidden",
75561
+ "type": "boolean | undefined",
75562
+ "required": false
75563
+ },
75564
+ {
75565
+ "name": "id",
75566
+ "type": "string | undefined",
75567
+ "required": false
75568
+ },
75569
+ {
75570
+ "name": "lang",
75571
+ "type": "string | undefined",
75572
+ "required": false
75573
+ },
75574
+ {
75575
+ "name": "nonce",
75576
+ "type": "string | undefined",
75577
+ "required": false
75578
+ },
75579
+ {
75580
+ "name": "slot",
75581
+ "type": "string | undefined",
75582
+ "required": false
75583
+ },
75584
+ {
75585
+ "name": "spellCheck",
75586
+ "type": "Booleanish | undefined",
75587
+ "required": false
75588
+ },
75589
+ {
75590
+ "name": "tabIndex",
75591
+ "type": "number | undefined",
75592
+ "required": false
75593
+ },
75594
+ {
75595
+ "name": "title",
75596
+ "type": "string | undefined",
75597
+ "required": false
75598
+ },
75599
+ {
75600
+ "name": "translate",
75601
+ "type": "\"yes\" | \"no\" | undefined",
75602
+ "required": false
75603
+ },
75604
+ {
75605
+ "name": "radioGroup",
75606
+ "type": "string | undefined",
75607
+ "required": false
75608
+ },
75609
+ {
75610
+ "name": "role",
75611
+ "type": "AriaRole | undefined",
75612
+ "required": false
75613
+ },
75614
+ {
75615
+ "name": "about",
75616
+ "type": "string | undefined",
75617
+ "required": false
75618
+ },
75619
+ {
75620
+ "name": "content",
75621
+ "type": "string | undefined",
75622
+ "required": false
75623
+ },
75624
+ {
75625
+ "name": "datatype",
75626
+ "type": "string | undefined",
75627
+ "required": false
75628
+ },
75629
+ {
75630
+ "name": "inlist",
75631
+ "type": "any",
75632
+ "required": false
75633
+ },
75634
+ {
75635
+ "name": "prefix",
75636
+ "type": "string | undefined",
75637
+ "required": false
75638
+ },
75639
+ {
75640
+ "name": "property",
75641
+ "type": "string | undefined",
75642
+ "required": false
75643
+ },
75644
+ {
75645
+ "name": "rel",
75646
+ "type": "string | undefined",
75647
+ "required": false
75648
+ },
75649
+ {
75650
+ "name": "resource",
75651
+ "type": "string | undefined",
75652
+ "required": false
75653
+ },
75654
+ {
75655
+ "name": "rev",
75656
+ "type": "string | undefined",
75657
+ "required": false
75658
+ },
75659
+ {
75660
+ "name": "typeof",
75661
+ "type": "string | undefined",
75662
+ "required": false
75663
+ },
75664
+ {
75665
+ "name": "vocab",
75666
+ "type": "string | undefined",
75667
+ "required": false
75668
+ },
75669
+ {
75670
+ "name": "autoCorrect",
75671
+ "type": "string | undefined",
75672
+ "required": false
75673
+ },
75674
+ {
75675
+ "name": "autoSave",
75676
+ "type": "string | undefined",
75677
+ "required": false
75678
+ },
75679
+ {
75680
+ "name": "itemProp",
75681
+ "type": "string | undefined",
75682
+ "required": false
75683
+ },
75684
+ {
75685
+ "name": "itemScope",
75686
+ "type": "boolean | undefined",
75687
+ "required": false
75688
+ },
75689
+ {
75690
+ "name": "itemType",
75691
+ "type": "string | undefined",
75692
+ "required": false
75693
+ },
75694
+ {
75695
+ "name": "itemID",
75696
+ "type": "string | undefined",
75697
+ "required": false
75698
+ },
75699
+ {
75700
+ "name": "itemRef",
75701
+ "type": "string | undefined",
75702
+ "required": false
75703
+ },
75704
+ {
75705
+ "name": "results",
75706
+ "type": "number | undefined",
75707
+ "required": false
75708
+ },
75709
+ {
75710
+ "name": "security",
75711
+ "type": "string | undefined",
75712
+ "required": false
75713
+ },
75714
+ {
75715
+ "name": "unselectable",
75716
+ "type": "\"off\" | \"on\" | undefined",
75717
+ "required": false
75718
+ },
75719
+ {
75720
+ "name": "popover",
75721
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
75722
+ "required": false
75723
+ },
75724
+ {
75725
+ "name": "popoverTargetAction",
75726
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
75727
+ "required": false
75728
+ },
75729
+ {
75730
+ "name": "popoverTarget",
75731
+ "type": "string | undefined",
75732
+ "required": false
75733
+ },
75734
+ {
75735
+ "name": "inert",
75736
+ "type": "boolean | undefined",
75737
+ "required": false,
75738
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
75739
+ },
75740
+ {
75741
+ "name": "inputMode",
75742
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
75743
+ "required": false,
75744
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
75745
+ },
75746
+ {
75747
+ "name": "is",
75748
+ "type": "string | undefined",
75749
+ "required": false,
75750
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
75751
+ },
75752
+ {
75753
+ "name": "exportparts",
75754
+ "type": "string | undefined",
75755
+ "required": false,
75756
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
75757
+ },
75758
+ {
75759
+ "name": "part",
75760
+ "type": "string | undefined",
75761
+ "required": false,
75762
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
75763
+ }
75764
+ ]
75765
+ },
75766
+ {
75767
+ "name": "TableSettingsMenuItem",
75768
+ "props": [
75769
+ {
75770
+ "name": "columnId",
75771
+ "type": "string",
75772
+ "required": true,
75773
+ "description": "Column id from the table's column definitions."
75774
+ },
75775
+ {
75776
+ "name": "color",
75777
+ "type": "string | undefined",
75778
+ "required": false
75779
+ },
75780
+ {
75781
+ "name": "form",
75782
+ "type": "string | undefined",
75783
+ "required": false
75784
+ },
75785
+ {
75786
+ "name": "name",
75787
+ "type": "string | undefined",
75788
+ "required": false,
75789
+ "description": "The name of the input field in a switch\n(Useful for form submission)."
75790
+ },
75791
+ {
75792
+ "name": "value",
75793
+ "type": "string | number | undefined",
75794
+ "required": false,
75795
+ "description": "The value of switch input. Useful for form submission."
75796
+ },
75797
+ {
75798
+ "name": "defaultChecked",
75799
+ "type": "boolean | undefined",
75800
+ "required": false
75801
+ },
75802
+ {
75803
+ "name": "defaultValue",
75804
+ "type": "string | number | readonly string[] | undefined",
75805
+ "required": false
75806
+ },
75807
+ {
75808
+ "name": "suppressContentEditableWarning",
75809
+ "type": "boolean | undefined",
75810
+ "required": false
75811
+ },
75812
+ {
75813
+ "name": "suppressHydrationWarning",
75814
+ "type": "boolean | undefined",
75815
+ "required": false
75816
+ },
75817
+ {
75818
+ "name": "accessKey",
75819
+ "type": "string | undefined",
75820
+ "required": false
75821
+ },
75822
+ {
75823
+ "name": "autoCapitalize",
75824
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
75825
+ "required": false
75826
+ },
75827
+ {
75828
+ "name": "autoFocus",
75829
+ "type": "boolean | undefined",
75830
+ "required": false
75831
+ },
75832
+ {
75833
+ "name": "contentEditable",
75834
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
75835
+ "required": false
75836
+ },
75837
+ {
75838
+ "name": "contextMenu",
75839
+ "type": "string | undefined",
75840
+ "required": false
75841
+ },
75842
+ {
75843
+ "name": "dir",
75844
+ "type": "string | undefined",
75845
+ "required": false
75846
+ },
75847
+ {
75848
+ "name": "draggable",
75849
+ "type": "Booleanish | undefined",
75850
+ "required": false
75851
+ },
75852
+ {
75853
+ "name": "enterKeyHint",
75854
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
75855
+ "required": false
75856
+ },
75857
+ {
75858
+ "name": "hidden",
75859
+ "type": "boolean | undefined",
75860
+ "required": false
75861
+ },
75862
+ {
75863
+ "name": "id",
75864
+ "type": "string | undefined",
75865
+ "required": false
75866
+ },
75867
+ {
75868
+ "name": "lang",
75869
+ "type": "string | undefined",
75870
+ "required": false
75871
+ },
75872
+ {
75873
+ "name": "nonce",
75874
+ "type": "string | undefined",
75875
+ "required": false
75876
+ },
75877
+ {
75878
+ "name": "slot",
75879
+ "type": "string | undefined",
75880
+ "required": false
75881
+ },
75882
+ {
75883
+ "name": "spellCheck",
75884
+ "type": "Booleanish | undefined",
75885
+ "required": false
75886
+ },
75887
+ {
75888
+ "name": "tabIndex",
75889
+ "type": "number | undefined",
75890
+ "required": false
75891
+ },
75892
+ {
75893
+ "name": "title",
75894
+ "type": "string | undefined",
75895
+ "required": false
75896
+ },
75897
+ {
75898
+ "name": "translate",
75899
+ "type": "\"yes\" | \"no\" | undefined",
75900
+ "required": false
75901
+ },
75902
+ {
75903
+ "name": "radioGroup",
75904
+ "type": "string | undefined",
75905
+ "required": false
75906
+ },
75907
+ {
75908
+ "name": "role",
75909
+ "type": "AriaRole | undefined",
75910
+ "required": false
75911
+ },
75912
+ {
75913
+ "name": "about",
75914
+ "type": "string | undefined",
75915
+ "required": false
75916
+ },
75917
+ {
75918
+ "name": "content",
75919
+ "type": "string | undefined",
75920
+ "required": false
75921
+ },
75922
+ {
75923
+ "name": "datatype",
75924
+ "type": "string | undefined",
75925
+ "required": false
75926
+ },
75927
+ {
75928
+ "name": "inlist",
75929
+ "type": "any",
75930
+ "required": false
75931
+ },
75932
+ {
75933
+ "name": "prefix",
75934
+ "type": "string | undefined",
75935
+ "required": false
75936
+ },
75937
+ {
75938
+ "name": "property",
75939
+ "type": "string | undefined",
75940
+ "required": false
75941
+ },
75942
+ {
75943
+ "name": "rel",
75944
+ "type": "string | undefined",
75945
+ "required": false
75946
+ },
75947
+ {
75948
+ "name": "resource",
75949
+ "type": "string | undefined",
75950
+ "required": false
75951
+ },
75952
+ {
75953
+ "name": "rev",
75954
+ "type": "string | undefined",
75955
+ "required": false
75956
+ },
75957
+ {
75958
+ "name": "typeof",
75959
+ "type": "string | undefined",
75960
+ "required": false
75961
+ },
75962
+ {
75963
+ "name": "vocab",
75964
+ "type": "string | undefined",
75965
+ "required": false
75966
+ },
75967
+ {
75968
+ "name": "autoCorrect",
75969
+ "type": "string | undefined",
75970
+ "required": false
75971
+ },
75972
+ {
75973
+ "name": "autoSave",
75974
+ "type": "string | undefined",
75975
+ "required": false
75976
+ },
75977
+ {
75978
+ "name": "itemProp",
75979
+ "type": "string | undefined",
75980
+ "required": false
75981
+ },
75982
+ {
75983
+ "name": "itemScope",
75984
+ "type": "boolean | undefined",
75985
+ "required": false
75986
+ },
75987
+ {
75988
+ "name": "itemType",
75989
+ "type": "string | undefined",
75990
+ "required": false
75991
+ },
75992
+ {
75993
+ "name": "itemID",
75994
+ "type": "string | undefined",
75995
+ "required": false
75996
+ },
75997
+ {
75998
+ "name": "itemRef",
75999
+ "type": "string | undefined",
76000
+ "required": false
76001
+ },
76002
+ {
76003
+ "name": "results",
76004
+ "type": "number | undefined",
76005
+ "required": false
76006
+ },
76007
+ {
76008
+ "name": "security",
76009
+ "type": "string | undefined",
76010
+ "required": false
76011
+ },
76012
+ {
76013
+ "name": "unselectable",
76014
+ "type": "\"off\" | \"on\" | undefined",
76015
+ "required": false
76016
+ },
76017
+ {
76018
+ "name": "popover",
76019
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
76020
+ "required": false
76021
+ },
76022
+ {
76023
+ "name": "popoverTargetAction",
76024
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
76025
+ "required": false
76026
+ },
76027
+ {
76028
+ "name": "popoverTarget",
76029
+ "type": "string | undefined",
76030
+ "required": false
76031
+ },
76032
+ {
76033
+ "name": "inert",
76034
+ "type": "boolean | undefined",
76035
+ "required": false,
76036
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
76037
+ },
76038
+ {
76039
+ "name": "inputMode",
76040
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
76041
+ "required": false,
76042
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
76043
+ },
76044
+ {
76045
+ "name": "is",
76046
+ "type": "string | undefined",
76047
+ "required": false,
76048
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
76049
+ },
76050
+ {
76051
+ "name": "exportparts",
76052
+ "type": "string | undefined",
76053
+ "required": false,
76054
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
76055
+ },
76056
+ {
76057
+ "name": "part",
76058
+ "type": "string | undefined",
76059
+ "required": false,
76060
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
76061
+ },
76062
+ {
76063
+ "name": "label",
76064
+ "type": "string | undefined",
76065
+ "required": false,
76066
+ "description": "Specifies the localized strings that identifies the accessibility elements and their states"
76067
+ },
76068
+ {
76069
+ "name": "asChild",
76070
+ "type": "boolean | undefined",
76071
+ "required": false,
76072
+ "description": "Use the provided child element as the default rendered element, combining their props and behavior."
76073
+ },
76074
+ {
76075
+ "name": "htmlFor",
76076
+ "type": "string | undefined",
76077
+ "required": false
76078
+ },
76079
+ {
76080
+ "name": "ids",
76081
+ "type": "Partial<{ root: string; hiddenInput: string; control: string; label: string; thumb: string; }> | undefined",
76082
+ "required": false,
76083
+ "description": "The ids of the elements in the switch. Useful for composition."
76084
+ },
76085
+ {
76086
+ "name": "invalid",
76087
+ "type": "boolean | undefined",
76088
+ "required": false,
76089
+ "description": "If `true`, the switch is marked as invalid."
76090
+ },
76091
+ {
76092
+ "name": "required",
76093
+ "type": "boolean | undefined",
76094
+ "required": false,
76095
+ "description": "If `true`, the switch input is marked as required,"
76096
+ },
76097
+ {
76098
+ "name": "readOnly",
76099
+ "type": "boolean | undefined",
76100
+ "required": false,
76101
+ "description": "Whether the switch is read-only"
76102
+ },
76103
+ {
76104
+ "name": "a11yMode",
76105
+ "type": "boolean | undefined",
76106
+ "required": false
76107
+ }
76108
+ ]
76109
+ },
76110
+ {
76111
+ "name": "TableSettingsMenu",
75538
76112
  "props": [
75539
76113
  {
75540
76114
  "name": "disabled",
@@ -77031,6 +77605,10 @@
77031
77605
  {
77032
77606
  "name": "FullFeatured",
77033
77607
  "code": "() => {\n const data = useMemo(() => createLargeGroupedData(12, 50), []);\n\n const [sorting, setSorting] = useState<TableSortingState>([{ id: 'lastEdited', desc: true }]);\n const [rowSelection, setRowSelection] = useState<TableRowSelectionState>({});\n const [columnSizing, setColumnSizing] = useState<TableColumnSizingState>({});\n const [columnPinning, setColumnPinning] = useState<TableColumnPinningState>({\n left: ['objectName'],\n });\n const [columnOrder, setColumnOrder] = useState<string[]>([]);\n const [columnVisibility, setColumnVisibility] = useState<TableVisibilityState>({});\n const [expanded, setExpanded] = useState<TableExpandedState>({\n 'group-0': true,\n 'group-1': true,\n });\n\n return (\n <Table<SecurityHeaderEntry>\n className='h-500'\n data={data}\n columns={fullFeaturedColumns}\n getRowId={row => row.id}\n getSubRows={row => row.children}\n // Grouping\n expanded={expanded}\n onExpandedChange={setExpanded}\n // Sorting\n sorting={sorting}\n onSortingChange={setSorting}\n // Row selection\n rowSelection={rowSelection}\n onRowSelectionChange={setRowSelection}\n // Column resizing\n columnSizing={columnSizing}\n onColumnSizingChange={setColumnSizing}\n // Column pinning\n columnPinning={columnPinning}\n onColumnPinningChange={setColumnPinning}\n // Column DnD ordering\n columnOrder={columnOrder}\n onColumnOrderChange={setColumnOrder}\n // Column visibility + settings\n columnVisibility={columnVisibility}\n onColumnVisibilityChange={setColumnVisibility}\n defaultColumnVisibility={{}}\n defaultColumnOrder={headerColumnIds}\n // Virtual scrolling\n virtualized='container'\n >\n <TableActionBar>\n <Button variant='ghost' color='neutral-alt' onClick={() => alert('Copy clicked')}>\n <Copy /> Duplicate\n </Button>\n <Button color='brand' onClick={() => alert('Delete clicked')}>\n <Trash2 /> Delete\n </Button>\n </TableActionBar>\n </Table>\n );\n}"
77608
+ },
77609
+ {
77610
+ "name": "InlineCellEditing",
77611
+ "code": "() => {\n const [data, setData] = useState<SecurityEvent[]>(() => securityEvents.slice(0, 6));\n // Category starts unselected for every row, so the select shows its placeholder.\n const [categories, setCategories] = useState<Record<string, string>>({});\n\n const updateCell = useCallback(\n <K extends keyof SecurityEvent>(rowId: string, key: K, value: SecurityEvent[K]) => {\n setData(prev => prev.map(row => (row.id === rowId ? { ...row, [key]: value } : row)));\n },\n [],\n );\n\n const columns = useMemo<TableColumnDef<SecurityEvent>[]>(\n () => [\n // The first column is the Table's pinned \"master\" column — keep it\n // read-only; editable cells live in the plain columns after it.\n securityColumnHelper.accessor('sourceIp', {\n header: 'Source',\n size: 200,\n meta: { resizeType: 'cut' as const },\n cell: ({ getValue }) => <Text size='sm'>{getValue()}</Text>,\n }),\n securityColumnHelper.accessor('objectName', {\n header: 'Object name',\n size: 400,\n meta: EDITABLE_CELL_COLUMN_META,\n cell: ({ row, getValue }) => (\n <EditableTextCell\n value={getValue()}\n aria-label='Edit object name'\n onCommit={value => updateCell(row.id, 'objectName', value)}\n />\n ),\n }),\n securityColumnHelper.accessor('status', {\n header: 'Status',\n size: 200,\n meta: EDITABLE_CELL_COLUMN_META,\n cell: ({ row, getValue }) => (\n <EditableSelectCell\n value={getValue()}\n items={statusItems}\n onCommit={value => updateCell(row.id, 'status', value as SecurityEvent['status'])}\n >\n <StatusBadge value={getValue()} />\n </EditableSelectCell>\n ),\n }),\n // Empty-by-default select: consumer supplies the `placeholder` text.\n securityColumnHelper.display({\n id: 'category',\n header: 'Category',\n size: 200,\n meta: EDITABLE_CELL_COLUMN_META,\n cell: ({ row }) => {\n const value = categories[row.id] ?? '';\n return (\n <EditableSelectCell\n value={value}\n items={categoryItems}\n placeholder='Select…'\n aria-label='Edit category'\n onCommit={next => setCategories(prev => ({ ...prev, [row.id]: next }))}\n >\n {categoryItems.find(item => item.value === value)?.label}\n </EditableSelectCell>\n );\n },\n }),\n securityColumnHelper.accessor('parameter', {\n header: 'Parameters',\n size: 240,\n meta: { resizeType: 'cut' as const },\n cell: ({ getValue }) => <InlineCodeSnippet code={getValue()} size='sm' copyable={false} />,\n }),\n ],\n [updateCell, categories],\n );\n\n return (\n <VStack gap={12} align='stretch'>\n <Text size='sm' color='secondary'>\n Hover an Object name (text) or Status / Category (select) cell — the whole cell highlights.\n Click to edit: the cell gets a brand-orange border and the content stays exactly in place\n (no shift). Category starts empty and shows a consumer-set “Select…” placeholder. Enter or\n blur commits, Escape reverts; the read-only columns stay static.\n </Text>\n <Table data={data} columns={columns} getRowId={row => row.id} />\n </VStack>\n );\n}"
77034
77612
  }
77035
77613
  ]
77036
77614
  },