@openproject/primer-view-components 0.65.0-rc.780927410 → 0.65.0-rc.7932fc32f

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openproject/primer-view-components",
-  "version": "0.65.0-rc.780927410",
+  "version": "0.65.0-rc.7932fc32f",
   "description": "ViewComponents of the Primer Design System for OpenProject",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",

package/static/arguments.json

@@ -5411,6 +5411,44 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::FileTreeView",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFileTreeView",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::FileTreeView::DirectoryNode",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFileTreeViewDirectoryNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view/directory_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/directory_node/default/",
+    "parameters": [
+
+    ]
+  },
+  {
+    "component": "OpenProject::FileTreeView::FileNode",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectFileTreeViewFileNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/file_tree_view/file_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/file_tree_view/file_node/default/",
+    "parameters": [
+
+    ]
+  },
   {
     "component": "OpenProject::FlexLayout",
     "status": "open_project",
@@ -5630,6 +5668,34 @@
 
     ]
   },
+  {
+    "component": "OpenProject::SkeletonBox",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectSkeletonBox",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/skeleton_box.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/skeleton_box/default/",
+    "parameters": [
+      {
+        "name": "height",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Any valid CSS height."
+      },
+      {
+        "name": "width",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Any valid CSS width."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
   {
     "component": "OpenProject::SubHeader",
     "status": "open_project",
@@ -5646,6 +5712,328 @@
       }
     ]
   },
+  {
+    "component": "OpenProject::TreeView",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeView",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::Icon",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewIcon",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/icon.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/icon/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [Octicon](/components/beta/octicon)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::IconPair",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewIconPair",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/icon_pair.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/icon_pair/default/",
+    "parameters": [
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "If true, the expanded icon is shown and the collapsed icon is hidden, etc."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::LeadingAction",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewLeadingAction",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/leading_action.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/leading_action/default/",
+    "parameters": [
+      {
+        "name": "action",
+        "type": "ViewComponent::Base",
+        "default": "N/A",
+        "description": "A component or other renderable to use as the action button etc."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::LeafNode",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewLeafNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/leaf_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/leaf_node/default/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The node's label, i.e. it's textual content."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [OpenProject::TreeView::Node](/components/openprojecttreeviewnode)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::LoadingFailureMessage",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewLoadingFailureMessage",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/loading_failure_message.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/loading_failure_message/default/",
+    "parameters": [
+      {
+        "name": "text",
+        "type": "String",
+        "default": "`Something went wrong`",
+        "description": "The failure message to display."
+      },
+      {
+        "name": "retry_button_label",
+        "type": "String",
+        "default": "`Retry`",
+        "description": "The text shown on the retry button."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::Node",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/node/default/",
+    "parameters": [
+      {
+        "name": "path",
+        "type": "Array<String>",
+        "default": "N/A",
+        "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."
+      },
+      {
+        "name": "current",
+        "type": "Boolean",
+        "default": "`false`",
+        "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."
+      },
+      {
+        "name": "select_variant",
+        "type": "Symbol",
+        "default": "`:none`",
+        "description": "Controls the type of checkbox that appears. One of `:multiple` or `:none`."
+      },
+      {
+        "name": "checked",
+        "type": "Boolean | String",
+        "default": "`false`",
+        "description": "The checked state of the node's checkbox. One of `false`, `mixed`, or `true`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [ActionList](/components/alpha/actionlist)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::SkeletonLoader",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewSkeletonLoader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/skeleton_loader.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/skeleton_loader/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The URL to fetch nodes from."
+      },
+      {
+        "name": "count",
+        "type": "Integer",
+        "default": "`3`",
+        "description": "The number of skeleton nodes to render."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::SpinnerLoader",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewSpinnerLoader",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/spinner_loader.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/spinner_loader/default/",
+    "parameters": [
+      {
+        "name": "src",
+        "type": "String",
+        "default": "N/A",
+        "description": "The URL to fetch nodes from."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::SubTree",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewSubTree",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree/default/",
+    "parameters": [
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [OpenProject::TreeView::SubTreeContainer](/components/openprojecttreeviewsubtreecontainer)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::SubTreeContainer",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewSubTreeContainer",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree_container.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree_container/default/",
+    "parameters": [
+      {
+        "name": "path",
+        "type": "Array<String>",
+        "default": "N/A",
+        "description": "The path to this node."
+      },
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this sub-tree node renders expanded."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "[System arguments](/system-arguments)"
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::SubTreeNode",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewSubTreeNode",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/sub_tree_node.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/sub_tree_node/default/",
+    "parameters": [
+      {
+        "name": "label",
+        "type": "String",
+        "default": "N/A",
+        "description": "The node's label, i.e. it's textual content."
+      },
+      {
+        "name": "path",
+        "type": "Array<String>",
+        "default": "N/A",
+        "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."
+      },
+      {
+        "name": "expanded",
+        "type": "Boolean",
+        "default": "`false`",
+        "description": "Whether or not this sub-tree should be rendered expanded."
+      },
+      {
+        "name": "select_strategy",
+        "type": "Symbol",
+        "default": "`:descendants`",
+        "description": "What should happen when this sub-tree node is checked. One of `:descendants` or `:self`."
+      },
+      {
+        "name": "system_arguments",
+        "type": "Hash",
+        "default": "N/A",
+        "description": "The arguments accepted by [OpenProject::TreeView::Node](/components/openprojecttreeviewnode)."
+      }
+    ]
+  },
+  {
+    "component": "OpenProject::TreeView::Visual",
+    "status": "alpha",
+    "a11y_reviewed": false,
+    "short_name": "OpenProjectTreeViewVisual",
+    "source": "https://github.com/primer/view_components/tree/main/app/components/primer/open_project/tree_view/visual.rb",
+    "lookbook": "https://primer.style/view-components/lookbook/inspect/primer/open_project/tree_view/visual/default/",
+    "parameters": [
+      {
+        "name": "id",
+        "type": "String",
+        "default": "N/A",
+        "description": "This visual's HTML ID."
+      },
+      {
+        "name": "visual",
+        "type": "ViewComponent::Base",
+        "default": "N/A",
+        "description": "A renderable component like an instance of [Octicon](/components/beta/octicon) to render as the visual."
+      },
+      {
+        "name": "label",
+        "type": "String",
+        "default": "`nil`",
+        "description": "Text describing this visual that will be visible only to screen readers."
+      }
+    ]
+  },
   {
     "component": "OpenProject::ZenModeButton",
     "status": "open_project",

package/static/audited_at.json

@@ -128,6 +128,9 @@
   "Primer::OpenProject::DragHandle": "",
   "Primer::OpenProject::FeedbackDialog": "",
   "Primer::OpenProject::FeedbackMessage": "",
+  "Primer::OpenProject::FileTreeView": "",
+  "Primer::OpenProject::FileTreeView::DirectoryNode": "",
+  "Primer::OpenProject::FileTreeView::FileNode": "",
   "Primer::OpenProject::FlexLayout": "",
   "Primer::OpenProject::GridLayout": "",
   "Primer::OpenProject::GridLayout::Area": "",
@@ -139,7 +142,21 @@
   "Primer::OpenProject::PageHeader::Title": "",
   "Primer::OpenProject::SidePanel": "",
   "Primer::OpenProject::SidePanel::Section": "",
+  "Primer::OpenProject::SkeletonBox": "",
   "Primer::OpenProject::SubHeader": "",
+  "Primer::OpenProject::TreeView": "",
+  "Primer::OpenProject::TreeView::Icon": "",
+  "Primer::OpenProject::TreeView::IconPair": "",
+  "Primer::OpenProject::TreeView::LeadingAction": "",
+  "Primer::OpenProject::TreeView::LeafNode": "",
+  "Primer::OpenProject::TreeView::LoadingFailureMessage": "",
+  "Primer::OpenProject::TreeView::Node": "",
+  "Primer::OpenProject::TreeView::SkeletonLoader": "",
+  "Primer::OpenProject::TreeView::SpinnerLoader": "",
+  "Primer::OpenProject::TreeView::SubTree": "",
+  "Primer::OpenProject::TreeView::SubTreeContainer": "",
+  "Primer::OpenProject::TreeView::SubTreeNode": "",
+  "Primer::OpenProject::TreeView::Visual": "",
   "Primer::OpenProject::ZenModeButton": "",
   "Primer::Tooltip": "",
   "Primer::Truncate": ""

package/static/constants.json

@@ -1622,6 +1622,17 @@
   "Primer::OpenProject::FeedbackMessage": {
     "GeneratedSlotMethods": "Primer::OpenProject::FeedbackMessage::GeneratedSlotMethods"
   },
+  "Primer::OpenProject::FileTreeView": {
+    "DirectoryNode": "Primer::OpenProject::FileTreeView::DirectoryNode",
+    "FileNode": "Primer::OpenProject::FileTreeView::FileNode",
+    "GeneratedSlotMethods": "Primer::OpenProject::FileTreeView::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::FileTreeView::DirectoryNode": {
+    "GeneratedSlotMethods": "Primer::OpenProject::FileTreeView::DirectoryNode::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::FileTreeView::FileNode": {
+    "GeneratedSlotMethods": "Primer::OpenProject::FileTreeView::FileNode::GeneratedSlotMethods"
+  },
   "Primer::OpenProject::FlexLayout": {
     "GeneratedSlotMethods": "Primer::OpenProject::FlexLayout::GeneratedSlotMethods"
   },
@@ -1742,11 +1753,83 @@
       "h6"
     ]
   },
+  "Primer::OpenProject::SkeletonBox": {
+    "GeneratedSlotMethods": "Primer::OpenProject::SkeletonBox::GeneratedSlotMethods"
+  },
   "Primer::OpenProject::SubHeader": {
     "GeneratedSlotMethods": "Primer::OpenProject::SubHeader::GeneratedSlotMethods",
     "HIDDEN_FILTER_TARGET_SELECTOR": "sub-header.hiddenItemsOnExpandedFilter",
     "SHOWN_FILTER_TARGET_SELECTOR": "sub-header.shownItemsOnExpandedFilter"
   },
+  "Primer::OpenProject::TreeView": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::GeneratedSlotMethods",
+    "Icon": "Primer::OpenProject::TreeView::Icon",
+    "IconPair": "Primer::OpenProject::TreeView::IconPair",
+    "LeadingAction": "Primer::OpenProject::TreeView::LeadingAction",
+    "LeafNode": "Primer::OpenProject::TreeView::LeafNode",
+    "LoadingFailureMessage": "Primer::OpenProject::TreeView::LoadingFailureMessage",
+    "Node": "Primer::OpenProject::TreeView::Node",
+    "SkeletonLoader": "Primer::OpenProject::TreeView::SkeletonLoader",
+    "SpinnerLoader": "Primer::OpenProject::TreeView::SpinnerLoader",
+    "SubTree": "Primer::OpenProject::TreeView::SubTree",
+    "SubTreeContainer": "Primer::OpenProject::TreeView::SubTreeContainer",
+    "SubTreeNode": "Primer::OpenProject::TreeView::SubTreeNode",
+    "Visual": "Primer::OpenProject::TreeView::Visual"
+  },
+  "Primer::OpenProject::TreeView::Icon": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::Icon::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::IconPair": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::IconPair::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::LeadingAction": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::LeadingAction::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::LeafNode": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::LeafNode::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::LoadingFailureMessage": {
+    "DEFAULT_RETRY_BUTTON_LABEL": "Retry",
+    "DEFAULT_TEXT": "Something went wrong",
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::LoadingFailureMessage::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::Node": {
+    "CHECKED_STATES": [
+      false,
+      true,
+      "mixed"
+    ],
+    "DEFAULT_CHECKED_STATE": false,
+    "DEFAULT_SELECT_VARIANT": "none",
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::Node::GeneratedSlotMethods",
+    "SELECT_VARIANT_OPTIONS": [
+      "multiple",
+      "none"
+    ]
+  },
+  "Primer::OpenProject::TreeView::SkeletonLoader": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SkeletonLoader::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::SpinnerLoader": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SpinnerLoader::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::SubTree": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SubTree::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::SubTreeContainer": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SubTreeContainer::GeneratedSlotMethods"
+  },
+  "Primer::OpenProject::TreeView::SubTreeNode": {
+    "DEFAULT_SELECT_STRATEGY": "descendants",
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::SubTreeNode::GeneratedSlotMethods",
+    "SELECT_STRATEGIES": [
+      "self",
+      "descendants"
+    ]
+  },
+  "Primer::OpenProject::TreeView::Visual": {
+    "GeneratedSlotMethods": "Primer::OpenProject::TreeView::Visual::GeneratedSlotMethods"
+  },
   "Primer::OpenProject::ZenModeButton": {
     "GeneratedSlotMethods": "Primer::OpenProject::ZenModeButton::GeneratedSlotMethods",
     "ZEN_MODE_BUTTON_ICON": "screen-full",