@primer/view-components 0.35.0-rc.adcb1989 → 0.35.0-rc.b32eab86

package/app/components/primer/alpha/segmented_control.d.ts

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

package/app/components/primer/alpha/select_panel_element.d.ts

@@ -1,63 +0,0 @@
-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 {};

package/app/components/primer/alpha/tab_container.d.ts

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

package/app/components/primer/alpha/toggle_switch.d.ts

@@ -1,34 +0,0 @@
-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 {};

package/app/components/primer/alpha/tool_tip.d.ts

@@ -1,27 +0,0 @@
-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 {};

package/app/components/primer/alpha/x_banner.d.ts

@@ -1,18 +0,0 @@
-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 {};

package/app/components/primer/anchored_position.d.ts

@@ -1,27 +0,0 @@
-import type { AnchorAlignment, AnchorSide, PositionSettings } from '@primer/behaviors';
-export default class AnchoredPositionElement extends HTMLElement implements PositionSettings {
-    #private;
-    get align(): AnchorAlignment;
-    set align(value: AnchorAlignment);
-    get side(): AnchorSide;
-    set side(value: AnchorSide);
-    get anchorOffset(): number;
-    set anchorOffset(value: number | 'normal' | 'spacious');
-    get anchor(): string;
-    set anchor(value: string);
-    get anchorElement(): HTMLElement | null;
-    set anchorElement(value: HTMLElement | null);
-    get alignmentOffset(): number;
-    set alignmentOffset(value: number);
-    get allowOutOfBounds(): boolean;
-    set allowOutOfBounds(value: boolean);
-    connectedCallback(): void;
-    static observedAttributes: string[];
-    attributeChangedCallback(): void;
-    update(): void;
-}
-declare global {
-    interface Window {
-        AnchoredPositionElement: typeof AnchoredPositionElement;
-    }
-}

package/app/components/primer/aria_live.d.ts

@@ -1,8 +0,0 @@
-export declare function announceFromElement(el: HTMLElement, options?: {
-    assertive?: boolean;
-    element?: HTMLElement;
-}): void;
-export declare function announce(message: string, options?: {
-    assertive?: boolean;
-    element?: HTMLElement;
-}): void;

package/app/components/primer/beta/auto_complete/auto_complete.d.ts

@@ -1 +0,0 @@
-import '@github/auto-complete-element';

package/app/components/primer/beta/clipboard_copy.d.ts

@@ -1 +0,0 @@
-import '@github/clipboard-copy-element';

package/app/components/primer/beta/nav_list.d.ts

@@ -1,20 +0,0 @@
-export declare class NavListElement extends HTMLElement {
-    #private;
-    items: HTMLElement[];
-    topLevelList: HTMLElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    selectItemById(itemId: string | null): boolean;
-    selectItemByHref(href: string | null): boolean;
-    selectItemByCurrentLocation(): boolean;
-    expandItem(item: HTMLElement): void;
-    collapseItem(item: HTMLElement): void;
-    itemIsExpanded(item: HTMLElement | null): boolean;
-    handleItemWithSubItemClick(e: Event): void;
-    handleItemWithSubItemKeydown(e: KeyboardEvent): void;
-}
-declare global {
-    interface Window {
-        NavListElement: typeof NavListElement;
-    }
-}

package/app/components/primer/beta/nav_list_group_element.d.ts

@@ -1,19 +0,0 @@
-export declare class NavListGroupElement extends HTMLElement {
-    #private;
-    showMoreItem: HTMLElement;
-    focusMarkers: HTMLElement[];
-    connectedCallback(): void;
-    get showMoreDisabled(): boolean;
-    set showMoreDisabled(value: boolean);
-    set currentPage(value: number);
-    get currentPage(): number;
-    get totalPages(): number;
-    get paginationSrc(): string;
-    private showMore;
-    private setShowMoreItemState;
-}
-declare global {
-    interface Window {
-        NavListGroupElement: typeof NavListGroupElement;
-    }
-}

package/app/components/primer/beta/relative_time.d.ts

@@ -1 +0,0 @@
-import '@github/relative-time-element';

package/app/components/primer/dialog_helper.d.ts

