RubyGems - openproject-primer_view_components - Versions diffs - 0.70.5 → 0.72.0 - Mend

openproject-primer_view_components 0.70.5 → 0.72.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 (142) hide show

metadata CHANGED Viewed

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: openproject-primer_view_components
 version: !ruby/object:Gem::Version
-  version: 0.70.5
+  version: 0.72.0
 platform: ruby
 authors:
 - GitHub Open Source
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-11 00:00:00.000000000 Z
+date: 2025-08-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -17,28 +17,28 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
 - !ruby/object:Gem::Dependency
   name: activesupport
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 7.1.0
+        version: 7.2.0
 - !ruby/object:Gem::Dependency
   name: openproject-octicons
   requirement: !ruby/object:Gem::Requirement
@@ -62,7 +62,7 @@ dependencies:
         version: '3.1'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -72,7 +72,7 @@ dependencies:
         version: '3.1'
     - - "<"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: '5.0'
 description:
 email:
 executables: []
@@ -95,6 +95,11 @@ files:
 - app/assets/javascripts/components/primer/alpha/tab_container.d.ts
 - app/assets/javascripts/components/primer/alpha/toggle_switch.d.ts
 - app/assets/javascripts/components/primer/alpha/tool_tip.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_icon_pair_element.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_include_fragment_element.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_roving_tab_index.d.ts
+- app/assets/javascripts/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.d.ts
 - app/assets/javascripts/components/primer/alpha/x_banner.d.ts
 - app/assets/javascripts/components/primer/anchored_position.d.ts
 - app/assets/javascripts/components/primer/beta/auto_complete/auto_complete.d.ts
@@ -109,13 +114,9 @@ files:
 - app/assets/javascripts/components/primer/open_project/collapsible.d.ts
 - app/assets/javascripts/components/primer/open_project/collapsible_section.d.ts
 - app/assets/javascripts/components/primer/open_project/danger_dialog_form_helper.d.ts
+- app/assets/javascripts/components/primer/open_project/filterable_tree_view.d.ts
 - app/assets/javascripts/components/primer/open_project/page_header_element.d.ts
 - app/assets/javascripts/components/primer/open_project/sub_header_element.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_icon_pair_element.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_include_fragment_element.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_roving_tab_index.d.ts
-- app/assets/javascripts/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.d.ts
 - app/assets/javascripts/components/primer/open_project/zen_mode_button.d.ts
 - app/assets/javascripts/components/primer/primer.d.ts
 - app/assets/javascripts/components/primer/scrollable_region.d.ts
@@ -218,6 +219,11 @@ files:
 - app/components/primer/alpha/dropdown/menu.js
 - app/components/primer/alpha/dropdown/menu.rb
 - app/components/primer/alpha/dropdown/menu.ts
+- app/components/primer/alpha/file_tree_view.rb
+- app/components/primer/alpha/file_tree_view/directory_node.html.erb
+- app/components/primer/alpha/file_tree_view/directory_node.rb
+- app/components/primer/alpha/file_tree_view/file_node.html.erb
+- app/components/primer/alpha/file_tree_view/file_node.rb
 - app/components/primer/alpha/form_button.rb
 - app/components/primer/alpha/form_control.html.erb
 - app/components/primer/alpha/form_control.rb
@@ -283,6 +289,12 @@ files:
 - app/components/primer/alpha/select_panel_element.d.ts
 - app/components/primer/alpha/select_panel_element.js
 - app/components/primer/alpha/select_panel_element.ts
+- app/components/primer/alpha/skeleton_box.css
+- app/components/primer/alpha/skeleton_box.css.json
+- app/components/primer/alpha/skeleton_box.css.map
+- app/components/primer/alpha/skeleton_box.html.erb
+- app/components/primer/alpha/skeleton_box.pcss
+- app/components/primer/alpha/skeleton_box.rb
 - app/components/primer/alpha/stack.css
 - app/components/primer/alpha/stack.css.json
 - app/components/primer/alpha/stack.css.map
@@ -327,6 +339,51 @@ files:
 - app/components/primer/alpha/tool_tip.js
 - app/components/primer/alpha/tool_tip.ts
 - app/components/primer/alpha/tooltip.rb
