openproject-primer_view_components 0.89.0 → 0.89.2
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.
- checksums.yaml +4 -4
- data/CHANGELOG.md +22 -0
- data/app/assets/javascripts/primer_view_components.js +1 -1
- data/app/assets/javascripts/primer_view_components.js.map +1 -1
- data/app/assets/styles/primer_view_components.css +1 -1
- data/app/assets/styles/primer_view_components.css.map +1 -1
- data/app/components/primer/alpha/action_bar.css +1 -1
- data/app/components/primer/alpha/action_bar.css.map +1 -1
- data/app/components/primer/alpha/action_list.css +1 -1
- data/app/components/primer/alpha/action_list.css.json +4 -10
- data/app/components/primer/alpha/action_list.css.map +1 -1
- data/app/components/primer/alpha/auto_complete.css +1 -1
- data/app/components/primer/alpha/auto_complete.css.map +1 -1
- data/app/components/primer/alpha/banner.css +1 -1
- data/app/components/primer/alpha/banner.css.map +1 -1
- data/app/components/primer/alpha/button_marketing.css +1 -1
- data/app/components/primer/alpha/button_marketing.css.map +1 -1
- data/app/components/primer/alpha/dialog.css +1 -1
- data/app/components/primer/alpha/dialog.css.json +2 -1
- data/app/components/primer/alpha/dialog.css.map +1 -1
- data/app/components/primer/alpha/dialog.pcss +4 -1
- data/app/components/primer/alpha/dropdown.css +1 -1
- data/app/components/primer/alpha/dropdown.css.map +1 -1
- data/app/components/primer/alpha/layout.css +1 -1
- data/app/components/primer/alpha/layout.css.json +10 -14
- data/app/components/primer/alpha/layout.css.map +1 -1
- data/app/components/primer/alpha/menu.css +1 -1
- data/app/components/primer/alpha/menu.css.map +1 -1
- data/app/components/primer/alpha/overlay.css +1 -1
- data/app/components/primer/alpha/overlay.css.map +1 -1
- data/app/components/primer/alpha/segmented_control.css +1 -1
- data/app/components/primer/alpha/segmented_control.css.json +1 -2
- data/app/components/primer/alpha/segmented_control.css.map +1 -1
- data/app/components/primer/alpha/select_panel.css +1 -1
- data/app/components/primer/alpha/select_panel.css.map +1 -1
- data/app/components/primer/alpha/select_panel_element.ts +1 -1
- data/app/components/primer/alpha/skeleton_box.css +1 -1
- data/app/components/primer/alpha/skeleton_box.css.map +1 -1
- data/app/components/primer/alpha/stack.css +1 -1
- data/app/components/primer/alpha/stack.css.map +1 -1
- data/app/components/primer/alpha/tab_nav.css +1 -1
- data/app/components/primer/alpha/tab_nav.css.map +1 -1
- data/app/components/primer/alpha/text_field.css +1 -1
- data/app/components/primer/alpha/text_field.css.json +1 -2
- data/app/components/primer/alpha/text_field.css.map +1 -1
- data/app/components/primer/alpha/toggle_switch.css +1 -1
- data/app/components/primer/alpha/toggle_switch.css.map +1 -1
- data/app/components/primer/alpha/tree_view/sub_tree_node.rb +1 -1
- data/app/components/primer/alpha/tree_view/tree_view_icon_pair_element.js +1 -1
- data/app/components/primer/alpha/tree_view/tree_view_icon_pair_element.ts +1 -1
- data/app/components/primer/alpha/tree_view/visual.rb +1 -1
- data/app/components/primer/alpha/tree_view.css +1 -1
- data/app/components/primer/alpha/tree_view.css.json +2 -2
- data/app/components/primer/alpha/tree_view.css.map +1 -1
- data/app/components/primer/alpha/underline_nav.css +1 -1
- data/app/components/primer/alpha/underline_nav.css.map +1 -1
- data/app/components/primer/beta/avatar.css +1 -1
- data/app/components/primer/beta/avatar.css.map +1 -1
- data/app/components/primer/beta/avatar_stack.css +1 -1
- data/app/components/primer/beta/avatar_stack.css.map +1 -1
- data/app/components/primer/beta/blankslate.css +1 -1
- data/app/components/primer/beta/blankslate.css.map +1 -1
- data/app/components/primer/beta/border_box.css +1 -1
- data/app/components/primer/beta/border_box.css.map +1 -1
- data/app/components/primer/beta/border_box.rb +18 -7
- data/app/components/primer/beta/breadcrumbs.css +1 -1
- data/app/components/primer/beta/breadcrumbs.css.map +1 -1
- data/app/components/primer/beta/button.css +1 -1
- data/app/components/primer/beta/button.css.map +1 -1
- data/app/components/primer/beta/button_group.css +1 -1
- data/app/components/primer/beta/button_group.css.map +1 -1
- data/app/components/primer/beta/button_group.rb +1 -1
- data/app/components/primer/beta/counter.css +1 -1
- data/app/components/primer/beta/counter.css.map +1 -1
- data/app/components/primer/beta/flash.css +1 -1
- data/app/components/primer/beta/flash.css.map +1 -1
- data/app/components/primer/beta/label.css +1 -1
- data/app/components/primer/beta/label.css.map +1 -1
- data/app/components/primer/beta/link.css +1 -1
- data/app/components/primer/beta/link.css.map +1 -1
- data/app/components/primer/beta/popover.css +1 -1
- data/app/components/primer/beta/popover.css.map +1 -1
- data/app/components/primer/beta/progress_bar.css +1 -1
- data/app/components/primer/beta/progress_bar.css.map +1 -1
- data/app/components/primer/beta/state.css +1 -1
- data/app/components/primer/beta/state.css.map +1 -1
- data/app/components/primer/beta/subhead.css +1 -1
- data/app/components/primer/beta/subhead.css.map +1 -1
- data/app/components/primer/beta/timeline_item.css +1 -1
- data/app/components/primer/beta/timeline_item.css.map +1 -1
- data/app/components/primer/beta/truncate.css +1 -1
- data/app/components/primer/beta/truncate.css.map +1 -1
- data/app/components/primer/dialog_helper.js +10 -1
- data/app/components/primer/dialog_helper.ts +16 -1
- data/app/components/primer/open_project/border_box/collapsible_header.css +1 -1
- data/app/components/primer/open_project/border_box/collapsible_header.css.json +1 -3
- data/app/components/primer/open_project/border_box/collapsible_header.css.map +1 -1
- data/app/components/primer/open_project/border_grid.css +1 -1
- data/app/components/primer/open_project/border_grid.css.map +1 -1
- data/app/components/primer/open_project/drag_handle.css +1 -1
- data/app/components/primer/open_project/drag_handle.css.map +1 -1
- data/app/components/primer/open_project/filterable_tree_view.css +1 -1
- data/app/components/primer/open_project/filterable_tree_view.css.map +1 -1
- data/app/components/primer/open_project/filterable_tree_view.html.erb +9 -5
- data/app/components/primer/open_project/filterable_tree_view.js +28 -2
- data/app/components/primer/open_project/filterable_tree_view.rb +9 -1
- data/app/components/primer/open_project/filterable_tree_view.ts +27 -1
- data/app/components/primer/open_project/inline_message.css +1 -1
- data/app/components/primer/open_project/inline_message.css.map +1 -1
- data/app/components/primer/open_project/page_header/dialog.rb +1 -1
- data/app/components/primer/open_project/page_header/menu.rb +1 -1
- data/app/components/primer/open_project/page_header.css +1 -1
- data/app/components/primer/open_project/page_header.css.map +1 -1
- data/app/components/primer/open_project/pagination.css +1 -1
- data/app/components/primer/open_project/pagination.css.map +1 -1
- data/app/components/primer/open_project/side_panel/section.css +1 -1
- data/app/components/primer/open_project/side_panel/section.css.map +1 -1
- data/app/components/primer/open_project/sub_header.css +1 -1
- data/app/components/primer/open_project/sub_header.css.map +1 -1
- data/app/lib/primer/forms/acts_as_component.rb +1 -1
- data/app/lib/primer/forms/toggle_switch_form.rb +1 -1
- data/lib/primer/form_components.rb +1 -1
- data/lib/primer/view_components/version.rb +1 -1
- data/previews/primer/alpha/segmented_control_preview.rb +0 -4
- data/previews/primer/beta/border_box_preview.rb +3 -3
- data/previews/primer/open_project/filterable_tree_view_preview/async_custom_loading_indicator.html.erb +9 -0
- data/previews/primer/open_project/filterable_tree_view_preview/default.html.erb +1 -1
- data/previews/primer/open_project/filterable_tree_view_preview.rb +8 -1
- data/static/arguments.json +19 -1
- data/static/info_arch.json +72 -9
- data/static/previews.json +55 -16
- metadata +2 -46
- data/app/assets/javascripts/components/primer/alpha/action_bar_element.d.ts +0 -17
- data/app/assets/javascripts/components/primer/alpha/action_list.d.ts +0 -16
- data/app/assets/javascripts/components/primer/alpha/action_menu/action_menu_element.d.ts +0 -49
- data/app/assets/javascripts/components/primer/alpha/action_menu/action_menu_focus_zone_stack.d.ts +0 -17
- data/app/assets/javascripts/components/primer/alpha/dropdown/menu.d.ts +0 -1
- data/app/assets/javascripts/components/primer/alpha/dropdown.d.ts +0 -1
- data/app/assets/javascripts/components/primer/alpha/modal_dialog.d.ts +0 -18
- data/app/assets/javascripts/components/primer/alpha/segmented_control.d.ts +0 -12
- data/app/assets/javascripts/components/primer/alpha/select_panel_element.d.ts +0 -65
- data/app/assets/javascripts/components/primer/alpha/tab_container.d.ts +0 -1
- data/app/assets/javascripts/components/primer/alpha/toggle_switch.d.ts +0 -34
- data/app/assets/javascripts/components/primer/alpha/tool_tip.d.ts +0 -27
- data/app/assets/javascripts/components/primer/alpha/tree_view/tree_view.d.ts +0 -47
- data/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_icon_pair_element.d.ts +0 -15
- data/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_include_fragment_element.d.ts +0 -9
- data/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_roving_tab_index.d.ts +0 -3
- data/app/assets/javascripts/components/primer/alpha/tree_view/tree_view_sub_tree_node_element.d.ts +0 -47
- data/app/assets/javascripts/components/primer/alpha/x_banner.d.ts +0 -18
- data/app/assets/javascripts/components/primer/anchored_position.d.ts +0 -27
- data/app/assets/javascripts/components/primer/beta/auto_complete/auto_complete.d.ts +0 -1
- data/app/assets/javascripts/components/primer/beta/clipboard_copy.d.ts +0 -1
- data/app/assets/javascripts/components/primer/beta/details_toggle_element.d.ts +0 -40
- data/app/assets/javascripts/components/primer/beta/nav_list.d.ts +0 -20
- data/app/assets/javascripts/components/primer/beta/nav_list_group_element.d.ts +0 -19
- data/app/assets/javascripts/components/primer/beta/relative_time.d.ts +0 -1
- data/app/assets/javascripts/components/primer/dialog_helper.d.ts +0 -15
- data/app/assets/javascripts/components/primer/focus_group.d.ts +0 -19
- data/app/assets/javascripts/components/primer/open_project/avatar_fallback.d.ts +0 -28
- data/app/assets/javascripts/components/primer/open_project/border_box/collapsible_header.d.ts +0 -11
- data/app/assets/javascripts/components/primer/open_project/collapsible.d.ts +0 -13
- data/app/assets/javascripts/components/primer/open_project/collapsible_section.d.ts +0 -10
- data/app/assets/javascripts/components/primer/open_project/danger_dialog_form_helper.d.ts +0 -18
- data/app/assets/javascripts/components/primer/open_project/filterable_tree_view.d.ts +0 -29
- data/app/assets/javascripts/components/primer/open_project/page_header_element.d.ts +0 -9
- data/app/assets/javascripts/components/primer/open_project/sub_header_element.d.ts +0 -17
- data/app/assets/javascripts/components/primer/open_project/zen_mode_button.d.ts +0 -18
- data/app/assets/javascripts/components/primer/primer.d.ts +0 -42
- data/app/assets/javascripts/components/primer/scrollable_region.d.ts +0 -13
- data/app/assets/javascripts/components/primer/shared_events.d.ts +0 -26
- data/app/assets/javascripts/components/primer/utils.d.ts +0 -1
- data/app/assets/javascripts/lib/primer/forms/character_counter.d.ts +0 -41
- data/app/assets/javascripts/lib/primer/forms/primer_multi_input.d.ts +0 -10
- data/app/assets/javascripts/lib/primer/forms/primer_text_area.d.ts +0 -13
- data/app/assets/javascripts/lib/primer/forms/primer_text_field.d.ts +0 -30
- data/app/assets/javascripts/lib/primer/forms/toggle_switch_input.d.ts +0 -5
|
@@ -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
|
-
}
|