@majoo-ui/react 1.61.6 → 1.61.7-rc.2
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.
- package/README.md +7 -7
- package/components/devicePreview/DevicePreview.d.ts +0 -3
- package/components/modalDialog/ModalDialog.d.ts +8 -8
- package/components/pageDialog/PageDialog.d.ts +8 -8
- package/components/table/Table.d.ts +9 -1
- package/index.esm.css +1291 -1291
- package/index.esm.js +576 -422
- package/index.umd.css +1291 -1291
- package/index.umd.js +620 -457
- package/package.json +3 -2
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
React
|
|
2
|
-
|
|
3
|
-
This library was generated with [Nx](https://nx.dev).
|
|
4
|
-
|
|
5
|
-
Running unit tests
|
|
6
|
-
|
|
7
|
-
Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
|
|
1
|
+
React
|
|
2
|
+
|
|
3
|
+
This library was generated with [Nx](https://nx.dev).
|
|
4
|
+
|
|
5
|
+
Running unit tests
|
|
6
|
+
|
|
7
|
+
Run `nx test react` to execute the unit tests via [Jest](https://jestjs.io).
|
|
@@ -131,9 +131,6 @@ export declare const ImageDevicePreview: import("@stitches/react/types/styled-co
|
|
|
131
131
|
my: (value: {
|
|
132
132
|
readonly [Stitches.$$ScaleValue]: "space";
|
|
133
133
|
}) => {
|
|
134
|
-
/**
|
|
135
|
-
* alt prop when url image not found or invalid
|
|
136
|
-
*/
|
|
137
134
|
marginTop: {
|
|
138
135
|
readonly [Stitches.$$ScaleValue]: "space";
|
|
139
136
|
};
|
|
@@ -68,7 +68,7 @@ export declare const ModalDialogFooter: import("@stitches/react/types/styled-com
|
|
|
68
68
|
}) => {
|
|
69
69
|
marginLeft: {
|
|
70
70
|
readonly [$$ScaleValue]: "space";
|
|
71
|
-
};
|
|
71
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
72
72
|
marginRight: {
|
|
73
73
|
readonly [$$ScaleValue]: "space";
|
|
74
74
|
};
|
|
@@ -164,7 +164,7 @@ export declare const ModalDialogTitle: import("@stitches/react/types/styled-comp
|
|
|
164
164
|
}) => {
|
|
165
165
|
marginLeft: {
|
|
166
166
|
readonly [$$ScaleValue]: "space";
|
|
167
|
-
};
|
|
167
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
168
168
|
marginRight: {
|
|
169
169
|
readonly [$$ScaleValue]: "space";
|
|
170
170
|
};
|
|
@@ -260,7 +260,7 @@ export declare const ModalDialogContent: import("@stitches/react/types/styled-co
|
|
|
260
260
|
}) => {
|
|
261
261
|
marginLeft: {
|
|
262
262
|
readonly [$$ScaleValue]: "space";
|
|
263
|
-
};
|
|
263
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
264
264
|
marginRight: {
|
|
265
265
|
readonly [$$ScaleValue]: "space";
|
|
266
266
|
};
|
|
@@ -356,7 +356,7 @@ export declare const ModalDialogTrigger: import("@stitches/react/types/styled-co
|
|
|
356
356
|
}) => {
|
|
357
357
|
marginLeft: {
|
|
358
358
|
readonly [$$ScaleValue]: "space";
|
|
359
|
-
};
|
|
359
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
360
360
|
marginRight: {
|
|
361
361
|
readonly [$$ScaleValue]: "space";
|
|
362
362
|
};
|
|
@@ -499,7 +499,7 @@ declare const ModalDialog: {
|
|
|
499
499
|
}) => {
|
|
500
500
|
marginLeft: {
|
|
501
501
|
readonly [$$ScaleValue]: "space";
|
|
502
|
-
};
|
|
502
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
503
503
|
marginRight: {
|
|
504
504
|
readonly [$$ScaleValue]: "space";
|
|
505
505
|
};
|
|
@@ -595,7 +595,7 @@ declare const ModalDialog: {
|
|
|
595
595
|
}) => {
|
|
596
596
|
marginLeft: {
|
|
597
597
|
readonly [$$ScaleValue]: "space";
|
|
598
|
-
};
|
|
598
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
599
599
|
marginRight: {
|
|
600
600
|
readonly [$$ScaleValue]: "space";
|
|
601
601
|
};
|
|
@@ -691,7 +691,7 @@ declare const ModalDialog: {
|
|
|
691
691
|
}) => {
|
|
692
692
|
marginLeft: {
|
|
693
693
|
readonly [$$ScaleValue]: "space";
|
|
694
|
-
};
|
|
694
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
695
695
|
marginRight: {
|
|
696
696
|
readonly [$$ScaleValue]: "space";
|
|
697
697
|
};
|
|
@@ -787,7 +787,7 @@ declare const ModalDialog: {
|
|
|
787
787
|
}) => {
|
|
788
788
|
marginLeft: {
|
|
789
789
|
readonly [$$ScaleValue]: "space";
|
|
790
|
-
};
|
|
790
|
+
}; /** Set default behavior when opening dialog with form. Usually used with prevent default*/
|
|
791
791
|
marginRight: {
|
|
792
792
|
readonly [$$ScaleValue]: "space";
|
|
793
793
|
};
|
|
@@ -92,7 +92,7 @@ export declare const PageDialogFooter: import("@stitches/react/types/styled-comp
|
|
|
92
92
|
};
|
|
93
93
|
height: {
|
|
94
94
|
readonly [$$PropertyValue]: "width";
|
|
95
|
-
};
|
|
95
|
+
};
|
|
96
96
|
};
|
|
97
97
|
subtleColor: (value: string) => {
|
|
98
98
|
color: string;
|
|
@@ -188,7 +188,7 @@ export declare const PageDialogTitle: import("@stitches/react/types/styled-compo
|
|
|
188
188
|
};
|
|
189
189
|
height: {
|
|
190
190
|
readonly [$$PropertyValue]: "width";
|
|
191
|
-
};
|
|
191
|
+
};
|
|
192
192
|
};
|
|
193
193
|
subtleColor: (value: string) => {
|
|
194
194
|
color: string;
|
|
@@ -284,7 +284,7 @@ export declare const PageDialogContent: import("@stitches/react/types/styled-com
|
|
|
284
284
|
};
|
|
285
285
|
height: {
|
|
286
286
|
readonly [$$PropertyValue]: "width";
|
|
287
|
-
};
|
|
287
|
+
};
|
|
288
288
|
};
|
|
289
289
|
subtleColor: (value: string) => {
|
|
290
290
|
color: string;
|
|
@@ -380,7 +380,7 @@ export declare const PageDialogTrigger: import("@stitches/react/types/styled-com
|
|
|
380
380
|
};
|
|
381
381
|
height: {
|
|
382
382
|
readonly [$$PropertyValue]: "width";
|
|
383
|
-
};
|
|
383
|
+
};
|
|
384
384
|
};
|
|
385
385
|
subtleColor: (value: string) => {
|
|
386
386
|
color: string;
|
|
@@ -495,7 +495,7 @@ export declare const PageDialog: {
|
|
|
495
495
|
};
|
|
496
496
|
height: {
|
|
497
497
|
readonly [$$PropertyValue]: "width";
|
|
498
|
-
};
|
|
498
|
+
};
|
|
499
499
|
};
|
|
500
500
|
subtleColor: (value: string) => {
|
|
501
501
|
color: string;
|
|
@@ -591,7 +591,7 @@ export declare const PageDialog: {
|
|
|
591
591
|
};
|
|
592
592
|
height: {
|
|
593
593
|
readonly [$$PropertyValue]: "width";
|
|
594
|
-
};
|
|
594
|
+
};
|
|
595
595
|
};
|
|
596
596
|
subtleColor: (value: string) => {
|
|
597
597
|
color: string;
|
|
@@ -687,7 +687,7 @@ export declare const PageDialog: {
|
|
|
687
687
|
};
|
|
688
688
|
height: {
|
|
689
689
|
readonly [$$PropertyValue]: "width";
|
|
690
|
-
};
|
|
690
|
+
};
|
|
691
691
|
};
|
|
692
692
|
subtleColor: (value: string) => {
|
|
693
693
|
color: string;
|
|
@@ -783,7 +783,7 @@ export declare const PageDialog: {
|
|
|
783
783
|
};
|
|
784
784
|
height: {
|
|
785
785
|
readonly [$$PropertyValue]: "width";
|
|
786
|
-
};
|
|
786
|
+
};
|
|
787
787
|
};
|
|
788
788
|
subtleColor: (value: string) => {
|
|
789
789
|
color: string;
|
|
@@ -1326,8 +1326,16 @@ export interface TableProps {
|
|
|
1326
1326
|
* Additional props for autoResetExpanded
|
|
1327
1327
|
*/
|
|
1328
1328
|
autoResetExpanded?: boolean;
|
|
1329
|
+
/**
|
|
1330
|
+
* Additional props for draggable row
|
|
1331
|
+
*/
|
|
1332
|
+
draggable?: boolean;
|
|
1333
|
+
/**
|
|
1334
|
+
* callback of new record for draggable row
|
|
1335
|
+
*/
|
|
1336
|
+
onDragEnd?: (records: any[]) => void;
|
|
1329
1337
|
}
|
|
1330
|
-
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, expanded: controlledExpanded, onExpandedChange, id, onColumnChange, virtualized, withoutLimit, additionalHeader, outerContainerCss, autoResetExpanded, }: TableProps): JSX.Element;
|
|
1338
|
+
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, expanded: controlledExpanded, onExpandedChange, id, onColumnChange, virtualized, withoutLimit, additionalHeader, outerContainerCss, autoResetExpanded, draggable, onDragEnd, }: TableProps): JSX.Element;
|
|
1331
1339
|
export interface TableColumnProps {
|
|
1332
1340
|
/**
|
|
1333
1341
|
* Required if accessor is a function<br/>
|