@@ -1,15 +0,0 @@
-export declare class DialogHelperElement extends HTMLElement {
-    #private;
-    get dialog(): HTMLDialogElement | null;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleEvent(event: MouseEvent): void;
-}
-declare global {
-    interface Window {
-        DialogHelperElement: typeof DialogHelperElement;
-    }
-    interface HTMLElementTagNameMap {
-        'dialog-helper': DialogHelperElement;
-    }
-}

package/app/components/primer/focus_group.d.ts

@@ -1,19 +0,0 @@
-import '@oddbird/popover-polyfill';
-export default class FocusGroupElement extends HTMLElement {
-    #private;
-    get nowrap(): boolean;
-    set nowrap(value: boolean);
-    get direction(): 'horizontal' | 'vertical' | 'both';
-    set direction(value: 'horizontal' | 'vertical' | 'both');
-    get retain(): boolean;
-    set retain(value: boolean);
-    get mnemonics(): boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    handleEvent(event: Event): void;
-}
-declare global {
-    interface Window {
-        FocusGroupElement: typeof FocusGroupElement;
-    }
-}

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

@@ -1,28 +0,0 @@
-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 './aria_live';
-import './shared_events';
-import './alpha/image_crop';
-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';

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

@@ -1,13 +0,0 @@
-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/components/primer/shared_events.d.ts

@@ -1,11 +0,0 @@
-export type ItemActivatedEvent = {
-    item: Element;
-    checked: boolean;
-    value: string | null;
-};
-declare global {
-    interface HTMLElementEventMap {
-        itemActivated: CustomEvent<ItemActivatedEvent>;
-        beforeItemActivated: CustomEvent<ItemActivatedEvent>;
-    }
-}

package/lib/primer/forms/primer_multi_input.js

@@ -1,44 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-/* eslint-disable custom-elements/expose-class-on-global */
-import { controller, targets } from '@github/catalyst';
-let PrimerMultiInputElement = class PrimerMultiInputElement extends HTMLElement {
-    activateField(name) {
-        const fieldWithName = this.findField(name);
-        if (!fieldWithName)
-            return;
-        for (const field of this.fields) {
-            if (field === fieldWithName)
-                continue;
-            field.setAttribute('disabled', 'disabled');
-            field.setAttribute('hidden', 'hidden');
-            field.parentElement?.setAttribute('hidden', 'hidden');
-        }
-        fieldWithName.removeAttribute('disabled');
-        fieldWithName.removeAttribute('hidden');
-        fieldWithName.parentElement?.removeAttribute('hidden');
-    }
-    findField(name) {
-        for (const field of this.fields) {
-            if (field.getAttribute('data-name') === name) {
-                return field;
-            }
-        }
-        return null;
-    }
-};
-__decorate([
-    targets
-], PrimerMultiInputElement.prototype, "fields", void 0);
-PrimerMultiInputElement = __decorate([
-    controller
-], PrimerMultiInputElement);
-export { PrimerMultiInputElement };
-if (!window.customElements.get('primer-multi-input')) {
-    Object.assign(window, { PrimerMultiInputElement });
-    window.customElements.define('primer-multi-input', PrimerMultiInputElement);
-}

package/lib/primer/forms/primer_text_field.js

