openproject-primer_view_components 0.64.1 → 0.65.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 51a6a08eec53232569265c20b028b64bd73575e61f69cafb649319b3f5fd6bed
-  data.tar.gz: 5d8ebae319aeb125ae8739720c4c74c97b3f602fb178228422659680400ed41e
+  metadata.gz: 60815e1630ca2004a10e077be1bdc12ba6cc4a26e25e34764368eb197513aedf
+  data.tar.gz: 605cc966fa75c626a1e4b5553c950c0b5706eba07a57f633ca6899348dd2091f
 SHA512:
-  metadata.gz: 8fcdeb436ee8bd0930c1b1dfc492fad5ef702abc5e6acc702a1922c278187dc0c548ee24e1f457c82f6b160ce244949484d747ee9f4579ab1b19d122eb9e4e9e
-  data.tar.gz: 684850c98abce3482f387c4bca3ed5244bc2d3bae0cf76f62e3e3a2fa6bf5b3ae69f1e9de10ad2b541786fbd446b13d4afcce1568197e90d8d1468ab88cb56f6
+  metadata.gz: b8a5127192525a81115fe9bd3abdeda9e26e315cf0c97b0b8c57c1051e6f51f57e80c2bd87cbd46e668a65a09f793190cbd23f44f76131c794fe5b1ffc65f091
+  data.tar.gz: 3a8d64a39c5b4a264d1416d89a5066e50881c4e84d2e5094f1b9e93ad49e6666e1c64d498462706084fbd7add4395b330100202e23508575c60675211beda8af

data/CHANGELOG.md

@@ -1,5 +1,17 @@
 # CHANGELOG
 
