openproject-primer_view_components 0.64.0 → 0.65.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 (118) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +20 -0
  3. data/app/assets/javascripts/components/primer/open_project/collapsible.d.ts +2 -0
  4. data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view.d.ts +29 -0
  5. data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_icon_pair_element.d.ts +15 -0
  6. data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_include_fragment_element.d.ts +9 -0
  7. data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_roving_tab_index.d.ts +3 -0
  8. data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.d.ts +38 -0
  9. data/app/assets/javascripts/components/primer/primer.d.ts +4 -0
  10. data/app/assets/javascripts/components/primer/shared_events.d.ts +15 -0
  11. data/app/assets/javascripts/primer_view_components.js +1 -1
  12. data/app/assets/javascripts/primer_view_components.js.map +1 -1
  13. data/app/assets/styles/primer_view_components.css +1 -1
  14. data/app/assets/styles/primer_view_components.css.map +1 -1
  15. data/app/components/primer/alpha/select_panel.css +1 -1
  16. data/app/components/primer/alpha/select_panel.css.json +2 -2
  17. data/app/components/primer/alpha/select_panel.css.map +1 -1
  18. data/app/components/primer/alpha/select_panel.html.erb +1 -1
  19. data/app/components/primer/alpha/select_panel.pcss +5 -2
  20. data/app/components/primer/beta/spinner.html.erb +1 -1
  21. data/app/components/primer/beta/spinner.rb +2 -0
  22. data/app/components/primer/open_project/border_box/collapsible_header.css +1 -1
  23. data/app/components/primer/open_project/border_box/collapsible_header.css.json +2 -1
  24. data/app/components/primer/open_project/border_box/collapsible_header.css.map +1 -1
  25. data/app/components/primer/open_project/border_box/collapsible_header.html.erb +12 -1
  26. data/app/components/primer/open_project/border_box/collapsible_header.pcss +4 -0
  27. data/app/components/primer/open_project/border_box/collapsible_header.rb +16 -12
  28. data/app/components/primer/open_project/collapsible.d.ts +2 -0
  29. data/app/components/primer/open_project/collapsible.js +11 -0
  30. data/app/components/primer/open_project/collapsible.ts +10 -0
  31. data/app/components/primer/open_project/collapsible_section.html.erb +14 -2
  32. data/app/components/primer/open_project/collapsible_section.rb +5 -1
  33. data/app/components/primer/open_project/danger_dialog.html.erb +4 -0
  34. data/app/components/primer/open_project/feedback_dialog.html.erb +5 -0
  35. data/app/components/primer/open_project/file_tree_view/directory_node.html.erb +5 -0
  36. data/app/components/primer/open_project/file_tree_view/directory_node.rb +24 -0
  37. data/app/components/primer/open_project/file_tree_view/file_node.html.erb +2 -0
  38. data/app/components/primer/open_project/file_tree_view/file_node.rb +14 -0
  39. data/app/components/primer/open_project/file_tree_view.rb +15 -0
  40. data/app/components/primer/open_project/skeleton_box.css +1 -0
  41. data/app/components/primer/open_project/skeleton_box.css.json +6 -0
  42. data/app/components/primer/open_project/skeleton_box.css.map +1 -0
  43. data/app/components/primer/open_project/skeleton_box.html.erb +1 -0
  44. data/app/components/primer/open_project/skeleton_box.pcss +30 -0
  45. data/app/components/primer/open_project/skeleton_box.rb +27 -0
  46. data/app/components/primer/open_project/tree_view/icon.html.erb +1 -0
  47. data/app/components/primer/open_project/tree_view/icon.rb +22 -0
  48. data/app/components/primer/open_project/tree_view/icon_pair.html.erb +13 -0
  49. data/app/components/primer/open_project/tree_view/icon_pair.rb +42 -0
  50. data/app/components/primer/open_project/tree_view/leading_action.html.erb +3 -0
  51. data/app/components/primer/open_project/tree_view/leading_action.rb +18 -0
  52. data/app/components/primer/open_project/tree_view/leaf_node.html.erb +18 -0
  53. data/app/components/primer/open_project/tree_view/leaf_node.rb +96 -0
  54. data/app/components/primer/open_project/tree_view/loading_failure_message.html.erb +13 -0
  55. data/app/components/primer/open_project/tree_view/loading_failure_message.rb +31 -0
  56. data/app/components/primer/open_project/tree_view/node.html.erb +32 -0
  57. data/app/components/primer/open_project/tree_view/node.rb +155 -0
  58. data/app/components/primer/open_project/tree_view/skeleton_loader.html.erb +23 -0
  59. data/app/components/primer/open_project/tree_view/skeleton_loader.rb +36 -0
  60. data/app/components/primer/open_project/tree_view/spinner_loader.html.erb +20 -0
  61. data/app/components/primer/open_project/tree_view/spinner_loader.rb +33 -0
  62. data/app/components/primer/open_project/tree_view/sub_tree.html.erb +21 -0
  63. data/app/components/primer/open_project/tree_view/sub_tree.rb +106 -0
  64. data/app/components/primer/open_project/tree_view/sub_tree_container.html.erb +3 -0
  65. data/app/components/primer/open_project/tree_view/sub_tree_container.rb +39 -0
  66. data/app/components/primer/open_project/tree_view/sub_tree_node.html.erb +49 -0
  67. data/app/components/primer/open_project/tree_view/sub_tree_node.rb +172 -0
  68. data/app/components/primer/open_project/tree_view/tree_view.d.ts +29 -0
  69. data/app/components/primer/open_project/tree_view/tree_view.js +238 -0
  70. data/app/components/primer/open_project/tree_view/tree_view.ts +257 -0
  71. data/app/components/primer/open_project/tree_view/tree_view_icon_pair_element.d.ts +15 -0
  72. data/app/components/primer/open_project/tree_view/tree_view_icon_pair_element.js +62 -0
  73. data/app/components/primer/open_project/tree_view/tree_view_icon_pair_element.ts +56 -0
  74. data/app/components/primer/open_project/tree_view/tree_view_include_fragment_element.d.ts +9 -0
  75. data/app/components/primer/open_project/tree_view/tree_view_include_fragment_element.js +29 -0
  76. data/app/components/primer/open_project/tree_view/tree_view_include_fragment_element.ts +29 -0
  77. data/app/components/primer/open_project/tree_view/tree_view_roving_tab_index.d.ts +3 -0
  78. data/app/components/primer/open_project/tree_view/tree_view_roving_tab_index.js +126 -0
  79. data/app/components/primer/open_project/tree_view/tree_view_roving_tab_index.ts +156 -0
  80. data/app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.d.ts +38 -0
  81. data/app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.js +362 -0
  82. data/app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.ts +402 -0
  83. data/app/components/primer/open_project/tree_view/visual.html.erb +14 -0
  84. data/app/components/primer/open_project/tree_view/visual.rb +27 -0
  85. data/app/components/primer/open_project/tree_view.css +1 -0
  86. data/app/components/primer/open_project/tree_view.css.json +42 -0
  87. data/app/components/primer/open_project/tree_view.css.map +1 -0
  88. data/app/components/primer/open_project/tree_view.html.erb +7 -0
  89. data/app/components/primer/open_project/tree_view.pcss +319 -0
  90. data/app/components/primer/open_project/tree_view.rb +367 -0
  91. data/app/components/primer/primer.d.ts +4 -0
  92. data/app/components/primer/primer.js +4 -0
  93. data/app/components/primer/primer.pcss +2 -0
  94. data/app/components/primer/primer.ts +4 -0
  95. data/app/components/primer/shared_events.d.ts +15 -0
  96. data/app/components/primer/shared_events.ts +19 -0
  97. data/app/lib/primer/forms/acts_as_component.rb +1 -12
  98. data/lib/primer/view_components/version.rb +1 -1
  99. data/previews/primer/open_project/file_tree_view_preview/default.html.erb +16 -0
  100. data/previews/primer/open_project/file_tree_view_preview/playground.html.erb +4 -0
  101. data/previews/primer/open_project/file_tree_view_preview.rb +69 -0
  102. data/previews/primer/open_project/skeleton_box_preview.rb +20 -0
  103. data/previews/primer/open_project/tree_view_preview/default.html.erb +24 -0
  104. data/previews/primer/open_project/tree_view_preview/empty.html.erb +10 -0
  105. data/previews/primer/open_project/tree_view_preview/leaf_node_playground.html.erb +15 -0
  106. data/previews/primer/open_project/tree_view_preview/loading_failure.html.erb +36 -0
  107. data/previews/primer/open_project/tree_view_preview/loading_skeleton.html.erb +12 -0
  108. data/previews/primer/open_project/tree_view_preview/loading_spinner.html.erb +12 -0
  109. data/previews/primer/open_project/tree_view_preview/playground.html.erb +4 -0
  110. data/previews/primer/open_project/tree_view_preview.rb +139 -0
  111. data/static/arguments.json +400 -0
  112. data/static/audited_at.json +17 -0
  113. data/static/classes.json +18 -0
  114. data/static/constants.json +83 -0
  115. data/static/info_arch.json +1379 -0
  116. data/static/previews.json +167 -0
  117. data/static/statuses.json +17 -0
  118. metadata +75 -2
