openproject-primer_view_components 0.64.0 → 0.65.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c14efbdaa174fe50a4ab8910f0d4d15b7395e9cb13f10c437a733205f31a713a
-  data.tar.gz: '06395f1e3999aad177aed7b3312f0ce397fdc02893cca1ed55b8788d58ba915f'
+  metadata.gz: 60815e1630ca2004a10e077be1bdc12ba6cc4a26e25e34764368eb197513aedf
+  data.tar.gz: 605cc966fa75c626a1e4b5553c950c0b5706eba07a57f633ca6899348dd2091f
 SHA512:
-  metadata.gz: 2c24a2a4acee0ffe10644fa9d1195b2640fac91f77159c9919359b0585e72931d4b541676f3021dcc921c0523a829f21963eda4fb62024fb72d9be700540985b
-  data.tar.gz: 8785b506bc36848f1251bff3d7e85631fa9a5b9dd3a4c6b21e1d2333bf79ae8dcef228b6d023b9909a7b051dfb430e1815273b4370618b81e19d7ce9a7b02989
+  metadata.gz: b8a5127192525a81115fe9bd3abdeda9e26e315cf0c97b0b8c57c1051e6f51f57e80c2bd87cbd46e668a65a09f793190cbd23f44f76131c794fe5b1ffc65f091
+  data.tar.gz: 3a8d64a39c5b4a264d1416d89a5066e50881c4e84d2e5094f1b9e93ad49e6666e1c64d498462706084fbd7add4395b330100202e23508575c60675211beda8af

data/CHANGELOG.md

@@ -1,5 +1,25 @@
 # 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
+
+- [#272](https://github.com/opf/primer_view_components/pull/272) [`4610128`](https://github.com/opf/primer_view_components/commit/46101288ffb9643f5db73a1a219c8e579b42b5e8) Thanks [@myabc](https://github.com/myabc)! - [#62754] Improve accessibility of collapsible section and collapsible header components
+
+- [#286](https://github.com/opf/primer_view_components/pull/286) [`eb00ae3`](https://github.com/opf/primer_view_components/commit/eb00ae3372cd4e4399d10a002d4e1cc69d84b697) Thanks [@HDinger](https://github.com/HDinger)! - Provide a default string for the close button on DangerDialog and FeedbackDialog
+
 ## 0.64.0
 
 ### Minor Changes

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

@@ -1,8 +1,10 @@
 export declare abstract class CollapsibleElement extends HTMLElement {
     arrowDown: Element;
     arrowUp: Element;
+    triggerElement: HTMLElement;
     collapsibleElements: HTMLElement[];
     collapsed: boolean;
+    toggleViaKeyboard(event: KeyboardEvent): void;
     toggle(): void;
     attributeChangedCallback(name: string): void;
     hideAll(): void;

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[]>;
     }
 }