+## 0.65.0
+
+### Minor Changes
+
+- [#295](https://github.com/opf/primer_view_components/pull/295) [`48d3acd`](https://github.com/opf/primer_view_components/commit/48d3acd10d460147539f7c0e1d5537d68535825c) Thanks [@HDinger](https://github.com/HDinger)! - Introduce the TreeView component
+
+### Patch Changes
+
+- [#295](https://github.com/opf/primer_view_components/pull/295) [`48d3acd`](https://github.com/opf/primer_view_components/commit/48d3acd10d460147539f7c0e1d5537d68535825c) Thanks [@HDinger](https://github.com/HDinger)! - Remove overridden capture method in forms code.
+
+- [#295](https://github.com/opf/primer_view_components/pull/295) [`48d3acd`](https://github.com/opf/primer_view_components/commit/48d3acd10d460147539f7c0e1d5537d68535825c) Thanks [@HDinger](https://github.com/HDinger)! - Update the SelectPanel no results pane to a smaller height
+
 ## 0.64.1
 
 ### Patch Changes

data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view.d.ts

@@ -0,0 +1,29 @@
+import { TreeViewSubTreeNodeElement } from './tree_view_sub_tree_node_element';
+import type { TreeViewNodeType, TreeViewCheckedValue, TreeViewNodeInfo } from '../../shared_events';
+export declare class TreeViewElement extends HTMLElement {
+    #private;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): void;
+    getNodePath(node: Element): string[];
+    getNodeType(node: Element): TreeViewNodeType | null;
+    markCurrentAtPath(path: string[]): void;
+    get currentNode(): HTMLLIElement | null;
+    expandAtPath(path: string[]): void;
+    collapseAtPath(path: string[]): void;
+    toggleAtPath(path: string[]): void;
+    checkAtPath(path: string[]): void;
+    uncheckAtPath(path: string[]): void;
+    toggleCheckedAtPath(path: string[]): void;
+    checkedValueAtPath(path: string[]): TreeViewCheckedValue;
+    nodeAtPath(path: string[], selector?: string): Element | null;
+    subTreeAtPath(path: string[]): TreeViewSubTreeNodeElement | null;
+    leafAtPath(path: string[]): HTMLLIElement | null;
+    getNodeCheckedValue(node: Element): TreeViewCheckedValue;
+    infoFromNode(node: Element, newCheckedValue?: TreeViewCheckedValue): TreeViewNodeInfo | null;
+}
+declare global {
+    interface Window {
+        TreeViewElement: typeof TreeViewElement;
+    }
+}

data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_icon_pair_element.d.ts

@@ -0,0 +1,15 @@
+export declare class TreeViewIconPairElement extends HTMLElement {
+    #private;
+    expandedIcon: HTMLElement;
+    collapsedIcon: HTMLElement;
+    expanded: boolean;
+    connectedCallback(): void;
+    showExpanded(): void;
+    showCollapsed(): void;
+    toggle(): void;
+}
+declare global {
+    interface Window {
+        TreeViewIconPairElement: typeof TreeViewIconPairElement;
+    }
+}

data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_include_fragment_element.d.ts

@@ -0,0 +1,9 @@
+import { IncludeFragmentElement } from '@github/include-fragment-element';
+export declare class TreeViewIncludeFragmentElement extends IncludeFragmentElement {
+    request(): Request;
+}
+declare global {
+    interface Window {
+        TreeViewIncludeFragmentElement: typeof TreeViewIncludeFragmentElement;
+    }
+}

data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_roving_tab_index.d.ts

@@ -0,0 +1,3 @@
+import { TreeViewElement } from './tree_view';
+export declare function useRovingTabIndex(containerEl: TreeViewElement): void;
+export declare function getElementState(element: HTMLElement): 'open' | 'closed' | 'end';

data/app/assets/javascripts/components/primer/open_project/tree_view/tree_view_sub_tree_node_element.d.ts

@@ -0,0 +1,38 @@
+import { TreeViewIconPairElement } from './tree_view_icon_pair_element';
+import { TreeViewIncludeFragmentElement } from './tree_view_include_fragment_element';
+import { TreeViewElement } from './tree_view';
+type LoadingState = 'loading' | 'error' | 'success';
+export declare class TreeViewSubTreeNodeElement extends HTMLElement {
+    #private;
+    node: HTMLElement;
+    subTree: HTMLElement;
+    iconPair: TreeViewIconPairElement;
+    toggleButton: HTMLElement;
+    expandedToggleIcon: HTMLElement;
+    collapsedToggleIcon: HTMLElement;
+    includeFragment: TreeViewIncludeFragmentElement;
+    loadingIndicator: HTMLElement;
+    loadingFailureMessage: HTMLElement;
+    retryButton: HTMLButtonElement;
+    expanded: boolean;
+    loadingState: LoadingState;
+    connectedCallback(): void;
+    get selectStrategy(): string;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): void;
+    expand(): void;
+    collapse(): void;
+    toggle(): void;
+    get nodes(): NodeListOf<Element>;
+    eachDirectDescendantNode(): Generator<Element>;
+    eachDescendantNode(): Generator<Element>;
+    get isEmpty(): boolean;
+    get treeView(): TreeViewElement | null;
+    toggleChecked(): void;
+}
+declare global {
+    interface Window {
+        TreeViewSubTreeNodeElement: typeof TreeViewSubTreeNodeElement;
+    }
+}
+export {};

data/app/assets/javascripts/components/primer/primer.d.ts

@@ -33,3 +33,7 @@ import './open_project/danger_dialog_form_helper';
 import './open_project/collapsible';
 import './open_project/border_box/collapsible_header';
 import './open_project/collapsible_section';
+import './open_project/tree_view/tree_view';
+import './open_project/tree_view/tree_view_icon_pair_element';
+import './open_project/tree_view/tree_view_sub_tree_node_element';
+import './open_project/tree_view/tree_view_include_fragment_element';

data/app/assets/javascripts/components/primer/shared_events.d.ts

@@ -3,9 +3,24 @@ export type ItemActivatedEvent = {
     checked: boolean;
     value: string | null;
 };
+export type TreeViewNodeType = 'leaf' | 'sub-tree';
+export type TreeViewCheckedValue = 'true' | 'false' | 'mixed';
+export type TreeViewNodeInfo = {
+    node: Element;
+    type: TreeViewNodeType;
+    path: string[];
+    checkedValue: TreeViewCheckedValue;
+    previousCheckedValue: TreeViewCheckedValue;
+};
 declare global {
     interface HTMLElementEventMap {
         itemActivated: CustomEvent<ItemActivatedEvent>;
         beforeItemActivated: CustomEvent<ItemActivatedEvent>;
+        treeViewNodeActivated: CustomEvent<TreeViewNodeInfo>;
+        treeViewBeforeNodeActivated: CustomEvent<TreeViewNodeInfo>;
+        treeViewNodeExpanded: CustomEvent<TreeViewNodeInfo>;
+        treeViewNodeCollapsed: CustomEvent<TreeViewNodeInfo>;
+        treeViewNodeChecked: CustomEvent<TreeViewNodeInfo[]>;
+        treeViewBeforeNodeChecked: CustomEvent<TreeViewNodeInfo[]>;
     }
 }