fis-component 0.0.51 → 0.0.53

package/dist/esm/types/src/assets/icons/LineArrowsDown.d.ts

@@ -0,0 +1,2 @@
+declare const LineArrowsDown: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LineArrowsDown;

package/dist/esm/types/src/assets/icons/LineArrowsUp.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const LineArrowsUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default LineArrowsUp;

package/dist/esm/types/src/assets/icons/PositiveIcon.d.ts

@@ -0,0 +1,3 @@
+import { SvgIconProps } from "./SVGIconProps";
+declare function PositiveIcon(props: SvgIconProps): import("react/jsx-runtime").JSX.Element;
+export default PositiveIcon;

package/dist/esm/types/src/assets/icons/SortTableIcon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const SortTableIcon: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SortTableIcon;

package/dist/esm/types/src/assets/icons/index.d.ts

@@ -22,6 +22,7 @@ export { default as InfoIcon } from "./InfoIcon";
 export { default as CheckIcon } from "./CheckIcon";
 export { default as WarningIcon } from "./WarningIcon";
 export { default as ErrorIcon } from "./ErrorIcon";
+export { default as PositiveIcon } from "./PositiveIcon";
 export { default as ArrowDownIcon } from "./ArrowDownIcon";
 export { default as ArrowUpIcon } from "./ArrowUpIcon";
 export { default as CloseChipIcon } from "./CloseChipIcon";
@@ -39,3 +40,6 @@ export { default as NoResultIcon } from "./NoResultIcon";
 export { default as RemoveIcon } from "./RemoveIcon";
 export { default as ChevronLeftIcon } from "./ChevronLeftIcon";
 export { default as ChevronRightIcon } from "./ChevronRightIcon";
+export { default as SortTableIcon } from "./SortTableIcon";
+export { default as LineArrowsDownIcon } from "./LineArrowsDown";
+export { default as LineArrowsUpIcon } from "./LineArrowsUp";

package/dist/esm/types/src/components/Input/InputField/index.d.ts

@@ -27,6 +27,8 @@ export interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">,
     onClickSuffix?: () => void;
     /** onClickPrefix for current field Button */
     onClickPrefix?: () => void;
+    /** Control cursor style */
+    $isPointer?: boolean;
 }
 declare const FISInputField: import("react").ForwardRefExoticComponent<InputFieldProps & import("react").RefAttributes<HTMLInputElement>>;
 export default FISInputField;

package/dist/esm/types/src/components/Input/InputField/styles.d.ts

@@ -1,4 +1,6 @@
-export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export declare const InputSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $isPointer?: boolean;
+}>> & string;
 export declare const DivIconSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DivIconSuffixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DivIconPrefixSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -14,6 +14,8 @@ export interface MenuProps {
     groups: MenuGroup[];
     size?: MenuSize;
     multi?: boolean;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
     selectedValues?: string[];
     onChangeSelected?: (values: string[]) => void;
     loading?: boolean;

package/dist/esm/types/src/components/Pagination/styles.d.ts

@@ -5,23 +5,35 @@ export declare const DivPaginationContainer: import("styled-components/dist/type
 export declare const DivPaginationContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const SpanTotalSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const SelectPageSizeSC: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<Partial<import("../Input/InputLabel").InputLabelProps> & Omit<import("../MenuSelect/types").MenuProps, "size" | "onClickMenu" | "groups" | "multi" | "selectedValues" | "onChangeSelected"> & Omit<import("../SelectItem").SelectFieldProps, "onChange" | "value"> & {
-    options: import("../Select/types").SelectOption[];
+    options: import("../Select/types").SelectOption<string>[];
     message?: string;
+    disabled?: boolean;
     placeholderSearch?: string;
     positive?: boolean;
     multiDisplayText?: (count: number) => string;
-    renderOption?: (option: import("../Select/types").SelectOption) => React.ReactNode;
+    renderOption?: ((option: import("../Select/types").SelectOption<string>) => React.ReactNode) | undefined;
     portal?: boolean;
-} & import("../Select/types").SingleSelect<string> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+} & {
+    multi?: false;
+    value: string;
+    onChange: (value: string) => void;
+    displayValue?: ((value: import("../Select/types").SelectOption<string>) => string) | undefined;
+} & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }) | (Omit<Partial<import("../Input/InputLabel").InputLabelProps> & Omit<import("../MenuSelect/types").MenuProps, "size" | "onClickMenu" | "groups" | "multi" | "selectedValues" | "onChangeSelected"> & Omit<import("../SelectItem").SelectFieldProps, "onChange" | "value"> & {
-    options: import("../Select/types").SelectOption[];
+    options: import("../Select/types").SelectOption<string>[];
     message?: string;
+    disabled?: boolean;
     placeholderSearch?: string;
     positive?: boolean;
     multiDisplayText?: (count: number) => string;
-    renderOption?: (option: import("../Select/types").SelectOption) => React.ReactNode;
+    renderOption?: ((option: import("../Select/types").SelectOption<string>) => React.ReactNode) | undefined;
     portal?: boolean;
-} & import("../Select/types").MultiSelect<string> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
+} & {
+    multi: true;
+    value: string[];
+    onChange: (value: string[]) => void;
+    displayValue?: ((value: import("../Select/types").SelectOption<string>[]) => string) | undefined;
+} & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }), import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Select/types").SelectProps<string> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;

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