@@ -5174,6 +5174,12 @@
5174
5174
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/border_box/collapsible_header.rb",
5175
5175
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/border_box/collapsible_header/default/",
5176
5176
  "parameters": [
5177
+ {
5178
+ "name": "id",
5179
+ "type": "String",
5180
+ "default": "`self.class.generate_id`",
5181
+ "description": "The unique ID of the collapsible header."
5182
+ },
5177
5183
  {
5178
5184
  "name": "collapsed",
5179
5185
  "type": "Boolean",
@@ -5234,6 +5240,12 @@
5234
5240
  "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/collapsible_section.rb",
5235
5241
  "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/collapsible_section/default/",
5236
5242
  "parameters": [
5243
+ {
5244
+ "name": "id",
5245
+ "type": "String",
5246
+ "default": "`self.class.generate_id`",
5247
+ "description": "The unique ID of the collapsible section."
5248
+ },
5237
5249
  {
5238
5250
  "name": "collapsed",
5239
5251
  "type": "Boolean",
@@ -5399,6 +5411,44 @@
5399
5411
  }
5400
5412
  ]
5401
5413
  },
5414
+ {
5415
+ "component": "OpenProject::FileTreeView",
5416
+ "status": "alpha",
5417
+ "a11y_reviewed": false,
5418
+ "short_name": "OpenProjectFileTreeView",
5419
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view.rb",
5420
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/default/",
5421
+ "parameters": [
5422
+ {
5423
+ "name": "system_arguments",
5424
+ "type": "Hash",
5425
+ "default": "N/A",
5426
+ "description": "[System arguments](/system-arguments)."
5427
+ }
5428
+ ]
5429
+ },
5430
+ {
5431
+ "component": "OpenProject::FileTreeView::DirectoryNode",
5432
+ "status": "alpha",
5433
+ "a11y_reviewed": false,
5434
+ "short_name": "OpenProjectFileTreeViewDirectoryNode",
5435
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view/directory_node.rb",
5436
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/directory_node/default/",
5437
+ "parameters": [
5438
+
5439
+ ]
5440
+ },
5441
+ {
5442
+ "component": "OpenProject::FileTreeView::FileNode",
5443
+ "status": "alpha",
5444
+ "a11y_reviewed": false,
5445
+ "short_name": "OpenProjectFileTreeViewFileNode",
5446
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view/file_node.rb",
5447
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/file_node/default/",
5448
+ "parameters": [
5449
+
5450
+ ]
5451
+ },
5402
5452
  {
5403
5453
  "component": "OpenProject::FlexLayout",
5404
5454
  "status": "open_project",
@@ -5618,6 +5668,34 @@
5618
5668
 
5619
5669
  ]
5620
5670
  },
