pixel-react 1.10.3 → 1.10.5
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/lib/ComponentProps/TreeNodeProps.d.ts +2 -1
- package/lib/components/AddResourceButton/AddResourceButton.d.ts +4 -0
- package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
- package/lib/components/AddResourceButton/index.d.ts +1 -1
- package/lib/components/AddResourceButton/type.d.ts +2 -0
- package/lib/components/BrowserTabs/BrowserTabs.d.ts +5 -0
- package/lib/components/BrowserTabs/index.d.ts +1 -0
- package/lib/components/BrowserTabs/types.d.ts +64 -0
- package/lib/components/ConnectingBranch/data.d.ts +62 -64
- package/lib/components/ConnectingBranch/types.d.ts +28 -7
- package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +6 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +3 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +15 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +5 -0
- package/lib/components/Excel/Types.d.ts +1 -0
- package/lib/components/InputWithDropdown/types.d.ts +3 -0
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MenuOption/types.d.ts +1 -0
- package/lib/components/MiniModal/types.d.ts +2 -1
- package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
- package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTree/types.d.ts +4 -3
- package/lib/index.d.ts +112 -12
- package/lib/index.esm.js +504 -218
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +505 -218
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +2 -1
- package/src/assets/Themes/BaseTheme.scss +1 -2
- package/src/assets/Themes/DarkTheme.scss +0 -1
- package/src/assets/styles/_mixins.scss +19 -0
- package/src/components/AddResourceButton/{AddButton.scss → AddResourceButton.scss} +1 -0
- package/src/components/AddResourceButton/{AddButton.stories.tsx → AddResourceButton.stories.tsx} +4 -4
- package/src/components/AddResourceButton/{AddButton.tsx → AddResourceButton.tsx} +25 -10
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +1 -2
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +16 -9
- package/src/components/AddResourceButton/index.ts +1 -1
- package/src/components/AddResourceButton/type.ts +2 -0
- package/src/components/BrowserTabs/BrowserTabs.scss +75 -0
- package/src/components/BrowserTabs/BrowserTabs.stories.tsx +366 -0
- package/src/components/BrowserTabs/BrowserTabs.tsx +128 -0
- package/src/components/BrowserTabs/index.ts +1 -0
- package/src/components/BrowserTabs/types.ts +73 -0
- package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +54 -39
- package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +3 -2
- package/src/components/ConnectingBranch/ConnectingBranch.tsx +28 -24
- package/src/components/ConnectingBranch/data.tsx +207 -213
- package/src/components/ConnectingBranch/types.ts +26 -17
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.scss +4 -0
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +35 -16
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +14 -3
- package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +1 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +16 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +12 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +31 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +30 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +47 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +4 -4
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +6 -0
- package/src/components/Excel/ExcelFile.stories.tsx +10 -2
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +11 -11
- package/src/components/Excel/Types.ts +1 -0
- package/src/components/Excel/dataConversion.ts +17 -19
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +6 -0
- package/src/components/InputWithDropdown/types.ts +7 -1
- package/src/components/MenuOption/MenuOption.tsx +4 -0
- package/src/components/MenuOption/types.ts +1 -0
- package/src/components/MiniModal/MiniModal.scss +8 -0
- package/src/components/MiniModal/MiniModal.stories.tsx +60 -0
- package/src/components/MiniModal/types.ts +2 -1
- package/src/components/Table/Table.stories.tsx +1 -1
- package/src/components/Table/Table.tsx +8 -4
- package/src/components/TableTree/Components/TableCell.tsx +25 -10
- package/src/components/TableTree/Components/TableHead.tsx +5 -5
- package/src/components/TableTree/Components/TableRow.tsx +27 -24
- package/src/components/TableTree/TableTree.scss +89 -69
- package/src/components/TableTree/TableTree.stories.tsx +66 -2
- package/src/components/TableTree/types.ts +4 -3
- package/src/index.ts +2 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +1 -1
@@ -0,0 +1,4 @@
|
|
1
|
+
import './AddResourceButton.scss';
|
2
|
+
import { AddResourceButtonProps } from './type';
|
3
|
+
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, }: AddResourceButtonProps) => import("react/jsx-runtime").JSX.Element;
|
4
|
+
export default AddResourceButton;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import './ArrowsButton.scss';
|
2
2
|
import { DirectionalArrowButtonProps } from '../type';
|
3
|
-
declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, }: DirectionalArrowButtonProps & {
|
3
|
+
declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, treeRowRef, }: DirectionalArrowButtonProps & {
|
4
4
|
isActive: boolean;
|
5
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
6
6
|
export default ArrowsButton;
|
@@ -1 +1 @@
|
|
1
|
-
export { default } from './
|
1
|
+
export { default } from './AddResourceButton';
|
@@ -39,6 +39,7 @@ export interface AddResourceButtonProps {
|
|
39
39
|
}[];
|
40
40
|
}[];
|
41
41
|
zIndex?: number;
|
42
|
+
treeRowRef?: React.RefObject<any | null>;
|
42
43
|
}
|
43
44
|
/**
|
44
45
|
* Props for individual directional arrow buttons.
|
@@ -59,6 +60,7 @@ export interface DirectionalArrowButtonProps {
|
|
59
60
|
onArrowClick: () => void;
|
60
61
|
isActive: boolean;
|
61
62
|
variant?: 'primary' | 'secondary';
|
63
|
+
treeRowRef?: React.RefObject<any | null>;
|
62
64
|
}
|
63
65
|
/**
|
64
66
|
* Utility function to validate an array of directional arrows.
|
@@ -0,0 +1,5 @@
|
|
1
|
+
import { BrowserTabsProps } from './types';
|
2
|
+
import './BrowserTabs.scss';
|
3
|
+
import '../../assets/styles/_colors.scss';
|
4
|
+
declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, }: BrowserTabsProps) => import("react/jsx-runtime").JSX.Element;
|
5
|
+
export default BrowserTabs;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from "./BrowserTabs";
|
@@ -0,0 +1,64 @@
|
|
1
|
+
/**
|
2
|
+
* Represents a single tab in the BrowserTabs component.
|
3
|
+
*/
|
4
|
+
export interface BrowserTab {
|
5
|
+
/**
|
6
|
+
* Unique identifier for the tab.
|
7
|
+
*/
|
8
|
+
id: string;
|
9
|
+
/**
|
10
|
+
* Label text displayed on the tab.
|
11
|
+
*/
|
12
|
+
label: string;
|
13
|
+
/**
|
14
|
+
* Optional component to be rendered when the tab is active.
|
15
|
+
*/
|
16
|
+
component?: JSX.Element;
|
17
|
+
/**
|
18
|
+
* Name of the tab icon.
|
19
|
+
*/
|
20
|
+
tabIcon: string;
|
21
|
+
}
|
22
|
+
/**
|
23
|
+
* Props for the BrowserTabs component.
|
24
|
+
*/
|
25
|
+
export interface BrowserTabsProps {
|
26
|
+
/**
|
27
|
+
* An array of tab objects containing label, icon, and an optional component.
|
28
|
+
*/
|
29
|
+
tabsData: BrowserTab[];
|
30
|
+
/**
|
31
|
+
* The ID of the currently active tab.
|
32
|
+
*/
|
33
|
+
activeTabId: string;
|
34
|
+
/**
|
35
|
+
* Function to update the active tab state when a user clicks on a tab.
|
36
|
+
* @param id - The unique identifier of the clicked tab.
|
37
|
+
*/
|
38
|
+
onTabClick: (id: string) => void;
|
39
|
+
/**
|
40
|
+
* Function to add a new tab.
|
41
|
+
*/
|
42
|
+
onTabAdd?: () => void;
|
43
|
+
/**
|
44
|
+
* Function to close a specific tab.
|
45
|
+
* @param index - The index of the tab to be closed.
|
46
|
+
*/
|
47
|
+
onTabClose?: (index: number) => void;
|
48
|
+
/**
|
49
|
+
* Minimum width for each tab (in pixels).
|
50
|
+
*/
|
51
|
+
minTabWidth?: number;
|
52
|
+
/**
|
53
|
+
* Maximum width for each tab (in pixels).
|
54
|
+
*/
|
55
|
+
maxTabWidth?: number;
|
56
|
+
/**
|
57
|
+
* Show the close button only for the active tab.
|
58
|
+
*/
|
59
|
+
showCloseOnActive?: boolean;
|
60
|
+
/**
|
61
|
+
* Custom CSS class name to override default styles.
|
62
|
+
*/
|
63
|
+
className?: string;
|
64
|
+
}
|
@@ -1,73 +1,71 @@
|
|
1
1
|
declare const machineData: {
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
2
|
+
machines: {
|
3
|
+
multiple: boolean;
|
4
|
+
totalNoScript: number;
|
5
|
+
selectedMachines: {
|
6
|
+
clientId: string;
|
7
|
+
executionDataSet: {
|
8
|
+
peVariableSetId: string;
|
9
|
+
globalVariableSetId: string;
|
10
|
+
testDataSetId: string;
|
11
|
+
};
|
12
|
+
machineInstances: ({
|
7
13
|
clientId: string;
|
8
|
-
|
14
|
+
numberOfRuns: string;
|
15
|
+
executionEnv: string;
|
16
|
+
browserName: string;
|
17
|
+
browserVersion: string;
|
18
|
+
systemUrl: string;
|
19
|
+
machineInfo: {
|
20
|
+
osName: string;
|
21
|
+
osVersion: string;
|
22
|
+
hostName: string;
|
23
|
+
};
|
24
|
+
deviceInfo: {
|
25
|
+
version: string;
|
26
|
+
name: string;
|
27
|
+
type: string;
|
28
|
+
subType: string;
|
29
|
+
platform: string;
|
30
|
+
}[];
|
31
|
+
headless: boolean;
|
32
|
+
runLevelExecutionDataSets: {
|
9
33
|
peVariableSetId: string;
|
10
34
|
globalVariableSetId: string;
|
11
35
|
testDataSetId: string;
|
36
|
+
runScriptCount: number;
|
37
|
+
browserRenderer: string;
|
38
|
+
}[];
|
39
|
+
} | {
|
40
|
+
clientId: string;
|
41
|
+
numberOfRuns: string;
|
42
|
+
executionEnv: string;
|
43
|
+
browserName: string;
|
44
|
+
browserVersion: string;
|
45
|
+
systemUrl: string;
|
46
|
+
machineInfo: {
|
47
|
+
osName: string;
|
48
|
+
osVersion: string;
|
49
|
+
hostName: string;
|
12
50
|
};
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
}[];
|
32
|
-
headless: boolean;
|
33
|
-
runLevelExecutionDataSets: {
|
34
|
-
peVariableSetId: string;
|
35
|
-
globalVariableSetId: string;
|
36
|
-
testDataSetId: string;
|
37
|
-
runScriptCount: number;
|
38
|
-
browserRenderer: string;
|
39
|
-
}[];
|
40
|
-
} | {
|
41
|
-
clientId: string;
|
42
|
-
numberOfRuns: string;
|
43
|
-
executionEnv: string;
|
44
|
-
browserName: string;
|
45
|
-
browserVersion: string;
|
46
|
-
systemUrl: string;
|
47
|
-
machineInfo: {
|
48
|
-
osName: string;
|
49
|
-
osVersion: string;
|
50
|
-
hostName: string;
|
51
|
-
};
|
52
|
-
deviceInfo: {
|
53
|
-
version: string;
|
54
|
-
name: string;
|
55
|
-
type: string;
|
56
|
-
subType: string;
|
57
|
-
platform: string;
|
58
|
-
}[];
|
59
|
-
headless: boolean;
|
60
|
-
runLevelExecutionDataSets: {
|
61
|
-
peVariableSetId: string;
|
62
|
-
globalVariableSetId: string;
|
63
|
-
testDataSetId: string;
|
64
|
-
runScriptCount: number;
|
65
|
-
executionDataSetId: string;
|
66
|
-
}[];
|
67
|
-
})[];
|
68
|
-
}[];
|
69
|
-
executionType: string;
|
70
|
-
};
|
51
|
+
deviceInfo: {
|
52
|
+
version: string;
|
53
|
+
name: string;
|
54
|
+
type: string;
|
55
|
+
subType: string;
|
56
|
+
platform: string;
|
57
|
+
}[];
|
58
|
+
headless: boolean;
|
59
|
+
runLevelExecutionDataSets: {
|
60
|
+
peVariableSetId: string;
|
61
|
+
globalVariableSetId: string;
|
62
|
+
testDataSetId: string;
|
63
|
+
runScriptCount: number;
|
64
|
+
executionDataSetId: string;
|
65
|
+
}[];
|
66
|
+
})[];
|
67
|
+
}[];
|
68
|
+
executionType: string;
|
71
69
|
};
|
72
70
|
};
|
73
71
|
export default machineData;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ReactElement } from 'react';
|
1
|
+
import { ReactElement, type FC } from 'react';
|
2
2
|
type MachineInstanceData = any;
|
3
3
|
export interface MachineInstance {
|
4
4
|
[key: string]: MachineInstanceData;
|
@@ -8,22 +8,43 @@ export interface MachineData {
|
|
8
8
|
[key: string]: machineDataObj;
|
9
9
|
}
|
10
10
|
export interface MachineInstancesProps {
|
11
|
-
|
12
|
-
|
11
|
+
parentNodeIndex: number;
|
12
|
+
parentNodeData: MachineData;
|
13
13
|
verticalLineHeight: number;
|
14
14
|
datasetHeight: number;
|
15
15
|
curveHeights: number[];
|
16
16
|
itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
|
17
17
|
datasetRef: React.RefObject<HTMLDivElement>;
|
18
|
-
getChildNodeComponent:
|
18
|
+
getChildNodeComponent: FC<ConnectingNodeConfig>;
|
19
19
|
}
|
20
20
|
export type indexType = number;
|
21
21
|
export type rowType = number;
|
22
|
+
export interface RunLevelExecutionDataSet {
|
23
|
+
peVariableSetId: string;
|
24
|
+
globalVariableSetId: string;
|
25
|
+
testDataSetId: string;
|
26
|
+
runScriptCount?: number;
|
27
|
+
[key: string]: any;
|
28
|
+
}
|
29
|
+
export interface ConnectingNodeConfig {
|
30
|
+
isButton?: boolean;
|
31
|
+
isMultiSelect?: boolean;
|
32
|
+
parentNodeData?: {
|
33
|
+
[key: string]: any;
|
34
|
+
};
|
35
|
+
parentNodeIndex?: number;
|
36
|
+
childNodeData?: {
|
37
|
+
[key: string]: any;
|
38
|
+
};
|
39
|
+
childNodeIndex?: number;
|
40
|
+
runLevelExecutionDataSetIndex?: number;
|
41
|
+
runLevelExecutionDataSet?: RunLevelExecutionDataSet;
|
42
|
+
}
|
22
43
|
export interface ConnectBranchProps {
|
23
44
|
data: MachineData;
|
24
45
|
childNodeCurveHeight?: number;
|
25
|
-
getParentNodeComponent: (
|
26
|
-
getParentNodeComponentActionItems: (
|
27
|
-
getChildNodeComponent: (
|
46
|
+
getParentNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
47
|
+
getParentNodeComponentActionItems: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
48
|
+
getChildNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
28
49
|
}
|
29
50
|
export {};
|
@@ -14,13 +14,18 @@ interface ExcelFileProps {
|
|
14
14
|
}[];
|
15
15
|
};
|
16
16
|
/** Controls whether the toolbar is shown, disabled, or hidden */
|
17
|
-
toolbar?: 'show' | '
|
17
|
+
toolbar?: 'show' | 'hide';
|
18
|
+
sheetBar?: 'show' | 'hide';
|
19
|
+
rowCount?: number;
|
20
|
+
colCount?: number;
|
18
21
|
/** Callback function to save the Excel data */
|
19
22
|
onSave?: (saveData: any) => void;
|
20
23
|
contextHeightPositioning?: number;
|
21
24
|
contextWidthPositioning?: number;
|
22
25
|
/** Set your dynamic sheet Height*/
|
23
26
|
sheetHeight?: string;
|
27
|
+
columnContextEnable?: boolean;
|
28
|
+
rowContextEnable?: boolean;
|
24
29
|
}
|
25
30
|
declare const ExcelFile: React.FC<ExcelFileProps>;
|
26
31
|
export default ExcelFile;
|
@@ -62,6 +62,7 @@ export type Props<CellType extends Types.CellBase> = {
|
|
62
62
|
setContextMenu: React.Dispatch<React.SetStateAction<Types.ContextMenuState>>;
|
63
63
|
/** Set your dynamic sheet Height*/
|
64
64
|
sheetHeight: string;
|
65
|
+
toolbar?: 'show' | 'hide';
|
65
66
|
contextOption?: {
|
66
67
|
open: boolean;
|
67
68
|
options: {
|
@@ -71,6 +72,8 @@ export type Props<CellType extends Types.CellBase> = {
|
|
71
72
|
action: () => void;
|
72
73
|
}[];
|
73
74
|
};
|
75
|
+
columnContextEnable: boolean;
|
76
|
+
rowContextEnable: boolean;
|
74
77
|
};
|
75
78
|
/**
|
76
79
|
* The Spreadsheet component
|
@@ -35,7 +35,9 @@ export declare const COLOR = "COLOR";
|
|
35
35
|
export declare const BACKGROUND_COLOR = "BACKGROUND_COLOR";
|
36
36
|
export declare const FORMATE_PAINTER = "FORMATE_PAINTER";
|
37
37
|
export declare const ADD_ROW_TOP = "ADD_ROW_TOP";
|
38
|
+
export declare const ADD_ROW_BOTTOM = "ADD_ROW_BOTTOM";
|
38
39
|
export declare const ADD_COLUMN_LEFT = "ADD_COLUMN_LEFT";
|
40
|
+
export declare const ADD_COLUMN_RIGHT = "ADD_COLUMN_RIGHT";
|
39
41
|
export declare const DELETE_ROW = "DELETE_ROW";
|
40
42
|
export declare const DELETE_COLUMN = "DELETE_COLUMN";
|
41
43
|
export declare const SET_ROW_HEIGHT = "SET_ROW_HEIGHT";
|
@@ -139,12 +141,24 @@ export type AddRowTop = BaseAction<typeof ADD_ROW_TOP> & {
|
|
139
141
|
};
|
140
142
|
};
|
141
143
|
export declare function addRowTop(data: Matrix<CellBase>): AddRowTop;
|
144
|
+
export type AddRowBottom = BaseAction<typeof ADD_ROW_BOTTOM> & {
|
145
|
+
payload: {
|
146
|
+
data: Matrix<CellBase>;
|
147
|
+
};
|
148
|
+
};
|
149
|
+
export declare function addRowBottom(data: Matrix<CellBase>): AddRowBottom;
|
142
150
|
export type AddColumnLeft = BaseAction<typeof ADD_COLUMN_LEFT> & {
|
143
151
|
payload: {
|
144
152
|
data: Matrix<CellBase>;
|
145
153
|
};
|
146
154
|
};
|
147
155
|
export declare function addColumnLeft(data: Matrix<CellBase>): AddColumnLeft;
|
156
|
+
export type AddColumnRight = BaseAction<typeof ADD_COLUMN_RIGHT> & {
|
157
|
+
payload: {
|
158
|
+
data: Matrix<CellBase>;
|
159
|
+
};
|
160
|
+
};
|
161
|
+
export declare function addColumnRight(data: Matrix<CellBase>): AddColumnRight;
|
148
162
|
export type DeleteRow = BaseAction<typeof DELETE_ROW> & {
|
149
163
|
payload: {
|
150
164
|
data: Matrix<CellBase>;
|
@@ -257,4 +271,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
|
|
257
271
|
export declare function clear(): ClearAction;
|
258
272
|
export type BlurAction = BaseAction<typeof BLUR>;
|
259
273
|
export declare function blur(): BlurAction;
|
260
|
-
export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | KeyPressAction | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | BlurAction;
|
274
|
+
export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | KeyPressAction | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddRowBottom | AddColumnLeft | AddColumnRight | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | BlurAction;
|
@@ -19,6 +19,7 @@ export type CellBase<Value = any> = {
|
|
19
19
|
DataEditor?: DataEditorComponent<CellBase<Value>>;
|
20
20
|
/** Custom component to render when the cell is viewed, if not defined would default to the component defined for the Spreadsheet */
|
21
21
|
DataViewer?: DataViewerComponent<CellBase<Value>>;
|
22
|
+
isDisable?: boolean;
|
22
23
|
};
|
23
24
|
/**
|
24
25
|
* A cell with it's coordinates
|
@@ -159,6 +160,8 @@ export type RowIndicatorProps = {
|
|
159
160
|
setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
|
160
161
|
deleteRow: (data: MatrixValue.Matrix<CellBase>) => void;
|
161
162
|
addRowTop: (data: MatrixValue.Matrix<CellBase>) => void;
|
163
|
+
addRowBottom: (data: MatrixValue.Matrix<CellBase>) => void;
|
164
|
+
rowContextEnable: boolean;
|
162
165
|
data: MatrixValue.Matrix<CellBase>;
|
163
166
|
};
|
164
167
|
export type ContextMenuState = {
|
@@ -192,6 +195,8 @@ export type ColumnIndicatorProps = {
|
|
192
195
|
setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
|
193
196
|
deleteColumn: (data: MatrixValue.Matrix<CellBase>) => void;
|
194
197
|
addColumnLeft: (data: MatrixValue.Matrix<CellBase>) => void;
|
198
|
+
addColumnRight: (data: MatrixValue.Matrix<CellBase>) => void;
|
199
|
+
columnContextEnable: boolean;
|
195
200
|
data: MatrixValue.Matrix<CellBase>;
|
196
201
|
};
|
197
202
|
/** Type of the ColumnIndicator component */
|
@@ -65,6 +65,9 @@ export interface InputWithDropdownProps {
|
|
65
65
|
* onInputBlurHandler action for input field
|
66
66
|
*/
|
67
67
|
onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
68
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
69
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
70
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
68
71
|
/**
|
69
72
|
* id to select the input field uniquely
|
70
73
|
*/
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import './MenuOption.scss';
|
2
2
|
import { MenuOptionProps } from './types';
|
3
|
-
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default MenuOption;
|
@@ -13,7 +13,8 @@ export interface MiniEditModalProps {
|
|
13
13
|
/**
|
14
14
|
* A reference to the button element that triggers the modal.
|
15
15
|
*/
|
16
|
-
anchorRef
|
16
|
+
anchorRef?: RefObject<HTMLButtonElement> | string;
|
17
|
+
id?: string | number;
|
17
18
|
/**
|
18
19
|
* Optional properties for configuring the modal header.
|
19
20
|
*/
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { TableCellProps } from '../types';
|
2
2
|
import React from 'react';
|
3
|
-
declare const TableCell: React.MemoExoticComponent<({ col, node, selected, select, onCheckBoxChange, onToggleExpand,
|
3
|
+
declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
|
4
4
|
export default TableCell;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { TableRowProps } from '../types';
|
3
|
-
declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange,
|
3
|
+
declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
|
4
4
|
export default TableRow;
|
@@ -2,13 +2,14 @@ import { ReactNode } from 'react';
|
|
2
2
|
import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
|
3
3
|
declare type JSX = ReactNode | JSX.Element[] | string | null;
|
4
4
|
export interface TableCellProps {
|
5
|
+
treeRowRef?: React.RefObject<any | null>;
|
5
6
|
col: any;
|
6
7
|
node: any;
|
7
8
|
selected: string[];
|
8
9
|
select: string | null;
|
9
10
|
onCheckBoxChange: (e: any, node: string[] | any) => void;
|
10
11
|
onToggleExpand: (node: any) => void;
|
11
|
-
index
|
12
|
+
index?: number;
|
12
13
|
onAddConfirm?: (_name: string) => void;
|
13
14
|
onAddCancel?: () => void;
|
14
15
|
}
|
@@ -40,7 +41,7 @@ export interface TableRowProps {
|
|
40
41
|
onRowClick: (e: any, node: any) => void;
|
41
42
|
onToggleExpand: (node: TreeNode) => void;
|
42
43
|
onCheckBoxChange: (e: any, node: string[] | any) => void;
|
43
|
-
index
|
44
|
+
index?: number;
|
44
45
|
onAddConfirm?: (_name: string) => void;
|
45
46
|
onAddCancel?: () => void;
|
46
47
|
}
|
@@ -50,7 +51,7 @@ export interface Column {
|
|
50
51
|
width: string;
|
51
52
|
isClickable?: boolean;
|
52
53
|
cell?: (row: any) => JSX;
|
53
|
-
actions?: (row: any) => JSX;
|
54
|
+
actions?: (row: any, treeRowRef?: React.RefObject<any | null>) => JSX;
|
54
55
|
isTree?: boolean;
|
55
56
|
defaultValue?: string;
|
56
57
|
defaultActions?: () => JSX;
|