@mixtint/primer-view-components 0.72.0

package/app/assets/javascripts/components/primer/open_project/collapsible_section.d.ts

@@ -0,0 +1,10 @@
+import { CollapsibleElement } from './collapsible';
+declare class CollapsibleSectionElement extends CollapsibleElement {
+    get baseClass(): string;
+}
+declare global {
+    interface Window {
+        CollapsibleSectionElement: typeof CollapsibleSectionElement;
+    }
+}
+export {};

package/app/assets/javascripts/components/primer/open_project/danger_dialog_form_helper.d.ts

@@ -0,0 +1,14 @@
+declare class DangerDialogFormHelperElement extends HTMLElement {
+    #private;
+    checkbox: HTMLInputElement | undefined;
+    get form(): HTMLFormElement | null;
+    get submitButton(): HTMLButtonElement | HTMLInputElement;
+    connectedCallback(): void;
+    toggle(): void;
+}
+declare global {
+    interface Window {
+        DangerDialogFormHelperElement: typeof DangerDialogFormHelperElement;
+    }
+}
+export {};

package/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;
+    }
+}

package/app/assets/javascripts/components/primer/open_project/page_header_element.d.ts

@@ -0,0 +1,9 @@
+declare class PageHeaderElement extends HTMLElement {
+    menuItemClick(event: Event): void;
+}
+declare global {
+    interface Window {
+        PageHeaderElement: typeof PageHeaderElement;
+    }
+}
+export {};

package/app/assets/javascripts/components/primer/open_project/sub_header_element.d.ts

@@ -0,0 +1,17 @@
+declare class SubHeaderElement extends HTMLElement {
+    filterInput: HTMLInputElement;
+    hiddenItemsOnExpandedFilter: HTMLElement[];
+    shownItemsOnExpandedFilter: HTMLElement[];
+    connectedCallback(): void;
+    setupFilterInputClearButton(): void;
+    toggleFilterInputClearButton(): void;
+    expandFilterInput(): void;
+    collapseFilterInput(): void;
+    private waitForCondition;
+}
+declare global {
+    interface Window {
+        SubHeaderElement: typeof SubHeaderElement;
+    }
+}
+export {};

package/app/assets/javascripts/components/primer/open_project/zen_mode_button.d.ts

@@ -0,0 +1,18 @@
+declare class ZenModeButtonElement extends HTMLElement {
+    button: HTMLElement;
+    inZenMode: boolean;
+    constructor();
+    disconnectedCallback(): void;
+    fullscreenChangeEventHandler(): void;
+    dispatchZenModeStatus(): void;
+    private deactivateZenMode;
+    private activateZenMode;
+    changeButtonState(inZenMode: boolean): void;
+    performAction(): void;
+}
+declare global {
+    interface Window {
+        ZenModeButtonElement: typeof ZenModeButtonElement;
+    }
+}
+export {};

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

@@ -0,0 +1,40 @@
+import '@github/include-fragment-element';
+import '@github/remote-input-element';
+import './alpha/action_list';
+import './alpha/action_bar_element';
+import './alpha/dropdown';
+import './anchored_position';
+import './dialog_helper';
+import './focus_group';
+import './scrollable_region';
+import './shared_events';
+import './utils';
+import './alpha/modal_dialog';
+import './beta/nav_list';
+import './beta/nav_list_group_element';
+import './alpha/segmented_control';
+import './alpha/toggle_switch';
+import './alpha/tool_tip';
+import './alpha/x_banner';
+import './beta/auto_complete/auto_complete';
+import './beta/clipboard_copy';
+import './beta/relative_time';
+import './alpha/tab_container';
+import '../../lib/primer/forms/primer_multi_input';
+import '../../lib/primer/forms/primer_text_field';
+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';
+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/filterable_tree_view';

package/app/assets/javascripts/components/primer/scrollable_region.d.ts

@@ -0,0 +1,13 @@
+export declare class ScrollableRegionElement extends HTMLElement {
+    hasOverflow: boolean;
+    labelledBy: string;
+    observer: ResizeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string): void;
+}
+declare global {
+    interface Window {
+        ScrollableRegionElement: typeof ScrollableRegionElement;
+    }
+}

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

@@ -0,0 +1,26 @@
+export type ItemActivatedEvent = {
+    item: Element;
+    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[]>;
+    }
+}

package/app/assets/javascripts/components/primer/utils.d.ts

@@ -0,0 +1 @@
+export declare const observeMutationsUntilConditionMet: (element: Element, condition: () => boolean, body: () => void) => void;

package/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts

@@ -0,0 +1,10 @@
+export declare class PrimerMultiInputElement extends HTMLElement {
+    fields: HTMLInputElement[];
+    activateField(name: string): void;
+    private findField;
+}
+declare global {
+    interface Window {
+        PrimerMultiInputElement: typeof PrimerMultiInputElement;
+    }
+}

package/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts

@@ -0,0 +1,28 @@
+import '@github/auto-check-element';
+import type { AutoCheckErrorEvent, AutoCheckSuccessEvent } from '@github/auto-check-element';
+declare global {
+    interface HTMLElementEventMap {
+        'auto-check-success': AutoCheckSuccessEvent;
+        'auto-check-error': AutoCheckErrorEvent;
+    }
+}
+export declare class PrimerTextFieldElement extends HTMLElement {
+    #private;
+    inputElement: HTMLInputElement;
+    validationElement: HTMLElement;
+    validationMessageElement: HTMLElement;
+    validationSuccessIcon: HTMLElement;
+    validationErrorIcon: HTMLElement;
+    leadingVisual: HTMLElement;
+    leadingSpinner: HTMLElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    clearContents(): void;
+    clearError(): void;
+    setValidationMessage(message: string): void;
+    toggleValidationStyling(isError: boolean): void;
+    setSuccess(message: string): void;
+    setError(message: string): void;
+    showLeadingSpinner(): void;
+    hideLeadingSpinner(): void;
+}

package/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts

@@ -0,0 +1,5 @@
+export declare class ToggleSwitchInputElement extends HTMLElement {
+    validationElement: HTMLElement;
+    validationMessageElement: HTMLElement;
+    connectedCallback(): void;
+}