+- app/components/primer/alpha/tree_view.css
+- app/components/primer/alpha/tree_view.css.json
+- app/components/primer/alpha/tree_view.css.map
+- app/components/primer/alpha/tree_view.html.erb
+- app/components/primer/alpha/tree_view.pcss
+- app/components/primer/alpha/tree_view.rb
+- app/components/primer/alpha/tree_view/icon.html.erb
+- app/components/primer/alpha/tree_view/icon.rb
+- app/components/primer/alpha/tree_view/icon_pair.html.erb
+- app/components/primer/alpha/tree_view/icon_pair.rb
+- app/components/primer/alpha/tree_view/leading_action.html.erb
+- app/components/primer/alpha/tree_view/leading_action.rb
+- app/components/primer/alpha/tree_view/leaf_node.html.erb
+- app/components/primer/alpha/tree_view/leaf_node.rb
+- app/components/primer/alpha/tree_view/loading_failure_message.html.erb
+- app/components/primer/alpha/tree_view/loading_failure_message.rb
+- app/components/primer/alpha/tree_view/node.html.erb
+- app/components/primer/alpha/tree_view/node.rb
+- app/components/primer/alpha/tree_view/skeleton_loader.html.erb
+- app/components/primer/alpha/tree_view/skeleton_loader.rb
+- app/components/primer/alpha/tree_view/spinner_loader.html.erb
+- app/components/primer/alpha/tree_view/spinner_loader.rb
+- app/components/primer/alpha/tree_view/sub_tree.html.erb
+- app/components/primer/alpha/tree_view/sub_tree.rb
+- app/components/primer/alpha/tree_view/sub_tree_container.html.erb
+- app/components/primer/alpha/tree_view/sub_tree_container.rb
+- app/components/primer/alpha/tree_view/sub_tree_node.html.erb
+- app/components/primer/alpha/tree_view/sub_tree_node.rb
+- app/components/primer/alpha/tree_view/tree_view.d.ts
+- app/components/primer/alpha/tree_view/tree_view.js
+- app/components/primer/alpha/tree_view/tree_view.ts
+- app/components/primer/alpha/tree_view/tree_view_icon_pair_element.d.ts
+- app/components/primer/alpha/tree_view/tree_view_icon_pair_element.js
+- app/components/primer/alpha/tree_view/tree_view_icon_pair_element.ts
+- app/components/primer/alpha/tree_view/tree_view_include_fragment_element.d.ts
+- app/components/primer/alpha/tree_view/tree_view_include_fragment_element.js
+- app/components/primer/alpha/tree_view/tree_view_include_fragment_element.ts
+- app/components/primer/alpha/tree_view/tree_view_roving_tab_index.d.ts
+- app/components/primer/alpha/tree_view/tree_view_roving_tab_index.js
+- app/components/primer/alpha/tree_view/tree_view_roving_tab_index.ts
+- app/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.d.ts
+- app/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.js
+- app/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.ts
+- app/components/primer/alpha/tree_view/visual.html.erb
+- app/components/primer/alpha/tree_view/visual.rb
 - app/components/primer/alpha/underline_nav.css
 - app/components/primer/alpha/underline_nav.css.json
 - app/components/primer/alpha/underline_nav.css.map
@@ -556,11 +613,12 @@ files:
 - app/components/primer/open_project/feedback_dialog.rb
 - app/components/primer/open_project/feedback_message.html.erb
 - app/components/primer/open_project/feedback_message.rb
-- app/components/primer/open_project/file_tree_view.rb
-- app/components/primer/open_project/file_tree_view/directory_node.html.erb
-- app/components/primer/open_project/file_tree_view/directory_node.rb
-- app/components/primer/open_project/file_tree_view/file_node.html.erb
-- app/components/primer/open_project/file_tree_view/file_node.rb
+- app/components/primer/open_project/filterable_tree_view.d.ts
+- app/components/primer/open_project/filterable_tree_view.html.erb
+- app/components/primer/open_project/filterable_tree_view.js
+- app/components/primer/open_project/filterable_tree_view.rb
+- app/components/primer/open_project/filterable_tree_view.ts
+- app/components/primer/open_project/filterable_tree_view/sub_tree.rb
 - app/components/primer/open_project/flex_layout.html.erb
 - app/components/primer/open_project/flex_layout.rb
 - app/components/primer/open_project/grid_layout.html.erb
@@ -594,12 +652,6 @@ files:
 - app/components/primer/open_project/side_panel/section.html.erb
 - app/components/primer/open_project/side_panel/section.pcss
 - app/components/primer/open_project/side_panel/section.rb
-- app/components/primer/open_project/skeleton_box.css
-- app/components/primer/open_project/skeleton_box.css.json
-- app/components/primer/open_project/skeleton_box.css.map
-- app/components/primer/open_project/skeleton_box.html.erb
-- app/components/primer/open_project/skeleton_box.pcss
-- app/components/primer/open_project/skeleton_box.rb
 - app/components/primer/open_project/sub_header.css
 - app/components/primer/open_project/sub_header.css.json
 - app/components/primer/open_project/sub_header.css.map
@@ -613,51 +665,6 @@ files:
 - app/components/primer/open_project/sub_header_element.d.ts
 - app/components/primer/open_project/sub_header_element.js
 - app/components/primer/open_project/sub_header_element.ts
