primer_view_components 0.27.0 → 0.28.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a5639935304045cf1ad5b51d87723205fd5518211ab079cf9ab59f1f6b92ddb3
-  data.tar.gz: a7f926035cf82418205628ae7cb19198605681db62ed054aa119f42cb7ab8506
+  metadata.gz: 47a02470c4fe098b7baa2f71f3f8fc598893619c0d56956eb3dadf1f91e3a2ea
+  data.tar.gz: c2ae88ba493e0338ba35cf7a7b6b8649a6bf75d9d43ba93367616d45bfd6fed7
 SHA512:
-  metadata.gz: 30387f0a9ab87d03461a28e3e17c7503176d6c51b6e5794d6318089c5001db6621e04e215efacccf61ba00a51affadcc6ab73b128a01ce91d66cdcdf6ec51fb9
-  data.tar.gz: 885dc82b299a1adb66e3ee9ad91f7961f0f0a5d0f49f313284b68a7add40090a3ccf544a3f0e551407f6c7eecfe8a2eff4b96fc8e53f65d704548080ddaf04ec
+  metadata.gz: 27f39a2d347dc2fe6014c3f0009a48576751731fb9e31d7f4bd63b61add42b8bad10905ef1d4bc251607fe545f89db817cdb9352ce73a335319064c842f1854d
+  data.tar.gz: db1c076f178206af17404ca90e8e3b02fcc2fb87619742ebe0c927cfd52e24f732cf340716e45084857ecab3e93261f553b4252d88c8f5c201d80f38f268b20e

data/CHANGELOG.md

@@ -1,5 +1,21 @@
 # CHANGELOG
 
+## 0.28.0
+
+### Minor Changes
+
+- [#2941](https://github.com/primer/view_components/pull/2941) [`f3b640e`](https://github.com/primer/view_components/commit/f3b640e3ce13979aa187c4fa6ff4e31f5717d720) Thanks [@camertron](https://github.com/camertron)! - Upstream the SelectPanel component from dotcom
+
+### Patch Changes
+
+- [#2954](https://github.com/primer/view_components/pull/2954) [`15fb8c4`](https://github.com/primer/view_components/commit/15fb8c4e214142a6bc09a98b7fc70a5f917e68f9) Thanks [@camertron](https://github.com/camertron)! - Small SelectPanel fixes; lots of SelectPanel tests.
+
+- [#2951](https://github.com/primer/view_components/pull/2951) [`ac15e65`](https://github.com/primer/view_components/commit/ac15e654ae185541ab7924c98bef67c6917f4d21) Thanks [@HDinger](https://github.com/HDinger)! - Always align group headers of a `Primer::Alpha::ActionMenu` at the beginning of the line
+
+- [#2952](https://github.com/primer/view_components/pull/2952) [`98900f3`](https://github.com/primer/view_components/commit/98900f3a8afb9fe45cfb4a850c7be13d1061feba) Thanks [@camertron](https://github.com/camertron)! - Fix wrapping behavior of toggle switch label
+
+- [#2961](https://github.com/primer/view_components/pull/2961) [`b662625`](https://github.com/primer/view_components/commit/b662625bab5e48102c0fad8fff4e2eb0523c1fad) Thanks [@camertron](https://github.com/camertron)! - Ensure condition is checked when mutations occur in SelectPanelElement.
+
 ## 0.27.0
 
 ### Minor Changes

data/app/assets/javascripts/app/components/primer/alpha/action_menu/action_menu_element.d.ts

@@ -6,15 +6,6 @@ type SelectedItem = {
     value: string | null | undefined;
     element: Element;
 };
-export type ItemActivatedEvent = {
-    item: Element;
-    checked: boolean;
-};
-declare global {
-    interface HTMLElementEventMap {
-        itemActivated: CustomEvent<ItemActivatedEvent>;
-    }
-}
 export declare class ActionMenuElement extends HTMLElement {
     #private;
     includeFragment: IncludeFragmentElement;

data/app/assets/javascripts/app/components/primer/alpha/select_panel_element.d.ts

@@ -0,0 +1,64 @@
+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;
+    element: SelectPanelItem;
+};
+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 {};

data/app/assets/javascripts/app/components/primer/aria_live.d.ts

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

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

@@ -1,4 +1,5 @@
 import '@github/include-fragment-element';
+import '@github/remote-input-element';
 import './alpha/action_list';
 import './alpha/action_bar_element';
 import './alpha/dropdown';
@@ -6,6 +7,8 @@ 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';
@@ -22,3 +25,4 @@ 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';

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

@@ -0,0 +1,9 @@
+export type ItemActivatedEvent = {
+    item: Element;
+    checked: boolean;
+};
+declare global {
+    interface HTMLElementEventMap {
+        itemActivated: CustomEvent<ItemActivatedEvent>;
+    }
+}