@@ -1,7 +1,13 @@
 import { Meta } from "@storybook/react";
 import { SelectProps } from "./types";
-type ComboboxStoryProps = SelectProps<string>;
-declare const _default: Meta<ComboboxStoryProps>;
+type SingleSelectStoryProps = SelectProps<string>;
+type MultiSelectStoryProps = SelectProps<string>;
+declare const _default: Meta<SingleSelectStoryProps>;
 export default _default;
-export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
-export declare const DefaultMulti: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ComboboxStoryProps>;
+export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SingleSelectStoryProps>;
+export declare const WithSearch: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SingleSelectStoryProps>;
+export declare const MultiSelect: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, MultiSelectStoryProps>;
+export declare const WithValidation: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SingleSelectStoryProps>;
+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>;

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

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

package/dist/esm/types/src/components/Table/Sorter/FISSorter.d.ts

@@ -6,7 +6,6 @@ interface FISSorterProps {
         columnKey: string | null;
         order: string | null;
     };
-    colorActive?: string;
     UpIcon?: ComponentType<{
         style?: React.CSSProperties;
     }>;
@@ -14,5 +13,5 @@ interface FISSorterProps {
         style?: React.CSSProperties;
     }>;
 }
-declare const FISSorter: ({ columnKey, onSort, sortedInfo, colorActive, UpIcon, DownIcon, }: FISSorterProps) => import("react/jsx-runtime").JSX.Element;
+declare const FISSorter: ({ columnKey, onSort, sortedInfo, UpIcon, DownIcon, }: FISSorterProps) => import("react/jsx-runtime").JSX.Element;
 export default FISSorter;

package/dist/index.d.ts

@@ -3725,6 +3725,8 @@ interface InputFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCli
     onClickSuffix?: () => void;
     /** onClickPrefix for current field Button */
     onClickPrefix?: () => void;
+    /** Control cursor style */
+    $isPointer?: boolean;
 }
 declare const FISInputField: React$1.ForwardRefExoticComponent<InputFieldProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -3859,6 +3861,8 @@ interface MenuProps {
     groups: MenuGroup[];
     size?: MenuSize;
     multi?: boolean;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
     selectedValues?: string[];
     onChangeSelected?: (values: string[]) => void;
     loading?: boolean;
@@ -3988,13 +3992,13 @@ interface ComboboxOption {
         value: string;
     }[];
 }
-type SingleSelect$1<T> = {
+type SingleSelect<T> = {
     multi?: boolean;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: ComboboxOption) => string;
 };