-- app/components/primer/open_project/tree_view.css
-- app/components/primer/open_project/tree_view.css.json
-- app/components/primer/open_project/tree_view.css.map
-- app/components/primer/open_project/tree_view.html.erb
-- app/components/primer/open_project/tree_view.pcss
-- app/components/primer/open_project/tree_view.rb
-- app/components/primer/open_project/tree_view/icon.html.erb
-- app/components/primer/open_project/tree_view/icon.rb
-- app/components/primer/open_project/tree_view/icon_pair.html.erb
-- app/components/primer/open_project/tree_view/icon_pair.rb
-- app/components/primer/open_project/tree_view/leading_action.html.erb
-- app/components/primer/open_project/tree_view/leading_action.rb
-- app/components/primer/open_project/tree_view/leaf_node.html.erb
-- app/components/primer/open_project/tree_view/leaf_node.rb
-- app/components/primer/open_project/tree_view/loading_failure_message.html.erb
-- app/components/primer/open_project/tree_view/loading_failure_message.rb
-- app/components/primer/open_project/tree_view/node.html.erb
-- app/components/primer/open_project/tree_view/node.rb
-- app/components/primer/open_project/tree_view/skeleton_loader.html.erb
-- app/components/primer/open_project/tree_view/skeleton_loader.rb
-- app/components/primer/open_project/tree_view/spinner_loader.html.erb
-- app/components/primer/open_project/tree_view/spinner_loader.rb
-- app/components/primer/open_project/tree_view/sub_tree.html.erb
-- app/components/primer/open_project/tree_view/sub_tree.rb
-- app/components/primer/open_project/tree_view/sub_tree_container.html.erb
-- app/components/primer/open_project/tree_view/sub_tree_container.rb
-- app/components/primer/open_project/tree_view/sub_tree_node.html.erb
-- app/components/primer/open_project/tree_view/sub_tree_node.rb
-- app/components/primer/open_project/tree_view/tree_view.d.ts
-- app/components/primer/open_project/tree_view/tree_view.js
-- app/components/primer/open_project/tree_view/tree_view.ts
-- app/components/primer/open_project/tree_view/tree_view_icon_pair_element.d.ts
-- app/components/primer/open_project/tree_view/tree_view_icon_pair_element.js
-- app/components/primer/open_project/tree_view/tree_view_icon_pair_element.ts
-- app/components/primer/open_project/tree_view/tree_view_include_fragment_element.d.ts
-- app/components/primer/open_project/tree_view/tree_view_include_fragment_element.js
-- app/components/primer/open_project/tree_view/tree_view_include_fragment_element.ts
-- app/components/primer/open_project/tree_view/tree_view_roving_tab_index.d.ts
-- app/components/primer/open_project/tree_view/tree_view_roving_tab_index.js
-- app/components/primer/open_project/tree_view/tree_view_roving_tab_index.ts
-- app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.d.ts
-- app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.js
-- app/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.ts
-- app/components/primer/open_project/tree_view/visual.html.erb
-- app/components/primer/open_project/tree_view/visual.rb
 - app/components/primer/open_project/zen_mode_button.d.ts
 - app/components/primer/open_project/zen_mode_button.html.erb
 - app/components/primer/open_project/zen_mode_button.js
@@ -850,6 +857,7 @@ files:
 - app/views/primer/view_components/select_panel_items/index.html.erb
 - app/views/primer/view_components/tree_view_items/async_alpha.html_fragment.erb
 - app/views/primer/view_components/tree_view_items/index.html_fragment.erb
+- config/locales/en.yml
 - config/routes.rb
 - lib/postcss_mixins/activeIndicatorLine.pcss
 - lib/postcss_mixins/clearfix.pcss
@@ -1001,6 +1009,9 @@ files:
 - previews/primer/alpha/dialog_preview/with_text_input.html.erb
 - previews/primer/alpha/dialog_preview/without_header_close_button_label.html.erb
 - previews/primer/alpha/dropdown_preview.rb
+- previews/primer/alpha/file_tree_view_preview.rb
+- previews/primer/alpha/file_tree_view_preview/default.html.erb
+- previews/primer/alpha/file_tree_view_preview/playground.html.erb
 - previews/primer/alpha/form_control_preview.rb
 - previews/primer/alpha/form_control_preview/playground.html.erb
 - previews/primer/alpha/hellip_button_preview.rb
@@ -1054,6 +1065,7 @@ files:
 - previews/primer/alpha/select_panel_preview/with_subtitle.html.erb
 - previews/primer/alpha/select_panel_preview/with_trailing_icons.html.erb
 - previews/primer/alpha/select_preview.rb
+- previews/primer/alpha/skeleton_box_preview.rb
 - previews/primer/alpha/stack_item_preview.rb
 - previews/primer/alpha/stack_item_preview/default.html.erb
 - previews/primer/alpha/stack_item_preview/playground.html.erb
@@ -1082,6 +1094,18 @@ files:
 - previews/primer/alpha/tooltip_preview/tooltip_with_dialog_moving_focus_to_input.html.erb
 - previews/primer/alpha/tooltip_preview/with_multiple_on_a_page.html.erb
 - previews/primer/alpha/tooltip_preview/with_right_most_position.html.erb
+- previews/primer/alpha/tree_view_preview.rb
+- previews/primer/alpha/tree_view_preview/async_alpha.html.erb
+- previews/primer/alpha/tree_view_preview/buttons.html.erb
+- previews/primer/alpha/tree_view_preview/default.html.erb
+- previews/primer/alpha/tree_view_preview/empty.html.erb
+- previews/primer/alpha/tree_view_preview/form_input.html.erb
+- previews/primer/alpha/tree_view_preview/leaf_node_playground.html.erb
+- previews/primer/alpha/tree_view_preview/links.html.erb
+- previews/primer/alpha/tree_view_preview/loading_failure.html.erb
+- previews/primer/alpha/tree_view_preview/loading_skeleton.html.erb
+- previews/primer/alpha/tree_view_preview/loading_spinner.html.erb
+- previews/primer/alpha/tree_view_preview/playground.html.erb
 - previews/primer/alpha/underline_nav_preview.rb
 - previews/primer/alpha/underline_nav_preview/default.html.erb
 - previews/primer/alpha/underline_nav_preview/playground.html.erb
