openproject-primer_view_components 0.37.1 → 0.38.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 5c9878d1a36c8c59d1df4df44fc9ae1d5635c2405406a5ed834c3621f2e9b4a8
-  data.tar.gz: fb72ad613b4e3fc1a6c4c7cce13e77082b35e9f6b329a509ea4fa02cc7eb0e04
+  metadata.gz: d808c91fdbab87e3f694b040e546269323b1b63eae7c0d13fd05186e15e2d1be
+  data.tar.gz: b64ba92147097a448553281e8500bb7f796a89ffbfd1493b9fbd08c2997a0cb9
 SHA512:
-  metadata.gz: 37038930ea80e18b96441c6d7f6b5f6f5ac38e0923ed97df94b4dba43edf9d3e4bad9b165e0ebf339acde09872cbc7450fee5800abc7e6041ee1b963063271ad
-  data.tar.gz: 6c0f9964547f6ceee6035b3fd122f3ff3d385e8407fd11e1d5350330bcf7574996d8fe2dfa90cedb0639cb2131de091e8aa74e3a7e62050aebcf4edd3b7945e9
+  metadata.gz: ea3a3fc8ba8d065093dbbcf2cf3ed33945f142e0dd0be80156d8e92cbaddf7a12f04dbccdfc0f4765a0fab518d36e87f60a3f02d397ae99e7bc5d557dc676cd4
+  data.tar.gz: f2570a6a3e64d978658a436a37807a2eecad5a29131bcb5387a1ec8e188660422855ed9ec6d2e26d4173afeac266633dd98900725e76d320fb3753ff39230e63

data/CHANGELOG.md

@@ -1,5 +1,21 @@
 # CHANGELOG
 
+## 0.38.0
+
+### Minor Changes
+
+- [#2941](https://github.com/primer/view_components/pull/2941) [`f3b640e`](https://github.com/opf/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/opf/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/opf/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/opf/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/opf/primer_view_components/commit/b662625bab5e48102c0fad8fff4e2eb0523c1fad) Thanks [@camertron](https://github.com/camertron)! - Ensure condition is checked when mutations occur in SelectPanelElement.
+
 ## 0.37.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,6 +25,7 @@ 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';
 import './open_project/page_header_element';
 import './open_project/zen_mode_button';
 import './open_project/sub_header_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>;
+    }
+}