openproject-primer_view_components 0.70.5 → 0.72.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 41b1b1ad2cf71ac187f62abfab9bb4672fd79a6226594f2f83cd54997ce6b6a8
-  data.tar.gz: ac203e7e4d911a35004c23f4e12e7b007e1c1771a698782df893d872feb7dfd5
+  metadata.gz: e666e1394f004b6a5924de0eaefd8384539a04c03ce09031d991b26dc26df163
+  data.tar.gz: 839c41112e056262087e21adfaacecb8ffa2600958daab267ddc280b78c66cef
 SHA512:
-  metadata.gz: '0979214c8f67f34bc996bf57fe59e1a9ad951f4520e993076e8e8686f9ac60cfe373c0fee205221e4ad0c58e6f0a2cbadb91a40f329ac4a481783b46984ef868'
-  data.tar.gz: bedd3be0a15e2343189c2a9a0a4c585b82a4fce4f5a1021a0a7f83f3bce3a93d9b521765dd12d665b92e0afdfeb2199474809df3f9ab35ef6a70a6467a7308e2
+  metadata.gz: 4e020740dc79749c21ad7fe12b4292ebde4b26cefc28a471fca91bd4a177fcc7e99e9c53e20d8f8b8a13193c582538216d74c7403ba2a93e3c6009eccd3c29e8
+  data.tar.gz: bb45b2c1991f58c09127e2b88f2bea06595558698cc7c0dfef785d09962ee456875855d665b75fc0cb7b76974a21ceb6a974f1f2077af27ef6cd69ac5f104286

data/CHANGELOG.md

@@ -1,5 +1,25 @@
 # CHANGELOG
 
+## 0.72.0
+
+### Minor Changes
+
+- [#3563](https://github.com/primer/view_components/pull/3563) [`cf9ce00`](https://github.com/opf/primer_view_components/commit/cf9ce00849b200482e2a799a279acb645929ab57) Thanks [@camertron](https://github.com/camertron)! - Introduce Primer::Alpha::TreeView, Primer::Alpha::FileTreeView and Primer::Alpha::SkeletonBox
+
+### Patch Changes
+
+- [#3636](https://github.com/primer/view_components/pull/3636) [`fd25aaf`](https://github.com/opf/primer_view_components/commit/fd25aafe80d97251f7522a2c5a9bdf2e3c3b58fc) Thanks [@langermank](https://github.com/langermank)! - Support high contrast themes in `ProgressBar`
+
+- [#3613](https://github.com/primer/view_components/pull/3613) [`0ddc1a4`](https://github.com/opf/primer_view_components/commit/0ddc1a41be5dce9f4042e6d4138432554d2419a1) Thanks [@jonrohan](https://github.com/jonrohan)! - Updating snapshots
+
+- [#3614](https://github.com/primer/view_components/pull/3614) [`41b64d6`](https://github.com/opf/primer_view_components/commit/41b64d638f0c0805acafb4e17de2935116b63d70) Thanks [@bsatarnejad](https://github.com/bsatarnejad)! - Breadcrumb is not properly left-aligned when it has long items
+
+## 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 → alpha}/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 → alpha}/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/open_project/filterable_tree_view.d.ts

@@ -0,0 +1,29 @@
+import { SegmentedControlElement } from '../alpha/segmented_control';
+import { TreeViewElement } from '../alpha/tree_view/tree_view';
+import { TreeViewSubTreeNodeElement } from '../alpha/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/primer.d.ts

@@ -26,6 +26,10 @@ import '../../lib/primer/forms/toggle_switch_input';
 import './alpha/action_menu/action_menu_element';
 import './alpha/select_panel_element';
 import './beta/details_toggle_element';
+import './alpha/tree_view/tree_view';
+import './alpha/tree_view/tree_view_icon_pair_element';
+import './alpha/tree_view/tree_view_sub_tree_node_element';
+import './alpha/tree_view/tree_view_include_fragment_element';
 import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_element';
@@ -33,7 +37,4 @@ 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';
+import './open_project/filterable_tree_view';