@wallarm-org/design-system 0.65.0 → 0.66.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 (32) hide show
  1. package/dist/components/Pagination/Pagination.d.ts +33 -0
  2. package/dist/components/Pagination/Pagination.js +28 -0
  3. package/dist/components/Pagination/PaginationContext.d.ts +11 -0
  4. package/dist/components/Pagination/PaginationContext.js +13 -0
  5. package/dist/components/Pagination/PaginationEllipsis.d.ts +7 -0
  6. package/dist/components/Pagination/PaginationEllipsis.js +27 -0
  7. package/dist/components/Pagination/PaginationItem.d.ts +7 -0
  8. package/dist/components/Pagination/PaginationItem.js +23 -0
  9. package/dist/components/Pagination/PaginationList.d.ts +9 -0
  10. package/dist/components/Pagination/PaginationList.js +27 -0
  11. package/dist/components/Pagination/PaginationNext.d.ts +6 -0
  12. package/dist/components/Pagination/PaginationNext.js +28 -0
  13. package/dist/components/Pagination/PaginationPageSize.d.ts +10 -0
  14. package/dist/components/Pagination/PaginationPageSize.js +64 -0
  15. package/dist/components/Pagination/PaginationPrevious.d.ts +6 -0
  16. package/dist/components/Pagination/PaginationPrevious.js +28 -0
  17. package/dist/components/Pagination/classes.d.ts +9 -0
  18. package/dist/components/Pagination/classes.js +45 -0
  19. package/dist/components/Pagination/constants.d.ts +4 -0
  20. package/dist/components/Pagination/constants.js +5 -0
  21. package/dist/components/Pagination/index.d.ts +9 -0
  22. package/dist/components/Pagination/index.js +9 -0
  23. package/dist/components/Pagination/lib/createPageSizeCollection.d.ts +5 -0
  24. package/dist/components/Pagination/lib/createPageSizeCollection.js +8 -0
  25. package/dist/components/Pagination/lib/index.d.ts +1 -0
  26. package/dist/components/Pagination/lib/index.js +2 -0
  27. package/dist/components/Pagination/types.d.ts +16 -0
  28. package/dist/components/Pagination/types.js +0 -0
  29. package/dist/index.d.ts +2 -0
  30. package/dist/index.js +3 -1
  31. package/dist/metadata/components.json +1414 -2
  32. package/package.json +1 -1
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "0.64.1",
3
- "generatedAt": "2026-06-19T16:10:22.219Z",
2
+ "version": "0.65.0",
3
+ "generatedAt": "2026-06-22T13:36:20.691Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "Accordion",
@@ -42610,6 +42610,1418 @@
42610
42610
  }
42611
42611
  ]
42612
42612
  },
