@coreui/react-pro 4.11.2 → 4.12.0-alpha.0

package/README.md

@@ -42,7 +42,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.11.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-react-pro/archive/v4.12.0-alpha.0.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-react.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/react`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/react`

package/dist/components/date-range-picker/CDateRangePicker copy.d.ts

@@ -0,0 +1,114 @@
+import React, { ReactNode } from 'react';
+import { CCalendarProps } from '../calendar/CCalendar';
+import { CFormControlWrapperProps } from '../form/CFormControlWrapper';
+import { CPickerProps } from '../picker/CPicker';
+import { Colors } from '../../types';
+export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'floatingLabel'>, Omit<CPickerProps, 'autoClose' | 'component' | 'dark' | 'placeholder' | 'variant'>, Omit<CCalendarProps, 'onCalendarCellHover' | 'onCalendarDateChange'> {
+    /**
+     * The number of calendars that render on desktop devices.
+     */
+    calendars?: number;
+    /**
+     * A string of all className you want applied to the component.
+     */
+    className?: string;
+    /**
+     * If true the dropdown will be immediately closed after submitting the full date.
+     *
+     * @since 4.8.0
+     */
+    closeOnSelect?: boolean;
+    /**
+     * Toggle visibility or set the content of the cleaner button.
+     */
+    cleaner?: boolean;
+    /**
+     * Set date format.
+     * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.
+     */
+    format?: string;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     *
+     * The name attributes for input elements are generated based on the `id` property:
+     * - \{id\}-start-date
+     * - \{id\}-end-date
+     */
+    id?: string;
+    /**
+     * Toggle visibility or set the content of the input indicator.
+     */
+    indicator?: ReactNode | boolean;
+    /**
+     * Toggle the readonly state for the component.
+     */
+    inputReadOnly?: boolean;
+    /**
+     * Specifies short hints that are visible in start date and end date inputs.
+     */
+    placeholder?: string | string[];
+    /**
+     * @ignore
+     */
+    range?: boolean;
+    /**
+     * Predefined date ranges the user can select from.
+     */
+    ranges?: object;
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     */
+    rangesButtonsColor?: Colors;
+    /**
+     * Size the ranges button small or large.
+     */
+    rangesButtonsSize?: 'sm' | 'lg';
+    /**
+     * Set the ranges button variant to an outlined button or a ghost button.
+     */
+    rangesButtonsVariant?: 'outline' | 'ghost';
+    /**
+     * When present, it specifies that date must be filled out before submitting the form.
+     *
+     * @since 4.10.0
+     */
+    required?: boolean;
+    /**
+     * Default icon or character character that separates two dates.
+     */
+    separator?: ReactNode | boolean;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Provide an additional time selection by adding select boxes to choose times.
+     */
+    timepicker?: boolean;
+    /**
+     * Toggle visibility or set the content of today button.
+     *
+     * @default 'Today'
+     */
+    todayButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the today button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    todayButtonColor?: Colors;
+    /**
+     * Size the today button small or large.
+     *
+     * @default 'sm'
+     */
+    todayButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the today button variant to an outlined button or a ghost button.
+     */
+    todayButtonVariant?: 'outline' | 'ghost';
+}
+export declare const CDateRangePicker: React.ForwardRefExoticComponent<CDateRangePickerProps & React.RefAttributes<HTMLDivElement | HTMLLIElement>>;

package/dist/components/date-range-picker/CDateRangePicker.d.ts

@@ -3,11 +3,36 @@ import { CCalendarProps } from '../calendar/CCalendar';
 import { CFormControlWrapperProps } from '../form/CFormControlWrapper';
 import { CPickerProps } from '../picker/CPicker';
 import { Colors } from '../../types';
