@majoo-ui/react 1.54.17 → 1.54.18

package/README.md

@@ -1,7 +1,7 @@
-React
-
-This library was generated with [Nx](https://nx.dev).
-
-Running unit tests
-
-Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
+React
+
+This library was generated with [Nx](https://nx.dev).
+
+Running unit tests
+
+Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).

package/components/datePicker/InputDatePicker.d.ts

@@ -79,5 +79,9 @@ export interface InputDatePickerProps {
      * Invalid state input.
      */
     isInvalid?: boolean;
+    /**
+     * Allow DatePicker to reset selected date.
+     */
+    allowReset?: boolean;
 }
-export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, minDate, maxDate, readOnly, isInvalid, }: InputDatePickerProps): JSX.Element;
+export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, minDate, maxDate, readOnly, isInvalid, allowReset, }: InputDatePickerProps): JSX.Element;

package/components/datePicker/components/Calendar.d.ts

@@ -12,6 +12,7 @@ export interface CalendarProps extends RenderProps {
     onIsMultiDateChange?: (isMultiDate: boolean) => void;
     onUpdate?: () => void;
     onCancel: () => void;
+    onReset?: () => void;
     selected?: Date[];
     containerStyle?: CSS;
     disabled?: boolean;
@@ -19,6 +20,7 @@ export interface CalendarProps extends RenderProps {
     renderTimePicker?: () => React.ReactNode;
     minDate?: Date;
     maxDate?: Date;
+    allowReset?: boolean;
 }
-declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, }: CalendarProps) => JSX.Element | null;
+declare const CalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, showTimePicker, renderTimePicker, minDate, maxDate, allowReset, }: CalendarProps) => JSX.Element | null;
 export default CalendarBox;

package/components/datePicker/components/MobileCalendar.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CalendarProps } from './Calendar';
-declare const MobileCalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, selected, containerStyle, disabled, minDate, maxDate, }: CalendarProps) => JSX.Element | null;
+declare const MobileCalendarBox: ({ calendars, getDateProps, advanceView, onCalendarDateChange, onIsMultiDateChange, onUpdate, onCancel, onReset, selected, containerStyle, disabled, minDate, maxDate, allowReset, }: CalendarProps) => JSX.Element | null;
 export default MobileCalendarBox;

package/components/modalDialog/ModalDialog.d.ts

@@ -95,7 +95,9 @@ export declare const ModalDialogFooter: import("@stitches/react/types/styled-com
     };
     subtleColor: (value: string) => {
         color: string;
-        backgroundColor: string;
+        backgroundColor: string; /**
+         * If true, the close icon button is hidden
+         */
     };
 }>>;
 export declare const ModalDialogTitle: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -191,7 +193,9 @@ export declare const ModalDialogTitle: import("@stitches/react/types/styled-comp
     };
     subtleColor: (value: string) => {
         color: string;
-        backgroundColor: string;
+        backgroundColor: string; /**
+         * If true, the close icon button is hidden
+         */
     };
 }>>;
 export declare const ModalDialogContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -287,7 +291,9 @@ export declare const ModalDialogContent: import("@stitches/react/types/styled-co
     };
     subtleColor: (value: string) => {
         color: string;
-        backgroundColor: string;
+        backgroundColor: string; /**
+         * If true, the close icon button is hidden
+         */
     };
 }>>;
 export declare const ModalDialogTrigger: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -383,7 +389,9 @@ export declare const ModalDialogTrigger: import("@stitches/react/types/styled-co
     };
     subtleColor: (value: string) => {
         color: string;
-        backgroundColor: string;
+        backgroundColor: string; /**
+         * If true, the close icon button is hidden
+         */
     };
 }>>;
 declare type IDialog = React.ComponentProps<typeof Dialog>;
@@ -522,7 +530,9 @@ declare const ModalDialog: {
         };
         subtleColor: (value: string) => {
             color: string;
-            backgroundColor: string;
+            backgroundColor: string; /**
+             * If true, the close icon button is hidden
+             */
         };
     }>>;
     Title: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -618,7 +628,9 @@ declare const ModalDialog: {
         };
         subtleColor: (value: string) => {
             color: string;
-            backgroundColor: string;
+            backgroundColor: string; /**
+             * If true, the close icon button is hidden
+             */
         };
     }>>;
     Content: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -714,7 +726,9 @@ declare const ModalDialog: {
         };
         subtleColor: (value: string) => {
             color: string;
-            backgroundColor: string;
+            backgroundColor: string; /**
+             * If true, the close icon button is hidden
+             */
         };
     }>>;
     Footer: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {
@@ -810,7 +824,9 @@ declare const ModalDialog: {
         };
         subtleColor: (value: string) => {
             color: string;
-            backgroundColor: string;
+            backgroundColor: string; /**
+             * If true, the close icon button is hidden
+             */
         };
     }>>;
     defaultProps: {

package/components/table/Table.d.ts

@@ -97,7 +97,9 @@ export declare const TableContent: import("@stitches/react/types/styled-componen
         backgroundColor: string;
     };
 }>>;
-export declare const TableHead: import("@stitches/react/types/styled-component").StyledComponent<"thead", {}, {
+export declare const TableHead: import("@stitches/react/types/styled-component").StyledComponent<"thead", {
+    isInfiniteScroll?: boolean | "true" | undefined;
+}, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
     lg: "(min-width: 1023px)";
@@ -194,9 +196,11 @@ export declare const TableHead: import("@stitches/react/types/styled-component")
     };
 }>>;
 export declare const TableHeaderCellContainer: import("@stitches/react/types/styled-component").StyledComponent<any, {
-    isSortedDesc?: boolean | "false" | "true" | undefined;
+    isSortedDesc?: boolean | "true" | "false" | undefined;
     unsortable?: boolean | "true" | undefined;
     isMobile?: boolean | "true" | undefined;
+    isToggleable?: boolean | "true" | undefined;
+    isToggled?: boolean | "true" | undefined;
 }, {
     sm: "(min-width: 359px)";
     md: "(min-width: 767px)";
@@ -1231,7 +1235,7 @@ export interface TableProps {
     showDuplicatedData?: boolean;
     onRowClick?: (record: Row, index: number) => void;
 }
-export declare function Table({ columns, data, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, }: TableProps): JSX.Element;
+export declare function Table({ columns, data: rawData, keyId, pageIndex: controlledPageIndex, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, }: TableProps): JSX.Element;
 export interface TableColumnProps {
     /**
      * Required if accessor is a function<br/>