@@ -1192,9 +1216,15 @@ files:
 - previews/primer/open_project/feedback_dialog_preview/with_additional_details.html.erb
 - previews/primer/open_project/feedback_dialog_preview/with_custom_footer.html.erb
 - previews/primer/open_project/feedback_message_preview.rb
-- previews/primer/open_project/file_tree_view_preview.rb
-- previews/primer/open_project/file_tree_view_preview/default.html.erb
-- previews/primer/open_project/file_tree_view_preview/playground.html.erb
+- previews/primer/open_project/filterable_tree_view_preview.rb
+- previews/primer/open_project/filterable_tree_view_preview/_custom_select_js.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/custom_checkbox_text.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/custom_no_results_text.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/custom_segmented_control.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/default.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/form_input.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/playground.html.erb
+- previews/primer/open_project/filterable_tree_view_preview/stress_test.html.erb
 - previews/primer/open_project/flex_layout_preview.rb
 - previews/primer/open_project/grid_layout_preview.rb
 - previews/primer/open_project/heading_preview.rb
@@ -1209,24 +1239,12 @@ files:
 - previews/primer/open_project/side_panel_preview/playground.html.erb
 - previews/primer/open_project/side_panel_preview/with_action_menu.html.erb
 - previews/primer/open_project/side_panel_preview/with_component.html.erb
-- previews/primer/open_project/skeleton_box_preview.rb
 - previews/primer/open_project/sub_header_preview.rb
 - previews/primer/open_project/sub_header_preview/action_menu_buttons.html.erb
 - previews/primer/open_project/sub_header_preview/bottom_pane.html.erb
 - previews/primer/open_project/sub_header_preview/button_group.html.erb
 - previews/primer/open_project/sub_header_preview/custom_filter_button.html.erb
 - previews/primer/open_project/sub_header_preview/dialog_buttons.html.erb
-- previews/primer/open_project/tree_view_preview.rb
-- previews/primer/open_project/tree_view_preview/async_alpha.html.erb
-- previews/primer/open_project/tree_view_preview/buttons.html.erb
-- previews/primer/open_project/tree_view_preview/default.html.erb
-- previews/primer/open_project/tree_view_preview/empty.html.erb
-- previews/primer/open_project/tree_view_preview/leaf_node_playground.html.erb
-- previews/primer/open_project/tree_view_preview/links.html.erb
-- previews/primer/open_project/tree_view_preview/loading_failure.html.erb
-- previews/primer/open_project/tree_view_preview/loading_skeleton.html.erb
-- previews/primer/open_project/tree_view_preview/loading_spinner.html.erb
-- previews/primer/open_project/tree_view_preview/playground.html.erb
 - previews/primer/open_project/zen_mode_button_preview.rb
 - previews/primer/url_helpers.rb
 - static/arguments.json

data/app/components/primer/open_project/tree_view.css DELETED Viewed

@@ -1 +0,0 @@

