@majoo-ui/react 1.55.35 → 1.55.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,44 @@ import * as React from 'react';
2
2
  import { ADVANCE_PICKER, RANGE_PICKER, SINGLE_PICKER, WEEKLY, MONTHLY, DATE_RANGE_PICKER } from './DatePicker';
3
3
  import { CSS } from '../../config/stitches.config';
4
4
  import { PopoverPlacement } from '../../type/base.types';
5
+ interface TimePickerProps {
6
+ /**
7
+ Resize time picker.
8
+ */
9
+ size: 'sm' | 'lg';
10
+ /**
11
+ Change handler.
12
+ */
13
+ onChange: () => void;
14
+ /**
15
+ Time picker default value; support moment format.
16
+ */
17
+ defaultValue: Date;
18
+ /**
19
+ Time picker value; support moment format.
20
+ */
21
+ value: Date;
22
+ /**
23
+ Disabled state.
24
+ */
25
+ disabled: boolean;
26
+ /**
27
+ Disabled hour state.
28
+ */
29
+ disabledHour: boolean;
30
+ /**
31
+ Disabled minute state.
32
+ */
33
+ disabledMinute: boolean;
34
+ /**
35
+ Specify the minimum date.
36
+ */
37
+ minDate: Date;
38
+ /**
39
+ Specify the maximum date.
40
+ */
41
+ maxDate: Date;
42
+ }
5
43
  export interface InputDatePickerProps {
6
44
  /**
7
45
  * Specify the DatePicker type.
@@ -63,6 +101,10 @@ export interface InputDatePickerProps {
63
101
  * If true, the TimePicker component will be visible.
64
102
  */
65
103
  showTimePicker?: boolean;
104
+ /**
105
+ * Props that will be passed to the TimePicker component.
106
+ */
107
+ timePickerProps?: TimePickerProps;
66
108
  /**
67
109
  * Specify the minimum date.
68
110
  */
@@ -88,4 +130,5 @@ export interface InputDatePickerProps {
88
130
  */
89
131
  portalled?: boolean;
90
132
  }
91
- 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, portalled, }: InputDatePickerProps): JSX.Element;
133
+ export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, }: InputDatePickerProps): JSX.Element;
134
+ export {};
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import type * as Stitches from '@stitches/react';
3
3
  import { CSS } from '../../config/stitches.config';
4
4
  declare const StyledLink: import("@stitches/react/types/styled-component").StyledComponent<"a", {
5
- color?: "success" | "info" | "warning" | "failed" | "pending" | undefined;
5
+ color?: "success" | "info" | "warning" | "failed" | "pending" | "primary" | undefined;
6
6
  }, {
7
7
  sm: "(min-width: 359px)";
8
8
  md: "(min-width: 767px)";
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { CSS } from '../../config/stitches.config';
3
- import { EmptyDataProps, RowGroup } from './Table';
3
+ import { EmptyDataProps, RowGroup, Decoration } from './Table';
4
4
  import { TableInstance } from 'react-table';
5
5
  interface CustomRowsStyle {
6
6
  predicate: boolean;
@@ -22,6 +22,8 @@ interface MobileTableProps {
22
22
  renderContextMenu: () => JSX.Element;
23
23
  handleRowClick: (row: object, index: number) => void;
24
24
  additionalExceptionIds: string[];
25
+ hideHeader?: boolean;
26
+ decoration?: Decoration;
25
27
  }
26
28
  declare const MobileTable: React.ForwardRefExoticComponent<MobileTableProps & React.RefAttributes<HTMLDivElement>>;
27
29
  export default MobileTable;
@@ -99,6 +99,7 @@ export declare const TableContent: import("@stitches/react/types/styled-componen
99
99
  }>>;
100
100
  export declare const TableHead: import("@stitches/react/types/styled-component").StyledComponent<"thead", {
101
101
  isInfiniteScroll?: boolean | "true" | undefined;
102
+ hiddenHeader?: boolean | "true" | undefined;
102
103
  }, {
103
104
  sm: "(min-width: 359px)";
104
105
  md: "(min-width: 767px)";
@@ -1105,6 +1106,10 @@ export interface EmptyDataProps {
1105
1106
  title: string | React.ReactNode;
1106
1107
  description?: string | React.ReactNode;
1107
1108
  }
1109
+ export interface Decoration {
1110
+ headerRender?: () => React.ReactNode;
1111
+ footerRender?: () => React.ReactNode;
1112
+ }
1108
1113
  export interface TableProps {
1109
1114
  /**
1110
1115
  * The data array that you want to display on the table.
@@ -1152,6 +1157,10 @@ export interface TableProps {
1152
1157
  * Table header css styling.
1153
1158
  */
1154
1159
  headerCss?: CSS;
1160
+ /**
1161
+ * Hide table header.
1162
+ */
1163
+ hideHeader?: boolean;
1155
1164
  /**
1156
1165
  * Callback fired when the selected rows are updated.
1157
1166
  */
@@ -1220,6 +1229,7 @@ export interface TableProps {
1220
1229
  * }
1221
1230
  */
1222
1231
  rowGroup?: RowGroup;
1232
+ decoration?: Decoration;
1223
1233
  /**
1224
1234
  * Array of hidden column id
1225
1235
  */
@@ -1254,7 +1264,7 @@ export interface TableProps {
1254
1264
  */
1255
1265
  additionalExceptionIds?: string[];
1256
1266
  }
1257
- export declare function Table({ columns, data: rawData, keyId, pageIndex: controlledPageIndex, totalPage, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps: emptyDataProps, isLoading, css, headerCss, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, hidePagination, searchQuery, additionalExceptionIds }: TableProps): JSX.Element;
1267
+ export declare function Table({ columns, data: rawData, keyId, pageIndex: controlledPageIndex, totalPage, totalData, fetchData, hideDataInfo, rowsPerPageOptions, emptyDataMessage, customEmptyDataProps: emptyDataProps, isLoading, css, headerCss, hideHeader, onSelectedChange, isInfiniteScroll, hasMoreItems, rowLimit, cellAlign, selectedIds, rowGroup, decoration, hiddenColumns, columnOrder, customRowsStyle, isMobileLayout, showDuplicatedData, onRowClick, hidePagination, searchQuery, additionalExceptionIds, }: TableProps): JSX.Element;
1258
1268
  export interface TableColumnProps {
1259
1269
  /**
1260
1270
  * Required if accessor is a function<br/>