-type MultiSelect$1<T> = {
+type MultiSelect<T> = {
     multi: true;
     value: T[];
     onChange: (value: T[]) => void;
@@ -4009,7 +4013,7 @@ type ComboboxProps<T> = Omit<InputFieldProps, "value" | "onChange"> & Partial<In
     renderOption?: (option: ComboboxOption) => React.ReactNode;
     noResult?: boolean;
     noResultText?: string;
-} & (SingleSelect$1<T> | MultiSelect$1<T>);
+} & (SingleSelect<T> | MultiSelect<T>);
 
 declare const FISCombobox: React$1.ForwardRefExoticComponent<ComboboxProps<string> & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -4099,7 +4103,6 @@ interface FISSorterProps {
         columnKey: string | null;
         order: string | null;
     };
-    colorActive?: string;
     UpIcon?: ComponentType<{
         style?: React.CSSProperties;
     }>;
@@ -4107,7 +4110,7 @@ interface FISSorterProps {
         style?: React.CSSProperties;
     }>;
 }
-declare const FISSorter: ({ columnKey, onSort, sortedInfo, colorActive, UpIcon, DownIcon, }: FISSorterProps) => react_jsx_runtime.JSX.Element;
+declare const FISSorter: ({ columnKey, onSort, sortedInfo, UpIcon, DownIcon, }: FISSorterProps) => react_jsx_runtime.JSX.Element;
 
 type DateRangeProps = {
     className?: string;
@@ -4217,35 +4220,37 @@ interface SelectFieldProps extends Omit<ComponentPropsWithoutRef<"input">, "onCl
 }
 declare const FISSelectItem: React$1.ForwardRefExoticComponent<SelectFieldProps & React$1.RefAttributes<HTMLInputElement>>;
 
-interface SelectOption {
+interface SelectOption<T = string> {
     groupLabel?: string;
     items: {
         label: string;
         description?: string;
-        value: string;
+        value: T;
     }[];
 }
-type SingleSelect<T> = {
-    multi?: boolean;
+type BaseSelectProps<T> = Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu" | "size"> & Omit<SelectFieldProps, "value" | "onChange"> & {
+    options: SelectOption<T>[];
+    message?: string;
+    disabled?: boolean;
+    placeholderSearch?: string;
+    positive?: boolean;
+    multiDisplayText?: (count: number) => string;
+    renderOption?: (option: SelectOption<T>) => React.ReactNode;
+    portal?: boolean;
+};
+type SingleSelectProps<T> = BaseSelectProps<T> & {
+    multi?: false;
     value: T;
     onChange: (value: T) => void;
-    displayValue?: (value: SelectOption) => string;
+    displayValue?: (value: SelectOption<T>) => string;
 };
-type MultiSelect<T> = {
-    multi?: boolean;
+type MultiSelectProps<T> = BaseSelectProps<T> & {
+    multi: true;
     value: T[];
     onChange: (value: T[]) => void;
-    displayValue?: (value: SelectOption[]) => string;
+    displayValue?: (value: SelectOption<T>[]) => string;
 };
-type SelectProps<T> = Partial<InputLabelProps> & Omit<MenuProps, "groups" | "multi" | "selectedValues" | "onChangeSelected" | "onClickMenu" | "size"> & Omit<SelectFieldProps, "value" | "onChange"> & {
-    options: SelectOption[];
-    message?: string;
-    placeholderSearch?: string;
-    positive?: boolean;
-    multiDisplayText?: (count: number) => string;
-    renderOption?: (option: SelectOption) => React.ReactNode;
-    portal?: boolean;
-} & (SingleSelect<T> | MultiSelect<T>);
+type SelectProps<T> = SingleSelectProps<T> | MultiSelectProps<T>;
 
 declare const FISSelect: React$1.ForwardRefExoticComponent<SelectProps<string> & React$1.RefAttributes<HTMLInputElement>>;
 

package/package.json

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