wcs-core 4.2.0 → 5.0.0

package/dist/types/components/dropdown-item/dropdown-item.d.ts

@@ -1,5 +1,12 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
+/**
+ * You must add `wcs-dropdown-item` to `wcs-dropdown`
+ * @slot <no-name> the slot that contains the item's name
+ */
 export declare class DropdownItem implements ComponentInterface {
+  /**
+   * Event emitted when the dropdown item is clicked
+   */
   wcsDropdownItemClick: EventEmitter<void>;
   onMouseDown(_: MouseEvent): void;
   onKeyDown(evt: KeyboardEvent): void;

package/dist/types/components/editable-field/editable-field.d.ts

@@ -50,9 +50,16 @@ export declare class EditableField implements ComponentInterface {
   /**
    * This method subscribes the component to the change events produced by the other WCS components
    * (provided by the user in slot)
+   * @param elt the element to subscribe to
    * @private
    */
   private addChangeHandlerForWcsComponents;
+  /**
+   * This method subscribes the component to the input events produced by the other WCS components
+   * @param elt the element to subscribe to
+   * @private
+   */
+  private addInputHandlerForWcsComponents;
   private sendCurrentValue;
   private discardChanges;
   forceDisplayStateAndValidate(): void;

package/dist/types/components/form-field/form-field.d.ts

@@ -25,6 +25,10 @@ export declare class FormField implements ComponentInterface {
   private spiedElementIsOfType;
   private addRequiredMarkerToLabel;
   private initSpiedElement;
+  private updateAriaAttributes;
+  private get label();
+  private get description();
+  private get error();
   private updateLabelRequiredFlag;
   disconnectedCallback(): void;
   render(): any;

package/dist/types/components/grid/grid-interface.d.ts

@@ -7,8 +7,20 @@ export interface WcsGridColumnSortChangeEventDetails {
   order: WcsSortOrder;
   column: HTMLWcsGridColumnElement;
 }
-export interface WcsGridRowSelectedEventDetails {
-  row: WcsGridRowData;
+/**
+ * Event details for the grid selection event
+ */
+export interface WcsGridSelectionEventDetails {
+  /**
+   * The currently selected rows after the selection change
+   */
+  selectedRows: WcsGridRowData[];
+  /**
+   * The row that was changed
+   * If the grid is in multiple selection mode, you can get `allCheckbox` as the value representing that the event was
+   * triggered by the selection of all checkbox
+   */
+  changedRow: WcsGridRowData | 'allCheckbox';
 }
 export interface WcsGridAllRowSelectedEventDetails {
   rows: WcsGridRowData[];

package/dist/types/components/grid/grid-keyboard-event.d.ts

@@ -0,0 +1,16 @@
+export type KeyboardEventAssociatedAction = FocusCell | SelectRow;
+type FocusCell = {
+  kind: 'FocusCell';
+  target: 'up' | 'down' | 'left' | 'right' | 'first_of_row' | 'last_of_row' | 'first_of_grid' | 'last_of_grid';
+};
+type SelectRow = {
+  kind: 'SelectRow';
+  target: 'one' | 'all';
+};
+/**
+ * We follow this https://www.w3.org/WAI/ARIA/apg/patterns/grid/
+ * @param event
+ * @param type
+ */
+export declare function getActionForKeyboardEvent(event: KeyboardEvent, type: 'grid_no_selection' | 'grid_selection_single' | 'grid_selection_multiple'): KeyboardEventAssociatedAction[];
+export {};

package/dist/types/components/grid/grid.d.ts

@@ -1,5 +1,6 @@
 import { ComponentDidLoad, ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { WcsGridAllRowSelectedEventDetails, WcsGridColumnSortChangeEventDetails, WcsGridPaginationChangeEventDetails, WcsGridRow, WcsGridRowSelectedEventDetails, WcsGridSelectionConfig } from './grid-interface';
+import { WcsGridAllRowSelectedEventDetails, WcsGridColumnSortChangeEventDetails, WcsGridPaginationChangeEventDetails, WcsGridRow, WcsGridSelectionConfig, WcsGridSelectionEventDetails } from './grid-interface';
+import { KeyboardEventAssociatedAction } from "./grid-keyboard-event";
 /**
  * The grid component is a complex component used as an HTML table to display collections of data.
  *
@@ -51,14 +52,47 @@ export declare class Grid implements ComponentInterface, ComponentDidLoad {
   /**
    * Event emitted when a row is selected or unselected
    */
-  wcsGridSelectionChange: EventEmitter<WcsGridRowSelectedEventDetails>;
+  wcsGridSelectionChange: EventEmitter<WcsGridSelectionEventDetails>;
   /**
    * Event emitted when all rows are selected or unselected
    */
   wcsGridAllSelectionChange: EventEmitter<WcsGridAllRowSelectedEventDetails>;
+  /**
+   * Used to track the focus position in the grid for keyboard navigation.
+   * Header row : index 0
+   * First column :
+   *   - index 1 if selection mode multiple or single
+   *   - index 0 if no selection mode
+   * Default position : col 0, row 1
+   */
+  private cursorPosition;
+  onCursorPositionChange(newValue: {
+    col: number;
+    row: number;
+  }): void;
   onDataChange(newValue: any[]): void;
   onSelectedItemsPropertyChange(newValue: any | any[]): void;
+  onFocus(): void;
+  /**
+   * If selectionConfig is different from `none`, that means that an extra column for radio or checkbox is rendered
+   * in the table.
+   */
+  hasSelectionColumn(): boolean;
+  /**
+   * Returns the element to focus at the current cursor position : it can be a cell (td, th) to focus or a nested
+   * checkbox / radio element if the selection mode is single or multiple
+   */
+  getElementToFocusAtCursorPosition(): HTMLTableCellElement | HTMLWcsCheckboxElement | HTMLWcsRadioElement;
+  moveCursorPosition(directionX: number | 'first' | 'last', directionY: number | 'first' | 'last'): void;
+  /**
+   * When the grid has selectionConfig single, an empty th appears at col=0, row=0.
+   * It should not be focusable so the cursor navigates to col=1, row=0 instead.
+   */
+  handleCursorPositionOnEmptyTh(): void;
   onHiddenColumnChange(): void;
+  onKeyDown(_event: KeyboardEvent): void;
+  doActionFromKeyboardEventAssociatedAction(actionFromKeyboardEvent: KeyboardEventAssociatedAction, event: KeyboardEvent): void;
+  onClick(_event: MouseEvent): void;
   private updateSelectionWithValues;
   private wcsGridRowToWcsGridRowData;
   private updateGridRows;
@@ -71,10 +105,11 @@ export declare class Grid implements ComponentInterface, ComponentDidLoad {
   private disableSortOrderForColumns;
   private getGridColumnsFromTemplate;
   private getGridPaginationsFromTemplate;
+  private get gridElementsWithCoordinates();
   sortChangeEventHandler(event: CustomEvent<WcsGridColumnSortChangeEventDetails>): void;
   /**
    * Sorts the grid rows according to the given column's configuration
-   * @param colmun Column from which to extract the sorting configuration
+   * @param column Column from which to extract the sorting configuration
    * @private
    */
   private sortBy;
@@ -86,13 +121,33 @@ export declare class Grid implements ComponentInterface, ComponentDidLoad {
   paginationChangeEventHandlerOutside(event: CustomEvent<WcsGridPaginationChangeEventDetails>): void;
   private onPaginationChange;
   private onRowSelection;
+  private get selectedRows();
   private selectAllRows;
   private allRowsAreSelected;
   private getRowsForCurrentPage;
-  renderSelectionColumn(row: WcsGridRow): any;
+  renderSelectionColumn(row: WcsGridRow, rowIndex: number): any;
   private getCellContent;
+  /**
+   * Returns the total number of columns
+   * @private
+   */
   private totalColumnCount;
+  /**
+   * Returns the total number of columns that are not hidden
+   * @private
+   */
+  private totalDisplayedColumnCount;
+  /**
+   * Returns true if at least one column is hidden from the table
+   * @private
+   */
+  private atLeastOneColumnHidden;
   render(): any;
+  /**
+   * Returns the row with all mapped cells inside.
+   * The aria-rowindex here starts at 2 because the header row starts at index 1.
+   * @private
+   */
   private renderRow;
 }
 /**

package/dist/types/components/grid-column/grid-column.d.ts

@@ -52,9 +52,26 @@ export declare class GridColumn implements ComponentInterface {
    * Event emitted if the column is dynamically switching visibility.
    */
   wcsHiddenChange: EventEmitter<boolean>;
+  /**
+   * This property mustn't be set by hand, it is set by the wcs-grid component to move the focus between grid columns
+   * using keyboard.
+   * @internal
+   */
+  cursorPosition: {
+    col: number;
+    row: number;
+  };
+  /**
+   * This property mustn't be set by hand, it is set by the wcs-grid component to register the column index in a
+   * grid in order to move the focus between the grid columns.
+   * @internal
+   */
+  columnPosition: number;
   parseMyObjectProp(newValue: boolean): void;
   sortOrderChange(_: WcsSortOrder): void;
   emitSortConfig(): void;
+  getSortOrderForAriaSort(sortOrder: WcsSortOrder): "none" | "ascending" | "descending";
   render(): any;
   private onSortClick;
+  private handleSortKeyDown;
 }

package/dist/types/components/input/input.d.ts

@@ -1,9 +1,22 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { AutocompleteTypes, InputChangeEventDetail, TextFieldTypes, WcsInputSize } from './input-interface';
+import { AriaAttributeName, MutableAriaAttribute } from "../../utils/mutable-aria-attribute";
 /**
- * Mainly inspired from Ionic Input Component
+ * The input component is a form control that accepts a single line of text.
+ * Implementation mainly inspired from Ionic Input Component.
+ *
+ *
+ * <details>
+ *     <summary>Accessibility guidelines 💡</summary>
+ *     > - Provide a `<wcs-label>` next to the input
+ *     > - Use the `disabled` prop to add the HTML `disabled` attribute to the `input`
+ *     > - Use the `readonly` prop to add the HTML `readonly` attribute to the `input`
+ *     > - Use the `autofocus` prop to add the HTML `autofocus` attribute to the `input`. Use it if you want your input focus
+ *     automatically when the page load
+ *     > - Adapt the `type` to lets user enter information more easily (_ex: `type="number"` for an input which only accept numbers entry_)
+ * </details>
  */
-export declare class Input implements ComponentInterface {
+export declare class Input implements ComponentInterface, MutableAriaAttribute {
   private nativeInput?;
   private inputId;
   private didBlurAfterEdit;
@@ -22,7 +35,8 @@ export declare class Input implements ComponentInterface {
   private passwordReveal;
   private el;
   /**
-   * If the value of the type attribute is `"file"`, then this attribute will indicate the types of files that the server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.
+   * If the value of the type attribute is `"file"`, then this attribute will indicate the types of files that the
+   * server accepts, otherwise it will be ignored. The value must be a comma-separated list of unique content type specifiers.
    */
   accept?: string;
   /**
@@ -47,11 +61,13 @@ export declare class Input implements ComponentInterface {
    */
   clearInput: boolean;
   /**
-   * If `true`, the value will be cleared after focus upon edit. Defaults to `true` when `type` is `"password"`, `false` for all other types.
+   * If `true`, the value will be cleared after focus upon edit.
+   * Defaults to `true` when `type` is `"password"`, `false` for all other types.
    */
   clearOnEdit?: boolean;
   /**
-   * Set the amount of time, in milliseconds, to wait to trigger the `wcsChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`.
+   * Set the amount of time, in milliseconds, to wait to trigger the `wcsChange` event after each keystroke.
+   * This also impacts form bindings such as `ngModel` or `v-model`.
    */
   debounce: number;
   /**
@@ -92,7 +108,8 @@ export declare class Input implements ComponentInterface {
    */
   max?: string;
   /**
-   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the maximum number of characters that the user can enter.
+   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute
+   * specifies the maximum number of characters that the user can enter.
    */
   maxlength?: number;
   /**
@@ -100,11 +117,13 @@ export declare class Input implements ComponentInterface {
    */
   min?: string;
   /**
-   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute specifies the minimum number of characters that the user can enter.
+   * If the value of the type attribute is `text`, `email`, `search`, `password`, `tel`, or `url`, this attribute
+   * specifies the minimum number of characters that the user can enter.
    */
   minlength?: number;
   /**
-   * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to `"email"` or `"file"`, otherwise it is ignored.
+   * If `true`, the user can enter more than one value. This attribute applies when the type attribute is set to
+   * `"email"` or `"file"`, otherwise it is ignored.
    */
   multiple?: boolean;
   /**
@@ -112,7 +131,12 @@ export declare class Input implements ComponentInterface {
    */
   name: string;
   /**
-   * A regular expression that the value is checked against. The pattern must match the entire value, not just some subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, `"date"`, or `"password"`, otherwise it is ignored. When the type attribute is `"date"`, `pattern` will only be used in browsers that do not support the `"date"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for more information.
+   * A regular expression that the value is checked against. The pattern must match the entire value, not just some
+   * subset. Use the title attribute to describe the pattern to help the user. This attribute applies when the value
+   * of the type attribute is `"text"`, `"search"`, `"tel"`, `"url"`, `"email"`, `"date"`, or `"password"`, otherwise
+   * it is ignored. When the type attribute is `"date"`, `pattern` will only be used in browsers that do not support
+   * the `"date"` input type natively. See https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date for
+   * more information.
    */
   pattern?: string;
   /**
@@ -132,7 +156,8 @@ export declare class Input implements ComponentInterface {
    */
   spellcheck: boolean;
   /**
-   * Specifies the state of the input. By default the input is in an normal state but you can to set it to 'error' state if the data given by the user is not valid.
+   * Specifies the state of the input. By default the input is in an normal state but you can to set it to 'error'
+   * state if the data given by the user is not valid.
    */
   state: 'initial' | 'error';
   /**
@@ -149,11 +174,11 @@ export declare class Input implements ComponentInterface {
    */
   value?: string | number | null;
   /**
-   * Emitted when a keyboard input occurred.
+   * Emitted when a keyboard input occurred. See https://developer.mozilla.org/en-US/docs/Web/Events/input
    */
   wcsInput: EventEmitter<KeyboardEvent>;
   /**
-   * Emitted when the value has changed.
+   * Emitted when the value has changed. See https://developer.mozilla.org/en-US/docs/Web/Events/change
    */
   wcsChange: EventEmitter<InputChangeEventDetail>;
   /**
@@ -164,10 +189,6 @@ export declare class Input implements ComponentInterface {
    * Emitted when the input has focus.
    */
   wcsFocus: EventEmitter<FocusEvent>;
-  /**
-   * Update the native input element when the value changes
-   */
-  protected valueChanged(): void;
   componentWillLoad(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;
@@ -186,9 +207,11 @@ export declare class Input implements ComponentInterface {
    * Returns the native `<input>` element used under the hood.
    */
   getInputElement(): Promise<HTMLInputElement>;
+  setAriaAttribute(attr: AriaAttributeName, value: string): Promise<void>;
   private shouldClearOnEdit;
-  private getValue;
+  private getValueAsString;
   private onInput;
+  private onChange;
   private onBlur;
   private onFocus;
   private onKeydown;

package/dist/types/components/modal/modal.d.ts

@@ -1,7 +1,28 @@
 import { EventEmitter, ComponentInterface } from '../../stencil-public-runtime';
 import { ModalSize } from './modal-interface';
+/**
+ * The modal component (also named dialog or popup) is an interface element that appears on top of the page content.
+ * Use it to show a message, a confirmation dialog, or any other content like forms.
+ *
+ * <details>
+ *     <summary>Accessibility guidelines 💡</summary>
+ *     > - Modal element has `role="dialog"` and `aria-modal="true"`
+ *     > - Keyboard navigation is trapped inside the modal
+ *     > - It is mandatory to set the `modal-trigger-controls-id` to the id of the element that opens the dialog, in order
+ *     > to focus it upon dialog dismissal.
+ *     > - The modal can be closed at any time by pressing the Escape key.
+ *     >
+ *     > - More info : https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/
+ * </details>
+ *
+ * @cssprop --wcs-modal-max-height - Max height of the main container
+ * @cssprop --wcs-modal-overflow-y - Overflow-y of the content
+ * @slot <no-name> Main container slot
+ * @slot header Header container slot (for title)
+ * @slot actions Actions container slot (for buttons)
+ */
 export declare class Modal implements ComponentInterface {
-  el: HTMLElement;
+  private el;
   /**
    * Specifies whether the component should display a backdrop on the entire page
    */
@@ -28,6 +49,11 @@ export declare class Modal implements ComponentInterface {
    * Specifies whether the component should hide the actions slot or not
    */
   hideActions: boolean;
+  /**
+   * Specifies which element id controls the modal
+   * @private
+   */
+  modalTriggerControlsId: string;
   /**
    * Give an unique id
    * @private
@@ -42,6 +68,16 @@ export declare class Modal implements ComponentInterface {
    * @private
    */
   private showAttributeChangedMarker;
+  /**
+   * This attribute is used to determine if the modal has been closed for the first time since its last activation.
+   * It is set to 'true' when the modal is first closed, and will be reset to 'false' when the modal is shown again.
+   * This state is important for accessibility reasons in order to focus the modal trigger element (like the button
+   * which controls the modal)
+   *
+   * @private
+   */
+  private hasBeenClosedBefore;
+  componentWillLoad(): Promise<void> | void;
   componentDidLoad(): void;
   componentDidRender(): void;
   onShowChange(): void;

package/dist/types/components/native-select/native-select.d.ts

@@ -1,5 +1,6 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
 import { WcsSize } from "../../shared-types";
+import { AriaAttributeName, MutableAriaAttribute } from "../../utils/mutable-aria-attribute";
 export type WcsNativeSelectSize = Extract<WcsSize, 'l' | 'm'>;
 /**
  * The `wcs-native-select` component is designed to accept a native `<select>` element as a slotted child. This choice
@@ -31,7 +32,7 @@ export type WcsNativeSelectSize = Extract<WcsSize, 'l' | 'm'>;
  * select is reset, you have to call the `updateStyles()` method manually.
  * - It is strongly recommended to use select-native when you don't have to support the multi-selection feature
  */
-export declare class NativeSelect implements ComponentInterface {
+export declare class NativeSelect implements ComponentInterface, MutableAriaAttribute {
   /**
    * The `size` property controls the size of the slotted `select` element by adjusting its padding.
    * There are two possible size options:
@@ -47,6 +48,7 @@ export declare class NativeSelect implements ComponentInterface {
   private selectElement;
   private observer;
   private readonly SLOTTED_SELECT_TRACKED_ATTRIBUTES_LIST;
+  setAriaAttribute(attr: AriaAttributeName, value: string): Promise<void>;
   componentWillLoad(): void;
   private onSelectedOptionChange;
   private _updateStyles;

package/dist/types/components/progress-bar/progress-bar.d.ts

@@ -1,12 +1,17 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
+import { WcsSize } from "../../shared-types";
 /**
- * Component displaying progress as a bar.
+ * Component displaying progress as a horizontal bar.
+ * @cssprop --wcs-progress-bar-border-radius - Border radius
+ * @cssprop --wcs-progress-bar-border-radius-small - Border radius for size small
+ * @cssprop --wcs-progress-bar-animation-duration - Animation duration
  */
 export declare class ProgressBar implements ComponentInterface {
   /**
-   * Whether the component display the small version
+   * Specify the size of the progress bar.
+   * m = default, s = smaller
    */
-  small: boolean;
+  size: Extract<WcsSize, 'm' | 's'>;
   /**
    * Whether it displays a label indicating the percentage of progress above the bar.
    */

package/dist/types/components/progress-radial/progress-radial.d.ts

@@ -1,11 +1,23 @@
 import { ComponentInterface } from '../../stencil-public-runtime';
+/**
+ * The progress-radial component is a circular progress bar that indicates the current completion of a task.
+ */
 export declare class ProgressRadial implements ComponentInterface {
+  /** The initial background image size (120x120) as specified in the background-image css property of .progress-circle */
+  private backgroundImageSize;
+  /** The size of the progress radial (in px) */
   size: number;
+  /** Whether the component should display the % label inside */
   showLabel: boolean;
+  /** The value of the progress radial. Prefer values between 0 and 100. */
   value: number;
   render(): any;
   getSvgStyle(): {
     'stroke-dasharray': string;
     'stroke-dashoffset': string;
   };
+  getSize(): {
+    width: string;
+    height: string;
+  };
 }

package/dist/types/components/radio/radio.d.ts

@@ -17,6 +17,9 @@ export declare class Radio implements ComponentInterface {
    */
   disabled: boolean;
   wcsRadioClick: EventEmitter<RadioChosedEvent>;
+  /**
+   * Giving every radio button the same name is mandatory to group them
+   */
   name: string;
   onKeyDown(_event: KeyboardEvent): void;
   checkedChanged(newValue: boolean): void;

package/dist/types/components/radio-group/radio-group.d.ts

@@ -1,7 +1,8 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { RadioGroupChangeEventDetail, RadioGroupMode } from './radio-group-interface';
 import { RadioChosedEvent } from '../radio/radio-interface';
-export declare class RadioGroup implements ComponentInterface {
+import { AriaAttributeName, MutableAriaAttribute } from "../../utils/mutable-aria-attribute";
+export declare class RadioGroup implements ComponentInterface, MutableAriaAttribute {
   value: any | any[] | undefined | null;
   name: any;
   mode: RadioGroupMode;
@@ -16,5 +17,6 @@ export declare class RadioGroup implements ComponentInterface {
   handleKeyDown(ev: KeyboardEvent): void;
   handleKeyUp(ev: KeyboardEvent): Promise<void>;
   private updateOptionsState;
+  setAriaAttribute(attr: AriaAttributeName, value: string): Promise<void>;
   render(): any;
 }

package/dist/types/components/select/select-interface.d.ts

@@ -2,6 +2,18 @@ import { WcsSize } from "../../shared-types";
 export interface SelectChangeEventDetail {
   value: any | any[] | undefined | null;
 }
+export interface SelectFilerChangeEventDetail {
+  value: string | number | undefined | null;
+}
+export type WcsSelectFilterFn = (optionEl: HTMLWcsSelectOptionElement, filter: string) => boolean;
+/**
+ * Default filtering function. Compares the string start of wcs-select-option element's text content
+ * with your filter input.
+ * @param optionEl - wcs-select-option element
+ * @param filter - input filter field value
+ * @constructor
+ */
+export declare const WcsDefaultSelectFilterFn: WcsSelectFilterFn;
 export declare const WcsSelectSizeValue: readonly ["m", "l"];
 export type WcsSelectSize = Extract<WcsSize, typeof WcsSelectSizeValue[number]>;
 export declare function isWcsSelectSize(size: string): size is WcsSelectSize;

package/dist/types/components/select/select-keyboard-event.d.ts

@@ -0,0 +1,38 @@
+export type KeyboardEventAssociatedAction = OpenSelect | CloseSelect | ClearAutocompleteInput | ClearHighlight | HighlightOption | FocusOption | MoveFocus | SelectOption;
+type OpenSelect = {
+  kind: 'OpenSelect';
+};
+type CloseSelect = {
+  kind: 'CloseSelect';
+  shouldBlur: boolean;
+};
+type ClearAutocompleteInput = {
+  kind: 'ClearAutocompleteInput';
+};
+type ClearHighlight = {
+  kind: 'ClearHighlight';
+};
+type HighlightOption = {
+  kind: 'HighlightOption';
+  target: 'next' | 'previous' | 'first' | 'last';
+};
+type SelectOption = {
+  kind: 'SelectOption';
+  target: 'next' | 'previous' | 'first' | 'last' | 'lastHighlighted';
+};
+type MoveFocus = {
+  kind: 'MoveFocus';
+  target: 'previous';
+};
+type FocusOption = {
+  kind: 'FocusOption';
+  target: 'next' | 'previous' | 'first' | 'last' | 'lastFocused';
+};
+/**
+ * We follow this https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
+ * @param event
+ * @param currentState
+ * @param type
+ */
+export declare function getActionForKeyboardEvent(event: KeyboardEvent, currentState: 'closed' | 'opened', type: 'autocomplete_unique' | 'autocomplete_multiple' | 'unique' | 'multiple'): KeyboardEventAssociatedAction[];
+export {};