-export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'floatingLabel'>, Omit<CPickerProps, 'autoClose' | 'component' | 'dark' | 'placeholder' | 'variant'>, Omit<CCalendarProps, 'onCalendarCellHover' | 'onCalendarDateChange'> {
+export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'floatingLabel'>, Omit<CPickerProps, 'placeholder'>, Omit<CCalendarProps, 'onCalendarCellHover' | 'onCalendarDateChange'> {
     /**
      * The number of calendars that render on desktop devices.
      */
     calendars?: number;
+    /**
+     * Toggle visibility or set the content of cancel button.
+     *
+     * @default 'Cancel'
+     */
+    cancelButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the cancel button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    cancelButtonColor?: Colors;
+    /**
+     * Size the cancel button small or large.
+     *
+     * @default 'sm'
+     */
+    cancelButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the cancel button variant to an outlined button or a ghost button.
+     *
+     * @default 'ghost'
+     */
+    cancelButtonVariant?: 'outline' | 'ghost';
     /**
      * A string of all className you want applied to the component.
      */
@@ -22,6 +47,29 @@ export interface CDateRangePickerProps extends Omit<CFormControlWrapperProps, 'f
      * Toggle visibility or set the content of the cleaner button.
      */
     cleaner?: boolean;
+    /**
+     * Toggle visibility or set the content of confirm button.
+     *
+     * @default 'OK'
+     */
+    confirmButton?: boolean | ReactNode;
+    /**
+     * Sets the color context of the confirm button to one of CoreUI’s themed colors.
+     *
+     * @type 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | string
+     * @default 'primary'
+     */
+    confirmButtonColor?: Colors;
+    /**
+     * Size the confirm button small or large.
+     *
+     * @default 'sm'
+     */
+    confirmButtonSize?: 'sm' | 'lg';
+    /**
+     * Set the confirm button variant to an outlined button or a ghost button.
+     */
+    confirmButtonVariant?: 'outline' | 'ghost';
     /**
      * Set date format.
      * We use date-fns to format dates. Visit https://date-fns.org/v2.28.0/docs/format to check accepted patterns.

package/dist/components/multi-select/CMultiSelect.d.ts

@@ -1,6 +1,6 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import { CFormControlWrapperProps } from './../form/CFormControlWrapper';
-import type { Option } from './types';
+import { CFormControlWrapperProps } from '../form/CFormControlWrapper';
+import type { Option, OptionsGroup } from './types';
 export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'floatingClassName' | 'floatingLabel'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**
      * Allow users to create options if they are not in the list of options.
@@ -26,6 +26,13 @@ export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'float
      * Toggle the disabled state for the component.
      */
     disabled?: boolean;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     *
+     * The name and id attributes for the native select element are generated based on the `id` property:
+     * - <select id="\{id\}-multi-select" name="\{id\}-multi-select" />
+     */
+    id?: string;
     /**
      * When set, the options list will have a loading style: loading spinner and reduced opacity.
      *
@@ -46,10 +53,18 @@ export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'float
      * @since 4.8.0
      */
     onFilterChange?: (value: string) => void;
+    /**
+     * The callback is fired when the Multi Select component requests to be hidden.
+     */
+    onHide?: () => void;
+    /**
+     * The callback is fired when the Multi Select component requests to be shown.
+     */
+    onShow?: () => void;
     /**
      * List of option elements.
      */
-    options: Option[];
+    options: (Option | OptionsGroup)[];
     /**
      * Sets maxHeight of options list.
      */
@@ -58,10 +73,26 @@ export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'float
      * Sets option style.
      */
     optionsStyle?: 'checkbox' | 'text';
+    /**
+     * Custom template for options.
+     *
+     * @since 4.12.0-alpha.0
+     */
+    optionsTemplate?: (option: Option) => ReactNode;
+    /**
+     * Custom template for options groups.
+     *
+     * @since 4.12.0-alpha.0
+     */
+    optionsGroupsTemplate?: (option: OptionsGroup) => ReactNode;
     /**
      * Specifies a short hint that is visible in the search input.
      */
     placeholder?: string;
+    /**
+     * When it is present, it indicates that the user must choose a value before submitting the form.
+     */
+    required?: boolean;
     /**
      * Enables search input element.
      */

package/dist/components/multi-select/CMultiSelectNativeSelect.d.ts

@@ -1,8 +1,7 @@
-import React, { HTMLAttributes } from 'react';
+import React, { InputHTMLAttributes } from 'react';
 import type { Option } from './types';
-export interface CMultiSelectNativeSelectProps extends Omit<HTMLAttributes<HTMLSelectElement>, 'options'> {
-    multiple?: boolean;
-    options: Option[] | undefined;
-    value?: string | number | readonly string[];
+export interface CMultiSelectNativeSelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'options'> {
+    options?: Option[];
+    value?: string | number | string[];
 }
 export declare const CMultiSelectNativeSelect: React.ForwardRefExoticComponent<CMultiSelectNativeSelectProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/multi-select/CMultiSelectOptions.d.ts

@@ -1,11 +1,13 @@
 import React, { HTMLAttributes, ReactNode } from 'react';
-import type { Option } from './types';
+import type { Option, OptionsGroup } from './types';
 export interface CMultiSelectOptionsProps extends HTMLAttributes<HTMLDivElement> {
     handleOptionOnClick?: (option: Option) => void;
     loading?: boolean;
-    options: Option[];
+    options: (Option | OptionsGroup)[];
     optionsMaxHeight?: number | string;
     optionsStyle?: 'checkbox' | 'text';
+    optionsTemplate?: (option: Option) => ReactNode;
+    optionsGroupsTemplate?: (option: OptionsGroup) => ReactNode;
     searchNoResultsLabel?: string | ReactNode;
     selected: Option[];
     virtualScroller?: boolean;

package/dist/components/multi-select/CMultiSelectSelection.d.ts

@@ -3,6 +3,7 @@ import type { SelectedOption } from './types';
 export interface CMultiSelectSelectionProps extends HTMLAttributes<HTMLSpanElement> {
     multiple?: boolean;
     onRemove?: (option: SelectedOption) => void;
+    placeholder?: string;
     search?: boolean | 'external';
     selected?: SelectedOption[];
     selectionType?: 'counter' | 'tags' | 'text';

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

@@ -1,15 +1,19 @@
 export type Option = {
     custom?: boolean;
     disabled?: boolean;
-    label?: string;
-    options?: Option[];
-    order?: number;
     selected?: boolean;
     text: string;
     value: number | string;
+    [key: string]: number | string | any;
+};
+export type OptionsGroup = {
+    label: string;
+    options?: Option[];
+    [key: string]: number | string | any;
 };
 export type SelectedOption = {
     disabled?: boolean;
     text: string;
     value: number | string;
+    [key: string]: number | string | any;
 };

package/dist/components/multi-select/utils.d.ts

@@ -1,11 +1,11 @@
-import type { Option, SelectedOption } from './types';
-export declare const createOption: (text: string, options: Option[]) => {
+import type { Option, OptionsGroup, SelectedOption } from './types';
+export declare const createOption: (text: string, options: (Option | OptionsGroup)[]) => {
     value: string;
     text: string;
     custom: boolean;
 }[];
-export declare const filterOptionsList: (search: string, _options: Option[]) => Option[];
-export declare const flattenArray: (options: Option[]) => Option[];
+export declare const filterOptionsList: (search: string, _options: (Option | OptionsGroup)[]) => any[];
+export declare const flattenOptionsArray: (options: (Option | OptionsGroup)[], keepGroupLabel?: boolean) => (Option | OptionsGroup)[];
 export declare const getNextSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
 export declare const getPreviousSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
-export declare const selectOptions: (options: Option[], selected: SelectedOption[], deselected?: Option[]) => SelectedOption[];
+export declare const selectOptions: (options: (Option | OptionsGroup)[], selected: SelectedOption[], deselected?: Option[]) => SelectedOption[];

package/dist/components/multi-select-new/CMultiSelect.d.ts

@@ -0,0 +1,133 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { CFormControlWrapperProps } from '../form/CFormControlWrapper';
+import type { Option } from './types';
+export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'floatingClassName' | 'floatingLabel'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Allow users to create options if they are not in the list of options.
+     *
+     * @since 4.11.0-next.0
+     */
+    allowCreateOptions?: boolean;
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Enables selection cleaner element.
+     */
+    cleaner?: boolean;
+    /**
+     * Clear current search on selecting an item.
+     *
+     * @since 4.11.0-next.0
+     */
+    clearSearchOnSelect?: boolean;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     *
+     * The name and id attributes for the native select element are generated based on the `id` property:
+     * - <select id="\{id\}-multi-select" name="\{id\}-multi-select" />
+     */
+    id?: string;
+    /**
+     * When set, the options list will have a loading style: loading spinner and reduced opacity.
+     *
+     * @since 4.11.0-next.0
+     */
+    loading?: boolean;
+    /**
+     * It specifies that multiple options can be selected at once.
+     */
+    multiple?: boolean;
+    /**
+     * Execute a function when a user changes the selected option.
+     */
+    onChange?: (selected: Option[]) => void;
+    /**
+     * Execute a function when the filter value changed.
+     *
+     * @since 4.8.0
+     */
+    onFilterChange?: (value: string) => void;
+    /**
+     * List of option elements.
+     */
+    options: Option[];
+    /**
+     * Sets maxHeight of options list.
+     */
+    optionsMaxHeight?: number | string;
+    /**
+     * Sets option style.
+     */
+    optionsStyle?: 'checkbox' | 'text';
+    /**
+     * TODO:
+     *
+     * @since TODO: 4._.0
+     */
+    optionsTemplate?: (option: Option) => ReactNode;
+    /**
+     * TODO:
+     *
+     * @since TODO: 4._.0
+     */
+    optionsGroupsTemplate?: (option: Option) => ReactNode;
+    /**
+     * Specifies a short hint that is visible in the search input.
+     */
+    placeholder?: string;
+    /**
+     * @since XXXX
+     */
+    required?: boolean;
+    /**
+     * Enables search input element.
+     */
+    search?: boolean | 'external';
+    /**
+     * Sets the label for no results when filtering.
+     */
+    searchNoResultsLabel?: string | ReactNode;
+    /**
+     * Enables select all button.
+     */
+    selectAll?: boolean;
+    /**
+     * Sets the select all button label.
+     */
+    selectAllLabel?: string | ReactNode;
+    /**
+     * Sets the selection style.
+     */
+    selectionType?: 'counter' | 'tags' | 'text';
+    /**
+     * Sets the counter selection label.
+     */
+    selectionTypeCounterText?: string;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Enable virtual scroller for the options list.
+     *
+     * @since 4.8.0
+     */
+    virtualScroller?: boolean;
+    /**
+     * Toggle the visibility of multi select dropdown.
+     */
+    visible?: boolean;
+    /**
+     * Amount of visible items when virtualScroller is set to `true`.
+     *
+     * @since 4.8.0
+     */
+    visibleItems?: number;
+}
+export declare const CMultiSelectNew: React.ForwardRefExoticComponent<CMultiSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select-new/CMultiSelectNativeSelect.d.ts

@@ -0,0 +1,7 @@
+import React, { InputHTMLAttributes } from 'react';
+import type { Option } from './types';
+export interface CMultiSelectNativeSelectProps extends Omit<InputHTMLAttributes<HTMLSelectElement>, 'options'> {
+    options?: Option[];
+    value?: string | number | string[];
+}
+export declare const CMultiSelectNativeSelect: React.ForwardRefExoticComponent<CMultiSelectNativeSelectProps & React.RefAttributes<HTMLSelectElement>>;

package/dist/components/multi-select-new/CMultiSelectNew.d.ts

@@ -0,0 +1,121 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import { CFormControlWrapperProps } from './../form/CFormControlWrapper';
+import type { Option } from './types';
+export interface CMultiSelectProps extends Omit<CFormControlWrapperProps, 'floatingClassName' | 'floatingLabel'>, Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /**
+     * Allow users to create options if they are not in the list of options.
+     *
+     * @since 4.11.0-next.0
+     */
+    allowCreateOptions?: boolean;
+    /**
+     * A string of all className you want applied to the base component.
+     */
+    className?: string;
+    /**
+     * Enables selection cleaner element.
+     */
+    cleaner?: boolean;
+    /**
+     * Clear current search on selecting an item.
+     *
+     * @since 4.11.0-next.0
+     */
+    clearSearchOnSelect?: boolean;
+    /**
+     * Toggle the disabled state for the component.
+     */
+    disabled?: boolean;
+    /**
+     * The id global attribute defines an identifier (ID) that must be unique in the whole document.
+     *
+     * The name and id attributes for the native select element are generated based on the `id` property:
+     * - <select id="\{id\}-multi-select" name="\{id\}-multi-select" />
+     */
+    id?: string;
+    /**
+     * When set, the options list will have a loading style: loading spinner and reduced opacity.
+     *
+     * @since 4.11.0-next.0
+     */
+    loading?: boolean;
+    /**
+     * It specifies that multiple options can be selected at once.
+     */
+    multiple?: boolean;
+    /**
+     * Execute a function when a user changes the selected option.
+     */
+    onChange?: (selected: Option[]) => void;
+    /**
+     * Execute a function when the filter value changed.
+     *
+     * @since 4.8.0
+     */
+    onFilterChange?: (value: string) => void;
+    /**
+     * List of option elements.
+     */
+    options: Option[];
+    /**
+     * Sets maxHeight of options list.
+     */
+    optionsMaxHeight?: number | string;
+    /**
+     * Sets option style.
+     */
+    optionsStyle?: 'checkbox' | 'text';
+    /**
+     * Specifies a short hint that is visible in the search input.
+     */
+    placeholder?: string;
+    /**
+     * @since XXXX
+     */
+    required?: boolean;
+    /**
+     * Enables search input element.
+     */
+    search?: boolean | 'external';
+    /**
+     * Sets the label for no results when filtering.
+     */
+    searchNoResultsLabel?: string | ReactNode;
+    /**
+     * Enables select all button.
+     */
+    selectAll?: boolean;
+    /**
+     * Sets the select all button label.
+     */
+    selectAllLabel?: string | ReactNode;
+    /**
+     * Sets the selection style.
+     */
+    selectionType?: 'counter' | 'tags' | 'text';
+    /**
+     * Sets the counter selection label.
+     */
+    selectionTypeCounterText?: string;
+    /**
+     * Size the component small or large.
+     */
+    size?: 'sm' | 'lg';
+    /**
+     * Enable virtual scroller for the options list.
+     *
+     * @since 4.8.0
+     */
+    virtualScroller?: boolean;
+    /**
+     * Toggle the visibility of multi select dropdown.
+     */
+    visible?: boolean;
+    /**
+     * Amount of visible items when virtualScroller is set to `true`.
+     *
+     * @since 4.8.0
+     */
+    visibleItems?: number;
+}
+export declare const CMultiSelectNew: React.ForwardRefExoticComponent<CMultiSelectProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select-new/CMultiSelectOptions.d.ts

@@ -0,0 +1,16 @@
+import React, { HTMLAttributes, ReactNode } from 'react';
+import type { Option } from './types';
+export interface CMultiSelectOptionsProps extends HTMLAttributes<HTMLDivElement> {
+    handleOptionOnClick?: (option: Option) => void;
+    loading?: boolean;
+    options: Option[];
+    optionsMaxHeight?: number | string;
+    optionsStyle?: 'checkbox' | 'text';
+    optionsTemplate?: (option: Option) => ReactNode;
+    optionsGroupsTemplate?: (option: Option) => ReactNode;
+    searchNoResultsLabel?: string | ReactNode;
+    selected: Option[];
+    virtualScroller?: boolean;
+    visibleItems?: number;
+}
+export declare const CMultiSelectOptions: React.ForwardRefExoticComponent<CMultiSelectOptionsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/multi-select-new/CMultiSelectSelection.d.ts

@@ -0,0 +1,11 @@
+import React, { HTMLAttributes } from 'react';
+import type { SelectedOption } from './types';
+export interface CMultiSelectSelectionProps extends HTMLAttributes<HTMLSpanElement> {
+    multiple?: boolean;
+    onRemove?: (option: SelectedOption) => void;
+    search?: boolean | 'external';
+    selected?: SelectedOption[];
+    selectionType?: 'counter' | 'tags' | 'text';
+    selectionTypeCounterText?: string;
+}
+export declare const CMultiSelectSelection: React.ForwardRefExoticComponent<CMultiSelectSelectionProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/multi-select-new/index.d.ts

@@ -0,0 +1,2 @@
+import { CMultiSelectNew } from './CMultiSelect';
+export { CMultiSelectNew };

package/dist/components/multi-select-new/types.d.ts

@@ -0,0 +1,15 @@
+export type Option = {
+    custom?: boolean;
+    disabled?: boolean;
+    label?: string;
+    options?: Option[];
+    selected?: boolean;
+    text: string;
+    value: number | string;
+    [key: string]: number | string | any;
+};
+export type SelectedOption = {
+    disabled?: boolean;
+    text: string;
+    value: number | string;
+};

package/dist/components/multi-select-new/utils.d.ts

@@ -0,0 +1,11 @@
+import type { Option, SelectedOption } from './types';
+export declare const createOption: (text: string, options: Option[]) => {
+    value: string;
+    text: string;
+    custom: boolean;
+}[];
+export declare const filterOptionsList: (search: string, _options: Option[]) => Option[];
+export declare const flattenArray: (options: Option[]) => Option[];
+export declare const getNextSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
+export declare const getPreviousSibling: (elem: HTMLElement, selector?: string) => Element | null | undefined;
+export declare const selectOptions: (options: Option[], selected: SelectedOption[], deselected?: Option[]) => SelectedOption[];