@instructure/ui-simple-select 8.14.1-snapshot.21 → 8.14.1-snapshot.31

package/types/SimpleSelect/Group/index.d.ts

@@ -5,20 +5,19 @@ import type { SimpleSelectGroupProps } from './props';
 parent: SimpleSelect
 id: SimpleSelect.Group
 ---
+@tsProps
 **/
 declare class Group extends Component<SimpleSelectGroupProps> {
     static readonly componentId = "SimpleSelect.Group";
     static allowedProps: readonly (keyof {
-        renderLabel: import("react").ReactNode | ((...args: any[]) => any);
+        renderLabel: import("react").ReactNode | (() => import("react").ReactNode);
         children?: import("react").ReactNode;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        renderLabel: import("react").ReactNode | ((...args: any[]) => any);
+        renderLabel: import("react").ReactNode | (() => import("react").ReactNode);
         children?: import("react").ReactNode;
     }>;
-    static defaultProps: {
-        children: null;
-    };
+    static defaultProps: {};
     render(): null;
 }
 export default Group;

package/types/SimpleSelect/Group/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Group/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD;;;;;GAKG;AACH,cAAM,KAAM,SAAQ,SAAS,CAAC,sBAAsB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,wBAAuB;IAClD,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;MAElB;IAGD,MAAM;CAKP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Group/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAGrD;;;;;;GAMG;AACH,cAAM,KAAM,SAAQ,SAAS,CAAC,sBAAsB,CAAC;IACnD,MAAM,CAAC,QAAQ,CAAC,WAAW,wBAAuB;IAElD,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY,KAAK;IAGxB,MAAM;CAKP;AAED,eAAe,KAAK,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/types/SimpleSelect/Group/props.d.ts

@@ -1,7 +1,13 @@
 import React from 'react';
 import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
 declare type SimpleSelectGroupOwnProps = {
-    renderLabel: React.ReactNode | ((...args: any[]) => any);
+    /**
+     * The label associated with the group options.
+     */
+    renderLabel: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Children of type `<SimpleSelect.Option />` that will be considered part of the group.
+     */
     children?: React.ReactNode;
 };
 declare type PropKeys = keyof SimpleSelectGroupOwnProps;

package/types/SimpleSelect/Group/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Group/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,yBAAyB,GAAG;IAC/B,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AACD,aAAK,QAAQ,GAAG,MAAM,yBAAyB,CAAA;AAE/C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,sBAAsB,GAAG,yBAAyB,GACrD,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;AAEhD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAA6C,CAAA;AAEjE,YAAY,EAAE,sBAAsB,EAAE,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Group/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,yBAAyB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACtD;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,yBAAyB,CAAA;AAE/C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,sBAAsB,GAAG,yBAAyB,GACrD,mBAAmB,CAAC,yBAAyB,CAAC,CAAA;AAEhD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAA6C,CAAA;AAEjE,YAAY,EAAE,sBAAsB,EAAE,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/SimpleSelect/Option/index.d.ts

@@ -5,6 +5,7 @@ import type { SimpleSelectOptionProps } from './props';
 parent: SimpleSelect
 id: SimpleSelect.Option
 ---
+@tsProps
 **/
 declare class Option extends Component<SimpleSelectOptionProps> {
     static readonly componentId = "SimpleSelect.Option";
@@ -12,21 +13,20 @@ declare class Option extends Component<SimpleSelectOptionProps> {
         id: string;
         value: string | number;
         isDisabled?: boolean | undefined;
-        renderBeforeLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        children?: import("react").ReactNode;
+        children?: string | undefined;
+        renderBeforeLabel?: import("./props").RenderSimpleSelectOptionLabel;
+        renderAfterLabel?: import("./props").RenderSimpleSelectOptionLabel;
     })[];
     static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
         id: string;
         value: string | number;
         isDisabled?: boolean | undefined;
-        renderBeforeLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        renderAfterLabel?: import("react").ReactNode | ((...args: any[]) => any);
-        children?: import("react").ReactNode;
+        children?: string | undefined;
+        renderBeforeLabel?: import("./props").RenderSimpleSelectOptionLabel;
+        renderAfterLabel?: import("./props").RenderSimpleSelectOptionLabel;
     }>;
     static defaultProps: {
         isDisabled: boolean;
-        children: null;
     };
     render(): null;
 }

