@rescui/select 0.17.0 → 0.17.1-RUI-293-Update-menu-component-7a032357e.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -2
- package/lib/_virtual/index.css.js +12 -12
- package/lib/common-prop-types.d.ts +29 -29
- package/lib/constants.d.ts +6 -6
- package/lib/hooks/use-a11y.d.ts +30 -30
- package/lib/hooks/use-actual-size-from-css.d.ts +10 -10
- package/lib/hooks/use-actual-size-from-css.js +1 -1
- package/lib/hooks/use-focus.d.ts +10 -10
- package/lib/hooks/use-hover.d.ts +10 -10
- package/lib/hooks/use-label-focus.d.ts +9 -9
- package/lib/hooks/use-multi-handlers.d.ts +11 -11
- package/lib/hooks/use-options.d.ts +13 -14
- package/lib/hooks/use-options.js +5 -5
- package/lib/hooks/use-primary-contrast-css-var-transfer.d.ts +11 -11
- package/lib/hooks/use-primary-contrast-css-var-transfer.js +2 -2
- package/lib/hooks/use-safe-id.d.ts +6 -6
- package/lib/index.css +189 -189
- package/lib/index.d.ts +4 -4
- package/lib/multiselect.d.ts +3 -3
- package/lib/multiselect.js +1 -0
- package/lib/native-select.d.ts +4 -4
- package/lib/parts/foldable.d.ts +34 -33
- package/lib/parts/form-trigger-wrapper.d.ts +34 -34
- package/lib/parts/hidden-select.d.ts +13 -13
- package/lib/parts/icons.d.ts +17 -17
- package/lib/parts/list-box.d.ts +13 -13
- package/lib/parts/multi-trigger.d.ts +12 -12
- package/lib/parts/native-select-options-with-groups.d.ts +8 -8
- package/lib/parts/popup-content.d.ts +20 -20
- package/lib/select-basic.d.ts +3 -3
- package/lib/select-searchable.d.ts +3 -3
- package/lib/select.d.ts +28 -28
- package/lib/styles/common.p.module.css.js +29 -29
- package/lib/styles/form-trigger.p.module.css.js +12 -12
- package/lib/styles/list-box.p.module.css.js +13 -13
- package/lib/types.d.ts +202 -202
- package/lib/utils/calculate-max-height-by-items.d.ts +13 -13
- package/lib/utils/calculate-max-height-by-items.js +11 -11
- package/lib/utils/get-empty-message.d.ts +6 -6
- package/lib/utils/get-option-value.d.ts +2 -2
- package/lib/utils/get-real-items-cnt.d.ts +2 -2
- package/lib/utils/get-text-from-nodes.d.ts +2 -2
- package/lib/utils/is-option-a-group.d.ts +2 -2
- package/lib/utils/item-to-string.d.ts +2 -2
- package/lib/utils/merge-props.d.ts +19 -19
- package/lib/utils/merge-props.js +17 -17
- package/lib/utils/throttle.d.ts +1 -1
- package/llm/components/multiselect.md +237 -0
- package/llm/components/select.md +549 -0
- package/llm/index.md +3 -0
- package/package.json +11 -10
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Select } from './select';
|
|
2
|
-
export { Multiselect } from './multiselect';
|
|
3
|
-
export { NativeSelect } from './native-select';
|
|
4
|
-
export type { SelectProps, MultiselectProps, NativeSelectProps, SelectOption, Key } from './types';
|
|
1
|
+
export { Select } from './select';
|
|
2
|
+
export { Multiselect } from './multiselect';
|
|
3
|
+
export { NativeSelect } from './native-select';
|
|
4
|
+
export type { SelectProps, MultiselectProps, NativeSelectProps, SelectOption, Key } from './types';
|
package/lib/multiselect.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
import type { MultiselectProps } from './types';
|
|
3
|
-
export declare function Multiselect({ options, value, onChange, error, label, note, size, mode, theme: themeFromProps, placement, isSingleLine, boldLabel, reserveErrorLine, maxVisibleItems, isClearable, isLoading, isDisabled, name, noOptionsMessage, className, id, style, placeholder, ...rest }: MultiselectProps): JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MultiselectProps } from './types';
|
|
3
|
+
export declare function Multiselect({ options, value, onChange, error, label, note, size, mode, theme: themeFromProps, placement, isSingleLine, boldLabel, reserveErrorLine, maxVisibleItems, isClearable, isLoading, isDisabled, name, noOptionsMessage, className, id, style, placeholder, ...rest }: MultiselectProps): React.JSX.Element;
|
package/lib/multiselect.js
CHANGED
package/lib/native-select.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { NativeSelectProps } from './types';
|
|
3
|
-
export declare const NativeSelect: React.FC<NativeSelectProps>;
|
|
4
|
-
export default NativeSelect;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NativeSelectProps } from './types';
|
|
3
|
+
export declare const NativeSelect: React.FC<NativeSelectProps>;
|
|
4
|
+
export default NativeSelect;
|
package/lib/parts/foldable.d.ts
CHANGED
|
@@ -1,33 +1,34 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import type { JSX } from 'react';
|
|
3
|
+
export type FoldableProps = {
|
|
4
|
+
className?: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
renderHiddenCounter?: (num: number, ref: React.Ref<HTMLElement>) => React.ReactNode;
|
|
7
|
+
};
|
|
8
|
+
type FoldableState = {
|
|
9
|
+
lastVisible: number;
|
|
10
|
+
renderingStage: number;
|
|
11
|
+
prevChildren: React.ReactNode;
|
|
12
|
+
};
|
|
13
|
+
export default class Foldable extends Component<FoldableProps, FoldableState> {
|
|
14
|
+
containerRef: React.RefObject<HTMLDivElement>;
|
|
15
|
+
plusNRef: React.RefObject<HTMLElement>;
|
|
16
|
+
childrenEls: HTMLElement[];
|
|
17
|
+
childrenWidths: number[];
|
|
18
|
+
resizeObserver: ResizeObserver;
|
|
19
|
+
tagsResizeObserver: ResizeObserver;
|
|
20
|
+
constructor(props: FoldableProps);
|
|
21
|
+
static getDerivedStateFromProps(props: FoldableProps, state: FoldableState): {
|
|
22
|
+
prevChildren: React.ReactNode;
|
|
23
|
+
renderingStage: number;
|
|
24
|
+
};
|
|
25
|
+
observeChildren(): void;
|
|
26
|
+
componentDidMount(): void;
|
|
27
|
+
componentDidUpdate(): void;
|
|
28
|
+
componentWillUnmount(): void;
|
|
29
|
+
measureChildren: () => void;
|
|
30
|
+
recalculateLastVisibleAndSetStage: (nextStage?: number) => void;
|
|
31
|
+
renderChildren(lastVisible: number): React.FunctionComponentElement<any>[];
|
|
32
|
+
render(): JSX.Element;
|
|
33
|
+
}
|
|
34
|
+
export {};
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Theme } from '@rescui/ui-contexts';
|
|
3
|
-
import { SelectSize } from '../types';
|
|
4
|
-
export
|
|
5
|
-
size?: SelectSize;
|
|
6
|
-
theme?: Theme;
|
|
7
|
-
className?: string;
|
|
8
|
-
disabled?: boolean;
|
|
9
|
-
error?: boolean | React.ReactNode;
|
|
10
|
-
reserveErrorLine?: boolean;
|
|
11
|
-
errorMessageProps?: object;
|
|
12
|
-
label?: React.ReactNode;
|
|
13
|
-
labelProps?: object;
|
|
14
|
-
note?: React.ReactNode;
|
|
15
|
-
descriptionProps?: object;
|
|
16
|
-
boldLabel?: boolean;
|
|
17
|
-
children?: React.ReactNode;
|
|
18
|
-
} & React.HTMLAttributes<HTMLDivElement>;
|
|
19
|
-
export declare const FormTriggerWrapper: React.ForwardRefExoticComponent<{
|
|
20
|
-
size?: SelectSize;
|
|
21
|
-
theme?: Theme;
|
|
22
|
-
className?: string;
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
error?: boolean | React.ReactNode;
|
|
25
|
-
reserveErrorLine?: boolean;
|
|
26
|
-
errorMessageProps?: object;
|
|
27
|
-
label?: React.ReactNode;
|
|
28
|
-
labelProps?: object;
|
|
29
|
-
note?: React.ReactNode;
|
|
30
|
-
descriptionProps?: object;
|
|
31
|
-
boldLabel?: boolean;
|
|
32
|
-
children?: React.ReactNode;
|
|
33
|
-
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
-
export default FormTriggerWrapper;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Theme } from '@rescui/ui-contexts';
|
|
3
|
+
import { SelectSize } from '../types';
|
|
4
|
+
export type FormTriggerWrapperProps = {
|
|
5
|
+
size?: SelectSize;
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
className?: string;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
error?: boolean | React.ReactNode;
|
|
10
|
+
reserveErrorLine?: boolean;
|
|
11
|
+
errorMessageProps?: object;
|
|
12
|
+
label?: React.ReactNode;
|
|
13
|
+
labelProps?: object;
|
|
14
|
+
note?: React.ReactNode;
|
|
15
|
+
descriptionProps?: object;
|
|
16
|
+
boldLabel?: boolean;
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
} & React.HTMLAttributes<HTMLDivElement>;
|
|
19
|
+
export declare const FormTriggerWrapper: React.ForwardRefExoticComponent<{
|
|
20
|
+
size?: SelectSize;
|
|
21
|
+
theme?: Theme;
|
|
22
|
+
className?: string;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
error?: boolean | React.ReactNode;
|
|
25
|
+
reserveErrorLine?: boolean;
|
|
26
|
+
errorMessageProps?: object;
|
|
27
|
+
label?: React.ReactNode;
|
|
28
|
+
labelProps?: object;
|
|
29
|
+
note?: React.ReactNode;
|
|
30
|
+
descriptionProps?: object;
|
|
31
|
+
boldLabel?: boolean;
|
|
32
|
+
children?: React.ReactNode;
|
|
33
|
+
} & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
34
|
+
export default FormTriggerWrapper;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import type { SelectOption } from '../types';
|
|
3
|
-
export
|
|
4
|
-
name?: string;
|
|
5
|
-
options: SelectOption[];
|
|
6
|
-
} & ({
|
|
7
|
-
value: SelectOption[];
|
|
8
|
-
isMultiple: true;
|
|
9
|
-
} | {
|
|
10
|
-
value: SelectOption;
|
|
11
|
-
isMultiple: false;
|
|
12
|
-
});
|
|
13
|
-
export declare const HiddenSelect: ({ name, options, value, isMultiple }: HiddenSelectProps) => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { SelectOption } from '../types';
|
|
3
|
+
export type HiddenSelectProps = {
|
|
4
|
+
name?: string;
|
|
5
|
+
options: SelectOption[];
|
|
6
|
+
} & ({
|
|
7
|
+
value: SelectOption[];
|
|
8
|
+
isMultiple: true;
|
|
9
|
+
} | {
|
|
10
|
+
value: SelectOption;
|
|
11
|
+
isMultiple: false;
|
|
12
|
+
});
|
|
13
|
+
export declare const HiddenSelect: ({ name, options, value, isMultiple }: HiddenSelectProps) => React.JSX.Element;
|
package/lib/parts/icons.d.ts
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
|
|
3
|
-
isLoading: boolean;
|
|
4
|
-
canHaveClearIcon: boolean;
|
|
5
|
-
onClearClick: () => void;
|
|
6
|
-
triggerId?: string;
|
|
7
|
-
className?: string;
|
|
8
|
-
};
|
|
9
|
-
export declare const ClearOrLoading: React.FC<ClearOrLoadingProps>;
|
|
10
|
-
export
|
|
11
|
-
isLoading?: boolean;
|
|
12
|
-
canHaveClearIcon?: boolean;
|
|
13
|
-
onClear?: () => void;
|
|
14
|
-
triggerId?: string;
|
|
15
|
-
};
|
|
16
|
-
export declare const Icons: ({ isLoading, canHaveClearIcon, onClear, triggerId }: IconsProps) => JSX.Element;
|
|
17
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type ClearOrLoadingProps = {
|
|
3
|
+
isLoading: boolean;
|
|
4
|
+
canHaveClearIcon: boolean;
|
|
5
|
+
onClearClick: () => void;
|
|
6
|
+
triggerId?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
};
|
|
9
|
+
export declare const ClearOrLoading: React.FC<ClearOrLoadingProps>;
|
|
10
|
+
export type IconsProps = {
|
|
11
|
+
isLoading?: boolean;
|
|
12
|
+
canHaveClearIcon?: boolean;
|
|
13
|
+
onClear?: () => void;
|
|
14
|
+
triggerId?: string;
|
|
15
|
+
};
|
|
16
|
+
export declare const Icons: ({ isLoading, canHaveClearIcon, onClear, triggerId }: IconsProps) => React.JSX.Element;
|
|
17
|
+
export {};
|
package/lib/parts/list-box.d.ts
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
import { SelectSize, SelectMode, ListBoxItem, ListBoxState } from '../types';
|
|
3
|
-
export
|
|
4
|
-
state: ListBoxState;
|
|
5
|
-
items: ListBoxItem[];
|
|
6
|
-
size?: SelectSize;
|
|
7
|
-
mode?: SelectMode;
|
|
8
|
-
className?: string;
|
|
9
|
-
maxVisibleItems?: number;
|
|
10
|
-
emptyListMessage: string;
|
|
11
|
-
isPrimaryContrast?: boolean;
|
|
12
|
-
};
|
|
13
|
-
export declare function ListBox({ state, items, size, mode, maxVisibleItems, emptyListMessage, isPrimaryContrast }: ListBoxProps): JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectSize, SelectMode, ListBoxItem, ListBoxState } from '../types';
|
|
3
|
+
export type ListBoxProps = {
|
|
4
|
+
state: ListBoxState;
|
|
5
|
+
items: ListBoxItem[];
|
|
6
|
+
size?: SelectSize;
|
|
7
|
+
mode?: SelectMode;
|
|
8
|
+
className?: string;
|
|
9
|
+
maxVisibleItems?: number;
|
|
10
|
+
emptyListMessage: string;
|
|
11
|
+
isPrimaryContrast?: boolean;
|
|
12
|
+
};
|
|
13
|
+
export declare function ListBox({ state, items, size, mode, maxVisibleItems, emptyListMessage, isPrimaryContrast }: ListBoxProps): React.JSX.Element;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { SelectOption } from '../types';
|
|
3
|
-
export interface MultiTriggerProps {
|
|
4
|
-
selectedItems: SelectOption[];
|
|
5
|
-
removeSelectedItem: (item: SelectOption) => void;
|
|
6
|
-
valueProps: object;
|
|
7
|
-
isSingleLine: boolean;
|
|
8
|
-
isDisabled: boolean;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
triggerRef?: React.RefObject<HTMLDivElement>;
|
|
11
|
-
}
|
|
12
|
-
export declare function MultiTrigger({ selectedItems, valueProps, isSingleLine, isDisabled, placeholder, triggerRef, removeSelectedItem }: MultiTriggerProps): JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { SelectOption } from '../types';
|
|
3
|
+
export interface MultiTriggerProps {
|
|
4
|
+
selectedItems: SelectOption[];
|
|
5
|
+
removeSelectedItem: (item: SelectOption) => void;
|
|
6
|
+
valueProps: object;
|
|
7
|
+
isSingleLine: boolean;
|
|
8
|
+
isDisabled: boolean;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
triggerRef?: React.RefObject<HTMLDivElement>;
|
|
11
|
+
}
|
|
12
|
+
export declare function MultiTrigger({ selectedItems, valueProps, isSingleLine, isDisabled, placeholder, triggerRef, removeSelectedItem }: MultiTriggerProps): React.JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { NativeSelectOptionOrGroup } from '../types';
|
|
3
|
-
export
|
|
4
|
-
optionsWithGroups: NativeSelectOptionOrGroup[];
|
|
5
|
-
placeholder?: string;
|
|
6
|
-
emptyListMessage?: string;
|
|
7
|
-
};
|
|
8
|
-
export declare const NativeSelectOptionsWithGroups: React.FC<NativeSelectOptionsWithGroupsProps>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { NativeSelectOptionOrGroup } from '../types';
|
|
3
|
+
export type NativeSelectOptionsWithGroupsProps = {
|
|
4
|
+
optionsWithGroups: NativeSelectOptionOrGroup[];
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
emptyListMessage?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const NativeSelectOptionsWithGroups: React.FC<NativeSelectOptionsWithGroupsProps>;
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import type { Theme } from '@rescui/ui-contexts';
|
|
3
|
-
import type { DropdownProps, DropdownImperativeHandle } from '@rescui/dropdown';
|
|
4
|
-
import type { SelectMode, SelectSize, ListBoxState, ListBoxItem, Placement } from '../types';
|
|
5
|
-
export
|
|
6
|
-
theme: Theme;
|
|
7
|
-
listBoxState: ListBoxState;
|
|
8
|
-
triggerRef: React.RefObject<HTMLElement>;
|
|
9
|
-
dropdownRef?: React.RefObject<DropdownImperativeHandle>;
|
|
10
|
-
listBoxItems?: ListBoxItem[];
|
|
11
|
-
placement: Placement;
|
|
12
|
-
size?: SelectSize;
|
|
13
|
-
mode?: SelectMode;
|
|
14
|
-
emptyListMessage: string;
|
|
15
|
-
maxVisibleItems?: number;
|
|
16
|
-
trigger?: DropdownProps['trigger'];
|
|
17
|
-
isOpen?: boolean;
|
|
18
|
-
dropdownUpdateDeps?: unknown[];
|
|
19
|
-
};
|
|
20
|
-
export declare const PopupContent: ({ theme, listBoxState, triggerRef, dropdownRef, listBoxItems, placement, size: sizeFromProps, mode, emptyListMessage, maxVisibleItems, trigger, isOpen, dropdownUpdateDeps }: PopupContentProps) => JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Theme } from '@rescui/ui-contexts';
|
|
3
|
+
import type { DropdownProps, DropdownImperativeHandle } from '@rescui/dropdown';
|
|
4
|
+
import type { SelectMode, SelectSize, ListBoxState, ListBoxItem, Placement } from '../types';
|
|
5
|
+
export type PopupContentProps = {
|
|
6
|
+
theme: Theme;
|
|
7
|
+
listBoxState: ListBoxState;
|
|
8
|
+
triggerRef: React.RefObject<HTMLElement>;
|
|
9
|
+
dropdownRef?: React.RefObject<DropdownImperativeHandle>;
|
|
10
|
+
listBoxItems?: ListBoxItem[];
|
|
11
|
+
placement: Placement;
|
|
12
|
+
size?: SelectSize;
|
|
13
|
+
mode?: SelectMode;
|
|
14
|
+
emptyListMessage: string;
|
|
15
|
+
maxVisibleItems?: number;
|
|
16
|
+
trigger?: DropdownProps['trigger'];
|
|
17
|
+
isOpen?: boolean;
|
|
18
|
+
dropdownUpdateDeps?: unknown[];
|
|
19
|
+
};
|
|
20
|
+
export declare const PopupContent: ({ theme, listBoxState, triggerRef, dropdownRef, listBoxItems, placement, size: sizeFromProps, mode, emptyListMessage, maxVisibleItems, trigger, isOpen, dropdownUpdateDeps }: PopupContentProps) => React.JSX.Element;
|
package/lib/select-basic.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
import type { InnerSingleComponentProps } from './types';
|
|
3
|
-
export declare function SelectBasic({ options, value: selectedItem, onChange, error, label, note, size, mode, theme, placement, boldLabel, reserveErrorLine, maxVisibleItems, isClearable, isLoading, isDisabled, name, noOptionsMessage, className, id, style, placeholder, ...rest }: InnerSingleComponentProps): JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { InnerSingleComponentProps } from './types';
|
|
3
|
+
export declare function SelectBasic({ options, value: selectedItem, onChange, error, label, note, size, mode, theme, placement, boldLabel, reserveErrorLine, maxVisibleItems, isClearable, isLoading, isDisabled, name, noOptionsMessage, className, id, style, placeholder, ...rest }: InnerSingleComponentProps): React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
import { InnerSingleComponentProps } from './types';
|
|
3
|
-
export declare function SelectSearchable({ options, value: selectedItem, onChange, error, label, note, size, mode, theme, placement, boldLabel, reserveErrorLine, maxVisibleItems, isClearable, isLoading, isDisabled, name, noOptionsMessage, className, id, style, placeholder, ...rest }: InnerSingleComponentProps): JSX.Element;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InnerSingleComponentProps } from './types';
|
|
3
|
+
export declare function SelectSearchable({ options, value: selectedItem, onChange, error, label, note, size, mode, theme, placement, boldLabel, reserveErrorLine, maxVisibleItems, isClearable, isLoading, isDisabled, name, noOptionsMessage, className, id, style, placeholder, ...rest }: InnerSingleComponentProps): React.JSX.Element;
|
package/lib/select.d.ts
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import type { SelectProps, SelectOption, SelectOptionOrGroup } from './types';
|
|
4
|
-
export declare const Select: {
|
|
5
|
-
({ options, size, mode, theme: themeFromProps, className, style, value, onChange, placeholder, isClearable, isLoading, isDisabled, isSearchable, noOptionsMessage, error, placement, boldLabel, reserveErrorLine, note, maxVisibleItems, id, ...restProps }: SelectProps): JSX.Element;
|
|
6
|
-
propTypes: {
|
|
7
|
-
className: PropTypes.Requireable<string>;
|
|
8
|
-
style: PropTypes.Requireable<object>;
|
|
9
|
-
options: PropTypes.Validator<SelectOptionOrGroup[]>;
|
|
10
|
-
value: PropTypes.Validator<SelectOption>;
|
|
11
|
-
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
12
|
-
size: PropTypes.Requireable<string>;
|
|
13
|
-
mode: PropTypes.Requireable<string>;
|
|
14
|
-
theme: PropTypes.Requireable<string>;
|
|
15
|
-
placeholder: PropTypes.Requireable<string>;
|
|
16
|
-
isClearable: PropTypes.Requireable<boolean>;
|
|
17
|
-
isSearchable: PropTypes.Requireable<boolean>;
|
|
18
|
-
isDisabled: PropTypes.Requireable<boolean>;
|
|
19
|
-
isLoading: PropTypes.Requireable<boolean>;
|
|
20
|
-
error:
|
|
21
|
-
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
22
|
-
id: PropTypes.Requireable<string>;
|
|
23
|
-
note: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
24
|
-
noOptionsMessage: PropTypes.Validator<import("./types").NoOptionsMessage>;
|
|
25
|
-
placement: PropTypes.Requireable<string>;
|
|
26
|
-
name: PropTypes.Requireable<string>;
|
|
27
|
-
};
|
|
28
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import PropTypes from 'prop-types';
|
|
3
|
+
import type { SelectProps, SelectOption, SelectOptionOrGroup } from './types';
|
|
4
|
+
export declare const Select: {
|
|
5
|
+
({ options, size, mode, theme: themeFromProps, className, style, value, onChange, placeholder, isClearable, isLoading, isDisabled, isSearchable, noOptionsMessage, error, placement, boldLabel, reserveErrorLine, note, maxVisibleItems, id, ...restProps }: SelectProps): React.JSX.Element;
|
|
6
|
+
propTypes: {
|
|
7
|
+
className: PropTypes.Requireable<string>;
|
|
8
|
+
style: PropTypes.Requireable<object>;
|
|
9
|
+
options: PropTypes.Validator<SelectOptionOrGroup[]>;
|
|
10
|
+
value: PropTypes.Validator<SelectOption>;
|
|
11
|
+
onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
12
|
+
size: PropTypes.Requireable<string>;
|
|
13
|
+
mode: PropTypes.Requireable<string>;
|
|
14
|
+
theme: PropTypes.Requireable<string>;
|
|
15
|
+
placeholder: PropTypes.Requireable<string>;
|
|
16
|
+
isClearable: PropTypes.Requireable<boolean>;
|
|
17
|
+
isSearchable: PropTypes.Requireable<boolean>;
|
|
18
|
+
isDisabled: PropTypes.Requireable<boolean>;
|
|
19
|
+
isLoading: PropTypes.Requireable<boolean>;
|
|
20
|
+
error: any;
|
|
21
|
+
label: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
22
|
+
id: PropTypes.Requireable<string>;
|
|
23
|
+
note: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
24
|
+
noOptionsMessage: PropTypes.Validator<import("./types").NoOptionsMessage>;
|
|
25
|
+
placement: PropTypes.Requireable<string>;
|
|
26
|
+
name: PropTypes.Requireable<string>;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"classic": "
|
|
8
|
-
"rock": "
|
|
9
|
-
"root": "
|
|
10
|
-
"triggerContainer": "
|
|
11
|
-
"disabled": "
|
|
12
|
-
"trigger": "
|
|
13
|
-
"error": "
|
|
14
|
-
"enabled": "
|
|
15
|
-
"searchable": "
|
|
16
|
-
"canBeMultiline": "
|
|
17
|
-
"triggerText": "
|
|
18
|
-
"searchInput": "
|
|
19
|
-
"labelNotSelected": "
|
|
20
|
-
"multi": "
|
|
21
|
-
"tagsContainer": "
|
|
22
|
-
"tag": "
|
|
23
|
-
"filledTag": "
|
|
24
|
-
"iconsWrapper": "
|
|
25
|
-
"toggle": "
|
|
26
|
-
"icon": "
|
|
27
|
-
"clearIcon": "
|
|
28
|
-
"visuallyHidden": "
|
|
29
|
-
"select": "
|
|
30
|
-
"observable": "
|
|
2
|
+
"themeLight": "_themeLight_fu3pms_6",
|
|
3
|
+
"themeDark": "_themeDark_fu3pms_9",
|
|
4
|
+
"sizeS": "_sizeS_fu3pms_13",
|
|
5
|
+
"sizeM": "_sizeM_fu3pms_16",
|
|
6
|
+
"sizeL": "_sizeL_fu3pms_19",
|
|
7
|
+
"classic": "_classic_fu3pms_23",
|
|
8
|
+
"rock": "_rock_fu3pms_26",
|
|
9
|
+
"root": "_root_fu3pms_30",
|
|
10
|
+
"triggerContainer": "_triggerContainer_fu3pms_36",
|
|
11
|
+
"disabled": "_disabled_fu3pms_41",
|
|
12
|
+
"trigger": "_trigger_fu3pms_36",
|
|
13
|
+
"error": "_error_fu3pms_78",
|
|
14
|
+
"enabled": "_enabled_fu3pms_83",
|
|
15
|
+
"searchable": "_searchable_fu3pms_98",
|
|
16
|
+
"canBeMultiline": "_canBeMultiline_fu3pms_125",
|
|
17
|
+
"triggerText": "_triggerText_fu3pms_129",
|
|
18
|
+
"searchInput": "_searchInput_fu3pms_130",
|
|
19
|
+
"labelNotSelected": "_labelNotSelected_fu3pms_161",
|
|
20
|
+
"multi": "_multi_fu3pms_217",
|
|
21
|
+
"tagsContainer": "_tagsContainer_fu3pms_234",
|
|
22
|
+
"tag": "_tag_fu3pms_234",
|
|
23
|
+
"filledTag": "_filledTag_fu3pms_256",
|
|
24
|
+
"iconsWrapper": "_iconsWrapper_fu3pms_264",
|
|
25
|
+
"toggle": "_toggle_fu3pms_282",
|
|
26
|
+
"icon": "_icon_fu3pms_264",
|
|
27
|
+
"clearIcon": "_clearIcon_fu3pms_356",
|
|
28
|
+
"visuallyHidden": "_visuallyHidden_fu3pms_416",
|
|
29
|
+
"select": "_select_fu3pms_433",
|
|
30
|
+
"observable": "_observable_fu3pms_455"
|
|
31
31
|
};
|
|
32
32
|
export { styles as default };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"themeLight": "
|
|
3
|
-
"themeDark": "
|
|
4
|
-
"sizeS": "
|
|
5
|
-
"sizeM": "
|
|
6
|
-
"sizeL": "
|
|
7
|
-
"main": "
|
|
8
|
-
"label": "
|
|
9
|
-
"disabled": "
|
|
10
|
-
"footer": "
|
|
11
|
-
"errorMessage": "
|
|
12
|
-
"error": "
|
|
13
|
-
"note": "
|
|
2
|
+
"themeLight": "_themeLight_9j6s10_6",
|
|
3
|
+
"themeDark": "_themeDark_9j6s10_9",
|
|
4
|
+
"sizeS": "_sizeS_9j6s10_13",
|
|
5
|
+
"sizeM": "_sizeM_9j6s10_16",
|
|
6
|
+
"sizeL": "_sizeL_9j6s10_19",
|
|
7
|
+
"main": "_main_9j6s10_23",
|
|
8
|
+
"label": "_label_9j6s10_27",
|
|
9
|
+
"disabled": "_disabled_9j6s10_33",
|
|
10
|
+
"footer": "_footer_9j6s10_38",
|
|
11
|
+
"errorMessage": "_errorMessage_9j6s10_45",
|
|
12
|
+
"error": "_error_9j6s10_45",
|
|
13
|
+
"note": "_note_9j6s10_54"
|
|
14
14
|
};
|
|
15
15
|
export { styles as default };
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
var styles = {
|
|
2
|
-
"sizeS": "
|
|
3
|
-
"sizeM": "
|
|
4
|
-
"sizeL": "
|
|
5
|
-
"classic": "
|
|
6
|
-
"rock": "
|
|
7
|
-
"listBox": "
|
|
8
|
-
"item": "
|
|
9
|
-
"selected": "
|
|
10
|
-
"disabled": "
|
|
11
|
-
"checkIcon": "
|
|
12
|
-
"visible": "
|
|
13
|
-
"divider": "
|
|
14
|
-
"groupHeader": "
|
|
2
|
+
"sizeS": "_sizeS_1ejiweu_6",
|
|
3
|
+
"sizeM": "_sizeM_1ejiweu_9",
|
|
4
|
+
"sizeL": "_sizeL_1ejiweu_12",
|
|
5
|
+
"classic": "_classic_1ejiweu_16",
|
|
6
|
+
"rock": "_rock_1ejiweu_19",
|
|
7
|
+
"listBox": "_listBox_1ejiweu_23",
|
|
8
|
+
"item": "_item_1ejiweu_39",
|
|
9
|
+
"selected": "_selected_1ejiweu_77",
|
|
10
|
+
"disabled": "_disabled_1ejiweu_91",
|
|
11
|
+
"checkIcon": "_checkIcon_1ejiweu_98",
|
|
12
|
+
"visible": "_visible_1ejiweu_105",
|
|
13
|
+
"divider": "_divider_1ejiweu_112",
|
|
14
|
+
"groupHeader": "_groupHeader_1ejiweu_126"
|
|
15
15
|
};
|
|
16
16
|
export { styles as default };
|