@openproject/primer-view-components 0.89.1-rc.471aebac3 → 0.89.2-rc.41a8b4ee3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/assets/javascripts/primer_view_components.js +1 -1
- package/app/assets/javascripts/primer_view_components.js.map +1 -1
- package/app/components/primer/alpha/tree_view/tree_view_icon_pair_element.js +1 -1
- package/package.json +3 -3
- package/app/assets/javascripts/components/primer/alpha/action_bar_element.d.ts +0 -17
- package/app/assets/javascripts/components/primer/alpha/action_list.d.ts +0 -16
- package/app/assets/javascripts/components/primer/alpha/action_menu/action_menu_element.d.ts +0 -49
- package/app/assets/javascripts/components/primer/alpha/action_menu/action_menu_focus_zone_stack.d.ts +0 -17
- package/app/assets/javascripts/components/primer/alpha/dropdown/menu.d.ts +0 -1
- package/app/assets/javascripts/components/primer/alpha/dropdown.d.ts +0 -1
- package/app/assets/javascripts/components/primer/alpha/modal_dialog.d.ts +0 -18
- package/app/assets/javascripts/components/primer/alpha/segmented_control.d.ts +0 -12
- package/app/assets/javascripts/components/primer/alpha/select_panel_element.d.ts +0 -65
- package/app/assets/javascripts/components/primer/alpha/tab_container.d.ts +0 -1
- package/app/assets/javascripts/components/primer/alpha/toggle_switch.d.ts +0 -34
- package/app/assets/javascripts/components/primer/alpha/tool_tip.d.ts +0 -27
- package/app/assets/javascripts/components/primer/alpha/tree_view/tree_view.d.ts +0 -47
- package/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_icon_pair_element.d.ts +0 -15
- package/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_include_fragment_element.d.ts +0 -9
- package/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_roving_tab_index.d.ts +0 -3
- package/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.d.ts +0 -47
- package/app/assets/javascripts/components/primer/alpha/x_banner.d.ts +0 -18
- package/app/assets/javascripts/components/primer/anchored_position.d.ts +0 -27
- package/app/assets/javascripts/components/primer/beta/auto_complete/auto_complete.d.ts +0 -1
- package/app/assets/javascripts/components/primer/beta/clipboard_copy.d.ts +0 -1
- package/app/assets/javascripts/components/primer/beta/details_toggle_element.d.ts +0 -40
- package/app/assets/javascripts/components/primer/beta/nav_list.d.ts +0 -20
- package/app/assets/javascripts/components/primer/beta/nav_list_group_element.d.ts +0 -19
- package/app/assets/javascripts/components/primer/beta/relative_time.d.ts +0 -1
- package/app/assets/javascripts/components/primer/dialog_helper.d.ts +0 -15
- package/app/assets/javascripts/components/primer/focus_group.d.ts +0 -19
- package/app/assets/javascripts/components/primer/open_project/avatar_fallback.d.ts +0 -28
- package/app/assets/javascripts/components/primer/open_project/border_box/collapsible_header.d.ts +0 -11
- package/app/assets/javascripts/components/primer/open_project/collapsible.d.ts +0 -13
- package/app/assets/javascripts/components/primer/open_project/collapsible_section.d.ts +0 -10
- package/app/assets/javascripts/components/primer/open_project/danger_dialog_form_helper.d.ts +0 -18
- package/app/assets/javascripts/components/primer/open_project/filterable_tree_view.d.ts +0 -29
- package/app/assets/javascripts/components/primer/open_project/page_header_element.d.ts +0 -9
- package/app/assets/javascripts/components/primer/open_project/sub_header_element.d.ts +0 -17
- package/app/assets/javascripts/components/primer/open_project/zen_mode_button.d.ts +0 -18
- package/app/assets/javascripts/components/primer/primer.d.ts +0 -42
- package/app/assets/javascripts/components/primer/scrollable_region.d.ts +0 -13
- package/app/assets/javascripts/components/primer/shared_events.d.ts +0 -26
- package/app/assets/javascripts/components/primer/utils.d.ts +0 -1
- package/app/assets/javascripts/lib/primer/forms/character_counter.d.ts +0 -41
- package/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts +0 -10
- package/app/assets/javascripts/lib/primer/forms/primer_text_area.d.ts +0 -13
- package/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +0 -30
- package/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts +0 -5
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare abstract class CollapsibleElement extends HTMLElement {
|
|
2
|
-
arrowDown: Element;
|
|
3
|
-
arrowUp: Element;
|
|
4
|
-
triggerElement: HTMLElement;
|
|
5
|
-
collapsibleElements: HTMLElement[];
|
|
6
|
-
collapsed: boolean;
|
|
7
|
-
toggleViaKeyboard(event: KeyboardEvent): void;
|
|
8
|
-
toggle(): void;
|
|
9
|
-
attributeChangedCallback(name: string): void;
|
|
10
|
-
hideAll(): void;
|
|
11
|
-
expandAll(): void;
|
|
12
|
-
abstract get baseClass(): string;
|
|
13
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { CollapsibleElement } from './collapsible';
|
|
2
|
-
declare class CollapsibleSectionElement extends CollapsibleElement {
|
|
3
|
-
get baseClass(): string;
|
|
4
|
-
}
|
|
5
|
-
declare global {
|
|
6
|
-
interface Window {
|
|
7
|
-
CollapsibleSectionElement: typeof CollapsibleSectionElement;
|
|
8
|
-
}
|
|
9
|
-
}
|
|
10
|
-
export {};
|
package/app/assets/javascripts/components/primer/open_project/danger_dialog_form_helper.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { LiveRegionElement } from '@primer/live-region-element';
|
|
2
|
-
declare class DangerDialogFormHelperElement extends HTMLElement {
|
|
3
|
-
#private;
|
|
4
|
-
checkbox: HTMLInputElement | undefined;
|
|
5
|
-
liveRegion: LiveRegionElement;
|
|
6
|
-
confirmationLiveMessageChecked: string;
|
|
7
|
-
confirmationLiveMessageUnchecked: string;
|
|
8
|
-
get form(): HTMLFormElement | null;
|
|
9
|
-
get submitButton(): HTMLButtonElement | HTMLInputElement;
|
|
10
|
-
connectedCallback(): void;
|
|
11
|
-
toggle(): void;
|
|
12
|
-
}
|
|
13
|
-
declare global {
|
|
14
|
-
interface Window {
|
|
15
|
-
DangerDialogFormHelperElement: typeof DangerDialogFormHelperElement;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
export {};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { SegmentedControlElement } from '../alpha/segmented_control';
|
|
2
|
-
import { TreeViewElement } from '../alpha/tree_view/tree_view';
|
|
3
|
-
import { TreeViewSubTreeNodeElement } from '../alpha/tree_view/tree_view_sub_tree_node_element';
|
|
4
|
-
export type FilterFn = (node: HTMLElement, query: string, filterMode?: string) => Range[] | null;
|
|
5
|
-
export declare class FilterableTreeViewElement extends HTMLElement {
|
|
6
|
-
#private;
|
|
7
|
-
filterInput: HTMLInputElement;
|
|
8
|
-
filterModeControlList: HTMLElement;
|
|
9
|
-
treeViewList: HTMLElement;
|
|
10
|
-
noResultsMessage: HTMLElement;
|
|
11
|
-
includeSubItemsCheckBox: HTMLInputElement;
|
|
12
|
-
connectedCallback(): void;
|
|
13
|
-
disconnectedCallback(): void;
|
|
14
|
-
handleEvent(event: Event): void;
|
|
15
|
-
get filterModeControl(): SegmentedControlElement | null;
|
|
16
|
-
get treeView(): TreeViewElement | null;
|
|
17
|
-
set filterFn(newFn: FilterFn);
|
|
18
|
-
get filterFn(): FilterFn;
|
|
19
|
-
defaultFilterFn(node: HTMLElement, query: string, filterMode?: string): Range[] | null;
|
|
20
|
-
get filterMode(): string | null;
|
|
21
|
-
get queryString(): string;
|
|
22
|
-
eachDescendantDepthFirst(node: HTMLElement, level: number, ancestry: TreeViewSubTreeNodeElement[]): Generator<[NodeListOf<HTMLElement>, TreeViewSubTreeNodeElement[]]>;
|
|
23
|
-
eachShallowestCheckedSubTree(root: TreeViewSubTreeNodeElement): Generator<TreeViewSubTreeNodeElement>;
|
|
24
|
-
}
|
|
25
|
-
declare global {
|
|
26
|
-
interface Window {
|
|
27
|
-
FilterableTreeViewElement: typeof FilterableTreeViewElement;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
declare class SubHeaderElement extends HTMLElement {
|
|
2
|
-
filterInput: HTMLInputElement;
|
|
3
|
-
shownItemsOnExpandedFilter: HTMLElement[];
|
|
4
|
-
filterExpandButton: HTMLElement[];
|
|
5
|
-
connectedCallback(): void;
|
|
6
|
-
setupFilterInputClearButton(): void;
|
|
7
|
-
toggleFilterInputClearButton(): void;
|
|
8
|
-
expandFilterInput(): void;
|
|
9
|
-
collapseFilterInput(): void;
|
|
10
|
-
private waitForCondition;
|
|
11
|
-
}
|
|
12
|
-
declare global {
|
|
13
|
-
interface Window {
|
|
14
|
-
SubHeaderElement: typeof SubHeaderElement;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
export {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
declare class ZenModeButtonElement extends HTMLElement {
|
|
2
|
-
button: HTMLElement;
|
|
3
|
-
inZenMode: boolean;
|
|
4
|
-
constructor();
|
|
5
|
-
disconnectedCallback(): void;
|
|
6
|
-
fullscreenChangeEventHandler(): void;
|
|
7
|
-
dispatchZenModeStatus(): void;
|
|
8
|
-
private deactivateZenMode;
|
|
9
|
-
private activateZenMode;
|
|
10
|
-
changeButtonState(inZenMode: boolean): void;
|
|
11
|
-
performAction(): void;
|
|
12
|
-
}
|
|
13
|
-
declare global {
|
|
14
|
-
interface Window {
|
|
15
|
-
ZenModeButtonElement: typeof ZenModeButtonElement;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import '@github/include-fragment-element';
|
|
2
|
-
import '@github/remote-input-element';
|
|
3
|
-
import './alpha/action_list';
|
|
4
|
-
import './alpha/action_bar_element';
|
|
5
|
-
import './alpha/dropdown';
|
|
6
|
-
import './anchored_position';
|
|
7
|
-
import './dialog_helper';
|
|
8
|
-
import './focus_group';
|
|
9
|
-
import './scrollable_region';
|
|
10
|
-
import './shared_events';
|
|
11
|
-
import './utils';
|
|
12
|
-
import './alpha/modal_dialog';
|
|
13
|
-
import './beta/nav_list';
|
|
14
|
-
import './beta/nav_list_group_element';
|
|
15
|
-
import './alpha/segmented_control';
|
|
16
|
-
import './alpha/toggle_switch';
|
|
17
|
-
import './alpha/tool_tip';
|
|
18
|
-
import './alpha/x_banner';
|
|
19
|
-
import './beta/auto_complete/auto_complete';
|
|
20
|
-
import './beta/clipboard_copy';
|
|
21
|
-
import './beta/relative_time';
|
|
22
|
-
import './alpha/tab_container';
|
|
23
|
-
import '../../lib/primer/forms/primer_multi_input';
|
|
24
|
-
import '../../lib/primer/forms/primer_text_field';
|
|
25
|
-
import '../../lib/primer/forms/primer_text_area';
|
|
26
|
-
import '../../lib/primer/forms/toggle_switch_input';
|
|
27
|
-
import './alpha/action_menu/action_menu_element';
|
|
28
|
-
import './alpha/select_panel_element';
|
|
29
|
-
import './beta/details_toggle_element';
|
|
30
|
-
import './alpha/tree_view/tree_view';
|
|
31
|
-
import './alpha/tree_view/tree_view_icon_pair_element';
|
|
32
|
-
import './alpha/tree_view/tree_view_sub_tree_node_element';
|
|
33
|
-
import './alpha/tree_view/tree_view_include_fragment_element';
|
|
34
|
-
import './open_project/avatar_fallback';
|
|
35
|
-
import './open_project/page_header_element';
|
|
36
|
-
import './open_project/zen_mode_button';
|
|
37
|
-
import './open_project/sub_header_element';
|
|
38
|
-
import './open_project/danger_dialog_form_helper';
|
|
39
|
-
import './open_project/collapsible';
|
|
40
|
-
import './open_project/border_box/collapsible_header';
|
|
41
|
-
import './open_project/collapsible_section';
|
|
42
|
-
import './open_project/filterable_tree_view';
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare class ScrollableRegionElement extends HTMLElement {
|
|
2
|
-
hasOverflow: boolean;
|
|
3
|
-
labelledBy: string;
|
|
4
|
-
observer: ResizeObserver;
|
|
5
|
-
connectedCallback(): void;
|
|
6
|
-
disconnectedCallback(): void;
|
|
7
|
-
attributeChangedCallback(name: string): void;
|
|
8
|
-
}
|
|
9
|
-
declare global {
|
|
10
|
-
interface Window {
|
|
11
|
-
ScrollableRegionElement: typeof ScrollableRegionElement;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
export type ItemActivatedEvent = {
|
|
2
|
-
item: Element;
|
|
3
|
-
checked: boolean;
|
|
4
|
-
value: string | null;
|
|
5
|
-
};
|
|
6
|
-
export type TreeViewNodeType = 'leaf' | 'sub-tree';
|
|
7
|
-
export type TreeViewCheckedValue = 'true' | 'false' | 'mixed';
|
|
8
|
-
export type TreeViewNodeInfo = {
|
|
9
|
-
node: Element;
|
|
10
|
-
type: TreeViewNodeType;
|
|
11
|
-
path: string[];
|
|
12
|
-
checkedValue: TreeViewCheckedValue;
|
|
13
|
-
previousCheckedValue: TreeViewCheckedValue;
|
|
14
|
-
};
|
|
15
|
-
declare global {
|
|
16
|
-
interface HTMLElementEventMap {
|
|
17
|
-
itemActivated: CustomEvent<ItemActivatedEvent>;
|
|
18
|
-
beforeItemActivated: CustomEvent<ItemActivatedEvent>;
|
|
19
|
-
treeViewNodeActivated: CustomEvent<TreeViewNodeInfo>;
|
|
20
|
-
treeViewBeforeNodeActivated: CustomEvent<TreeViewNodeInfo>;
|
|
21
|
-
treeViewNodeExpanded: CustomEvent<TreeViewNodeInfo>;
|
|
22
|
-
treeViewNodeCollapsed: CustomEvent<TreeViewNodeInfo>;
|
|
23
|
-
treeViewNodeChecked: CustomEvent<TreeViewNodeInfo[]>;
|
|
24
|
-
treeViewBeforeNodeChecked: CustomEvent<TreeViewNodeInfo[]>;
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const observeMutationsUntilConditionMet: (element: Element, condition: () => boolean, body: () => void) => void;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Shared character counting functionality for text inputs with character limits.
|
|
3
|
-
* Handles real-time character count updates, validation, and aria-live announcements.
|
|
4
|
-
*/
|
|
5
|
-
export declare class CharacterCounter {
|
|
6
|
-
private inputElement;
|
|
7
|
-
private characterLimitElement;
|
|
8
|
-
private characterLimitSrElement;
|
|
9
|
-
private SCREEN_READER_DELAY;
|
|
10
|
-
private announceTimeout;
|
|
11
|
-
private isInitialLoad;
|
|
12
|
-
constructor(inputElement: HTMLInputElement | HTMLTextAreaElement, characterLimitElement: HTMLElement, characterLimitSrElement: HTMLElement);
|
|
13
|
-
/**
|
|
14
|
-
* Initialize character counting by setting up event listener and initial count
|
|
15
|
-
*/
|
|
16
|
-
initialize(signal?: AbortSignal): void;
|
|
17
|
-
/**
|
|
18
|
-
* Clean up any pending timeouts
|
|
19
|
-
*/
|
|
20
|
-
cleanup(): void;
|
|
21
|
-
/**
|
|
22
|
-
* Pluralizes a word based on the count
|
|
23
|
-
*/
|
|
24
|
-
private pluralize;
|
|
25
|
-
/**
|
|
26
|
-
* Update the character count display and validation state
|
|
27
|
-
*/
|
|
28
|
-
private updateCharacterCount;
|
|
29
|
-
/**
|
|
30
|
-
* Announce character count to screen readers with debouncing
|
|
31
|
-
*/
|
|
32
|
-
private announceToScreenReader;
|
|
33
|
-
/**
|
|
34
|
-
* Set error when character limit is exceeded
|
|
35
|
-
*/
|
|
36
|
-
private setError;
|
|
37
|
-
/**
|
|
38
|
-
* Clear error when back under character limit
|
|
39
|
-
*/
|
|
40
|
-
private clearError;
|
|
41
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export declare class PrimerMultiInputElement extends HTMLElement {
|
|
2
|
-
fields: HTMLInputElement[];
|
|
3
|
-
activateField(name: string): void;
|
|
4
|
-
private findField;
|
|
5
|
-
}
|
|
6
|
-
declare global {
|
|
7
|
-
interface Window {
|
|
8
|
-
PrimerMultiInputElement: typeof PrimerMultiInputElement;
|
|
9
|
-
}
|
|
10
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare class PrimerTextAreaElement extends HTMLElement {
|
|
2
|
-
#private;
|
|
3
|
-
inputElement: HTMLTextAreaElement;
|
|
4
|
-
characterLimitElement: HTMLElement;
|
|
5
|
-
characterLimitSrElement: HTMLElement;
|
|
6
|
-
connectedCallback(): void;
|
|
7
|
-
disconnectedCallback(): void;
|
|
8
|
-
}
|
|
9
|
-
declare global {
|
|
10
|
-
interface Window {
|
|
11
|
-
PrimerTextAreaElement: typeof PrimerTextAreaElement;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import '@github/auto-check-element';
|
|
2
|
-
import type { AutoCheckErrorEvent, AutoCheckSuccessEvent } from '@github/auto-check-element';
|
|
3
|
-
declare global {
|
|
4
|
-
interface HTMLElementEventMap {
|
|
5
|
-
'auto-check-success': AutoCheckSuccessEvent;
|
|
6
|
-
'auto-check-error': AutoCheckErrorEvent;
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
export declare class PrimerTextFieldElement extends HTMLElement {
|
|
10
|
-
#private;
|
|
11
|
-
inputElement: HTMLInputElement;
|
|
12
|
-
validationElement: HTMLElement;
|
|
13
|
-
validationMessageElement: HTMLElement;
|
|
14
|
-
validationSuccessIcon: HTMLElement;
|
|
15
|
-
validationErrorIcon: HTMLElement;
|
|
16
|
-
leadingVisual: HTMLElement;
|
|
17
|
-
leadingSpinner: HTMLElement;
|
|
18
|
-
characterLimitElement: HTMLElement;
|
|
19
|
-
characterLimitSrElement: HTMLElement;
|
|
20
|
-
connectedCallback(): void;
|
|
21
|
-
disconnectedCallback(): void;
|
|
22
|
-
clearContents(): void;
|
|
23
|
-
clearError(): void;
|
|
24
|
-
setValidationMessage(message: string): void;
|
|
25
|
-
toggleValidationStyling(isError: boolean): void;
|
|
26
|
-
setSuccess(message: string): void;
|
|
27
|
-
setError(message: string): void;
|
|
28
|
-
showLeadingSpinner(): void;
|
|
29
|
-
hideLeadingSpinner(): void;
|
|
30
|
-
}
|