5671
+ {
5672
+ "component": "OpenProject::SkeletonBox",
5673
+ "status": "alpha",
5674
+ "a11y_reviewed": false,
5675
+ "short_name": "OpenProjectSkeletonBox",
5676
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/skeleton_box.rb",
5677
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/skeleton_box/default/",
5678
+ "parameters": [
5679
+ {
5680
+ "name": "height",
5681
+ "type": "String",
5682
+ "default": "`nil`",
5683
+ "description": "Any valid CSS height."
5684
+ },
5685
+ {
5686
+ "name": "width",
5687
+ "type": "String",
5688
+ "default": "`nil`",
5689
+ "description": "Any valid CSS width."
5690
+ },
5691
+ {
5692
+ "name": "system_arguments",
5693
+ "type": "Hash",
5694
+ "default": "N/A",
5695
+ "description": "[System arguments](/system-arguments)"
5696
+ }
5697
+ ]
5698
+ },
5621
5699
  {
5622
5700
  "component": "OpenProject::SubHeader",
5623
5701
  "status": "open_project",
@@ -5634,6 +5712,328 @@
5634
5712
  }
5635
5713
  ]
5636
5714
  },
5715
+ {
5716
+ "component": "OpenProject::TreeView",
5717
+ "status": "alpha",
5718
+ "a11y_reviewed": false,
5719
+ "short_name": "OpenProjectTreeView",
5720
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view.rb",
5721
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/default/",
5722
+ "parameters": [
5723
+ {
5724
+ "name": "system_arguments",
5725
+ "type": "Hash",
5726
+ "default": "N/A",
5727
+ "description": "[System arguments](/system-arguments)."
5728
+ }
5729
+ ]
5730
+ },
5731
+ {
5732
+ "component": "OpenProject::TreeView::Icon",
5733
+ "status": "alpha",
5734
+ "a11y_reviewed": false,
5735
+ "short_name": "OpenProjectTreeViewIcon",
5736
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/icon.rb",
5737
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/icon/default/",
5738
+ "parameters": [
5739
+ {
5740
+ "name": "system_arguments",
5741
+ "type": "Hash",
5742
+ "default": "N/A",
5743
+ "description": "The arguments accepted by [Octicon](/components/beta/octicon)."
5744
+ }
5745
+ ]
5746
+ },
5747
+ {
5748
+ "component": "OpenProject::TreeView::IconPair",
5749
+ "status": "alpha",
5750
+ "a11y_reviewed": false,
5751
+ "short_name": "OpenProjectTreeViewIconPair",
5752
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/icon_pair.rb",
5753
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/icon_pair/default/",
5754
+ "parameters": [
5755
+ {
5756
+ "name": "expanded",
5757
+ "type": "Boolean",
5758
+ "default": "`false`",
5759
+ "description": "If true, the expanded icon is shown and the collapsed icon is hidden, etc."
5760
+ },
5761
+ {
5762
+ "name": "system_arguments",
5763
+ "type": "Hash",
5764
+ "default": "N/A",
5765
+ "description": "[System arguments](/system-arguments)"
5766
+ }
5767
+ ]
5768
+ },
5769
+ {
5770
+ "component": "OpenProject::TreeView::LeadingAction",
5771
+ "status": "alpha",
5772
+ "a11y_reviewed": false,
5773
+ "short_name": "OpenProjectTreeViewLeadingAction",
5774
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/leading_action.rb",
5775
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/leading_action/default/",
5776
+ "parameters": [
5777
+ {
5778
+ "name": "action",
5779
+ "type": "ViewComponent::Base",
5780
+ "default": "N/A",
5781
+ "description": "A component or other renderable to use as the action button etc."
5782
+ }
5783
+ ]
5784
+ },
5785
+ {
5786
+ "component": "OpenProject::TreeView::LeafNode",
5787
+ "status": "alpha",
5788
+ "a11y_reviewed": false,
5789
+ "short_name": "OpenProjectTreeViewLeafNode",
5790
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/leaf_node.rb",
5791
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/leaf_node/default/",
5792
+ "parameters": [
5793
+ {
5794
+ "name": "label",
5795
+ "type": "String",
5796
+ "default": "N/A",
5797
+ "description": "The node's label, i.e. it's textual content."
5798
+ },
5799
+ {
5800
+ "name": "system_arguments",
5801
+ "type": "Hash",
5802
+ "default": "N/A",
5803
+ "description": "The arguments accepted by [OpenProject::TreeView::Node](/components/openprojecttreeviewnode)."
5804
+ }
5805
+ ]
5806
+ },
5807
+ {
5808
+ "component": "OpenProject::TreeView::LoadingFailureMessage",
5809
+ "status": "alpha",
5810
+ "a11y_reviewed": false,
5811
+ "short_name": "OpenProjectTreeViewLoadingFailureMessage",
5812
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/loading_failure_message.rb",
5813
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/loading_failure_message/default/",
5814
+ "parameters": [
5815
+ {
5816
+ "name": "text",
5817
+ "type": "String",
5818
+ "default": "`Something went wrong`",
5819
+ "description": "The failure message to display."
5820
+ },
5821
+ {
5822
+ "name": "retry_button_label",
5823
+ "type": "String",
5824
+ "default": "`Retry`",
5825
+ "description": "The text shown on the retry button."
5826
+ },
5827
+ {
5828
+ "name": "system_arguments",
5829
+ "type": "Hash",
5830
+ "default": "N/A",
5831
+ "description": "[System arguments](/system-arguments)"
5832
+ }
5833
+ ]
5834
+ },
5835
+ {
5836
+ "component": "OpenProject::TreeView::Node",
5837
+ "status": "alpha",
5838
+ "a11y_reviewed": false,
5839
+ "short_name": "OpenProjectTreeViewNode",
5840
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/node.rb",
5841
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/node/default/",
5842
+ "parameters": [
5843
+ {
5844
+ "name": "path",
5845
+ "type": "Array<String>",
5846
+ "default": "N/A",
5847
+ "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
5848
+ },
5849
+ {
5850
+ "name": "current",
5851
+ "type": "Boolean",
5852
+ "default": "`false`",
5853
+ "description": "Whether or not this node is the current node. The current node is styled differently than regular nodes and is the first element that receives focus when tabbing to the `TreeView` component."
5854
+ },
5855
+ {
5856
+ "name": "select_variant",
5857
+ "type": "Symbol",
5858
+ "default": "`:none`",
5859
+ "description": "Controls the type of checkbox that appears. One of `:multiple` or `:none`."
5860
+ },
5861
+ {
5862
+ "name": "checked",
5863
+ "type": "Boolean | String",
5864
+ "default": "`false`",
5865
+ "description": "The checked state of the node's checkbox. One of `false`, `mixed`, or `true`."
5866
+ },
5867
+ {
5868
+ "name": "system_arguments",
5869
+ "type": "Hash",
5870
+ "default": "N/A",
5871
+ "description": "The arguments accepted by [ActionList](/components/alpha/actionlist)."
5872
+ }
5873
+ ]
5874
+ },
5875
+ {
5876
+ "component": "OpenProject::TreeView::SkeletonLoader",
5877
+ "status": "alpha",
5878
+ "a11y_reviewed": false,
5879
+ "short_name": "OpenProjectTreeViewSkeletonLoader",
5880
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/skeleton_loader.rb",
5881
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/skeleton_loader/default/",
5882
+ "parameters": [
5883
+ {
5884
+ "name": "src",
5885
+ "type": "String",
5886
+ "default": "N/A",
5887
+ "description": "The URL to fetch nodes from."
5888
+ },
5889
+ {
5890
+ "name": "count",
5891
+ "type": "Integer",
5892
+ "default": "`3`",
5893
+ "description": "The number of skeleton nodes to render."
5894
+ },
5895
+ {
5896
+ "name": "system_arguments",
5897
+ "type": "Hash",
5898
+ "default": "N/A",
5899
+ "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
5900
+ }
5901
+ ]
5902
+ },
5903
+ {
5904
+ "component": "OpenProject::TreeView::SpinnerLoader",
5905
+ "status": "alpha",
5906
+ "a11y_reviewed": false,
5907
+ "short_name": "OpenProjectTreeViewSpinnerLoader",
5908
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/spinner_loader.rb",
5909
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/spinner_loader/default/",
5910
+ "parameters": [
5911
+ {
5912
+ "name": "src",
5913
+ "type": "String",
5914
+ "default": "N/A",
5915
+ "description": "The URL to fetch nodes from."
5916
+ },
5917
+ {
5918
+ "name": "system_arguments",
5919
+ "type": "Hash",
5920
+ "default": "N/A",
5921
+ "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
5922
+ }
5923
+ ]
5924
+ },
5925
+ {
5926
+ "component": "OpenProject::TreeView::SubTree",
5927
+ "status": "alpha",
5928
+ "a11y_reviewed": false,
5929
+ "short_name": "OpenProjectTreeViewSubTree",
5930
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree.rb",
5931
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree/default/",
5932
+ "parameters": [
5933
+ {
5934
+ "name": "system_arguments",
5935
+ "type": "Hash",
5936
+ "default": "N/A",
5937
+ "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
5938
+ }
5939
+ ]
5940
+ },
5941
+ {
5942
+ "component": "OpenProject::TreeView::SubTreeContainer",
5943
+ "status": "alpha",
5944
+ "a11y_reviewed": false,
5945
+ "short_name": "OpenProjectTreeViewSubTreeContainer",
5946
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree_container.rb",
5947
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree_container/default/",
5948
+ "parameters": [
5949
+ {
5950
+ "name": "path",
5951
+ "type": "Array<String>",
5952
+ "default": "N/A",
5953
+ "description": "The path to this node."
5954
+ },
5955
+ {
5956
+ "name": "expanded",
5957
+ "type": "Boolean",
5958
+ "default": "`false`",
5959
+ "description": "Whether or not this sub-tree node renders expanded."
5960
+ },
5961
+ {
5962
+ "name": "system_arguments",
5963
+ "type": "Hash",
5964
+ "default": "N/A",
5965
+ "description": "[System arguments](/system-arguments)"
5966
+ }
5967
+ ]
5968
+ },
5969
+ {
5970
+ "component": "OpenProject::TreeView::SubTreeNode",
5971
+ "status": "alpha",
5972
+ "a11y_reviewed": false,
5973
+ "short_name": "OpenProjectTreeViewSubTreeNode",
5974
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree_node.rb",
5975
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree_node/default/",
5976
+ "parameters": [
5977
+ {
5978
+ "name": "label",
5979
+ "type": "String",
5980
+ "default": "N/A",
5981
+ "description": "The node's label, i.e. it's textual content."
5982
+ },
5983
+ {
5984
+ "name": "path",
5985
+ "type": "Array<String>",
5986
+ "default": "N/A",
5987
+ "description": "The node's \"path,\" i.e. this node's label and the labels of all its ancestors. This node should be reachable by traversing the tree following this path."
5988
+ },
5989
+ {
5990
+ "name": "expanded",
5991
+ "type": "Boolean",
5992
+ "default": "`false`",
5993
+ "description": "Whether or not this sub-tree should be rendered expanded."
5994
+ },
5995
+ {
5996
+ "name": "select_strategy",
5997
+ "type": "Symbol",
5998
+ "default": "`:descendants`",
5999
+ "description": "What should happen when this sub-tree node is checked. One of `:descendants` or `:self`."
6000
+ },
6001
+ {
6002
+ "name": "system_arguments",
6003
+ "type": "Hash",
6004
+ "default": "N/A",
6005
+ "description": "The arguments accepted by [OpenProject::TreeView::Node](/components/openprojecttreeviewnode)."
6006
+ }
6007
+ ]
6008
+ },
6009
+ {
6010
+ "component": "OpenProject::TreeView::Visual",
6011
+ "status": "alpha",
6012
+ "a11y_reviewed": false,
6013
+ "short_name": "OpenProjectTreeViewVisual",
6014
+ "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/visual.rb",
6015
+ "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/visual/default/",
6016
+ "parameters": [
6017
+ {
6018
+ "name": "id",
6019
+ "type": "String",
6020
+ "default": "N/A",
6021
+ "description": "This visual's HTML ID."
6022
+ },
6023
+ {
6024
+ "name": "visual",
6025
+ "type": "ViewComponent::Base",
6026
+ "default": "N/A",
6027
+ "description": "A renderable component like an instance of [Octicon](/components/beta/octicon) to render as the visual."
6028
+ },
6029
+ {
6030
+ "name": "label",
6031
+ "type": "String",
6032
+ "default": "`nil`",
6033
+ "description": "Text describing this visual that will be visible only to screen readers."
6034
+ }
6035
+ ]
6036
+ },
5637
6037
  {
5638
6038
  "component": "OpenProject::ZenModeButton",
5639
6039
  "status": "open_project",
@@ -128,6 +128,9 @@
128
128
  "Primer::OpenProject::DragHandle": "",
129
129
  "Primer::OpenProject::FeedbackDialog": "",
130
130
  "Primer::OpenProject::FeedbackMessage": "",
131
+ "Primer::OpenProject::FileTreeView": "",
132
+ "Primer::OpenProject::FileTreeView::DirectoryNode": "",
133
+ "Primer::OpenProject::FileTreeView::FileNode": "",
131
134
  "Primer::OpenProject::FlexLayout": "",
132
135
  "Primer::OpenProject::GridLayout": "",
133
136
  "Primer::OpenProject::GridLayout::Area": "",
@@ -139,7 +142,21 @@
139
142
  "Primer::OpenProject::PageHeader::Title": "",
140
143
  "Primer::OpenProject::SidePanel": "",
141
144
  "Primer::OpenProject::SidePanel::Section": "",
145
+ "Primer::OpenProject::SkeletonBox": "",
142
146
  "Primer::OpenProject::SubHeader": "",
147
+ "Primer::OpenProject::TreeView": "",
148
+ "Primer::OpenProject::TreeView::Icon": "",
149
+ "Primer::OpenProject::TreeView::IconPair": "",
150
+ "Primer::OpenProject::TreeView::LeadingAction": "",
151
+ "Primer::OpenProject::TreeView::LeafNode": "",
152
+ "Primer::OpenProject::TreeView::LoadingFailureMessage": "",
153
+ "Primer::OpenProject::TreeView::Node": "",
154
+ "Primer::OpenProject::TreeView::SkeletonLoader": "",
155
+ "Primer::OpenProject::TreeView::SpinnerLoader": "",
156
+ "Primer::OpenProject::TreeView::SubTree": "",
157
+ "Primer::OpenProject::TreeView::SubTreeContainer": "",
158
+ "Primer::OpenProject::TreeView::SubTreeNode": "",
159
+ "Primer::OpenProject::TreeView::Visual": "",
143
160
  "Primer::OpenProject::ZenModeButton": "",
144
161
  "Primer::Tooltip": "",
145
162
  "Primer::Truncate": ""
data/static/classes.json CHANGED
@@ -243,6 +243,9 @@
243
243
  "CollapsibleHeader": [
244
244
  "Primer::OpenProject::BorderBox::CollapsibleHeader"
245
245
  ],
246
+ "CollapsibleHeader--triggerArea": [
247
+ "Primer::OpenProject::BorderBox::CollapsibleHeader"
248
+ ],
246
249
  "CollapsibleSection--triggerArea": [
247
250
  "Primer::OpenProject::CollapsibleSection"
248
251
  ],
@@ -586,6 +589,9 @@
586
589
  "SidePanel-sectionHeader": [
587
590
  "Primer::OpenProject::SidePanel::Section"
588
591
  ],
592
+ "SkeletonBox": [
593
+ "Primer::OpenProject::SkeletonBox"
594
+ ],
589
595
  "Stack": [
590
596
  "Primer::Alpha::Stack"
591
597
  ],
@@ -721,6 +727,18 @@
721
727
  "ToggleSwitch-track": [
722
728
  "Primer::Alpha::ToggleSwitch"
723
729
  ],
730
+ "TreeItemSkeletonTextStyles": [
731
+ "Primer::OpenProject::TreeView"
732
+ ],
733
+ "TreeViewFailureMessage": [
734
+ "Primer::OpenProject::TreeView"
735
+ ],
736
+ "TreeViewRootUlStyles": [
737
+ "Primer::OpenProject::TreeView"
738
+ ],
739
+ "TreeViewSkeletonItemContainerStyle": [
740
+ "Primer::OpenProject::TreeView"
741
+ ],
724
742
  "Truncate": [
725
743
  "Primer::Beta::Truncate"
726
744
  ],
@@ -1622,6 +1622,17 @@
1622
1622
  "Primer::OpenProject::FeedbackMessage": {
1623
1623
  "GeneratedSlotMethods": "Primer::OpenProject::FeedbackMessage::GeneratedSlotMethods"
1624
1624
  },
1625
+ "Primer::OpenProject::FileTreeView": {
1626
+ "DirectoryNode": "Primer::OpenProject::FileTreeView::DirectoryNode",
1627
+ "FileNode": "Primer::OpenProject::FileTreeView::FileNode",
1628
+ "GeneratedSlotMethods": "Primer::OpenProject::FileTreeView::GeneratedSlotMethods"
1629
+ },
1630
+ "Primer::OpenProject::FileTreeView::DirectoryNode": {
1631
+ "GeneratedSlotMethods": "Primer::OpenProject::FileTreeView::DirectoryNode::GeneratedSlotMethods"
1632
+ },
1633
+ "Primer::OpenProject::FileTreeView::FileNode": {
1634
+ "GeneratedSlotMethods": "Primer::OpenProject::FileTreeView::FileNode::GeneratedSlotMethods"
1635
+ },
1625
1636
  "Primer::OpenProject::FlexLayout": {
1626
1637
  "GeneratedSlotMethods": "Primer::OpenProject::FlexLayout::GeneratedSlotMethods"
1627
1638
  },
@@ -1742,11 +1753,83 @@
1742
1753
  "h6"
1743
1754
  ]
