fis-component 0.0.57 → 0.0.59

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/Input/InputDate/index.d.ts

@@ -1,4 +1,5 @@
 import { InputFieldProps } from "../InputField";
+import dayjs from "dayjs";
 import { InputLabelProps } from "../InputLabel";
 export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Partial<InputLabelProps> {
     /**Date value*/
@@ -11,6 +12,15 @@ export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChang
     positive?: boolean;
     /** Handle on change action */
     onChange?: (date: Date | null) => void;
+    /**
+     * Function that returns the HTML element to render the popup container into.
+     * Useful for controlling where the date picker dropdown is attached in the DOM.
+     */
+    getPopupContainer?: () => HTMLElement;
+    /**The minimum selectable date. Dates before this value will be disabled.*/
+    minDate?: dayjs.Dayjs | undefined;
+    /**The maximum selectable date. Dates after this value will be disabled.*/
+    maxDate?: dayjs.Dayjs | undefined;
 }
 declare const FISInputDate: import("react").ForwardRefExoticComponent<InputDateProps & import("react").RefAttributes<HTMLInputElement>>;
 export default FISInputDate;

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

@@ -3,12 +3,13 @@ import React__default, { ComponentPropsWithoutRef, ReactNode, Ref, ForwardedRef,
 import { DefaultTheme } from 'styled-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TooltipProps as TooltipProps$1, CollapseProps, TableProps as TableProps$1, PaginationProps as PaginationProps$1 } from 'antd';
+import * as dayjs from 'dayjs';
+import dayjs__default from 'dayjs';
 import * as antd_es_config_provider from 'antd/es/config-provider';
 import * as antd_es__util_statusUtils from 'antd/es/_util/statusUtils';
 import * as antd_es_button from 'antd/es/button';
 import * as antd_es_date_picker_generatePicker from 'antd/es/date-picker/generatePicker';
 import * as rc_picker from 'rc-picker';
-import * as dayjs from 'dayjs';
 import * as antd_es_notification_interface from 'antd/es/notification/interface';
 
 interface ThemeProviderProps {
@@ -3848,7 +3849,7 @@ declare const FISTooltip: FC<TooltipProps>;
 interface MenuItem {
     label: string;
     description?: string;
-    value: string;
+    value: string | number;
 }
 interface MenuGroup {
     groupLabel?: string;
@@ -3863,8 +3864,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 +3994,7 @@ interface ComboboxOption {
     }[];
 }
 type SingleSelect<T> = {
-    multi?: boolean;
+    multi?: false;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: ComboboxOption) => string;
@@ -4059,6 +4060,15 @@ interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Pa
     positive?: boolean;
     /** Handle on change action */
     onChange?: (date: Date | null) => void;
+    /**
+     * Function that returns the HTML element to render the popup container into.
+     * Useful for controlling where the date picker dropdown is attached in the DOM.
+     */
+    getPopupContainer?: () => HTMLElement;
+    /**The minimum selectable date. Dates before this value will be disabled.*/
+    minDate?: dayjs__default.Dayjs | undefined;
+    /**The maximum selectable date. Dates after this value will be disabled.*/
+    maxDate?: dayjs__default.Dayjs | undefined;
 }
 declare const FISInputDate: React$1.ForwardRefExoticComponent<InputDateProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -4220,7 +4230,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 +4238,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 +4248,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.59",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",