package/types/SimpleSelect/Option/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Option/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD;;;;;GAKG;AACH,cAAM,MAAO,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;MAGlB;IAGD,MAAM;CAKP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Option/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAGtD;;;;;;GAMG;AACH,cAAM,MAAO,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;MAElB;IAGD,MAAM;CAKP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/types/SimpleSelect/Option/props.d.ts

@@ -1,18 +1,44 @@
 import React from 'react';
 import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
+declare type OptionProps = {
+    id: SimpleSelectOptionOwnProps['id'];
+    isDisabled: SimpleSelectOptionOwnProps['isDisabled'];
+    isSelected: boolean;
+    isHighlighted: boolean;
+    children: SimpleSelectOptionOwnProps['children'];
+};
+declare type RenderSimpleSelectOptionLabel = React.ReactNode | ((args: OptionProps) => React.ReactNode);
 declare type SimpleSelectOptionOwnProps = {
+    /**
+     * The id for the option.
+     */
     id: string;
+    /**
+     * The value for the option.
+     */
     value: string | number;
+    /**
+     * Whether or not this option is disabled.
+     */
     isDisabled?: boolean;
-    renderBeforeLabel?: React.ReactNode | ((...args: any[]) => any);
-    renderAfterLabel?: React.ReactNode | ((...args: any[]) => any);
-    children?: React.ReactNode;
+    /**
+     * Content to display as the option label.
+     */
+    children?: string;
+    /**
+     * Content to display before the option label, such as an icon.
+     */
+    renderBeforeLabel?: RenderSimpleSelectOptionLabel;
+    /**
+     * Content to display after the option label, such as an icon.
+     */
+    renderAfterLabel?: RenderSimpleSelectOptionLabel;
 };
 declare type PropKeys = keyof SimpleSelectOptionOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
 declare type SimpleSelectOptionProps = SimpleSelectOptionOwnProps & OtherHTMLAttributes<SimpleSelectOptionOwnProps>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { SimpleSelectOptionProps };
+export type { SimpleSelectOptionProps, RenderSimpleSelectOptionLabel };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/SimpleSelect/Option/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Option/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,0BAA0B,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AACD,aAAK,QAAQ,GAAG,MAAM,0BAA0B,CAAA;AAEhD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,uBAAuB,GAAG,0BAA0B,GACvD,mBAAmB,CAAC,0BAA0B,CAAC,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAyBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,uBAAuB,EAAE,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/SimpleSelect/Option/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,WAAW,GAAG;IACjB,EAAE,EAAE,0BAA0B,CAAC,IAAI,CAAC,CAAA;IACpC,UAAU,EAAE,0BAA0B,CAAC,YAAY,CAAC,CAAA;IACpD,UAAU,EAAE,OAAO,CAAA;IACnB,aAAa,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,0BAA0B,CAAC,UAAU,CAAC,CAAA;CACjD,CAAA;AAED,aAAK,6BAA6B,GAC9B,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,IAAI,EAAE,WAAW,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;AAE5C,aAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;OAEG;IACH,iBAAiB,CAAC,EAAE,6BAA6B,CAAA;IACjD;;OAEG;IACH,gBAAgB,CAAC,EAAE,6BAA6B,CAAA;CACjD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,0BAA0B,CAAA;AAEhD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,uBAAuB,GAAG,0BAA0B,GACvD,mBAAmB,CAAC,0BAA0B,CAAC,CAAA;AAEjD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAOvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,uBAAuB,EAAE,6BAA6B,EAAE,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/SimpleSelect/index.d.ts

@@ -1,22 +1,28 @@
 import React, { Component } from 'react';
+import { Select } from '@instructure/ui-select';
 import type { SelectProps } from '@instructure/ui-select';
 import { Option } from './Option';
+import type { SimpleSelectOptionProps } from './Option/props';
 import { Group } from './Group';
+import type { SimpleSelectGroupProps } from './Group/props';
 import type { SimpleSelectProps } from './props';