@@ -1,119 +0,0 @@
-/* eslint-disable custom-elements/expose-class-on-global */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _PrimerTextFieldElement_abortController;
-import '@github/auto-check-element';
-import { controller, target } from '@github/catalyst';
-let PrimerTextFieldElement = class PrimerTextFieldElement extends HTMLElement {
-    constructor() {
-        super(...arguments);
-        _PrimerTextFieldElement_abortController.set(this, void 0);
-    }
-    connectedCallback() {
-        __classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")?.abort();
-        const { signal } = (__classPrivateFieldSet(this, _PrimerTextFieldElement_abortController, new AbortController(), "f"));
-        this.addEventListener('auto-check-success', async (event) => {
-            const message = await event.detail.response.text();
-            if (message && message.length > 0) {
-                this.setSuccess(message);
-            }
-            else {
-                this.clearError();
-            }
-        }, { signal });
-        this.addEventListener('auto-check-error', async (event) => {
-            const errorMessage = await event.detail.response.text();
-            this.setError(errorMessage);
-        }, { signal });
-    }
-    disconnectedCallback() {
-        __classPrivateFieldGet(this, _PrimerTextFieldElement_abortController, "f")?.abort();
-    }
-    clearContents() {
-        this.inputElement.value = '';
-        this.inputElement.focus();
-        this.inputElement.dispatchEvent(new Event('input', { bubbles: true, cancelable: false }));
-    }
-    clearError() {
-        this.inputElement.removeAttribute('invalid');
-        this.validationElement.hidden = true;
-        this.validationMessageElement.replaceChildren();
-    }
-    setValidationMessage(message) {
-        const template = document.createElement('template');
-        // eslint-disable-next-line github/no-inner-html
-        template.innerHTML = message;
-        const fragment = document.importNode(template.content, true);
-        this.validationMessageElement.replaceChildren(fragment);
-    }
-    toggleValidationStyling(isError) {
-        if (isError) {
-            this.validationElement.classList.remove('FormControl-inlineValidation--success');
-        }
-        else {
-            this.validationElement.classList.add('FormControl-inlineValidation--success');
-        }
-        this.validationSuccessIcon.hidden = isError;
-        this.validationErrorIcon.hidden = !isError;
-        this.inputElement.setAttribute('invalid', isError ? 'true' : 'false');
-    }
-    setSuccess(message) {
-        this.toggleValidationStyling(false);
-        this.setValidationMessage(message);
-        this.validationElement.hidden = false;
-    }
-    setError(message) {
-        this.toggleValidationStyling(true);
-        this.setValidationMessage(message);
-        this.validationElement.hidden = false;
-    }
-    showLeadingSpinner() {
-        this.leadingSpinner?.removeAttribute('hidden');
-        this.leadingVisual?.setAttribute('hidden', '');
-    }
-    hideLeadingSpinner() {
-        this.leadingSpinner?.setAttribute('hidden', '');
-        this.leadingVisual?.removeAttribute('hidden');
-    }
-};
-_PrimerTextFieldElement_abortController = new WeakMap();
-__decorate([
-    target
-], PrimerTextFieldElement.prototype, "inputElement", void 0);
-__decorate([
-    target
-], PrimerTextFieldElement.prototype, "validationElement", void 0);
-__decorate([
-    target
-], PrimerTextFieldElement.prototype, "validationMessageElement", void 0);
-__decorate([
-    target
-], PrimerTextFieldElement.prototype, "validationSuccessIcon", void 0);
-__decorate([
-    target
-], PrimerTextFieldElement.prototype, "validationErrorIcon", void 0);
-__decorate([
-    target
-], PrimerTextFieldElement.prototype, "leadingVisual", void 0);
-__decorate([
-    target
-], PrimerTextFieldElement.prototype, "leadingSpinner", void 0);
-PrimerTextFieldElement = __decorate([
-    controller
-], PrimerTextFieldElement);
-export { PrimerTextFieldElement };

package/lib/primer/forms/toggle_switch_input.js

@@ -1,34 +0,0 @@
-/* eslint-disable custom-elements/expose-class-on-global */
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { controller, target } from '@github/catalyst';
-let ToggleSwitchInputElement = class ToggleSwitchInputElement extends HTMLElement {
-    connectedCallback() {
-        this.addEventListener('toggleSwitchError', (event) => {
-            this.validationMessageElement.textContent = event.detail;
-            this.validationElement.removeAttribute('hidden');
-        });
-        this.addEventListener('toggleSwitchSuccess', () => {
-            this.validationMessageElement.textContent = '';
-            this.validationElement.setAttribute('hidden', 'hidden');
-        });
-        this.addEventListener('toggleSwitchLoading', () => {
-            this.validationMessageElement.textContent = '';
-            this.validationElement.setAttribute('hidden', 'hidden');
-        });
-    }
-};
-__decorate([
-    target
-], ToggleSwitchInputElement.prototype, "validationElement", void 0);
-__decorate([
-    target
-], ToggleSwitchInputElement.prototype, "validationMessageElement", void 0);
-ToggleSwitchInputElement = __decorate([
-    controller
-], ToggleSwitchInputElement);
-export { ToggleSwitchInputElement };