primer_view_components 0.26.1 → 0.28.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7db26057eae44c1e3b0fb4d2ef909bf88c4cbcc1bf790f61174c0661d693748d
-  data.tar.gz: 7800f74b21b01e62fdd2a6adc366911990eefa64611dab42276b4460bc84371f
+  metadata.gz: 47a02470c4fe098b7baa2f71f3f8fc598893619c0d56956eb3dadf1f91e3a2ea
+  data.tar.gz: c2ae88ba493e0338ba35cf7a7b6b8649a6bf75d9d43ba93367616d45bfd6fed7
 SHA512:
-  metadata.gz: 59a45f360ade1ab6cb14c880a3004c6fca99aa548d7b218c075415561ee19715f1994629ccc59ce52cfe7962520a39ff9171650af31ff9e226043375670aa224
-  data.tar.gz: eb2e0b9f0445b9d851a691e5786e49af85969d277d290d9bc1911778e42e34f6c98feaa860a662b922cc6d0caa56938b8e71bf74921aadc566cf17f4dcb205ed
+  metadata.gz: 27f39a2d347dc2fe6014c3f0009a48576751731fb9e31d7f4bd63b61add42b8bad10905ef1d4bc251607fe545f89db817cdb9352ce73a335319064c842f1854d
+  data.tar.gz: db1c076f178206af17404ca90e8e3b02fcc2fb87619742ebe0c927cfd52e24f732cf340716e45084857ecab3e93261f553b4252d88c8f5c201d80f38f268b20e

data/CHANGELOG.md

@@ -1,5 +1,33 @@
 # 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
+
+- [#2922](https://github.com/primer/view_components/pull/2922) [`fb5917d`](https://github.com/primer/view_components/commit/fb5917dc9e6246af85a8199e6e47f73e2db3ba70) Thanks [@camertron](https://github.com/camertron)! - Change ActionMenu to accept and forward overlay arguments
+
+### Patch Changes
+
+- [#2925](https://github.com/primer/view_components/pull/2925) [`6c730c4`](https://github.com/primer/view_components/commit/6c730c4b8eeb050cf706d4843a87f2740e379a49) Thanks [@kendallgassner](https://github.com/kendallgassner)! - Update ActionList such that if role='listbox' is passed in the items render as options
+
+- [#2924](https://github.com/primer/view_components/pull/2924) [`235544d`](https://github.com/primer/view_components/commit/235544d3f0770717c16532e6f0801d6249f6a884) Thanks [@kendallgassner](https://github.com/kendallgassner)! - Add a valid selector to focus-group
+
 ## 0.26.1
 
 ### Patch 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>;
+    }
+}