42613
+ {
42614
+ "name": "Pagination",
42615
+ "importPath": "@wallarm-org/design-system/Pagination",
42616
+ "props": [
42617
+ {
42618
+ "name": "count",
42619
+ "type": "number | undefined",
42620
+ "required": false,
42621
+ "description": "Total number of data items (Ark `count`)."
42622
+ },
42623
+ {
42624
+ "name": "page",
42625
+ "type": "number | undefined",
42626
+ "required": false,
42627
+ "description": "Controlled current page (1-based)."
42628
+ },
42629
+ {
42630
+ "name": "defaultPage",
42631
+ "type": "number | undefined",
42632
+ "required": false,
42633
+ "description": "Uncontrolled initial page."
42634
+ },
42635
+ {
42636
+ "name": "pageSize",
42637
+ "type": "number | undefined",
42638
+ "required": false,
42639
+ "description": "Controlled items-per-page."
42640
+ },
42641
+ {
42642
+ "name": "defaultPageSize",
42643
+ "type": "number | undefined",
42644
+ "required": false,
42645
+ "description": "Uncontrolled initial items-per-page."
42646
+ },
42647
+ {
42648
+ "name": "siblingCount",
42649
+ "type": "number | undefined",
42650
+ "required": false,
42651
+ "description": "Pages shown beside the active page."
42652
+ },
42653
+ {
42654
+ "name": "boundaryCount",
42655
+ "type": "number | undefined",
42656
+ "required": false,
42657
+ "description": "Pages shown at the start/end."
42658
+ },
42659
+ {
42660
+ "name": "type",
42661
+ "type": "\"button\" | \"link\" | undefined",
42662
+ "required": false,
42663
+ "description": "Trigger element type."
42664
+ },
42665
+ {
42666
+ "name": "getPageUrl",
42667
+ "type": "((details: PaginationPageChangeDetails) => string) | undefined",
42668
+ "required": false
42669
+ },
42670
+ {
42671
+ "name": "size",
42672
+ "type": "PaginationSize | undefined",
42673
+ "required": false,
42674
+ "description": "Visual size.",
42675
+ "defaultValue": "medium"
42676
+ },
42677
+ {
42678
+ "name": "align",
42679
+ "type": "PaginationAlign | undefined",
42680
+ "required": false,
42681
+ "description": "Horizontal alignment of the row.",
42682
+ "defaultValue": "left"
42683
+ }
42684
+ ],
42685
+ "variants": [
42686
+ {
42687
+ "name": "align",
42688
+ "options": [
42689
+ "left",
42690
+ "center",
42691
+ "right"
42692
+ ],
42693
+ "defaultValue": "left"
42694
+ },
42695
+ {
42696
+ "name": "size",
42697
+ "options": [
42698
+ "medium",
42699
+ "small"
42700
+ ],
42701
+ "defaultValue": "medium"
42702
+ }
42703
+ ],
42704
+ "subComponents": [
42705
+ {
42706
+ "name": "PaginationEllipsis",
42707
+ "props": [
42708
+ {
42709
+ "name": "index",
42710
+ "type": "number",
42711
+ "required": true,
42712
+ "description": "Index of this ellipsis within the pages array (required by Ark)."
42713
+ },
42714
+ {
42715
+ "name": "defaultChecked",
42716
+ "type": "boolean | undefined",
42717
+ "required": false
42718
+ },
42719
+ {
42720
+ "name": "defaultValue",
42721
+ "type": "string | number | readonly string[] | undefined",
42722
+ "required": false
42723
+ },
42724
+ {
42725
+ "name": "suppressContentEditableWarning",
42726
+ "type": "boolean | undefined",
42727
+ "required": false
42728
+ },
42729
+ {
42730
+ "name": "suppressHydrationWarning",
42731
+ "type": "boolean | undefined",
42732
+ "required": false
42733
+ },
42734
+ {
42735
+ "name": "accessKey",
42736
+ "type": "string | undefined",
42737
+ "required": false
42738
+ },
42739
+ {
42740
+ "name": "autoCapitalize",
42741
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
42742
+ "required": false
42743
+ },
42744
+ {
42745
+ "name": "autoFocus",
42746
+ "type": "boolean | undefined",
42747
+ "required": false
42748
+ },
42749
+ {
42750
+ "name": "contentEditable",
42751
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
42752
+ "required": false
42753
+ },
42754
+ {
42755
+ "name": "contextMenu",
42756
+ "type": "string | undefined",
42757
+ "required": false
42758
+ },
42759
+ {
42760
+ "name": "dir",
42761
+ "type": "string | undefined",
42762
+ "required": false
42763
+ },
42764
+ {
42765
+ "name": "draggable",
42766
+ "type": "Booleanish | undefined",
42767
+ "required": false
42768
+ },
42769
+ {
42770
+ "name": "enterKeyHint",
42771
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
42772
+ "required": false
42773
+ },
42774
+ {
42775
+ "name": "hidden",
42776
+ "type": "boolean | undefined",
42777
+ "required": false
42778
+ },
42779
+ {
42780
+ "name": "id",
42781
+ "type": "string | undefined",
42782
+ "required": false
42783
+ },
42784
+ {
42785
+ "name": "lang",
42786
+ "type": "string | undefined",
42787
+ "required": false
42788
+ },
42789
+ {
42790
+ "name": "nonce",
42791
+ "type": "string | undefined",
42792
+ "required": false
42793
+ },
42794
+ {
42795
+ "name": "slot",
42796
+ "type": "string | undefined",
42797
+ "required": false
42798
+ },
42799
+ {
42800
+ "name": "spellCheck",
42801
+ "type": "Booleanish | undefined",
42802
+ "required": false
42803
+ },
42804
+ {
42805
+ "name": "tabIndex",
42806
+ "type": "number | undefined",
42807
+ "required": false
42808
+ },
42809
+ {
42810
+ "name": "title",
42811
+ "type": "string | undefined",
42812
+ "required": false
42813
+ },
42814
+ {
42815
+ "name": "translate",
42816
+ "type": "\"yes\" | \"no\" | undefined",
42817
+ "required": false
42818
+ },
42819
+ {
42820
+ "name": "radioGroup",
42821
+ "type": "string | undefined",
42822
+ "required": false
42823
+ },
42824
+ {
42825
+ "name": "role",
42826
+ "type": "AriaRole | undefined",
42827
+ "required": false
42828
+ },
42829
+ {
42830
+ "name": "about",
42831
+ "type": "string | undefined",
42832
+ "required": false
42833
+ },
42834
+ {
42835
+ "name": "content",
42836
+ "type": "string | undefined",
42837
+ "required": false
42838
+ },
42839
+ {
42840
+ "name": "datatype",
42841
+ "type": "string | undefined",
42842
+ "required": false
42843
+ },
42844
+ {
42845
+ "name": "inlist",
42846
+ "type": "any",
42847
+ "required": false
42848
+ },
42849
+ {
42850
+ "name": "prefix",
42851
+ "type": "string | undefined",
42852
+ "required": false
42853
+ },
42854
+ {
42855
+ "name": "property",
42856
+ "type": "string | undefined",
42857
+ "required": false
42858
+ },
42859
+ {
42860
+ "name": "rel",
42861
+ "type": "string | undefined",
42862
+ "required": false
42863
+ },
42864
+ {
42865
+ "name": "resource",
42866
+ "type": "string | undefined",
42867
+ "required": false
42868
+ },
42869
+ {
42870
+ "name": "rev",
42871
+ "type": "string | undefined",
42872
+ "required": false
42873
+ },
42874
+ {
42875
+ "name": "typeof",
42876
+ "type": "string | undefined",
42877
+ "required": false
42878
+ },
42879
+ {
42880
+ "name": "vocab",
42881
+ "type": "string | undefined",
42882
+ "required": false
42883
+ },
42884
+ {
42885
+ "name": "autoCorrect",
42886
+ "type": "string | undefined",
42887
+ "required": false
42888
+ },
42889
+ {
42890
+ "name": "autoSave",
42891
+ "type": "string | undefined",
42892
+ "required": false
42893
+ },
42894
+ {
42895
+ "name": "color",
42896
+ "type": "string | undefined",
42897
+ "required": false
42898
+ },
42899
+ {
42900
+ "name": "itemProp",
42901
+ "type": "string | undefined",
42902
+ "required": false
42903
+ },
42904
+ {
42905
+ "name": "itemScope",
42906
+ "type": "boolean | undefined",
42907
+ "required": false
42908
+ },
42909
+ {
42910
+ "name": "itemType",
42911
+ "type": "string | undefined",
42912
+ "required": false
42913
+ },
42914
+ {
42915
+ "name": "itemID",
42916
+ "type": "string | undefined",
42917
+ "required": false
42918
+ },
42919
+ {
42920
+ "name": "itemRef",
42921
+ "type": "string | undefined",
42922
+ "required": false
42923
+ },
42924
+ {
42925
+ "name": "results",
42926
+ "type": "number | undefined",
42927
+ "required": false
42928
+ },
42929
+ {
42930
+ "name": "security",
42931
+ "type": "string | undefined",
42932
+ "required": false
42933
+ },
42934
+ {
42935
+ "name": "unselectable",
42936
+ "type": "\"off\" | \"on\" | undefined",
42937
+ "required": false
42938
+ },
42939
+ {
42940
+ "name": "popover",
42941
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
42942
+ "required": false
42943
+ },
42944
+ {
42945
+ "name": "popoverTargetAction",
42946
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
42947
+ "required": false
42948
+ },
42949
+ {
42950
+ "name": "popoverTarget",
42951
+ "type": "string | undefined",
42952
+ "required": false
42953
+ },
42954
+ {
42955
+ "name": "inert",
42956
+ "type": "boolean | undefined",
42957
+ "required": false,
42958
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
42959
+ },
42960
+ {
42961
+ "name": "inputMode",
42962
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
42963
+ "required": false,
42964
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
42965
+ },
42966
+ {
42967
+ "name": "is",
42968
+ "type": "string | undefined",
42969
+ "required": false,
42970
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
42971
+ },
42972
+ {
42973
+ "name": "exportparts",
42974
+ "type": "string | undefined",
42975
+ "required": false,
42976
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
42977
+ },
42978
+ {
42979
+ "name": "part",
42980
+ "type": "string | undefined",
42981
+ "required": false,
42982
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
42983
+ }
42984
+ ]
42985
+ },
42986
+ {
42987
+ "name": "PaginationItem",
42988
+ "props": [
42989
+ {
42990
+ "name": "value",
42991
+ "type": "number",
42992
+ "required": true,
42993
+ "description": "1-based page number."
42994
+ },
42995
+ {
42996
+ "name": "disabled",
42997
+ "type": "boolean | undefined",
42998
+ "required": false
42999
+ },
43000
+ {
43001
+ "name": "form",
43002
+ "type": "string | undefined",
43003
+ "required": false
43004
+ },
43005
+ {
43006
+ "name": "formAction",
43007
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
43008
+ "required": false
43009
+ },
43010
+ {
43011
+ "name": "formEncType",
43012
+ "type": "string | undefined",
43013
+ "required": false
43014
+ },
43015
+ {
43016
+ "name": "formMethod",
43017
+ "type": "string | undefined",
43018
+ "required": false
43019
+ },
43020
+ {
43021
+ "name": "formNoValidate",
43022
+ "type": "boolean | undefined",
43023
+ "required": false
43024
+ },
43025
+ {
43026
+ "name": "formTarget",
43027
+ "type": "string | undefined",
43028
+ "required": false
43029
+ },
43030
+ {
43031
+ "name": "name",
43032
+ "type": "string | undefined",
43033
+ "required": false
43034
+ },
43035
+ {
43036
+ "name": "type",
43037
+ "type": "\"button\" | \"submit\" | \"reset\" | undefined",
43038
+ "required": false
43039
+ },
43040
+ {
43041
+ "name": "defaultChecked",
43042
+ "type": "boolean | undefined",
43043
+ "required": false
43044
+ },
43045
+ {
43046
+ "name": "defaultValue",
43047
+ "type": "string | number | readonly string[] | undefined",
43048
+ "required": false
43049
+ },
43050
+ {
43051
+ "name": "suppressContentEditableWarning",
43052
+ "type": "boolean | undefined",
43053
+ "required": false
43054
+ },
43055
+ {
43056
+ "name": "suppressHydrationWarning",
43057
+ "type": "boolean | undefined",
43058
+ "required": false
43059
+ },
43060
+ {
43061
+ "name": "accessKey",
43062
+ "type": "string | undefined",
43063
+ "required": false
43064
+ },
43065
+ {
43066
+ "name": "autoCapitalize",
43067
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
43068
+ "required": false
43069
+ },
43070
+ {
43071
+ "name": "autoFocus",
43072
+ "type": "boolean | undefined",
43073
+ "required": false
43074
+ },
43075
+ {
43076
+ "name": "contentEditable",
43077
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
43078
+ "required": false
43079
+ },
43080
+ {
43081
+ "name": "contextMenu",
43082
+ "type": "string | undefined",
43083
+ "required": false
43084
+ },
43085
+ {
43086
+ "name": "dir",
43087
+ "type": "string | undefined",
43088
+ "required": false
43089
+ },
43090
+ {
43091
+ "name": "draggable",
43092
+ "type": "Booleanish | undefined",
43093
+ "required": false
43094
+ },
43095
+ {
43096
+ "name": "enterKeyHint",
43097
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
43098
+ "required": false
43099
+ },
43100
+ {
43101
+ "name": "hidden",
43102
+ "type": "boolean | undefined",
43103
+ "required": false
43104
+ },
43105
+ {
43106
+ "name": "id",
43107
+ "type": "string | undefined",
43108
+ "required": false
43109
+ },
43110
+ {
43111
+ "name": "lang",
43112
+ "type": "string | undefined",
43113
+ "required": false
43114
+ },
43115
+ {
43116
+ "name": "nonce",
43117
+ "type": "string | undefined",
43118
+ "required": false
43119
+ },
43120
+ {
43121
+ "name": "slot",
43122
+ "type": "string | undefined",
43123
+ "required": false
43124
+ },
43125
+ {
43126
+ "name": "spellCheck",
43127
+ "type": "Booleanish | undefined",
43128
+ "required": false
43129
+ },
43130
+ {
43131
+ "name": "tabIndex",
43132
+ "type": "number | undefined",
43133
+ "required": false
43134
+ },
43135
+ {
43136
+ "name": "title",
43137
+ "type": "string | undefined",
43138
+ "required": false
43139
+ },
43140
+ {
43141
+ "name": "translate",
43142
+ "type": "\"yes\" | \"no\" | undefined",
43143
+ "required": false
43144
+ },
43145
+ {
43146
+ "name": "radioGroup",
43147
+ "type": "string | undefined",
43148
+ "required": false
43149
+ },
43150
+ {
43151
+ "name": "role",
43152
+ "type": "AriaRole | undefined",
43153
+ "required": false
43154
+ },
43155
+ {
43156
+ "name": "about",
43157
+ "type": "string | undefined",
43158
+ "required": false
43159
+ },
43160
+ {
43161
+ "name": "content",
43162
+ "type": "string | undefined",
43163
+ "required": false
43164
+ },
43165
+ {
43166
+ "name": "datatype",
43167
+ "type": "string | undefined",
43168
+ "required": false
43169
+ },
43170
+ {
43171
+ "name": "inlist",
43172
+ "type": "any",
43173
+ "required": false
43174
+ },
43175
+ {
43176
+ "name": "prefix",
43177
+ "type": "string | undefined",
43178
+ "required": false
43179
+ },
43180
+ {
43181
+ "name": "property",
43182
+ "type": "string | undefined",
43183
+ "required": false
43184
+ },
43185
+ {
43186
+ "name": "rel",
43187
+ "type": "string | undefined",
43188
+ "required": false
43189
+ },
43190
+ {
43191
+ "name": "resource",
43192
+ "type": "string | undefined",
43193
+ "required": false
43194
+ },
43195
+ {
43196
+ "name": "rev",
43197
+ "type": "string | undefined",
43198
+ "required": false
43199
+ },
43200
+ {
43201
+ "name": "typeof",
43202
+ "type": "string | undefined",
43203
+ "required": false
43204
+ },
43205
+ {
43206
+ "name": "vocab",
43207
+ "type": "string | undefined",
43208
+ "required": false
43209
+ },
43210
+ {
43211
+ "name": "autoCorrect",
43212
+ "type": "string | undefined",
43213
+ "required": false
43214
+ },
43215
+ {
43216
+ "name": "autoSave",
43217
+ "type": "string | undefined",
43218
+ "required": false
43219
+ },
43220
+ {
43221
+ "name": "color",
43222
+ "type": "string | undefined",
43223
+ "required": false
43224
+ },
43225
+ {
43226
+ "name": "itemProp",
43227
+ "type": "string | undefined",
43228
+ "required": false
43229
+ },
43230
+ {
43231
+ "name": "itemScope",
43232
+ "type": "boolean | undefined",
43233
+ "required": false
43234
+ },
43235
+ {
43236
+ "name": "itemType",
43237
+ "type": "string | undefined",
43238
+ "required": false
43239
+ },
43240
+ {
43241
+ "name": "itemID",
43242
+ "type": "string | undefined",
43243
+ "required": false
43244
+ },
43245
+ {
43246
+ "name": "itemRef",
43247
+ "type": "string | undefined",
43248
+ "required": false
43249
+ },
43250
+ {
43251
+ "name": "results",
43252
+ "type": "number | undefined",
43253
+ "required": false
43254
+ },
43255
+ {
43256
+ "name": "security",
43257
+ "type": "string | undefined",
43258
+ "required": false
43259
+ },
43260
+ {
43261
+ "name": "unselectable",
43262
+ "type": "\"off\" | \"on\" | undefined",
43263
+ "required": false
43264
+ },
43265
+ {
43266
+ "name": "popover",
43267
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
43268
+ "required": false
43269
+ },
43270
+ {
43271
+ "name": "popoverTargetAction",
43272
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
43273
+ "required": false
43274
+ },
43275
+ {
43276
+ "name": "popoverTarget",
43277
+ "type": "string | undefined",
43278
+ "required": false
43279
+ },
43280
+ {
43281
+ "name": "inert",
43282
+ "type": "boolean | undefined",
43283
+ "required": false,
43284
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
43285
+ },
43286
+ {
43287
+ "name": "inputMode",
43288
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
43289
+ "required": false,
43290
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
43291
+ },
43292
+ {
43293
+ "name": "is",
43294
+ "type": "string | undefined",
43295
+ "required": false,
43296
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
43297
+ },
43298
+ {
43299
+ "name": "exportparts",
43300
+ "type": "string | undefined",
43301
+ "required": false,
43302
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
43303
+ },
43304
+ {
43305
+ "name": "part",
43306
+ "type": "string | undefined",
43307
+ "required": false,
43308
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
43309
+ }
43310
+ ]
43311
+ },
43312
+ {
43313
+ "name": "PaginationList",
43314
+ "props": []
43315
+ },
43316
+ {
43317
+ "name": "PaginationNext",
43318
+ "props": [
43319
+ {
43320
+ "name": "disabled",
43321
+ "type": "boolean | undefined",
43322
+ "required": false
43323
+ },
43324
+ {
43325
+ "name": "form",
43326
+ "type": "string | undefined",
43327
+ "required": false
43328
+ },
43329
+ {
43330
+ "name": "formAction",
43331
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
43332
+ "required": false
43333
+ },
43334
+ {
43335
+ "name": "formEncType",
43336
+ "type": "string | undefined",
43337
+ "required": false
43338
+ },
43339
+ {
43340
+ "name": "formMethod",
43341
+ "type": "string | undefined",
43342
+ "required": false
43343
+ },
43344
+ {
43345
+ "name": "formNoValidate",
43346
+ "type": "boolean | undefined",
43347
+ "required": false
43348
+ },
43349
+ {
43350
+ "name": "formTarget",
43351
+ "type": "string | undefined",
43352
+ "required": false
43353
+ },
43354
+ {
43355
+ "name": "name",
43356
+ "type": "string | undefined",
43357
+ "required": false
43358
+ },
43359
+ {
43360
+ "name": "type",
43361
+ "type": "\"button\" | \"submit\" | \"reset\" | undefined",
43362
+ "required": false
43363
+ },
43364
+ {
43365
+ "name": "value",
43366
+ "type": "string | number | readonly string[] | undefined",
43367
+ "required": false
43368
+ },
43369
+ {
43370
+ "name": "defaultChecked",
43371
+ "type": "boolean | undefined",
43372
+ "required": false
43373
+ },
43374
+ {
43375
+ "name": "defaultValue",
43376
+ "type": "string | number | readonly string[] | undefined",
43377
+ "required": false
43378
+ },
43379
+ {
43380
+ "name": "suppressContentEditableWarning",
43381
+ "type": "boolean | undefined",
43382
+ "required": false
43383
+ },
43384
+ {
43385
+ "name": "suppressHydrationWarning",
43386
+ "type": "boolean | undefined",
43387
+ "required": false
43388
+ },
43389
+ {
43390
+ "name": "accessKey",
43391
+ "type": "string | undefined",
43392
+ "required": false
43393
+ },
43394
+ {
43395
+ "name": "autoCapitalize",
43396
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
43397
+ "required": false
43398
+ },
43399
+ {
43400
+ "name": "autoFocus",
43401
+ "type": "boolean | undefined",
43402
+ "required": false
43403
+ },
43404
+ {
43405
+ "name": "contentEditable",
43406
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
43407
+ "required": false
43408
+ },
43409
+ {
43410
+ "name": "contextMenu",
43411
+ "type": "string | undefined",
43412
+ "required": false
43413
+ },
43414
+ {
43415
+ "name": "dir",
43416
+ "type": "string | undefined",
43417
+ "required": false
43418
+ },
43419
+ {
43420
+ "name": "draggable",
43421
+ "type": "Booleanish | undefined",
43422
+ "required": false
43423
+ },
43424
+ {
43425
+ "name": "enterKeyHint",
43426
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
43427
+ "required": false
43428
+ },
43429
+ {
43430
+ "name": "hidden",
43431
+ "type": "boolean | undefined",
43432
+ "required": false
43433
+ },
43434
+ {
43435
+ "name": "id",
43436
+ "type": "string | undefined",
43437
+ "required": false
43438
+ },
43439
+ {
43440
+ "name": "lang",
43441
+ "type": "string | undefined",
43442
+ "required": false
43443
+ },
43444
+ {
43445
+ "name": "nonce",
43446
+ "type": "string | undefined",
43447
+ "required": false
43448
+ },
43449
+ {
43450
+ "name": "slot",
43451
+ "type": "string | undefined",
43452
+ "required": false
43453
+ },
43454
+ {
43455
+ "name": "spellCheck",
43456
+ "type": "Booleanish | undefined",
43457
+ "required": false
43458
+ },
43459
+ {
43460
+ "name": "tabIndex",
43461
+ "type": "number | undefined",
43462
+ "required": false
43463
+ },
43464
+ {
43465
+ "name": "title",
43466
+ "type": "string | undefined",
43467
+ "required": false
43468
+ },
43469
+ {
43470
+ "name": "translate",
43471
+ "type": "\"yes\" | \"no\" | undefined",
43472
+ "required": false
43473
+ },
43474
+ {
43475
+ "name": "radioGroup",
43476
+ "type": "string | undefined",
43477
+ "required": false
43478
+ },
43479
+ {
43480
+ "name": "role",
43481
+ "type": "AriaRole | undefined",
43482
+ "required": false
43483
+ },
43484
+ {
43485
+ "name": "about",
43486
+ "type": "string | undefined",
43487
+ "required": false
43488
+ },
43489
+ {
43490
+ "name": "content",
43491
+ "type": "string | undefined",
43492
+ "required": false
43493
+ },
43494
+ {
43495
+ "name": "datatype",
43496
+ "type": "string | undefined",
43497
+ "required": false
43498
+ },
43499
+ {
43500
+ "name": "inlist",
43501
+ "type": "any",
43502
+ "required": false
43503
+ },
43504
+ {
43505
+ "name": "prefix",
43506
+ "type": "string | undefined",
43507
+ "required": false
43508
+ },
43509
+ {
43510
+ "name": "property",
43511
+ "type": "string | undefined",
43512
+ "required": false
43513
+ },
43514
+ {
43515
+ "name": "rel",
43516
+ "type": "string | undefined",
43517
+ "required": false
43518
+ },
43519
+ {
43520
+ "name": "resource",
43521
+ "type": "string | undefined",
43522
+ "required": false
43523
+ },
43524
+ {
43525
+ "name": "rev",
43526
+ "type": "string | undefined",
43527
+ "required": false
43528
+ },
43529
+ {
43530
+ "name": "typeof",
43531
+ "type": "string | undefined",
43532
+ "required": false
43533
+ },
43534
+ {
43535
+ "name": "vocab",
43536
+ "type": "string | undefined",
43537
+ "required": false
43538
+ },
43539
+ {
43540
+ "name": "autoCorrect",
43541
+ "type": "string | undefined",
43542
+ "required": false
43543
+ },
43544
+ {
43545
+ "name": "autoSave",
43546
+ "type": "string | undefined",
43547
+ "required": false
43548
+ },
43549
+ {
43550
+ "name": "color",
43551
+ "type": "string | undefined",
43552
+ "required": false
43553
+ },
43554
+ {
43555
+ "name": "itemProp",
43556
+ "type": "string | undefined",
43557
+ "required": false
43558
+ },
43559
+ {
43560
+ "name": "itemScope",
43561
+ "type": "boolean | undefined",
43562
+ "required": false
43563
+ },
43564
+ {
43565
+ "name": "itemType",
43566
+ "type": "string | undefined",
43567
+ "required": false
43568
+ },
43569
+ {
43570
+ "name": "itemID",
43571
+ "type": "string | undefined",
43572
+ "required": false
43573
+ },
43574
+ {
43575
+ "name": "itemRef",
43576
+ "type": "string | undefined",
43577
+ "required": false
43578
+ },
43579
+ {
43580
+ "name": "results",
43581
+ "type": "number | undefined",
43582
+ "required": false
43583
+ },
43584
+ {
43585
+ "name": "security",
43586
+ "type": "string | undefined",
43587
+ "required": false
43588
+ },
43589
+ {
43590
+ "name": "unselectable",
43591
+ "type": "\"off\" | \"on\" | undefined",
43592
+ "required": false
43593
+ },
43594
+ {
43595
+ "name": "popover",
43596
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
43597
+ "required": false
43598
+ },
43599
+ {
43600
+ "name": "popoverTargetAction",
43601
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
43602
+ "required": false
43603
+ },
43604
+ {
43605
+ "name": "popoverTarget",
43606
+ "type": "string | undefined",
43607
+ "required": false
43608
+ },
43609
+ {
43610
+ "name": "inert",
43611
+ "type": "boolean | undefined",
43612
+ "required": false,
43613
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
43614
+ },
43615
+ {
43616
+ "name": "inputMode",
43617
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
43618
+ "required": false,
43619
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
43620
+ },
43621
+ {
43622
+ "name": "is",
43623
+ "type": "string | undefined",
43624
+ "required": false,
43625
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
43626
+ },
43627
+ {
43628
+ "name": "exportparts",
43629
+ "type": "string | undefined",
43630
+ "required": false,
43631
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
43632
+ },
43633
+ {
43634
+ "name": "part",
43635
+ "type": "string | undefined",
43636
+ "required": false,
43637
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
43638
+ }
43639
+ ]
43640
+ },
43641
+ {
43642
+ "name": "PaginationPageSize",
43643
+ "props": [
43644
+ {
43645
+ "name": "options",
43646
+ "type": "number[]",
43647
+ "required": true,
43648
+ "description": "Selectable items-per-page values."
43649
+ },
43650
+ {
43651
+ "name": "label",
43652
+ "type": "string | undefined",
43653
+ "required": false,
43654
+ "description": "Leading label.",
43655
+ "defaultValue": "PAGINATION_PAGE_SIZE_LABEL"
43656
+ }
43657
+ ]
43658
+ },
43659
+ {
43660
+ "name": "PaginationPrevious",
43661
+ "props": [
43662
+ {
43663
+ "name": "disabled",
43664
+ "type": "boolean | undefined",
43665
+ "required": false
43666
+ },
43667
+ {
43668
+ "name": "form",
43669
+ "type": "string | undefined",
43670
+ "required": false
43671
+ },
43672
+ {
43673
+ "name": "formAction",
43674
+ "type": "string | ((formData: FormData) => void | Promise<void>) | undefined",
43675
+ "required": false
43676
+ },
43677
+ {
43678
+ "name": "formEncType",
43679
+ "type": "string | undefined",
43680
+ "required": false
43681
+ },
43682
+ {
43683
+ "name": "formMethod",
43684
+ "type": "string | undefined",
43685
+ "required": false
43686
+ },
43687
+ {
43688
+ "name": "formNoValidate",
43689
+ "type": "boolean | undefined",
43690
+ "required": false
43691
+ },
43692
+ {
43693
+ "name": "formTarget",
43694
+ "type": "string | undefined",
43695
+ "required": false
43696
+ },
43697
+ {
43698
+ "name": "name",
43699
+ "type": "string | undefined",
43700
+ "required": false
43701
+ },
43702
+ {
43703
+ "name": "type",
43704
+ "type": "\"button\" | \"submit\" | \"reset\" | undefined",
43705
+ "required": false
43706
+ },
43707
+ {
43708
+ "name": "value",
43709
+ "type": "string | number | readonly string[] | undefined",
43710
+ "required": false
43711
+ },
43712
+ {
43713
+ "name": "defaultChecked",
43714
+ "type": "boolean | undefined",
43715
+ "required": false
43716
+ },
43717
+ {
43718
+ "name": "defaultValue",
43719
+ "type": "string | number | readonly string[] | undefined",
43720
+ "required": false
43721
+ },
43722
+ {
43723
+ "name": "suppressContentEditableWarning",
43724
+ "type": "boolean | undefined",
43725
+ "required": false
43726
+ },
43727
+ {
43728
+ "name": "suppressHydrationWarning",
43729
+ "type": "boolean | undefined",
43730
+ "required": false
43731
+ },
43732
+ {
43733
+ "name": "accessKey",
43734
+ "type": "string | undefined",
43735
+ "required": false
43736
+ },
43737
+ {
43738
+ "name": "autoCapitalize",
43739
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
43740
+ "required": false
43741
+ },
43742
+ {
43743
+ "name": "autoFocus",
43744
+ "type": "boolean | undefined",
43745
+ "required": false
43746
+ },
43747
+ {
43748
+ "name": "contentEditable",
43749
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
43750
+ "required": false
43751
+ },
43752
+ {
43753
+ "name": "contextMenu",
43754
+ "type": "string | undefined",
43755
+ "required": false
43756
+ },
43757
+ {
43758
+ "name": "dir",
43759
+ "type": "string | undefined",
43760
+ "required": false
43761
+ },
43762
+ {
43763
+ "name": "draggable",
43764
+ "type": "Booleanish | undefined",
43765
+ "required": false
43766
+ },
43767
+ {
43768
+ "name": "enterKeyHint",
43769
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
43770
+ "required": false
43771
+ },
43772
+ {
43773
+ "name": "hidden",
43774
+ "type": "boolean | undefined",
43775
+ "required": false
43776
+ },
43777
+ {
43778
+ "name": "id",
43779
+ "type": "string | undefined",
43780
+ "required": false
43781
+ },
43782
+ {
43783
+ "name": "lang",
43784
+ "type": "string | undefined",
43785
+ "required": false
43786
+ },
43787
+ {
43788
+ "name": "nonce",
43789
+ "type": "string | undefined",
43790
+ "required": false
43791
+ },
43792
+ {
43793
+ "name": "slot",
43794
+ "type": "string | undefined",
43795
+ "required": false
43796
+ },
43797
+ {
43798
+ "name": "spellCheck",
43799
+ "type": "Booleanish | undefined",
43800
+ "required": false
43801
+ },
43802
+ {
43803
+ "name": "tabIndex",
43804
+ "type": "number | undefined",
43805
+ "required": false
43806
+ },
43807
+ {
43808
+ "name": "title",
43809
+ "type": "string | undefined",
43810
+ "required": false
43811
+ },
43812
+ {
43813
+ "name": "translate",
43814
+ "type": "\"yes\" | \"no\" | undefined",
43815
+ "required": false
43816
+ },
43817
+ {
43818
+ "name": "radioGroup",
43819
+ "type": "string | undefined",
43820
+ "required": false
43821
+ },
43822
+ {
43823
+ "name": "role",
43824
+ "type": "AriaRole | undefined",
43825
+ "required": false
43826
+ },
43827
+ {
43828
+ "name": "about",
43829
+ "type": "string | undefined",
43830
+ "required": false
43831
+ },
43832
+ {
43833
+ "name": "content",
43834
+ "type": "string | undefined",
43835
+ "required": false
43836
+ },
43837
+ {
43838
+ "name": "datatype",
43839
+ "type": "string | undefined",
43840
+ "required": false
43841
+ },
43842
+ {
43843
+ "name": "inlist",
43844
+ "type": "any",
43845
+ "required": false
43846
+ },
43847
+ {
43848
+ "name": "prefix",
43849
+ "type": "string | undefined",
43850
+ "required": false
43851
+ },
43852
+ {
43853
+ "name": "property",
43854
+ "type": "string | undefined",
43855
+ "required": false
43856
+ },
43857
+ {
43858
+ "name": "rel",
43859
+ "type": "string | undefined",
43860
+ "required": false
43861
+ },
43862
+ {
43863
+ "name": "resource",
43864
+ "type": "string | undefined",
43865
+ "required": false
43866
+ },
43867
+ {
43868
+ "name": "rev",
43869
+ "type": "string | undefined",
43870
+ "required": false
43871
+ },
43872
+ {
43873
+ "name": "typeof",
43874
+ "type": "string | undefined",
43875
+ "required": false
43876
+ },
43877
+ {
43878
+ "name": "vocab",
43879
+ "type": "string | undefined",
43880
+ "required": false
43881
+ },
43882
+ {
43883
+ "name": "autoCorrect",
43884
+ "type": "string | undefined",
43885
+ "required": false
43886
+ },
43887
+ {
43888
+ "name": "autoSave",
43889
+ "type": "string | undefined",
43890
+ "required": false
43891
+ },
43892
+ {
43893
+ "name": "color",
43894
+ "type": "string | undefined",
43895
+ "required": false
43896
+ },
43897
+ {
43898
+ "name": "itemProp",
43899
+ "type": "string | undefined",
43900
+ "required": false
43901
+ },
43902
+ {
43903
+ "name": "itemScope",
43904
+ "type": "boolean | undefined",
43905
+ "required": false
43906
+ },
43907
+ {
43908
+ "name": "itemType",
43909
+ "type": "string | undefined",
43910
+ "required": false
43911
+ },
43912
+ {
43913
+ "name": "itemID",
43914
+ "type": "string | undefined",
43915
+ "required": false
43916
+ },
43917
+ {
43918
+ "name": "itemRef",
43919
+ "type": "string | undefined",
43920
+ "required": false
43921
+ },
43922
+ {
43923
+ "name": "results",
43924
+ "type": "number | undefined",
43925
+ "required": false
43926
+ },
43927
+ {
43928
+ "name": "security",
43929
+ "type": "string | undefined",
43930
+ "required": false
43931
+ },
43932
+ {
43933
+ "name": "unselectable",
43934
+ "type": "\"off\" | \"on\" | undefined",
43935
+ "required": false
43936
+ },
43937
+ {
43938
+ "name": "popover",
43939
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
43940
+ "required": false
43941
+ },
43942
+ {
43943
+ "name": "popoverTargetAction",
43944
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
43945
+ "required": false
43946
+ },
43947
+ {
43948
+ "name": "popoverTarget",
43949
+ "type": "string | undefined",
43950
+ "required": false
43951
+ },
43952
+ {
43953
+ "name": "inert",
43954
+ "type": "boolean | undefined",
43955
+ "required": false,
43956
+ "description": "@see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert"
43957
+ },
43958
+ {
43959
+ "name": "inputMode",
43960
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
43961
+ "required": false,
43962
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
43963
+ },
43964
+ {
43965
+ "name": "is",
43966
+ "type": "string | undefined",
43967
+ "required": false,
43968
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
43969
+ },
43970
+ {
43971
+ "name": "exportparts",
43972
+ "type": "string | undefined",
43973
+ "required": false,
43974
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
43975
+ },
43976
+ {
43977
+ "name": "part",
43978
+ "type": "string | undefined",
43979
+ "required": false,
43980
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
43981
+ }
43982
+ ]
43983
+ }
43984
+ ],
43985
+ "examples": [
43986
+ {
43987
+ "name": "Full",
43988
+ "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center' aria-label='Search results'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)"
43989
+ },
43990
+ {
43991
+ "name": "Simple",
43992
+ "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationList />\n </Pagination>\n)"
43993
+ },
43994
+ {
43995
+ "name": "LinksOnly",
43996
+ "code": "() => (\n <Pagination count={120} pageSize={10} defaultPage={2} align='center'>\n <PaginationPrevious />\n <PaginationNext />\n </Pagination>\n)"
43997
+ },
43998
+ {
43999
+ "name": "WithPageSize",
44000
+ "code": "() => (\n <Pagination count={120} defaultPageSize={25} defaultPage={2} align='left'>\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)"
44001
+ },
44002
+ {
44003
+ "name": "Sizes",
44004
+ "code": "() => (\n <VStack gap={24}>\n <Pagination count={120} pageSize={10} defaultPage={2} size='medium' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n <Pagination count={120} pageSize={10} defaultPage={2} size='small' align='center'>\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n)"
44005
+ },
44006
+ {
44007
+ "name": "Alignment",
44008
+ "code": "() => (\n <VStack gap={24} className='w-600'>\n {(['left', 'center', 'right'] as const).map(align => (\n <Pagination key={align} count={120} pageSize={10} defaultPage={2} align={align}>\n <PaginationList />\n </Pagination>\n ))}\n </VStack>\n)"
44009
+ },
44010
+ {
44011
+ "name": "ManyPages",
44012
+ "code": "() => (\n <Pagination\n count={500}\n pageSize={10}\n defaultPage={6}\n siblingCount={1}\n boundaryCount={1}\n align='center'\n >\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n)"
44013
+ },
44014
+ {
44015
+ "name": "Playground",
44016
+ "code": "() => {\n const [page, setPage] = useState(1);\n const [pageSize, setPageSize] = useState(10);\n return (\n <Pagination\n count={120}\n page={page}\n pageSize={pageSize}\n align='left'\n onPageChange={({ page }) => setPage(page)}\n onPageSizeChange={({ pageSize }) => setPageSize(pageSize)}\n >\n <PaginationPageSize options={[10, 25, 50]} />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n );\n}"
44017
+ },
44018
+ {
44019
+ "name": "InTable",
44020
+ "code": "() => {\n const [page, setPage] = useState(1);\n const [pageSize, setPageSize] = useState(10);\n\n const count = apiEndpoints.length;\n const totalPages = Math.max(1, Math.ceil(count / pageSize));\n const currentPage = Math.min(page, totalPages);\n\n const pageData = useMemo(() => {\n const start = (currentPage - 1) * pageSize;\n return apiEndpoints.slice(start, start + pageSize);\n }, [currentPage, pageSize]);\n\n return (\n <div className='w-800'>\n <VStack gap={12}>\n <Table data={pageData} columns={endpointColumns} getRowId={row => row.id} />\n <Pagination\n count={count}\n page={currentPage}\n pageSize={pageSize}\n aria-label='API endpoints'\n onPageChange={({ page }) => setPage(page)}\n onPageSizeChange={({ pageSize }) => {\n setPageSize(pageSize);\n setPage(1);\n }}\n >\n <PaginationPageSize options={[5, 10, 25]} />\n {/* spacer pushes the navigation to the right edge of the footer */}\n <div className='flex-1' />\n <PaginationPrevious />\n <PaginationList />\n <PaginationNext />\n </Pagination>\n </VStack>\n </div>\n );\n}",
44021
+ "description": "A table whose rows are paged by a Pagination footer: \"Rows per page\" on the\nleft, page navigation on the right. Changing the page or page size slices the\ndata set client-side (`count` = total rows, Ark derives the page count)."
44022
+ }
44023
+ ]
44024
+ },
42613
44025
  {
42614
44026
  "name": "ParameterPath",
42615
44027
  "importPath": "@wallarm-org/design-system/ParameterPath",