openproject-primer_view_components 0.70.5 → 0.71.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 41b1b1ad2cf71ac187f62abfab9bb4672fd79a6226594f2f83cd54997ce6b6a8
-  data.tar.gz: ac203e7e4d911a35004c23f4e12e7b007e1c1771a698782df893d872feb7dfd5
+  metadata.gz: eeac95c99b864989d9c2ec8dde7cdf3ad300d1159ac57d9b1b70249121299884
+  data.tar.gz: ec2d771f8c6db1732818a3859ca257183f3569359986b0b7767b36d6200d3b8e
 SHA512:
-  metadata.gz: '0979214c8f67f34bc996bf57fe59e1a9ad951f4520e993076e8e8686f9ac60cfe373c0fee205221e4ad0c58e6f0a2cbadb91a40f329ac4a481783b46984ef868'
-  data.tar.gz: bedd3be0a15e2343189c2a9a0a4c585b82a4fce4f5a1021a0a7f83f3bce3a93d9b521765dd12d665b92e0afdfeb2199474809df3f9ab35ef6a70a6467a7308e2
+  metadata.gz: b8b22a4aed8cb007e34c531404ff4f264d4c4844430528f5ce86aa1a70eaffdbd9bf87e9030799333addcacb890e3263591103301386b5c60b7ea5589c06ab9f
+  data.tar.gz: 1605e38631b7ddbd7873905142e211e1a95fe559433e538be912d6f392baadb118a962bbfb7811d7ca29cd646d223193556fd15e98db9a60e3ac4a11b01f0bfd

data/CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+## 0.71.0
+
+### Minor Changes
+
+- [#321](https://github.com/opf/primer_view_components/pull/321) [`9219647`](https://github.com/opf/primer_view_components/commit/9219647e3f6368bdb3d3d1aa45380a63838c8c11) Thanks [@camertron](https://github.com/camertron)! - Add the FilterableTreeView component
+
 ## 0.70.5
 
 ### Patch Changes

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

@@ -1,12 +1,12 @@
-declare class SegmentedControlElement extends HTMLElement {
+export declare class SegmentedControlElement extends HTMLElement {
     #private;
     items: HTMLElement[];
     connectedCallback(): void;
     select(event: Event): void;
+    get current(): HTMLElement | null;
 }
 declare global {
     interface Window {
         SegmentedControlElement: typeof SegmentedControlElement;
     }
 }
-export {};

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

@@ -0,0 +1,29 @@
+import { SegmentedControlElement } from '../alpha/segmented_control';
+import { TreeViewElement } from './tree_view/tree_view';
+import { TreeViewSubTreeNodeElement } from './tree_view/tree_view_sub_tree_node_element';
+export type FilterFn = (node: HTMLElement, query: string, filterMode?: string) => Range[] | null;
+export declare class FilterableTreeViewElement extends HTMLElement {
+    #private;
+    filterInput: HTMLInputElement;
+    filterModeControlList: HTMLElement;
+    treeViewList: HTMLElement;
+    noResultsMessage: HTMLElement;
+    includeSubItemsCheckBox: HTMLInputElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): void;
+    get filterModeControl(): SegmentedControlElement | null;
+    get treeView(): TreeViewElement | null;
+    set filterFn(newFn: FilterFn);
+    get filterFn(): FilterFn;
+    defaultFilterFn(node: HTMLElement, query: string, filterMode?: string): Range[] | null;
+    get filterMode(): string | null;
+    get queryString(): string;
+    eachDescendantDepthFirst(node: HTMLElement, level: number, ancestry: TreeViewSubTreeNodeElement[]): Generator<[NodeListOf<HTMLElement>, TreeViewSubTreeNodeElement[]]>;
+    eachShallowestCheckedSubTree(root: TreeViewSubTreeNodeElement): Generator<TreeViewSubTreeNodeElement>;
+}
+declare global {
+    interface Window {
+        FilterableTreeViewElement: typeof FilterableTreeViewElement;
+    }
+}

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

@@ -1,10 +1,15 @@
-import { TreeViewSubTreeNodeElement } from './tree_view_sub_tree_node_element';
+import { SelectStrategy, TreeViewSubTreeNodeElement } from './tree_view_sub_tree_node_element';
 import type { TreeViewNodeType, TreeViewCheckedValue, TreeViewNodeInfo } from '../../shared_events';
 export declare class TreeViewElement extends HTMLElement {
     #private;
+    formInputContainer: HTMLElement;
+    formInputPrototype: HTMLInputElement;
     connectedCallback(): void;
+    rootLeafNodes(): NodeListOf<HTMLElement>;
+    rootSubTreeNodes(): NodeListOf<TreeViewSubTreeNodeElement>;
     disconnectedCallback(): void;
     handleEvent(event: Event): void;
+    getFormInputValueForNode(node: Element): string | null;
     getNodePath(node: Element): string[];
     getNodeType(node: Element): TreeViewNodeType | null;
     markCurrentAtPath(path: string[]): void;
@@ -16,13 +21,18 @@ export declare class TreeViewElement extends HTMLElement {
     uncheckAtPath(path: string[]): void;
     toggleCheckedAtPath(path: string[]): void;
     checkedValueAtPath(path: string[]): TreeViewCheckedValue;
+    disabledValueAtPath(path: string[]): boolean;
     nodeAtPath(path: string[], selector?: string): Element | null;
     subTreeAtPath(path: string[]): TreeViewSubTreeNodeElement | null;
     leafAtPath(path: string[]): HTMLLIElement | null;
+    setNodeCheckedValue(node: Element, value: TreeViewCheckedValue): void;
     getNodeCheckedValue(node: Element): TreeViewCheckedValue;
+    getNodeDisabledValue(node: Element): boolean;
+    setNodeDisabledValue(node: Element, disabled: boolean): void;
     nodeHasCheckBox(node: Element): boolean;
     nodeHasNativeAction(node: Element): boolean;
     expandAncestorsForNode(node: HTMLElement): void;
+    changeSelectStrategy(newStrategy: SelectStrategy): void;
     infoFromNode(node: Element, newCheckedValue?: TreeViewCheckedValue): TreeViewNodeInfo | null;
 }
 declare global {

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

@@ -2,6 +2,7 @@ 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 type SelectStrategy = 'self' | 'descendants' | 'mixed_descendants';
 export declare class TreeViewSubTreeNodeElement extends HTMLElement {
     #private;
     node: HTMLElement;
@@ -19,7 +20,8 @@ export declare class TreeViewSubTreeNodeElement extends HTMLElement {
     set expanded(newValue: boolean);
     get loadingState(): LoadingState;
     set loadingState(newState: LoadingState);
-    get selectStrategy(): string;
+    get selectStrategy(): SelectStrategy;
+    get level(): number;
     disconnectedCallback(): void;
     handleEvent(event: Event): void;
     expand(): void;
@@ -27,11 +29,13 @@ export declare class TreeViewSubTreeNodeElement extends HTMLElement {
     toggle(): void;
     get nodes(): NodeListOf<Element>;
     eachDirectDescendantNode(): Generator<Element>;
+    eachDirectDescendantSubTreeNode(): Generator<TreeViewSubTreeNodeElement>;
     eachDescendantNode(): Generator<Element>;
     eachAncestorSubTreeNode(): Generator<TreeViewSubTreeNodeElement>;
     get isEmpty(): boolean;
     get treeView(): TreeViewElement | null;
     toggleChecked(): void;
+    changeSelectStrategy(newStrategy: SelectStrategy): void;
 }
 declare global {
     interface Window {

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

@@ -37,3 +37,4 @@ 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';
+import './open_project/filterable_tree_view';