- .TreeViewRootUlStyles{list-style:none;margin:0;padding:0}.TreeViewRootUlStyles .TreeViewItem{outline:none}:is(.TreeViewRootUlStyles .TreeViewItem):focus-visible>div{box-shadow:var(--boxShadow-thick) var(--fgColor-accent)}@media (forced-colors:active){:is(.TreeViewRootUlStyles .TreeViewItem):focus-visible>div{outline:2px solid HighlightText;outline-offset:-2}}[data-has-leading-action]:is(.TreeViewRootUlStyles .TreeViewItem){--has-leading-action:1}.TreeViewRootUlStyles .TreeViewItemContainer{--level:1;--toggle-width:1rem;--min-item-height:2rem;border-radius:var(--borderRadius-medium);color:var(--fgColor-default);display:grid;font-size:var(--text-body-size-medium);grid-template-areas:"spacer leadingAction toggle content";grid-template-columns:var(--spacer-width) var(--leading-action-width) var(--toggle-width) 1fr;position:relative;width:100%;--leading-action-width:calc(var(--has-leading-action, 0)*1.5rem);--spacer-width:calc((var(--level) - 1)*(var(--toggle-width)/2))}:is(.TreeViewRootUlStyles .TreeViewItemContainer):hover{background-color:var(--control-transparent-bgColor-hover)}@media (forced-colors:active){:is(.TreeViewRootUlStyles .TreeViewItemContainer):hover{outline:2px solid #0000;outline-offset:-2px}}@media (pointer:coarse){.TreeViewRootUlStyles .TreeViewItemContainer{--toggle-width:1.5rem;--min-item-height:2.75rem}}:is(.TreeViewRootUlStyles .TreeViewItemContainer):has(.TreeViewFailureMessage):hover{background-color:initial;cursor:default}@media (forced-colors:active){:is(.TreeViewRootUlStyles .TreeViewItemContainer):has(.TreeViewFailureMessage):hover{outline:none}}:is(.TreeViewRootUlStyles .TreeViewItemContainer):has([role=treeitem]:focus-visible){box-shadow:var(--boxShadow-thick) var(--fgColor-accent)}.TreeViewRootUlStyles:where([data-omit-spacer=true]) .TreeViewItemContainer{grid-template-columns:0 0 0 1fr}.TreeViewRootUlStyles .TreeViewItem>.TreeViewItemContainer:has(.TreeViewItemContent[aria-current=true]){background-color:var(--control-transparent-bgColor-selected)}:is(.TreeViewRootUlStyles .TreeViewItem>.TreeViewItemContainer:has(.TreeViewItemContent[aria-current=true])):after{background-color:var(--fgColor-accent);border-radius:var(--borderRadius-medium);content:"";height:1.5rem;left:calc(var(--base-size-8)*-1);position:absolute;top:calc(50% - var(--base-size-12));width:.25rem}@media (forced-colors:active){:is(.TreeViewRootUlStyles .TreeViewItem>.TreeViewItemContainer:has(.TreeViewItemContent[aria-current=true])):after{background-color:HighlightText}}.TreeViewRootUlStyles .TreeViewItemToggle{align-items:flex-start;color:var(--fgColor-muted);cursor:pointer;display:flex;grid-area:toggle;height:100%;justify-content:center;padding-top:calc(var(--min-item-height)/2 - var(--base-size-12)/2)}.TreeViewRootUlStyles .TreeViewItemToggleHover:hover{background-color:var(--control-transparent-bgColor-hover)}.TreeViewRootUlStyles .TreeViewItemToggleEnd{border-bottom-left-radius:var(--borderRadius-medium);border-top-left-radius:var(--borderRadius-medium)}.TreeViewRootUlStyles a.TreeViewItemContent:hover,.TreeViewRootUlStyles button.TreeViewItemContent:hover{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:var(--control-fgColor-rest)}.TreeViewRootUlStyles .TreeViewItemContent{cursor:pointer;display:flex;gap:var(--stack-gap-condensed);grid-area:content;height:100%;line-height:var(--custom-line-height,var(--text-body-lineHeight-medium,1.4285));outline:none;padding:0 var(--base-size-8);padding-bottom:calc((var(--min-item-height) - var(--custom-line-height, 1.3rem))/2);padding-top:calc((var(--min-item-height) - var(--custom-line-height, 1.3rem))/2)}.TreeViewRootUlStyles .TreeViewItemContent,:is(.TreeViewRootUlStyles .TreeViewItemContent) .TreeViewItemCheckbox{background-color:initial;border:none;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}:is(.TreeViewRootUlStyles .TreeViewItemContent) .TreeViewItemCheckbox{border-radius:var(--borderRadius-medium);color:var(--control-fgColor-rest);position:relative;transition:background 33.333ms linear}[aria-checked=true]:is(.TreeViewRootUlStyles .TreeViewItemContent) .FormControl-checkbox{background:var(--control-checked-bgColor-rest);border-color:var(--control-checked-borderColor-rest);transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}:is([aria-checked=true]:is(.TreeViewRootUlStyles .TreeViewItemContent) .FormControl-checkbox):before{animation:checkmarkIn 80ms cubic-bezier(.65,0,.35,1) 80ms forwards;transition:visibility 0s linear 0s;visibility:visible}[aria-checked=mixed]:is(.TreeViewRootUlStyles .TreeViewItemContent) .FormControl-checkbox{background:var(--control-checked-bgColor-rest);border-color:var(--control-checked-borderColor-rest);transition:background-color,border-color 80ms cubic-bezier(.32,0,.67,0) 0s}:is([aria-checked=mixed]:is(.TreeViewRootUlStyles .TreeViewItemContent) .FormControl-checkbox):before{animation:checkmarkIn 80ms cubic-bezier(.65,0,.35,1) 80ms forwards;clip-path:none;mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIyIiBmaWxsPSJub25lIiB2aWV3Qm94PSIwIDAgMTAgMiI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAxYTEgMSAwIDAgMSAxLTFoOGExIDEgMCAxIDEgMCAySDFhMSAxIDAgMCAxLTEtMSIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+");visibility:visible}.TreeViewRootUlStyles .TreeViewItemContentText{color:var(--control-fgColor-rest);flex:1 1 auto;width:0}.TreeViewRootUlStyles:where([data-truncate-text=true]) .TreeViewItemContentText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.TreeViewRootUlStyles:where([data-truncate-text=false]) .TreeViewItemContentText{word-break:break-word}.TreeViewRootUlStyles .TreeViewItemVisual{align-items:center;color:var(--fgColor-muted);display:flex;height:var(--custom-line-height,1.3rem)}.TreeViewRootUlStyles .TreeViewItemLeadingAction{color:var(--fgColor-muted);display:flex;grid-area:leadingAction}:is(.TreeViewRootUlStyles .TreeViewItemLeadingAction)>button{flex-shrink:1}.TreeViewRootUlStyles .TreeViewItemLevelLine{border-color:var(--borderColor-muted);border-right:var(--borderWidth-thin) solid;height:100%;width:100%}@media (hover:hover){.TreeViewRootUlStyles .TreeViewItemLevelLine{border-color:#0000}.TreeViewRootUlStyles:focus-within .TreeViewItemLevelLine,.TreeViewRootUlStyles:hover .TreeViewItemLevelLine{border-color:var(--borderColor-muted)}}.TreeViewRootUlStyles .TreeViewVisuallyHidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.TreeViewSkeletonItemContainerStyle{align-items:center;column-gap:.5rem;display:flex;height:2rem}@media (pointer:coarse){.TreeViewSkeletonItemContainerStyle{height:2.75rem}}.TreeViewSkeletonItemContainerStyle:nth-of-type(5n+1){--tree-item-loading-width:67%}.TreeViewSkeletonItemContainerStyle:nth-of-type(5n+2){--tree-item-loading-width:47%}.TreeViewSkeletonItemContainerStyle:nth-of-type(5n+3){--tree-item-loading-width:73%}.TreeViewSkeletonItemContainerStyle:nth-of-type(5n+4){--tree-item-loading-width:64%}.TreeViewSkeletonItemContainerStyle:nth-of-type(5n+5){--tree-item-loading-width:50%}.TreeItemSkeletonTextStyles{width:var(--tree-item-loading-width,67%)}.TreeViewFailureMessage{align-items:center;display:grid;gap:.5rem;grid-template-columns:auto 1fr;width:100%}

data/app/components/primer/open_project/tree_view.css.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["tree_view.pcss"],"names":[],"mappings":"AAEA,sBAGE,eAAgB,CADhB,QAAS,CADT,SA+RF,CA9QE,oCACE,YAeF,CAbE,2DACE,uDAOF,CALE,8BAHF,2DAII,+BAAgC,CAEhC,iBAEJ,CADE,CAGF,kEACE,sBACF,CAGF,6CACE,SAAU,CACV,mBAAoB,CACpB,sBAAuB,CAOvB,wCAAyC,CADzC,4BAA6B,CAH7B,YAAa,CAEb,sCAAuC,CAIvC,yDAA0D,CAD1D,6FAA8F,CAN9F,iBAAkB,CAElB,UAAW,CAOX,gEAAmE,CACnE,+DA4BF,CA1BE,wDACE,yDAMF,CAJE,8BAHF,wDAII,uBAA8B,CAC9B,mBAEJ,CADE,CAGF,wBA1BF,6CA2BI,qBAAsB,CACtB,yBAeJ,CAdE,CAEA,qFAEE,wBAA6B,CAD7B,cAMF,CAHE,8BAJF,qFAKI,YAEJ,CADE,CAGF,qFACE,uDACF,CAGF,4EACE,+BACF,CAGA,wGACE,4DAwBF,CApBE,mHAaE,sCAAuC,CACvC,wCAAyC,CARzC,UAAW,CADX,aAAc,CAFd,gCAAmC,CAFnC,iBAAkB,CAClB,mCAAoC,CAEpC,YAeF,CAHE,8BAhBF,mHAiBI,8BAEJ,CADE,CAIJ,0CAWE,sBAAuB,CAHvB,0BAA2B,CAI3B,cAAe,CAXf,YAAa,CAQb,gBAAiB,CAPjB,WAAY,CAQZ,sBAAuB,CAHvB,kEAMF,CAEA,qDACE,yDACF,CAEA,6CAEE,oDAAqD,CADrD,iDAEF,CAGA,yGACE,iCAA0B,CAA1B,yBAA0B,CAC1B,iDACF,CAEA,2CAWE,cAAe,CAVf,YAAa,CAmBb,8BAA+B,CAD/B,iBAAkB,CAjBlB,WAAY,CAgBZ,+EAAkF,CAdlF,YAAa,CADb,4BAA6B,CAc7B,mFAAsF,CAFtF,gFAkDF,CA3CE,iHAfA,wBAA6B,CAC7B,WAAY,CAHZ,eAAgB,CAIhB,yBAA0B,CAH1B,wBAAiB,CAAjB,gBAAiB,CAIjB,uCAuBA,CAXA,sEAOE,wCAAyC,CALzC,iCAAkC,CADlC,iBAAkB,CAOlB,qCAGF,CAGE,yFACE,8CAA+C,CAC/C,oDAAqD,CACrD,0EAQF,CALE,qGAGE,kEAAwE,CADxE,kCAAmC,CADnC,kBAGF,CAKF,0FACE,8CAA+C,CAC/C,oDAAqD,CACrD,0EASF,CANE,sGAGE,kEAAwE,CACxE,cAAe,CAFf,wUAAia,CADja,kBAIF,CAKN,+CACE,iCAAkC,CAClC,aAAc,CACd,OACF,CAEA,gFACE,eAAgB,CAChB,sBAAuB,CACvB,kBACF,CAEA,iFAEE,qBACF,CAEA,0CAOE,kBAAmB,CADnB,0BAA2B,CAL3B,YAAa,CAIb,uCAGF,CAEA,iDAEE,0BAA2B,CAD3B,YAAa,CAEb,uBAKF,CAHE,6DACE,aACF,CAGF,6CAQE,qCAAsC,CACtC,0CAA2C,CAP3C,WAAY,CADZ,UASF,CAQA,qBACE,6CACE,kBACF,CAEA,6GAEE,qCACF,CACF,CAEA,8CAGE,UAAW,CAGX,WAAY,CACZ,eAAgB,CAHhB,SAAU,CAHV,iBAAkB,CAClB,SAAU,CAMV,kBAAsB,CAEtB,cAAe,CADf,kBAEF,CAGF,oCAEE,kBAAmB,CACnB,gBAAkB,CAFlB,YAAa,CAGb,WAyBF,CAvBE,wBANF,oCAOI,cAsBJ,CArBE,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAEA,sDACE,6BACF,CAGF,4BACE,wCACF,CAEA,wBAKE,kBAAmB,CAJnB,YAAa,CAEb,SAAW,CADX,8BAA+B,CAE/B,UAEF","file":"tree_view.css","sourcesContent":["/* stylelint-disable selector-max-type -- Copied from primer/react */\n\n.TreeViewRootUlStyles {\n padding: 0;\n margin: 0;\n list-style: none;\n\n /*\n * WARNING: This is a performance optimization.\n *\n * We define styles for the tree items at the root level of the tree\n * to avoid recomputing the styles for each item when the tree updates.\n * We're sacrificing maintainability for performance because TreeView\n * needs to be performant enough to handle large trees (thousands of items).\n *\n * This is intended to be a temporary solution until we can improve the\n * performance of our styling patterns.\n *\n * Do NOT copy this pattern without understanding the tradeoffs.\n */\n & .TreeViewItem {\n outline: none;\n\n &:focus-visible > div {\n box-shadow: var(--boxShadow-thick) var(--fgColor-accent);\n\n @media (forced-colors: active) {\n outline: 2px solid HighlightText;\n /* stylelint-disable-next-line declaration-property-value-no-unknown -- Copied from primer/react */\n outline-offset: -2;\n }\n }\n\n &[data-has-leading-action] {\n --has-leading-action: 1;\n }\n }\n\n & .TreeViewItemContainer {\n --level: 1;\n --toggle-width: 1rem;\n --min-item-height: 2rem;\n\n position: relative;\n display: grid;\n width: 100%;\n font-size: var(--text-body-size-medium);\n color: var(--fgColor-default);\n border-radius: var(--borderRadius-medium);\n grid-template-columns: var(--spacer-width) var(--leading-action-width) var(--toggle-width) 1fr;\n grid-template-areas: 'spacer leadingAction toggle content';\n\n --leading-action-width: calc(var(--has-leading-action, 0) * 1.5rem);\n --spacer-width: calc(calc(var(--level) - 1) * (var(--toggle-width) / 2));\n\n &:hover {\n background-color: var(--control-transparent-bgColor-hover);\n\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: -2px;\n }\n }\n\n @media (pointer: coarse) {\n --toggle-width: 1.5rem;\n --min-item-height: 2.75rem;\n }\n\n &:has(.TreeViewFailureMessage):hover {\n cursor: default;\n background-color: transparent;\n\n @media (forced-colors: active) {\n outline: none;\n }\n }\n\n &:has([role='treeitem']:focus-visible) {\n box-shadow: var(--boxShadow-thick) var(--fgColor-accent);\n }\n }\n\n &:where([data-omit-spacer='true']) .TreeViewItemContainer {\n grid-template-columns: 0 0 0 1fr;\n }\n\n /* stylelint-disable-next-line selector-max-specificity */\n & .TreeViewItem > .TreeViewItemContainer:has(.TreeViewItemContent[aria-current='true']) {\n background-color: var(--control-transparent-bgColor-selected);\n\n /* Current item indicator */\n /* stylelint-disable-next-line selector-max-specificity -- Copied from primer/react */\n &::after {\n position: absolute;\n top: calc(50% - var(--base-size-12));\n left: calc(-1 * var(--base-size-8));\n width: 0.25rem;\n height: 1.5rem;\n content: '';\n\n /*\n * Use fgColor accent for consistency across all themes. Using the \"correct\" variable,\n * --bgColor-accent-emphasis, causes vrt failures for dark high contrast mode\n */\n /* stylelint-disable-next-line primer/colors */\n background-color: var(--fgColor-accent);\n border-radius: var(--borderRadius-medium);\n\n @media (forced-colors: active) {\n background-color: HighlightText;\n }\n }\n }\n\n & .TreeViewItemToggle {\n display: flex;\n height: 100%;\n\n /* The toggle should appear vertically centered for single-line items, but remain at the top for items that wrap\n across more lines. */\n /* stylelint-disable-next-line primer/spacing */\n padding-top: calc(var(--min-item-height) / 2 - var(--base-size-12) / 2);\n color: var(--fgColor-muted);\n grid-area: toggle;\n justify-content: center;\n align-items: flex-start;\n cursor: pointer;\n }\n\n & .TreeViewItemToggleHover:hover {\n background-color: var(--control-transparent-bgColor-hover);\n }\n\n & .TreeViewItemToggleEnd {\n border-top-left-radius: var(--borderRadius-medium);\n border-bottom-left-radius: var(--borderRadius-medium);\n }\n\n /* stylelint-disable-next-line selector-no-qualifying-type */\n & a.TreeViewItemContent:hover, button.TreeViewItemContent:hover {\n text-decoration: underline;\n text-decoration-color: var(--control-fgColor-rest);\n }\n\n & .TreeViewItemContent {\n display: flex;\n height: 100%;\n padding: 0 var(--base-size-8);\n outline: none;\n text-align: left;\n user-select: none;\n background-color: transparent;\n border: none;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n cursor: pointer;\n\n /* The dynamic top and bottom padding to maintain the minimum item height for single line items */\n /* stylelint-disable-next-line primer/spacing */\n padding-top: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n /* stylelint-disable-next-line primer/spacing */\n padding-bottom: calc((var(--min-item-height) - var(--custom-line-height, 1.3rem)) / 2);\n line-height: var(--custom-line-height, var(--text-body-lineHeight-medium, 1.4285));\n grid-area: content;\n gap: var(--stack-gap-condensed);\n\n & .TreeViewItemCheckbox {\n position: relative;\n color: var(--control-fgColor-rest);\n text-align: left;\n user-select: none;\n background-color: transparent;\n border: none;\n border-radius: var(--borderRadius-medium);\n transition: background 33.333ms linear;\n touch-action: manipulation;\n -webkit-tap-highlight-color: transparent;\n }\n\n &[aria-checked='true'] {\n & .FormControl-checkbox {\n background: var(--control-checked-bgColor-rest);\n border-color: var(--control-checked-borderColor-rest);\n transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; /* unchecked -> checked */\n\n /* stylelint-disable-next-line max-nesting-depth, selector-max-specificity -- Copied from primer/react */\n &::before {\n visibility: visible;\n transition: visibility 0s linear 0s;\n animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n }\n }\n }\n\n &[aria-checked='mixed'] {\n & .FormControl-checkbox {\n background: var(--control-checked-bgColor-rest);\n border-color: var(--control-checked-borderColor-rest);\n transition: background-color, border-color 80ms cubic-bezier(0.32, 0, 0.67, 0) 0ms; /* unchecked -> checked */\n\n /* stylelint-disable-next-line max-nesting-depth, selector-max-specificity -- Copied from primer/react */\n &::before {\n visibility: visible;\n mask-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMiIgdmlld0JveD0iMCAwIDEwIDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMCAxQzAgMC40NDc3MTUgMC40NDc3MTUgMCAxIDBIOUM5LjU1MjI5IDAgMTAgMC40NDc3MTUgMTAgMUMxMCAxLjU1MjI4IDkuNTUyMjkgMiA5IDJIMUMwLjQ0NzcxNSAyIDAgMS41NTIyOCAwIDFaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K');\n animation: checkmarkIn 80ms cubic-bezier(0.65, 0, 0.35, 1) forwards 80ms;\n clip-path: none;\n }\n }\n }\n }\n\n & .TreeViewItemContentText {\n color: var(--control-fgColor-rest);\n flex: 1 1 auto;\n width: 0;\n }\n\n &:where([data-truncate-text='true']) .TreeViewItemContentText {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &:where([data-truncate-text='false']) .TreeViewItemContentText {\n /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated -- Copied from primer/react */\n word-break: break-word;\n }\n\n & .TreeViewItemVisual {\n display: flex;\n\n /* The visual icons should appear vertically centered for single-line items, but remain at the top for items that wrap\n across more lines. */\n height: var(--custom-line-height, 1.3rem);\n color: var(--fgColor-muted);\n align-items: center;\n }\n\n & .TreeViewItemLeadingAction {\n display: flex;\n color: var(--fgColor-muted);\n grid-area: leadingAction;\n\n & > button {\n flex-shrink: 1;\n }\n }\n\n & .TreeViewItemLevelLine {\n width: 100%;\n height: 100%;\n\n /*\n * On devices without hover, the nesting indicator lines\n * appear at all times.\n */\n border-color: var(--borderColor-muted);\n border-right: var(--borderWidth-thin) solid;\n }\n\n /*\n * On devices with :hover support, the nesting indicator lines\n * fade in when the user mouses over the entire component,\n * or when there's focus inside the component. This makes\n * sure the component remains simple when not in use.\n */\n @media (hover: hover) {\n .TreeViewItemLevelLine {\n border-color: transparent;\n }\n\n &:hover .TreeViewItemLevelLine,\n &:focus-within .TreeViewItemLevelLine {\n border-color: var(--borderColor-muted);\n }\n }\n\n & .TreeViewVisuallyHidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n /* stylelint-disable-next-line primer/spacing */\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n }\n}\n\n.TreeViewSkeletonItemContainerStyle {\n display: flex;\n align-items: center;\n column-gap: 0.5rem;\n height: 2rem;\n\n @media (pointer: coarse) {\n height: 2.75rem;\n }\n\n &:nth-of-type(5n + 1) {\n --tree-item-loading-width: 67%;\n }\n\n &:nth-of-type(5n + 2) {\n --tree-item-loading-width: 47%;\n }\n\n &:nth-of-type(5n + 3) {\n --tree-item-loading-width: 73%;\n }\n\n &:nth-of-type(5n + 4) {\n --tree-item-loading-width: 64%;\n }\n\n &:nth-of-type(5n + 5) {\n --tree-item-loading-width: 50%;\n }\n}\n\n.TreeItemSkeletonTextStyles {\n width: var(--tree-item-loading-width, 67%);\n}\n\n.TreeViewFailureMessage {\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0.5rem;\n width: 100%;\n align-items: center;\n}\n"]}

data/app/components/primer/open_project/tree_view.html.erb DELETED Viewed

@@ -1,7 +0,0 @@
-<tree-view>
-  <%= render(Primer::BaseComponent.new(**@system_arguments)) do %>
-    <% nodes.each do |node| %>
-      <%= node %>
-    <% end %>
-  <% end %>
-</tree-view>