fis-component 0.0.76 → 0.0.78

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

@@ -7,7 +7,7 @@ type Option<T> = {
 };
 type CheckboxGroupProps<T extends Value> = {
     className?: string;
-    groupLabel: string;
+    groupLabel?: string;
     options: Option<T>[] | readonly Option<T>[];
     value: T[];
     direction?: "row" | "column";

package/dist/esm/types/src/components/Input/InputDate/InputDate.stories.d.ts

@@ -3,3 +3,7 @@ import { InputDateProps } from ".";
 declare const _default: Meta;
 export default _default;
 export declare const Default: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const YearPicker: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MonthPicker: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const QuarterPicker: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AllModes: (args: InputDateProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import { InputFieldProps } from "../InputField";
 import dayjs from "dayjs";
 import { InputLabelProps } from "../InputLabel";
+export type DatePickerMode = "date" | "month" | "year" | "quarter";
 export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Partial<InputLabelProps> {
     className?: string | undefined;
     /**Date value*/
@@ -22,6 +23,26 @@ export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChang
     minDate?: dayjs.Dayjs | undefined;
     /**The maximum selectable date. Dates after this value will be disabled.*/
     maxDate?: dayjs.Dayjs | undefined;
+    /**
+     * Picker mode - determines what user can select
+     * - "date": Full date picker (default)
+     * - "month": Month picker only
+     * - "year": Year picker only
+     * - "quarter": Quarter picker only
+     */
+    picker?: DatePickerMode;
+    /**Allow clear functionality*/
+    allowClear?: boolean;
+    /**Show today button*/
+    showToday?: boolean;
+    /**Show time selection*/
+    showTime?: boolean;
+    /**Auto focus when component mounted*/
+    autoFocus?: boolean;
+    /**Disabled date function*/
+    disabledDate?: (current: dayjs.Dayjs) => boolean;
+    /**Custom input format*/
+    inputReadOnly?: boolean;
 }
 declare const FISInputDate: import("react").ForwardRefExoticComponent<InputDateProps & import("react").RefAttributes<HTMLInputElement>>;
 export default FISInputDate;

package/dist/esm/types/src/components/Table/ColumnCell/index.d.ts

@@ -1,10 +1,10 @@
 import { DetailedHTMLProps, HTMLAttributes, ReactElement } from "react";
-interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
+interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "content"> {
     className?: string;
-    textAlign?: "left" | "right";
+    textAlign?: string;
     contentWrapText?: boolean;
     variant?: string;
-    content?: string;
+    content?: React.ReactNode;
     description?: string;
     icon?: ReactElement;
     disabled?: boolean;

package/dist/index.d.ts

@@ -3678,7 +3678,7 @@ type Option<T> = {
 };
 type CheckboxGroupProps<T extends Value> = {
     className?: string;
-    groupLabel: string;
+    groupLabel?: string;
     options: Option<T>[] | readonly Option<T>[];
     value: T[];
     direction?: "row" | "column";
@@ -4057,6 +4057,7 @@ interface InputTimeProps extends Omit<InputFieldProps, "onChange">, Partial<Inpu
 }
 declare const FISInputTime: React__default.ForwardRefExoticComponent<InputTimeProps & React__default.RefAttributes<HTMLInputElement>>;
 
+type DatePickerMode = "date" | "month" | "year" | "quarter";
 interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Partial<InputLabelProps> {
     className?: string | undefined;
     /**Date value*/
@@ -4078,6 +4079,26 @@ interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Pa
     minDate?: dayjs__default.Dayjs | undefined;
     /**The maximum selectable date. Dates after this value will be disabled.*/
     maxDate?: dayjs__default.Dayjs | undefined;
+    /**
+     * Picker mode - determines what user can select
+     * - "date": Full date picker (default)
+     * - "month": Month picker only
+     * - "year": Year picker only
+     * - "quarter": Quarter picker only
+     */
+    picker?: DatePickerMode;
+    /**Allow clear functionality*/
+    allowClear?: boolean;
+    /**Show today button*/
+    showToday?: boolean;
+    /**Show time selection*/
+    showTime?: boolean;
+    /**Auto focus when component mounted*/
+    autoFocus?: boolean;
+    /**Disabled date function*/
+    disabledDate?: (current: dayjs__default.Dayjs) => boolean;
+    /**Custom input format*/
+    inputReadOnly?: boolean;
 }
 declare const FISInputDate: React$1.ForwardRefExoticComponent<InputDateProps & React$1.RefAttributes<HTMLInputElement>>;
 
@@ -4102,12 +4123,12 @@ interface HeaderCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivE
 }
 declare const FISTableHeaderCell: React$1.ForwardRefExoticComponent<HeaderCellProps & React$1.RefAttributes<HTMLLabelElement>>;
 
-interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> {
+interface ColumnCellProps extends Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref" | "content"> {
     className?: string;
-    textAlign?: "left" | "right";
+    textAlign?: string;
     contentWrapText?: boolean;
     variant?: string;
-    content?: string;
+    content?: React.ReactNode;
     description?: string;
     icon?: ReactElement;
     disabled?: boolean;

package/package.json

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