cecomponent 1.0.142 → 1.0.144
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/ce-component-lib.css +1 -1
- package/dist/ce-component-lib.js +199 -120
- package/dist/ce-component-lib.mjs +34158 -15926
- package/dist/components/Common/CECharts/CEBarCharts.d.ts +13 -24
- package/dist/components/Common/CECharts/CEPieCharts.d.ts +11 -13
- package/dist/components/Common/CECharts/CEStackedBarChart.d.ts +13 -0
- package/dist/components/Common/CECharts/charts-base.d.ts +2 -0
- package/dist/components/Common/CEFieldComponet/DynamicTextField/DynamicTextField.d.ts +11 -0
- package/dist/components/Common/DataGrid/CEDataGridDynamicsTable.d.ts +5 -0
- package/dist/components/Common/DateRangePicker/CEDateRangePicker.d.ts +1 -0
- package/dist/index.d.ts +4 -1
- package/package.json +2 -2
- package/dist/components/Common/CECharts/CEBarCharts03.d.ts +0 -0
- package/dist/components/Common/CECharts/CELineCharts03.d.ts +0 -15
- package/dist/components/Common/CECharts/CELineCharts04.d.ts +0 -15
- /package/dist/components/Common/Menu/{CEMenuBar.d.ts → CEMenubar.d.ts} +0 -0
|
@@ -1,26 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
B: number;
|
|
5
|
-
C: number;
|
|
6
|
-
}[];
|
|
7
|
-
interface CEBarChartProps {
|
|
8
|
-
data?: typeof barData;
|
|
9
|
-
className?: string;
|
|
10
|
-
colors?: Record<string, string>;
|
|
11
|
-
showLegend?: boolean;
|
|
12
|
-
showGrid?: boolean;
|
|
1
|
+
interface BarChartItem {
|
|
2
|
+
name: string;
|
|
3
|
+
[key: string]: string | number | undefined;
|
|
13
4
|
}
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
colors?: Record<string, string>;
|
|
23
|
-
showGrid?: boolean;
|
|
5
|
+
interface CEBarChartProps {
|
|
6
|
+
dataKey: string;
|
|
7
|
+
chartData: BarChartItem[];
|
|
8
|
+
onBarClick: (data: BarChartItem) => void;
|
|
9
|
+
refreshKey?: number;
|
|
10
|
+
onRefresh?: () => void;
|
|
11
|
+
isRefreshing?: boolean;
|
|
12
|
+
height?: number;
|
|
24
13
|
}
|
|
25
|
-
|
|
26
|
-
export
|
|
14
|
+
declare const CEBarChart: React.FC<CEBarChartProps>;
|
|
15
|
+
export default CEBarChart;
|
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
interface PieChartItem {
|
|
2
2
|
name: string;
|
|
3
3
|
value: number;
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
data?: typeof pieChartData;
|
|
8
|
-
size?: "xxs" | "xs" | "sm" | "md" | "lg";
|
|
9
|
-
className?: string;
|
|
10
|
-
showLegend?: boolean;
|
|
4
|
+
percentage: number;
|
|
5
|
+
color: string;
|
|
6
|
+
[key: string]: string | number | undefined;
|
|
11
7
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
interface PieChartProps {
|
|
9
|
+
chartData: PieChartItem[];
|
|
10
|
+
onPieClick: (data: PieChartItem, index: number) => void;
|
|
11
|
+
refreshKey?: number;
|
|
12
|
+
height?: number;
|
|
15
13
|
}
|
|
16
|
-
|
|
17
|
-
export
|
|
14
|
+
declare const CEPieChart: React.FC<PieChartProps>;
|
|
15
|
+
export default CEPieChart;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface StackedBarChartItem {
|
|
2
|
+
name: string;
|
|
3
|
+
[status: string]: string | number;
|
|
4
|
+
}
|
|
5
|
+
interface CEStackedBarChartProps {
|
|
6
|
+
chartData: StackedBarChartItem[];
|
|
7
|
+
statusOrder: string[];
|
|
8
|
+
refreshKey?: number;
|
|
9
|
+
statusColor: Record<string, string>;
|
|
10
|
+
height?: number;
|
|
11
|
+
}
|
|
12
|
+
declare const CEStackedBarChart: React.FC<CEStackedBarChartProps>;
|
|
13
|
+
export default CEStackedBarChart;
|
|
@@ -19,6 +19,8 @@ export declare const ChartLegendContent: ({ payload, verticalAlign, reversed, cl
|
|
|
19
19
|
interface ChartTooltipContentProps extends TooltipProps<ValueType, NameType> {
|
|
20
20
|
isRadialChart?: boolean;
|
|
21
21
|
isPieChart?: boolean;
|
|
22
|
+
payload?: any;
|
|
23
|
+
label?: string;
|
|
22
24
|
formatter?: (value: ValueType, name: NameType, props: any, index: number, payload: any) => [string | number | (string | number)[], string?];
|
|
23
25
|
labelFormatter?: (label: any, payload: any) => string;
|
|
24
26
|
}
|
|
@@ -14,6 +14,17 @@ export interface CETextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElem
|
|
|
14
14
|
rows?: number;
|
|
15
15
|
minHeight?: number | string;
|
|
16
16
|
width?: number | string;
|
|
17
|
+
/**
|
|
18
|
+
* validationType controls what characters are allowed in the input.
|
|
19
|
+
* - 'number' -> digits only (0-9)
|
|
20
|
+
* - 'alphanumeric' -> letters and digits
|
|
21
|
+
* - 'alpha' -> letters only (A-Z, a-z)
|
|
22
|
+
* - 'alphanumericWithSpecial' -> letters + digits + full set of special characters + spaces
|
|
23
|
+
* - 'alphaWithoutSpecial' -> letters and spaces (no digits, no punctuation)
|
|
24
|
+
*
|
|
25
|
+
* Notes: This implementation strips disallowed characters on change.
|
|
26
|
+
*/
|
|
27
|
+
validationType?: 'number' | 'alphanumeric' | 'alpha' | 'alphanumericWithSpecial' | 'alphaWithoutSpecial';
|
|
17
28
|
}
|
|
18
29
|
declare const CEDynamicTextField: React.ForwardRefExoticComponent<CETextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
19
30
|
export default CEDynamicTextField;
|
|
@@ -41,6 +41,11 @@ interface CEDataGridDynamicTableProps {
|
|
|
41
41
|
clickableColumns?: string[];
|
|
42
42
|
isExportAllToExcel?: boolean;
|
|
43
43
|
conditionalClickableColumns?: Record<string, string[]>;
|
|
44
|
+
/**
|
|
45
|
+
* Optional consumer predicate. Return true to make the specific cell (row + column) clickable.
|
|
46
|
+
* If omitted, existing clickableColumns / conditionalClickableColumns behavior is used.
|
|
47
|
+
*/
|
|
48
|
+
clickableCellPredicate?: (rowData: any, columnId: string) => boolean;
|
|
44
49
|
handleCellClick?: (data: any, columnId?: any) => void;
|
|
45
50
|
onReload?: () => void;
|
|
46
51
|
showDownloadIcon?: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -35,7 +35,7 @@ export { default as CEUserInfo } from './components/Common/Header/UserInfo';
|
|
|
35
35
|
export { default as CEInputBox } from './components/Common/InputBox/CEInputTextBox';
|
|
36
36
|
export { default as CEInputDropDown } from './components/Common/InputDropDown/InputDropDown';
|
|
37
37
|
export { default as CELinearProgressBar } from './components/Common/LinearProgressBar/LinearBar';
|
|
38
|
-
export { default as CEMenuBar } from './components/Common/Menu/
|
|
38
|
+
export { default as CEMenuBar } from './components/Common/Menu/CEMenubar';
|
|
39
39
|
export { default as CEPagination } from './components/Common/Pagination/CEPagination';
|
|
40
40
|
export { default as CERadioGroup } from './components/Common/RadioButton/CERadioButtonGroup';
|
|
41
41
|
export { default as CERadioButton } from './components/Common/RadioButton/CERadioButton';
|
|
@@ -59,3 +59,6 @@ export { default as CEToggleSlider } from './components/Common/CEToggleSlider/CE
|
|
|
59
59
|
export { default as CEAdvancedMultiSelectDropdown } from './components/Common/Multiselection/CEAdvancedMultiSelectDropdown';
|
|
60
60
|
export { default as CEAutoCompleteInput } from './components/Common/CEAutoComplete/AutoCompleteInput';
|
|
61
61
|
export { default as CEAutoCompleteSelect } from './components/Common/CEAutoComplete/CEAutoCompleteSelect';
|
|
62
|
+
export { default as CEBarChart } from './components/Common/CECharts/CEBarCharts';
|
|
63
|
+
export { default as CEPieChart } from './components/Common/CECharts/CEPieCharts';
|
|
64
|
+
export { default as CEStackedBarChart } from './components/Common/CECharts/CEStackedBarChart';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "cecomponent",
|
|
3
3
|
"description": "A React component library for building modern UIs for Cleanearth",
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.144",
|
|
5
5
|
"main": "dist/ce-component-lib.js",
|
|
6
6
|
"module": "dist/ce-component-lib.mjs",
|
|
7
7
|
"types": "dist/idex.d.ts",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"react-icons": "^5.5.0",
|
|
33
33
|
"react-ripples": "^2.2.1",
|
|
34
34
|
"react-router-dom": "^7.3.0",
|
|
35
|
-
"recharts": "^
|
|
35
|
+
"recharts": "^3.3.0",
|
|
36
36
|
"styled-components": "^6.1.14",
|
|
37
37
|
"url": "^0.11.4",
|
|
38
38
|
"xlsx": "^0.18.5"
|
|
File without changes
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
declare const lineData: {
|
|
2
|
-
date: Date;
|
|
3
|
-
A: number;
|
|
4
|
-
B: number;
|
|
5
|
-
C: number;
|
|
6
|
-
}[];
|
|
7
|
-
interface CELineChart03Props {
|
|
8
|
-
data?: typeof lineData;
|
|
9
|
-
className?: string;
|
|
10
|
-
colors?: Record<string, string>;
|
|
11
|
-
showLegend?: boolean;
|
|
12
|
-
showGrid?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export declare const CELineChart03: ({ data, className, colors, showLegend, showGrid, }: CELineChart03Props) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
declare const lineData: {
|
|
2
|
-
date: Date;
|
|
3
|
-
A: number;
|
|
4
|
-
B: number;
|
|
5
|
-
C: number;
|
|
6
|
-
}[];
|
|
7
|
-
interface CELineChart04Props {
|
|
8
|
-
data?: typeof lineData;
|
|
9
|
-
className?: string;
|
|
10
|
-
colors?: Record<string, string>;
|
|
11
|
-
showLegend?: boolean;
|
|
12
|
-
showGrid?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export declare const CELineChart04: ({ data, className, colors, showLegend, showGrid, }: CELineChart04Props) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export {};
|
|
File without changes
|