Compile JS files

public/assets/styles/choices.css

@@ -197,7 +197,7 @@
 }
 
 .choices__list--dropdown, .choices__list[aria-expanded] {
-  visibility: hidden;
+  display: none;
   z-index: 1;
   position: absolute;
   width: 100%;
@@ -212,7 +212,7 @@
   will-change: visibility;
 }
 .is-active.choices__list--dropdown, .is-active.choices__list[aria-expanded] {
-  visibility: visible;
+  display: block;
 }
 .is-open .choices__list--dropdown, .is-open .choices__list[aria-expanded] {
   border-color: #b7b7b7;

public/types/src/scripts/choices.d.ts

@@ -38,7 +38,7 @@ declare class Choices {
     _isSelectElement: boolean;
     _hasNonChoicePlaceholder: boolean;
     _canAddUserChoices: boolean;
-    _store: Store;
+    _store: Store<Options>;
     _templates: Templates;
     _lastAddedChoiceId: number;
     _lastAddedGroupId: number;
@@ -152,9 +152,6 @@ declare class Choices {
     _render(changes?: StateChangeSet): void;
     _renderChoices(): void;
     _renderItems(): void;
-    _createGroupsFragment(groups: GroupFull[], choices: ChoiceFull[], fragment?: DocumentFragment): DocumentFragment;
-    _createChoicesFragment(choices: ChoiceFull[], fragment?: DocumentFragment, withinGroup?: boolean): DocumentFragment;
-    _createItemsFragment(items: InputChoice[], fragment?: DocumentFragment): DocumentFragment;
     _displayNotice(text: string, type: NoticeType, openDropdown?: boolean): void;
     _clearNotice(): void;
     _renderNotice(): void;

public/types/src/scripts/components/wrapped-element.d.ts

@@ -1,5 +1,5 @@
 import { ClassNames } from '../interfaces/class-names';
-import { EventType } from '../interfaces/event-type';
+import { EventTypes } from '../interfaces/event-type';
 import { EventMap } from '../interfaces';
 export default class WrappedElement<T extends HTMLInputElement | HTMLSelectElement> {
     element: T;
@@ -17,5 +17,5 @@ export default class WrappedElement<T extends HTMLInputElement | HTMLSelectEleme
     reveal(): void;
     enable(): void;
     disable(): void;
-    triggerEvent<K extends EventType>(eventType: EventType, data?: EventMap[K]['detail']): void;
+    triggerEvent<K extends EventTypes>(eventType: EventTypes, data?: EventMap[K]['detail']): void;
 }

public/types/src/scripts/interfaces/choice-full.d.ts

@@ -4,6 +4,8 @@ export interface ChoiceFull {
     id: number;
     highlighted: boolean;
     element?: HTMLOptionElement | HTMLOptGroupElement;
+    itemEl?: HTMLElement;
+    choiceEl?: HTMLElement;
     labelClass?: Array<string>;
     labelDescription?: string;
     customProperties?: CustomProperties;

public/types/src/scripts/interfaces/event-type.d.ts

@@ -1,12 +1,13 @@
-export declare const enum EventType {
-    showDropdown = "showDropdown",
-    hideDropdown = "hideDropdown",
-    change = "change",
-    choice = "choice",
-    search = "search",
-    addItem = "addItem",
-    removeItem = "removeItem",
-    highlightItem = "highlightItem",
-    highlightChoice = "highlightChoice",
-    unhighlightItem = "unhighlightItem"
-}
+export declare const EventType: {
+    readonly showDropdown: "showDropdown";
+    readonly hideDropdown: "hideDropdown";
+    readonly change: "change";
+    readonly choice: "choice";
+    readonly search: "search";
+    readonly addItem: "addItem";
+    readonly removeItem: "removeItem";
+    readonly highlightItem: "highlightItem";
+    readonly highlightChoice: "highlightChoice";
+    readonly unhighlightItem: "unhighlightItem";
+};
+export type EventTypes = (typeof EventType)[keyof typeof EventType];

public/types/src/scripts/interfaces/group-full.d.ts

@@ -3,7 +3,8 @@ export interface GroupFull {
     id: number;
     active: boolean;
     disabled: boolean;
-    label: string;
+    label?: string;
     element?: HTMLOptGroupElement;
+    groupEl?: HTMLElement;
     choices: ChoiceFull[];
 }

public/types/src/scripts/interfaces/store.d.ts

@@ -9,7 +9,7 @@ export interface StateUpdate<T> {
     update: boolean;
     state: T;
 }
-export type Reducer<T> = (state: T, action: AnyAction) => StateUpdate<T>;
+export type Reducer<T> = (state: T, action: AnyAction, context?: unknown) => StateUpdate<T>;
 export type StoreListener = (changes: StateChangeSet) => void;
 export interface Store {
     dispatch(action: AnyAction): void;