+import { SimpleSelectState } from './props';
+declare type OptionChild = React.ComponentElement<SimpleSelectOptionProps, Option>;
+declare type GroupChild = React.ComponentElement<SimpleSelectGroupProps, Group>;
+declare type GetOption = <F extends 'id' | 'value'>(field: F, value?: SimpleSelectOptionProps[F]) => OptionChild | undefined;
 /**
 ---
 category: components
 tags: form, field, dropdown
 ---
+@tsProps
 **/
-declare class SimpleSelect extends Component<SimpleSelectProps> {
+declare class SimpleSelect extends Component<SimpleSelectProps, SimpleSelectState> {
     static readonly componentId = "SimpleSelect";
     static Option: typeof Option;
     static Group: typeof Group;
-    static allowedProps: readonly (keyof {
-        renderLabel: React.ReactNode | ((...args: any[]) => any);
-        value?: string | number | undefined;
-        defaultValue?: string | undefined;
+    static allowedProps: readonly ("children" | "value" | "defaultValue" | "onChange" | keyof {
+        renderLabel: React.ReactNode | (() => React.ReactNode);
         id?: string | undefined;
         size?: "small" | "medium" | "large" | undefined;
         assistiveText?: string | undefined;
@@ -31,22 +37,15 @@ declare class SimpleSelect extends Component<SimpleSelectProps> {
         placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
         constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
         mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onShowOptions?: ((...args: any[]) => any) | undefined;
-        onHideOptions?: ((...args: any[]) => any) | undefined;
-        inputRef?: ((...args: any[]) => any) | undefined;
-        listRef?: ((...args: any[]) => any) | undefined;
-        renderEmptyOption?: React.ReactNode | ((...args: any[]) => any);
-        renderBeforeInput?: React.ReactNode | ((...args: any[]) => any);
-        renderAfterInput?: React.ReactNode | ((...args: any[]) => any);
-        children?: React.ReactNode;
-    })[];
-    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
-        renderLabel: React.ReactNode | ((...args: any[]) => any);
-        value?: string | number | undefined;
-        defaultValue?: string | undefined;
+        inputRef?: ((inputElement: HTMLInputElement | null) => void) | undefined;
+        listRef?: ((listElement: HTMLUListElement | null) => void) | undefined;
+        renderBeforeInput?: React.ReactNode | (() => React.ReactNode);
+        renderAfterInput?: React.ReactNode | (() => React.ReactNode);
+        onFocus?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+        onBlur?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    } | "onShowOptions" | "onHideOptions" | "renderEmptyOption")[];
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<"children" | "value" | "defaultValue" | "onChange" | keyof {
+        renderLabel: React.ReactNode | (() => React.ReactNode);
         id?: string | undefined;
         size?: "small" | "medium" | "large" | undefined;
         assistiveText?: string | undefined;
@@ -61,62 +60,47 @@ declare class SimpleSelect extends Component<SimpleSelectProps> {
         placement?: import("@instructure/ui-position").PlacementPropValues | undefined;
         constrain?: import("@instructure/ui-position").PositionConstraint | undefined;
         mountNode?: import("@instructure/ui-position").PositionMountNode | undefined;
-        onChange?: ((...args: any[]) => any) | undefined;
-        onFocus?: ((...args: any[]) => any) | undefined;
-        onBlur?: ((...args: any[]) => any) | undefined;
-        onShowOptions?: ((...args: any[]) => any) | undefined;
-        onHideOptions?: ((...args: any[]) => any) | undefined;
-        inputRef?: ((...args: any[]) => any) | undefined;
-        listRef?: ((...args: any[]) => any) | undefined;
-        renderEmptyOption?: React.ReactNode | ((...args: any[]) => any);
-        renderBeforeInput?: React.ReactNode | ((...args: any[]) => any);
-        renderAfterInput?: React.ReactNode | ((...args: any[]) => any);
-        children?: React.ReactNode;
-    }>;
+        inputRef?: ((inputElement: HTMLInputElement | null) => void) | undefined;
+        listRef?: ((listElement: HTMLUListElement | null) => void) | undefined;
+        renderBeforeInput?: React.ReactNode | (() => React.ReactNode);
+        renderAfterInput?: React.ReactNode | (() => React.ReactNode);
+        onFocus?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+        onBlur?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    } | "onShowOptions" | "onHideOptions" | "renderEmptyOption">;
     static defaultProps: {
         size: string;
-        placeholder: null;
         isRequired: boolean;
         isInline: boolean;
         visibleOptionsCount: number;
         placement: string;
         constrain: string;
-        onChange: (event: any, data: any) => void;
-        onFocus: (event: any) => void;
-        onBlur: (event: any) => void;
-        onShowOptions: (event: any) => void;
-        onHideOptions: (event: any) => void;
-        inputRef: (node: any) => void;
-        listRef: (node: any) => void;
         renderEmptyOption: string;
-        renderBeforeInput: null;
-        renderAfterInput: null;
-        children: null;
     };
-    ref: Element | null;
-    constructor(props: any);
-    _emptyOptionId: string;
-    get _select(): Element | null;
+    ref: Select | null;
+    private readonly _emptyOptionId;
+    constructor(props: SimpleSelectProps);
+    get _select(): Select | null;
+    get childrenArray(): (OptionChild | GroupChild)[];
     focus(): void;
-    get focused(): any;
-    get id(): string | null;
+    get focused(): boolean;
+    get id(): string | undefined;
     get isControlled(): boolean;
     get interaction(): import("@instructure/ui-react-utils").InteractionType;
-    componentDidUpdate(prevProps: any): void;
-    getInitialOption(props: any): {} | null;
-    getOptionLabelById(id: any): any;
-    getOptionByIndex(index: any): {} | null;
-    getOption(field: any, value: any): {} | null;
-    handleRef: (node: any) => void;
-    handleBlur: (event: any) => void;
+    componentDidUpdate(prevProps: SimpleSelectProps): void;
+    getInitialOption(props: SimpleSelectProps): OptionChild | undefined;
+    getOptionLabelById(id: string): string | undefined;
+    getFirstOption(): OptionChild | undefined;
+    getOption: GetOption;
+    handleRef: (node: Select) => void;
+    handleBlur: SelectProps['onBlur'];
     handleShowOptions: SelectProps['onRequestShowOptions'];
     handleHideOptions: SelectProps['onRequestHideOptions'];
     handleHighlightOption: SelectProps['onRequestHighlightOption'];
     handleSelectOption: SelectProps['onRequestSelectOption'];
-    renderChildren(): JSX.Element | (React.ReactChild | React.ReactFragment | React.ReactPortal)[];
-    renderEmptyOption(): JSX.Element;
-    renderOption(option: any): JSX.Element;
-    renderGroup(group: any): JSX.Element;
+    renderChildren(): OptionChild | (OptionChild | GroupChild)[];
+    renderEmptyOption(): OptionChild;
+    renderOption(option: OptionChild): OptionChild;
+    renderGroup(group: GroupChild): GroupChild;
     render(): JSX.Element;
 }
 export { SimpleSelect };

package/types/SimpleSelect/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SimpleSelect/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAYlD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAGhD;;;;;GAKG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,MAAM,gBAAS;IACtB,MAAM,CAAC,KAAK,eAAQ;IAEpB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;MA0BlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAGd,KAAK,KAAA;IAejB,cAAc,SAA4B;IAE1C,IAAI,OAAO,mBAMV;IAED,KAAK;IAKL,IAAI,OAAO,QAGV;IAED,IAAI,EAAE,kBAEL;IAED,IAAI,YAAY,YAEf;IAED,IAAI,WAAW,0DAEd;IAGD,kBAAkB,CAAC,SAAS,KAAA;IAiB5B,gBAAgB,CAAC,KAAK,KAAA;IAatB,kBAAkB,CAAC,EAAE,KAAA;IAOrB,gBAAgB,CAAC,KAAK,KAAA;IAqBtB,SAAS,CAAC,KAAK,KAAA,EAAE,KAAK,KAAA;IA6BtB,SAAS,sBAER;IAGD,UAAU,uBAIT;IAED,iBAAiB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAIrD;IAED,iBAAiB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAarD;IAED,qBAAqB,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAgB7D;IAED,kBAAkB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CA8BvD;IAED,cAAc;IAmBd,iBAAiB;IAajB,YAAY,CAAC,MAAM,KAAA;IAgDnB,WAAW,CAAC,KAAK,KAAA;IAajB,MAAM;CAuEP;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/SimpleSelect/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAWlD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,KAAK,EACV,uBAAuB,EAExB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAE3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAA2B,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEpE,aAAK,WAAW,GAAG,KAAK,CAAC,gBAAgB,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAA;AAC1E,aAAK,UAAU,GAAG,KAAK,CAAC,gBAAgB,CAAC,sBAAsB,EAAE,KAAK,CAAC,CAAA;AAEvE,aAAK,SAAS,GAAG,CAAC,CAAC,SAAS,IAAI,GAAG,OAAO,EACxC,KAAK,EAAE,CAAC,EACR,KAAK,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAC/B,WAAW,GAAG,SAAS,CAAA;AAE5B;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACxE,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,MAAM,gBAAS;IACtB,MAAM,CAAC,KAAK,eAAQ;IAEpB,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;mEAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;iEAAY;IAE5B,MAAM,CAAC,YAAY;;;;;;;;MAQlB;IAED,GAAG,EAAE,MAAM,GAAG,IAAI,CAAO;IAEzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAA;gBAEnB,KAAK,EAAE,iBAAiB;IAepC,IAAI,OAAO,kBAMV;IAED,IAAI,aAAa,iCAIhB;IAED,KAAK;IAIL,IAAI,OAAO,YAEV;IAED,IAAI,EAAE,uBAEL;IAED,IAAI,YAAY,YAEf;IAED,IAAI,WAAW,0DAEd;IAED,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAc/C,gBAAgB,CAAC,KAAK,EAAE,iBAAiB;IAYzC,kBAAkB,CAAC,EAAE,EAAE,MAAM;IAK7B,cAAc;IAsBd,SAAS,EAAE,SAAS,CAwBnB;IAED,SAAS,SAAU,MAAM,UAExB;IAED,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC,CAKhC;IAED,iBAAiB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAKrD;IAED,iBAAiB,EAAE,WAAW,CAAC,sBAAsB,CAAC,CAYrD;IAED,qBAAqB,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAc7D;IAED,kBAAkB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CA8BvD;IAED,cAAc;IAkBd,iBAAiB;IAYjB,YAAY,CAAC,MAAM,EAAE,WAAW;IA2ChC,WAAW,CAAC,KAAK,EAAE,UAAU;IAe7B,MAAM;CAoEP;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,eAAe,YAAY,CAAA"}

package/types/SimpleSelect/props.d.ts

@@ -1,42 +1,153 @@
 import React, { InputHTMLAttributes } from 'react';
 import type { FormMessage } from '@instructure/ui-form-field';
-import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
+import type { OtherHTMLAttributes, PickPropsWithExceptions, PropValidators } from '@instructure/shared-types';
 import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
-declare type SimpleSelectOwnProps = {
-    renderLabel: React.ReactNode | ((...args: any[]) => any);
+import type { SelectOwnProps } from '@instructure/ui-select';
+declare type SimpleSelectOwnProps = PropsPassedToSelect & {
+    /**
+     * The value corresponding to the value of the selected option. If defined,
+     * the component will act controlled and will not manage its own state.
+     */
     value?: string | number;
+    /**
+     * The value of the option to select by default, when uncontrolled.
+     */
     defaultValue?: string;
+    /**
+     * Callback fired when a new option is selected.
+     */
+    onChange?: (event: React.SyntheticEvent, data: {
+        value?: string | number;
+        id?: string;
+    }) => void;
+    /**
+     * Callback fired when the options list is shown.
+     */
+    onShowOptions?: (event: React.SyntheticEvent) => void;
+    /**
+     * Callback fired when the options list is hidden.
+     */
+    onHideOptions?: (event: React.SyntheticEvent) => void;
+    /**
+     * Content to display in the list when no options are available.
+     */
+    renderEmptyOption?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Children of type `<SimpleSelect.Option />` or `<SimpleSelect.Group />`.
+     */
+    children?: React.ReactNode;
+};
+declare type PropsPassedToSelect = {
+    /**
+     * The form field label.
+     */
+    renderLabel: React.ReactNode | (() => React.ReactNode);
+    /**
+     * The id of the text input. One is generated if not supplied.
+     */
     id?: string;
+    /**
+     * The size of the text input.
+     */
     size?: 'small' | 'medium' | 'large';
+    /**
+     * Additional helpful text to provide to screen readers about the operation
+     * of the component. Provided via aria-describedby.
+     */
     assistiveText?: string;
+    /**
+     * Html placeholder text to display when the input has no value. This should
+     * be hint text, not a label replacement.
+     */
     placeholder?: string;
+    /**
+     * Specifies if interaction with the input is enabled, disabled, or readonly.
+     * When "disabled", the input changes visibly to indicate that it cannot
+     * receive user interactions. When "readonly" the input still cannot receive
+     * user interactions but it keeps the same styles as if it were enabled.
+     */
     interaction?: 'enabled' | 'disabled' | 'readonly';
+    /**
+     * Whether or not the text input is required.
+     */
     isRequired?: boolean;
+    /**
+     * Whether the input is rendered inline with other elements or if it
+     * is rendered as a block level element.
+     */
     isInline?: boolean;
+    /**
+     * The width of the text input.
+     */
     width?: string;
+    /**
+     * The max width the options list can be before option text wraps. If not
+     * set, the list will only display as wide as the text input.
+     */
     optionsMaxWidth?: string;
+    /**
+     * The number of options that should be visible before having to scroll.
+     */
     visibleOptionsCount?: number;
+    /**
+     * Displays messages and validation for the input. It should be an array of
+     * objects with the following shape:
+     * `{
+     *   text: ReactNode,
+     *   type: One of: ['error', 'hint', 'success', 'screenreader-only']
+     * }`
+     */
     messages?: FormMessage[];
+    /**
+     * The placement of the options list.
+     */
     placement?: PlacementPropValues;
+    /**
+     * The parent in which to constrain the placement.
+     */
     constrain?: PositionConstraint;
+    /**
+     * An element or a function returning an element to use mount the options
+     * list to in the DOM (defaults to `document.body`)
+     */
     mountNode?: PositionMountNode;
-    onChange?: (...args: any[]) => any;
-    onFocus?: (...args: any[]) => any;
-    onBlur?: (...args: any[]) => any;
-    onShowOptions?: (...args: any[]) => any;
-    onHideOptions?: (...args: any[]) => any;
-    inputRef?: (...args: any[]) => any;
-    listRef?: (...args: any[]) => any;
-    renderEmptyOption?: React.ReactNode | ((...args: any[]) => any);
-    renderBeforeInput?: React.ReactNode | ((...args: any[]) => any);
-    renderAfterInput?: React.ReactNode | ((...args: any[]) => any);
-    children?: React.ReactNode;
+    /**
+     * A ref to the html `input` element.
+     */
+    inputRef?: (inputElement: HTMLInputElement | null) => void;
+    /**
+     * A ref to the html `ul` element.
+     */
+    listRef?: (listElement: HTMLUListElement | null) => void;
+    /**
+     * Content to display before the text input. This will commonly be an icon.
+     */
+    renderBeforeInput?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Content to display after the text input. This content will replace the
+     * default arrow icons.
+     */
+    renderAfterInput?: React.ReactNode | (() => React.ReactNode);
+    /**
+     * Callback fired when text input receives focus.
+     */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Callback fired when text input loses focus.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
 };
 declare type PropKeys = keyof SimpleSelectOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type SimpleSelectProps = SimpleSelectOwnProps & OtherHTMLAttributes<SimpleSelectOwnProps, InputHTMLAttributes<SimpleSelectOwnProps>>;
+declare type SimpleSelectProps = PickPropsWithExceptions<SelectOwnProps, keyof PropsPassedToSelect | 'children' | 'onRequestShowOptions' | 'onRequestHideOptions' | 'onRequestHighlightOption' | 'onRequestSelectOption' | 'inputValue' | 'isShowingOptions'> & SimpleSelectOwnProps & OtherHTMLAttributes<SimpleSelectOwnProps, InputHTMLAttributes<SimpleSelectOwnProps>>;
+declare type SimpleSelectState = {
+    inputValue?: string;
+    isShowingOptions: boolean;
+    highlightedOptionId?: string;
+    selectedOptionId?: string;
+};
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { SimpleSelectProps };
+export type { SimpleSelectProps, SimpleSelectState };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/SimpleSelect/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/SimpleSelect/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/SimpleSelect/props.ts"],"names":[],"mappings":"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"}