@lax-wp/design-system 0.5.6 → 0.5.7
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/dist/components/data-display/datatype-icon/DataTypeIcon.d.ts +75 -101
- package/dist/components/data-display/datatype-icon/index.d.ts +0 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.es.js +2193 -2178
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +22 -22
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,104 +1,78 @@
|
|
|
1
|
-
import { FC, ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Available data types for the icon
|
|
4
|
-
*/
|
|
5
1
|
export declare const APP_DATA_TYPES: {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
readonly TEXT: "text";
|
|
19
|
-
readonly URL: "url";
|
|
2
|
+
BOOLEAN: string;
|
|
3
|
+
CHOICE: string;
|
|
4
|
+
CURRENCY: string;
|
|
5
|
+
DATE: string;
|
|
6
|
+
DATETIME: string;
|
|
7
|
+
DYNAMIC: string;
|
|
8
|
+
EMAIL: string;
|
|
9
|
+
MASTER_DATA: string;
|
|
10
|
+
NUMBER: string;
|
|
11
|
+
STRING: string;
|
|
12
|
+
TAG: string;
|
|
13
|
+
TEXT: string;
|
|
20
14
|
};
|
|
21
|
-
|
|
22
|
-
* Options for data type select fields
|
|
23
|
-
*/
|
|
24
|
-
export declare const APP_DATA_TYPES_OPTIONS: ({
|
|
15
|
+
export declare const APP_DATA_TYPES_OPTIONS: {
|
|
25
16
|
label: string;
|
|
26
|
-
value:
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
export declare const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
dataType
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
/** Whether dark mode is enabled (passed as prop instead of using context) */
|
|
89
|
-
isDarkMode?: boolean;
|
|
90
|
-
/** Additional CSS class name */
|
|
91
|
-
className?: string;
|
|
92
|
-
/** Test ID for testing */
|
|
93
|
-
'data-testid'?: string;
|
|
94
|
-
}
|
|
95
|
-
/**
|
|
96
|
-
* DataTypeIcon displays an icon representing a data type with appropriate styling
|
|
97
|
-
*
|
|
98
|
-
* @example
|
|
99
|
-
* ```tsx
|
|
100
|
-
* <DataTypeIcon dataType="text" isDarkMode={false} />
|
|
101
|
-
* <DataTypeIcon dataType="number" tooltip="Custom tooltip" isDarkMode={true} />
|
|
102
|
-
* ```
|
|
103
|
-
*/
|
|
104
|
-
export declare const DataTypeIcon: FC<DataTypeIconProps>;
|
|
17
|
+
value: string;
|
|
18
|
+
}[];
|
|
19
|
+
export declare const BG_COLORS: {
|
|
20
|
+
[APP_DATA_TYPES.BOOLEAN]: string;
|
|
21
|
+
[APP_DATA_TYPES.CHOICE]: string;
|
|
22
|
+
[APP_DATA_TYPES.DATE]: string;
|
|
23
|
+
[APP_DATA_TYPES.EMAIL]: string;
|
|
24
|
+
[APP_DATA_TYPES.CURRENCY]: string;
|
|
25
|
+
[APP_DATA_TYPES.DATETIME]: string;
|
|
26
|
+
[APP_DATA_TYPES.TEXT]: string;
|
|
27
|
+
[APP_DATA_TYPES.STRING]: string;
|
|
28
|
+
[APP_DATA_TYPES.TAG]: string;
|
|
29
|
+
[APP_DATA_TYPES.MASTER_DATA]: string;
|
|
30
|
+
[APP_DATA_TYPES.DYNAMIC]: string;
|
|
31
|
+
[APP_DATA_TYPES.NUMBER]: string;
|
|
32
|
+
};
|
|
33
|
+
export declare const BG_COLORS_HOVER: {
|
|
34
|
+
[APP_DATA_TYPES.BOOLEAN]: string;
|
|
35
|
+
[APP_DATA_TYPES.CHOICE]: string;
|
|
36
|
+
[APP_DATA_TYPES.DATE]: string;
|
|
37
|
+
[APP_DATA_TYPES.EMAIL]: string;
|
|
38
|
+
[APP_DATA_TYPES.CURRENCY]: string;
|
|
39
|
+
[APP_DATA_TYPES.DATETIME]: string;
|
|
40
|
+
[APP_DATA_TYPES.TEXT]: string;
|
|
41
|
+
[APP_DATA_TYPES.STRING]: string;
|
|
42
|
+
[APP_DATA_TYPES.TAG]: string;
|
|
43
|
+
[APP_DATA_TYPES.MASTER_DATA]: string;
|
|
44
|
+
[APP_DATA_TYPES.DYNAMIC]: string;
|
|
45
|
+
[APP_DATA_TYPES.NUMBER]: string;
|
|
46
|
+
};
|
|
47
|
+
export declare const BG_COLORS_DARK: {
|
|
48
|
+
[APP_DATA_TYPES.BOOLEAN]: string;
|
|
49
|
+
[APP_DATA_TYPES.CHOICE]: string;
|
|
50
|
+
[APP_DATA_TYPES.DATE]: string;
|
|
51
|
+
[APP_DATA_TYPES.EMAIL]: string;
|
|
52
|
+
[APP_DATA_TYPES.CURRENCY]: string;
|
|
53
|
+
[APP_DATA_TYPES.DATETIME]: string;
|
|
54
|
+
[APP_DATA_TYPES.TEXT]: string;
|
|
55
|
+
[APP_DATA_TYPES.STRING]: string;
|
|
56
|
+
[APP_DATA_TYPES.TAG]: string;
|
|
57
|
+
[APP_DATA_TYPES.MASTER_DATA]: string;
|
|
58
|
+
[APP_DATA_TYPES.DYNAMIC]: string;
|
|
59
|
+
[APP_DATA_TYPES.NUMBER]: string;
|
|
60
|
+
};
|
|
61
|
+
export declare const BG_COLORS_DARK_HOVER: {
|
|
62
|
+
[APP_DATA_TYPES.BOOLEAN]: string;
|
|
63
|
+
[APP_DATA_TYPES.CHOICE]: string;
|
|
64
|
+
[APP_DATA_TYPES.DATE]: string;
|
|
65
|
+
[APP_DATA_TYPES.EMAIL]: string;
|
|
66
|
+
[APP_DATA_TYPES.CURRENCY]: string;
|
|
67
|
+
[APP_DATA_TYPES.DATETIME]: string;
|
|
68
|
+
[APP_DATA_TYPES.TEXT]: string;
|
|
69
|
+
[APP_DATA_TYPES.STRING]: string;
|
|
70
|
+
[APP_DATA_TYPES.TAG]: string;
|
|
71
|
+
[APP_DATA_TYPES.MASTER_DATA]: string;
|
|
72
|
+
[APP_DATA_TYPES.DYNAMIC]: string;
|
|
73
|
+
[APP_DATA_TYPES.NUMBER]: string;
|
|
74
|
+
};
|
|
75
|
+
export declare const DataTypeIcon: ({ dataType, tooltip }: {
|
|
76
|
+
dataType: string;
|
|
77
|
+
tooltip?: React.ReactNode;
|
|
78
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -202,7 +202,6 @@ export type { FileUploadDraggerProps, } from "./components/forms/file-upload-dra
|
|
|
202
202
|
export { LottieAnimation } from "./components/data-display/lottie-animation/LottieAnimation";
|
|
203
203
|
export type { LottieAnimationProps } from "./components/data-display/lottie-animation/LottieAnimation";
|
|
204
204
|
export { DataTypeIcon } from "./components/data-display/datatype-icon/DataTypeIcon";
|
|
205
|
-
export type { DataTypeIconProps } from "./components/data-display/datatype-icon/DataTypeIcon";
|
|
206
205
|
export { NoDataFound, PageNotFound, UserNotFound, EmptyEvent, NoDataFoundWidgets, EmptyBarChartData, EmptyCardListChartData, EmptyContentChartData, EmptyCountWidgetData, EmptyDonutChartData, EmptyPieChatData, EmptyTableWidgetData, EmptyTimelineChartData, } from "./components/data-display/empty-state";
|
|
207
206
|
export type { NoDataFoundProps, PageNotFoundProps, UserNotFoundProps, EmptyEventProps, NoDataFoundWidgetsProps, } from "./components/data-display/empty-state";
|
|
208
207
|
export { ContextMenu } from "./components/data-display/context-menu/ContextMenu";
|