Version Packages

CHANGELOG.md

@@ -1,5 +1,36 @@
 # CHANGELOG
 
+## 0.35.0
+
+### Minor Changes
+
+- [#3074](https://github.com/primer/view_components/pull/3074) [`25109d0`](https://github.com/primer/view_components/commit/25109d0a9686e8dcc8b81a08ba11cd648178aa57) Thanks [@owenniblock](https://github.com/owenniblock)! - [SelectPanel] replace loading label using parameter loading_label
+  [SelectPanel] show additional loading content with loading_description
+
+- [#3072](https://github.com/primer/view_components/pull/3072) [`18b2074`](https://github.com/primer/view_components/commit/18b2074e4a6e77ea47bd0e78c93358aaeefce842) Thanks [@camertron](https://github.com/camertron)! - [Forms] Fix position of caption for checkbox and radio groups
+
+- [#3149](https://github.com/primer/view_components/pull/3149) [`b9cce66`](https://github.com/primer/view_components/commit/b9cce66038a01ffa50a8f771f0b7d7312e567f88) Thanks [@camertron](https://github.com/camertron)! - Allow form groups to accept system arguments
+
+- [#3071](https://github.com/primer/view_components/pull/3071) [`e043069`](https://github.com/primer/view_components/commit/e043069782f1a88970c09feb0fe05566e21b18ce) Thanks [@camertron](https://github.com/camertron)! - [SelectPanel] Use checkboxes for multi-select
+
+- [#3126](https://github.com/primer/view_components/pull/3126) [`89052ca`](https://github.com/primer/view_components/commit/89052ca71fd7f54ffe4cda87393475428c196ded) Thanks [@francinelucca](https://github.com/francinelucca)! - Introduce the Stack and StackItem components.
+
+- [#3083](https://github.com/primer/view_components/pull/3083) [`5907105`](https://github.com/primer/view_components/commit/590710582e7c29b3d6bc8b142c1e9b8f95709c68) Thanks [@jamieshark](https://github.com/jamieshark)! - [SelectPanel] Adds banner scheme as param.
+
+### Patch Changes
+
+- [#3103](https://github.com/primer/view_components/pull/3103) [`6033c86`](https://github.com/primer/view_components/commit/6033c865d5448c31f0698bcdc9422a0a9581dda0) Thanks [@owenniblock](https://github.com/owenniblock)! - Moves the loading and "no results" messages on the SelectPanel to the top of the container.
+
+- [#3141](https://github.com/primer/view_components/pull/3141) [`37e78c0`](https://github.com/primer/view_components/commit/37e78c05e5e4ac1c8d482468b77a94b495aef6b3) Thanks [@camertron](https://github.com/camertron)! - Allow setting custom values on submit buttons.
+
+- [#3153](https://github.com/primer/view_components/pull/3153) [`cc1ce7a`](https://github.com/primer/view_components/commit/cc1ce7adcc6f2d984711f8e5b5d2c92201254250) Thanks [@camertron](https://github.com/camertron)! - Fix problem introduced by #3141 that causes template captions not to render for certain input types if the input is configured with a `value:`.
+
+- [#3076](https://github.com/primer/view_components/pull/3076) [`7e7a60f`](https://github.com/primer/view_components/commit/7e7a60f4ba36b835b774c640e64d5de19f68fd61) Thanks [@HDinger](https://github.com/HDinger)! - Add "action" to the list of data attributes that accept multiple values in the `merge_data` helper
+
+- [#3095](https://github.com/primer/view_components/pull/3095) [`26f1fbc`](https://github.com/primer/view_components/commit/26f1fbcacade2c05fabb42d8231ac22fbc1e3b52) Thanks [@owenniblock](https://github.com/owenniblock)! - Clear input on SelectPanel when dialog closed
+
+- [#3144](https://github.com/primer/view_components/pull/3144) [`978e867`](https://github.com/primer/view_components/commit/978e8678301907dbaf8a61fcc966179c0736493f) Thanks [@keithamus](https://github.com/keithamus)! - Remove dialog-scrollgutter setting from hot-path, for improved performance
+
 ## 0.34.0
 
 ### Minor Changes

Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    primer_view_components (0.34.0)
+    primer_view_components (0.35.0)
       actionview (>= 5.0.0)
       activesupport (>= 5.0.0)
       octicons (>= 18.0.0)

components/primer/alpha/action_bar_element.d.ts

@@ -0,0 +1,17 @@
+import { ActionMenuElement } from './action_menu/action_menu_element';
+declare class ActionBarElement extends HTMLElement {
+    #private;
+    items: HTMLElement[];
+    itemContainer: HTMLElement;
+    moreMenu: ActionMenuElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    menuItemClick(event: Event): void;
+    update(): void;
+}
+declare global {
+    interface Window {
+        ActionBarElement: typeof ActionBarElement;
+    }
+}
+export {};

components/primer/alpha/action_list.d.ts

@@ -0,0 +1,16 @@
+export declare class ActionListTruncationObserver {
+    resizeObserver: ResizeObserver;
+    constructor(el: HTMLElement);
+    unobserve(el: HTMLElement): void;
+    update(el: HTMLElement): void;
+}
+export declare class ActionListElement extends HTMLElement {
+    #private;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface Window {
+        ActionListElement: typeof ActionListElement;
+    }
+}

components/primer/alpha/action_menu/action_menu_element.d.ts

@@ -0,0 +1,42 @@
+import '@oddbird/popover-polyfill';
+import type { IncludeFragmentElement } from '@github/include-fragment-element';
+type SelectVariant = 'none' | 'single' | 'multiple' | null;
+type SelectedItem = {
+    label: string | null | undefined;
+    value: string | null | undefined;
+    element: Element;
+};
+export declare class ActionMenuElement extends HTMLElement {
+    #private;
+    includeFragment: IncludeFragmentElement;
+    get selectVariant(): SelectVariant;
+    set selectVariant(variant: SelectVariant);
+    get dynamicLabelPrefix(): string;
+    set dynamicLabelPrefix(value: string);
+    get dynamicLabel(): boolean;
+    set dynamicLabel(value: boolean);
+    get popoverElement(): HTMLElement | null;
+    get invokerElement(): HTMLButtonElement | null;
+    get invokerLabel(): HTMLElement | null;
+    get selectedItems(): SelectedItem[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): void;
+    get items(): HTMLElement[];
+    getItemById(itemId: string): HTMLElement | null;
+    isItemDisabled(item: Element | null): boolean;
+    disableItem(item: Element | null): void;
+    enableItem(item: Element | null): void;
+    isItemHidden(item: Element | null): boolean;
+    hideItem(item: Element | null): void;
+    showItem(item: Element | null): void;
+    isItemChecked(item: Element | null): boolean;
+    checkItem(item: Element | null): void;
+    uncheckItem(item: Element | null): void;
+}
+declare global {
+    interface Window {
+        ActionMenuElement: typeof ActionMenuElement;
+    }
+}
+export {};

components/primer/alpha/dropdown.d.ts

@@ -0,0 +1 @@
+import './dropdown/menu';

components/primer/alpha/dropdown/menu.d.ts

@@ -0,0 +1 @@
+import '@github/details-menu-element';

components/primer/alpha/image_crop.d.ts

@@ -0,0 +1 @@
+import '@github/image-crop-element';

components/primer/alpha/modal_dialog.d.ts

@@ -0,0 +1,18 @@
+export declare class ModalDialogElement extends HTMLElement {
+    #private;
+    openButton: HTMLButtonElement | null;
+    get open(): boolean;
+    set open(value: boolean);
+    get showButtons(): NodeList;
+    connectedCallback(): void;
+    show(): void;
+    close(closedNotCancelled?: boolean): void;
+}
+declare global {
+    interface Window {
+        ModalDialogElement: typeof ModalDialogElement;
+    }
+    interface HTMLElementTagNameMap {
+        'modal-dialog': ModalDialogElement;
+    }
+}

components/primer/alpha/segmented_control.d.ts

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

components/primer/alpha/select_panel_element.d.ts

@@ -0,0 +1,63 @@
+import { IncludeFragmentElement } from '@github/include-fragment-element';
+import type { AnchorAlignment, AnchorSide } from '@primer/behaviors';
+import '@oddbird/popover-polyfill';
+type SelectVariant = 'none' | 'single' | 'multiple' | null;
+type SelectedItem = {
+    label: string | null | undefined;
+    value: string | null | undefined;
+    inputName: string | null | undefined;
+};
+export type SelectPanelItem = HTMLLIElement;
+export type FilterFn = (item: SelectPanelItem, query: string) => boolean;
+export declare class SelectPanelElement extends HTMLElement {
+    #private;
+    includeFragment: IncludeFragmentElement;
+    dialog: HTMLDialogElement;
+    filterInputTextField: HTMLInputElement;
+    remoteInput: HTMLElement;
+    list: HTMLElement;
+    ariaLiveContainer: HTMLElement;
+    noResults: HTMLElement;
+    fragmentErrorElement: HTMLElement;
+    bannerErrorElement: HTMLElement;
+    bodySpinner: HTMLElement;
+    filterFn?: FilterFn;
+    get open(): boolean;
+    get selectVariant(): SelectVariant;
+    get ariaSelectionType(): string;
+    set selectVariant(variant: SelectVariant);
+    get dynamicLabelPrefix(): string;
+    get dynamicAriaLabelPrefix(): string;
+    set dynamicLabelPrefix(value: string);
+    get dynamicLabel(): boolean;
+    set dynamicLabel(value: boolean);
+    get invokerElement(): HTMLButtonElement | null;
+    get closeButton(): HTMLButtonElement | null;
+    get invokerLabel(): HTMLElement | null;
+    get selectedItems(): SelectedItem[];
+    get align(): AnchorAlignment;
+    get side(): AnchorSide;
+    updateAnchorPosition(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): void;
+    show(): void;
+    hide(): void;
+    get visibleItems(): SelectPanelItem[];
+    get items(): SelectPanelItem[];
+    get focusableItem(): HTMLElement | undefined;
+    getItemById(itemId: string): SelectPanelItem | null;
+    isItemDisabled(item: SelectPanelItem | null): boolean;
+    disableItem(item: SelectPanelItem | null): void;
+    enableItem(item: SelectPanelItem | null): void;
+    isItemHidden(item: SelectPanelItem | null): boolean;
+    isItemChecked(item: SelectPanelItem | null): boolean;
+    checkItem(item: SelectPanelItem | null): void;
+    uncheckItem(item: SelectPanelItem | null): void;
+}
+declare global {
+    interface Window {
+        SelectPanelElement: typeof SelectPanelElement;
+    }
+}
+export {};

components/primer/alpha/tab_container.d.ts

@@ -0,0 +1 @@
+import '@github/tab-container-element';

components/primer/alpha/toggle_switch.d.ts

@@ -0,0 +1,34 @@
+declare class ToggleSwitchElement extends HTMLElement {
+    switch: HTMLElement;
+    loadingSpinner: HTMLElement;
+    errorIcon: HTMLElement;
+    turbo: boolean;
+    private toggling;
+    get src(): string | null;
+    get csrf(): string | null;
+    get csrfField(): string;
+    isRemote(): boolean;
+    toggle(): Promise<void>;
+    turnOn(): void;
+    turnOff(): void;
+    isOn(): boolean;
+    isOff(): boolean;
+    isDisabled(): boolean;
+    disable(): void;
+    enable(): void;
+    private performToggle;
+    private setLoadingState;
+    private setSuccessState;
+    private setErrorState;
+    private setFinishedState;
+    private submitForm;
+}
+declare global {
+    interface Window {
+        ToggleSwitchElement: typeof ToggleSwitchElement;
+        Turbo: {
+            renderStreamMessage: (message: string) => void;
+        };
+    }
+}
+export {};

components/primer/alpha/tool_tip.d.ts

@@ -0,0 +1,27 @@
+import '@oddbird/popover-polyfill';
+type Direction = 'n' | 's' | 'e' | 'w' | 'ne' | 'se' | 'nw' | 'sw';
+declare class ToolTipElement extends HTMLElement {
+    #private;
+    styles(): string;
+    get showReason(): "focus" | "mouse";
+    get htmlFor(): string;
+    set htmlFor(value: string);
+    get type(): 'description' | 'label';
+    set type(value: 'description' | 'label');
+    get direction(): Direction;
+    set direction(value: Direction);
+    get control(): HTMLElement | null;
+    set hiddenFromView(value: true | false);
+    get hiddenFromView(): true | false;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleEvent(event: Event): Promise<void>;
+    static observedAttributes: string[];
+    attributeChangedCallback(name: string): void;
+}
+declare global {
+    interface Window {
+        ToolTipElement: typeof ToolTipElement;
+    }
+}
+export {};

components/primer/alpha/x_banner.d.ts

@@ -0,0 +1,18 @@
+declare global {
+    interface HTMLElementEventMap {
+        'banner:dismiss': CustomEvent<void>;
+    }
+}
+declare class XBannerElement extends HTMLElement {
+    #private;
+    titleText: HTMLElement;
+    dismiss(): void;
+    show(): void;
+    hide(): void;
+}
+declare global {
+    interface Window {
+        XBannerElement: typeof XBannerElement;
+    }
+}
+export {};