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.
@@ -1,26 +1,15 @@
1
- declare const barData: {
2
- month: Date;
3
- A: number;
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
- export declare const CEBarChart: ({ data, className, colors, showLegend, showGrid, }: CEBarChartProps) => import("react/jsx-runtime").JSX.Element;
15
- interface CEBarChart02Props {
16
- data?: Array<{
17
- A: number;
18
- B: number;
19
- date: string;
20
- }>;
21
- className?: string;
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
- export declare const CEBarChart02: ({ data, className, colors, showGrid, }: CEBarChart02Props) => import("react/jsx-runtime").JSX.Element;
26
- export {};
14
+ declare const CEBarChart: React.FC<CEBarChartProps>;
15
+ export default CEBarChart;
@@ -1,17 +1,15 @@
1
- declare const pieChartData: {
1
+ interface PieChartItem {
2
2
  name: string;
3
3
  value: number;
4
- className: string;
5
- }[];
6
- interface CEPieChartProps {
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
- export declare const CEPieChart: ({ data, size, className, showLegend, }: CEPieChartProps) => import("react/jsx-runtime").JSX.Element;
13
- interface CEDonutChartProps extends CEPieChartProps {
14
- donut?: boolean;
8
+ interface PieChartProps {
9
+ chartData: PieChartItem[];
10
+ onPieClick: (data: PieChartItem, index: number) => void;
11
+ refreshKey?: number;
12
+ height?: number;
15
13
  }
16
- export declare const CEDonutChart: ({ data, size, className, showLegend, donut, }: CEDonutChartProps) => import("react/jsx-runtime").JSX.Element;
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;
@@ -16,6 +16,7 @@ interface CEDateRangePickerProps {
16
16
  name?: string;
17
17
  mode?: "range" | "single";
18
18
  defaultValue?: DateRange;
19
+ disabled?: boolean;
19
20
  }
20
21
  declare const CEDateRangePicker: React.FC<CEDateRangePickerProps>;
21
22
  export default CEDateRangePicker;
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/CEMenuBar';
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.142",
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": "^2.15.1",
35
+ "recharts": "^3.3.0",
36
36
  "styled-components": "^6.1.14",
37
37
  "url": "^0.11.4",
38
38
  "xlsx": "^0.18.5"
@@ -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 {};