1744
1755
  },
1756
+ "Primer::OpenProject::SkeletonBox": {
1757
+ "GeneratedSlotMethods": "Primer::OpenProject::SkeletonBox::GeneratedSlotMethods"
1758
+ },
1745
1759
  "Primer::OpenProject::SubHeader": {
1746
1760
  "GeneratedSlotMethods": "Primer::OpenProject::SubHeader::GeneratedSlotMethods",
1747
1761
  "HIDDEN_FILTER_TARGET_SELECTOR": "sub-header.hiddenItemsOnExpandedFilter",
1748
1762
  "SHOWN_FILTER_TARGET_SELECTOR": "sub-header.shownItemsOnExpandedFilter"
1749
1763
  },
1764
+ "Primer::OpenProject::TreeView": {
1765
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::GeneratedSlotMethods",
1766
+ "Icon": "Primer::OpenProject::TreeView::Icon",
1767
+ "IconPair": "Primer::OpenProject::TreeView::IconPair",
1768
+ "LeadingAction": "Primer::OpenProject::TreeView::LeadingAction",
1769
+ "LeafNode": "Primer::OpenProject::TreeView::LeafNode",
1770
+ "LoadingFailureMessage": "Primer::OpenProject::TreeView::LoadingFailureMessage",
1771
+ "Node": "Primer::OpenProject::TreeView::Node",
1772
+ "SkeletonLoader": "Primer::OpenProject::TreeView::SkeletonLoader",
1773
+ "SpinnerLoader": "Primer::OpenProject::TreeView::SpinnerLoader",
1774
+ "SubTree": "Primer::OpenProject::TreeView::SubTree",
1775
+ "SubTreeContainer": "Primer::OpenProject::TreeView::SubTreeContainer",
1776
+ "SubTreeNode": "Primer::OpenProject::TreeView::SubTreeNode",
1777
+ "Visual": "Primer::OpenProject::TreeView::Visual"
1778
+ },
1779
+ "Primer::OpenProject::TreeView::Icon": {
1780
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::Icon::GeneratedSlotMethods"
1781
+ },
1782
+ "Primer::OpenProject::TreeView::IconPair": {
1783
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::IconPair::GeneratedSlotMethods"
1784
+ },
1785
+ "Primer::OpenProject::TreeView::LeadingAction": {
1786
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::LeadingAction::GeneratedSlotMethods"
1787
+ },
1788
+ "Primer::OpenProject::TreeView::LeafNode": {
1789
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::LeafNode::GeneratedSlotMethods"
1790
+ },
1791
+ "Primer::OpenProject::TreeView::LoadingFailureMessage": {
1792
+ "DEFAULT_RETRY_BUTTON_LABEL": "Retry",
1793
+ "DEFAULT_TEXT": "Something went wrong",
1794
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::LoadingFailureMessage::GeneratedSlotMethods"
1795
+ },
1796
+ "Primer::OpenProject::TreeView::Node": {
1797
+ "CHECKED_STATES": [
1798
+ false,
1799
+ true,
1800
+ "mixed"
1801
+ ],
1802
+ "DEFAULT_CHECKED_STATE": false,
1803
+ "DEFAULT_SELECT_VARIANT": "none",
1804
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::Node::GeneratedSlotMethods",
1805
+ "SELECT_VARIANT_OPTIONS": [
1806
+ "multiple",
1807
+ "none"
1808
+ ]
1809
+ },
1810
+ "Primer::OpenProject::TreeView::SkeletonLoader": {
1811
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SkeletonLoader::GeneratedSlotMethods"
1812
+ },
1813
+ "Primer::OpenProject::TreeView::SpinnerLoader": {
1814
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SpinnerLoader::GeneratedSlotMethods"
1815
+ },
1816
+ "Primer::OpenProject::TreeView::SubTree": {
1817
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SubTree::GeneratedSlotMethods"
1818
+ },
1819
+ "Primer::OpenProject::TreeView::SubTreeContainer": {
1820
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SubTreeContainer::GeneratedSlotMethods"
1821
+ },
1822
+ "Primer::OpenProject::TreeView::SubTreeNode": {
1823
+ "DEFAULT_SELECT_STRATEGY": "descendants",
1824
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SubTreeNode::GeneratedSlotMethods",
1825
+ "SELECT_STRATEGIES": [
1826
+ "self",
1827
+ "descendants"
1828
+ ]
1829
+ },
1830
+ "Primer::OpenProject::TreeView::Visual": {
1831
+ "GeneratedSlotMethods": "Primer::OpenProject::TreeView::Visual::GeneratedSlotMethods"
1832
+ },
1750
1833
  "Primer::OpenProject::ZenModeButton": {
1751
1834
  "GeneratedSlotMethods": "Primer::OpenProject::ZenModeButton::GeneratedSlotMethods",
1752
1835
  "ZEN_MODE_BUTTON_ICON": "screen-full",