fis-component 0.0.57 → 0.0.58

package/dist/esm/types/src/components/Combobox/types.d.ts

@@ -10,7 +10,7 @@ export interface ComboboxOption {
     }[];
 }
 export type SingleSelect<T> = {
-    multi?: boolean;
+    multi?: false;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: ComboboxOption) => string;

package/dist/esm/types/src/components/MenuSelect/types.d.ts

@@ -1,7 +1,7 @@
 export interface MenuItem {
     label: string;
     description?: string;
-    value: string;
+    value: string | number;
 }
 export interface MenuGroup {
     groupLabel?: string;
@@ -16,8 +16,8 @@ export interface MenuProps {
     multi?: boolean;
     searchValue?: string;
     onSearchChange?: (value: string) => void;
-    selectedValues?: string[];
-    onChangeSelected?: (values: string[]) => void;
+    selectedValues?: (string | number)[];
+    onChangeSelected?: (values: (string | number)[]) => void;
     loading?: boolean;
     noData?: boolean;
     noResult?: boolean;

package/dist/esm/types/src/components/Select/Select.stories.d.ts

@@ -2,6 +2,7 @@ import { Meta } from "@storybook/react";
 import { SelectProps } from "./types";
 type SingleSelectStoryProps = SelectProps<string>;
 type MultiSelectStoryProps = SelectProps<string>;
+type NumberSelectStoryProps = SelectProps<number>;
 declare const _default: Meta<SingleSelectStoryProps>;
 export default _default;
 export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SingleSelectStoryProps>;
@@ -11,3 +12,4 @@ export declare const WithValidation: import("@storybook/core/csf").AnnotatedStor
 export declare const Loading: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SingleSelectStoryProps>;
 export declare const LargeSize: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SingleSelectStoryProps>;
 export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SingleSelectStoryProps>;
+export declare const NumberType: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, NumberSelectStoryProps>;

package/dist/esm/types/src/components/Select/index.d.ts

@@ -1,3 +1,3 @@
 import { SelectProps } from "./types";
-declare const FISSelect: import("react").ForwardRefExoticComponent<SelectProps<string> & import("react").RefAttributes<HTMLInputElement>>;
+declare const FISSelect: import("react").ForwardRefExoticComponent<SelectProps<string | number> & import("react").RefAttributes<HTMLInputElement>>;
 export default FISSelect;

package/dist/esm/types/src/components/Select/types.d.ts

@@ -1,7 +1,7 @@
 import { InputLabelProps } from "../Input/InputLabel";
 import { MenuProps } from "../MenuSelect/types";
 import { SelectFieldProps } from "../SelectItem";
-export interface SelectOption<T = string> {
+export interface SelectOption<T = string | number> {
     groupLabel?: string;
     items: {
         label: string;
@@ -9,7 +9,7 @@ export interface SelectOption<T = string> {
         value: T;
     }[];
 }
-type BaseSelectProps<T> = Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu" | "size"> & Omit<SelectFieldProps, "value" | "onChange"> & {
+type BaseSelectProps<T extends string | number> = Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu" | "size"> & Omit<SelectFieldProps, "value" | "onChange"> & {
     options: SelectOption<T>[];
     message?: string;
     disabled?: boolean;
@@ -19,17 +19,17 @@ type BaseSelectProps<T> = Partial<InputLabelProps> & Omit<MenuProps, "groups" |
     renderOption?: (option: SelectOption<T>) => React.ReactNode;
     portal?: boolean;
 };
-export type SingleSelectProps<T> = BaseSelectProps<T> & {
+export type SingleSelectProps<T extends string | number> = BaseSelectProps<T> & {
     multi?: false;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: SelectOption<T>) => string;
 };
-export type MultiSelectProps<T> = BaseSelectProps<T> & {
+export type MultiSelectProps<T extends string | number> = BaseSelectProps<T> & {
     multi: true;
     value: T[];
     onChange: (value: T[]) => void;
     displayValue?: (value: SelectOption<T>[]) => string;
 };
-export type SelectProps<T> = SingleSelectProps<T> | MultiSelectProps<T>;
+export type SelectProps<T extends string | number> = SingleSelectProps<T> | MultiSelectProps<T>;
 export {};

package/dist/index.d.ts

@@ -3848,7 +3848,7 @@ declare const FISTooltip: FC<TooltipProps>;
 interface MenuItem {
     label: string;
     description?: string;
-    value: string;
+    value: string | number;
 }
 interface MenuGroup {
     groupLabel?: string;
@@ -3863,8 +3863,8 @@ interface MenuProps {
     multi?: boolean;
     searchValue?: string;
     onSearchChange?: (value: string) => void;
-    selectedValues?: string[];
-    onChangeSelected?: (values: string[]) => void;
+    selectedValues?: (string | number)[];
+    onChangeSelected?: (values: (string | number)[]) => void;
     loading?: boolean;
     noData?: boolean;
     noResult?: boolean;
@@ -3993,7 +3993,7 @@ interface ComboboxOption {
     }[];
 }
 type SingleSelect<T> = {
-    multi?: boolean;
+    multi?: false;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: ComboboxOption) => string;
@@ -4220,7 +4220,7 @@ interface SelectFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCl
 }
 declare const FISSelectItem: React$1.ForwardRefExoticComponent<SelectFieldProps & React$1.RefAttributes<HTMLInputElement>>;
 
-interface SelectOption<T = string> {
+interface SelectOption<T = string | number> {
     groupLabel?: string;
     items: {
         label: string;
@@ -4228,7 +4228,7 @@ interface SelectOption<T = string> {
         value: T;
     }[];
 }
-type BaseSelectProps<T> = Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu" | "size"> & Omit<SelectFieldProps, "value" | "onChange"> & {
+type BaseSelectProps<T extends string | number> = Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu" | "size"> & Omit<SelectFieldProps, "value" | "onChange"> & {
     options: SelectOption<T>[];
     message?: string;
     disabled?: boolean;
@@ -4238,21 +4238,21 @@ type BaseSelectProps<T> = Partial<InputLabelProps> & Omit<MenuProps, "groups" |
     renderOption?: (option: SelectOption<T>) => React.ReactNode;
     portal?: boolean;
 };
-type SingleSelectProps<T> = BaseSelectProps<T> & {
+type SingleSelectProps<T extends string | number> = BaseSelectProps<T> & {
     multi?: false;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: SelectOption<T>) => string;
 };
-type MultiSelectProps<T> = BaseSelectProps<T> & {
+type MultiSelectProps<T extends string | number> = BaseSelectProps<T> & {
     multi: true;
     value: T[];
     onChange: (value: T[]) => void;
     displayValue?: (value: SelectOption<T>[]) => string;
 };
-type SelectProps<T> = SingleSelectProps<T> | MultiSelectProps<T>;
+type SelectProps<T extends string | number> = SingleSelectProps<T> | MultiSelectProps<T>;
 
-declare const FISSelect: React$1.ForwardRefExoticComponent<SelectProps<string> & React$1.RefAttributes<HTMLInputElement>>;
+declare const FISSelect: React$1.ForwardRefExoticComponent<SelectProps<string | number> & React$1.RefAttributes<HTMLInputElement>>;
 
 type NotificationBaseProps = {
     title: string | React.ReactElement;

package/package.json

@@ -1,7 +1,7 @@
 {
   "homepage": "https://vietdiemtran.github.io/fis-component/",
   "name": "fis-component",
-  "version": "0.0.57",
+  "version": "0.0.58",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",