pixel-react 1.9.6 → 1.9.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/lib/components/ConditionalDropdown/types.d.ts +4 -3
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
- package/lib/components/Input/types.d.ts +2 -0
- package/lib/components/MobileSkin/MobileSkinInterface.d.ts +2 -2
- package/lib/components/MobileSkin/types.d.ts +9 -8
- package/lib/components/Select/types.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.d.ts +8 -0
- package/lib/components/SequentialConnectingBranch/types.d.ts +17 -4
- package/lib/components/TableTree/types.d.ts +4 -3
- package/lib/index.d.ts +34 -7
- package/lib/index.esm.js +291 -96
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +291 -96
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/getSequentialPayload/types.d.ts +6 -0
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +3 -0
- package/src/assets/Themes/DarkTheme.scss +3 -0
- package/src/assets/styles/_colors.scss +5 -0
- package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +149 -30
- package/src/components/ConditionalDropdown/types.ts +27 -25
- package/src/components/Drawer/Drawer.scss +1 -1
- package/src/components/Drawer/Drawer.tsx +1 -1
- package/src/components/Editor/VariableDropdown.tsx +1 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +39 -8
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +0 -4
- package/src/components/Input/Input.tsx +4 -0
- package/src/components/Input/types.ts +5 -0
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +1 -0
- package/src/components/MobileSkin/MobileSkin.scss +0 -8
- package/src/components/MobileSkin/MobileSkin.stories.tsx +10 -9
- package/src/components/MobileSkin/MobileSkin.tsx +16 -31
- package/src/components/MobileSkin/MobileSkinInterface.ts +2 -2
- package/src/components/MobileSkin/types.ts +9 -8
- package/src/components/RadioButton/RadioButton.tsx +5 -1
- package/src/components/Select/Select.stories.tsx +2 -0
- package/src/components/Select/Select.tsx +4 -1
- package/src/components/Select/components/Dropdown.tsx +1 -2
- package/src/components/Select/types.ts +6 -1
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +35 -28
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +58 -14
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -20
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +41 -0
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/types.ts +9 -0
- package/src/components/SequentialConnectingBranch/types.ts +19 -5
- package/src/components/TableTree/Components/TableBody.tsx +2 -2
- package/src/components/TableTree/Components/TableCell.tsx +16 -4
- package/src/components/TableTree/Components/TableHead.tsx +5 -3
- package/src/components/TableTree/TableTree.scss +88 -51
- package/src/components/TableTree/TableTree.stories.tsx +8 -7
- package/src/components/TableTree/TableTree.tsx +9 -6
- package/src/components/TableTree/data.ts +1 -1
- package/src/components/TableTree/types.ts +4 -3
- package/src/components/Tabs/Tabs.scss +1 -1
- package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +1 -0
- package/src/utils/getSequentialPayload/getSequentialPayload.ts +1 -1
- package/src/utils/getSequentialPayload/types.ts +6 -0
@@ -1,4 +1,4 @@
|
|
1
|
-
import { dropdownPositionType } from
|
1
|
+
import { dropdownPositionType } from '../Editor/types';
|
2
2
|
export type dynamicObject = {
|
3
3
|
[key: string]: any;
|
4
4
|
};
|
@@ -124,11 +124,12 @@ export interface ConditionalDropdownProps {
|
|
124
124
|
* a boolean prop to show add variable icon or not.
|
125
125
|
*/
|
126
126
|
showAddVariableIcon?: boolean;
|
127
|
+
formProps?: Record<string, any>;
|
127
128
|
}
|
128
129
|
export interface OptionsDropdownProps {
|
129
130
|
/**
|
130
|
-
|
131
|
-
|
131
|
+
* Position whether absoloute or relative
|
132
|
+
*/
|
132
133
|
position: 'absolute' | 'relative';
|
133
134
|
/**
|
134
135
|
* Dropdown width
|
@@ -18,6 +18,7 @@ export declare function dragEndFormatePainter(currentData: Matrix.Matrix<Types.C
|
|
18
18
|
export declare function dragEndAutoFill(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, cellValue: Types.CellBase, activeCell: Point.Point | null): Matrix.Matrix<Types.CellBase<any>>;
|
19
19
|
export declare function edit(state: Types.StoreState): Types.StoreState;
|
20
20
|
export declare function clear(state: Types.StoreState): Types.StoreState;
|
21
|
+
export declare function clearEditMode(state: Types.StoreState): Types.StoreState;
|
21
22
|
export declare function blur(state: Types.StoreState): Types.StoreState;
|
22
23
|
export declare function view(state: Types.StoreState): Types.StoreState;
|
23
24
|
export declare function commit(changes: Types.CommitChanges): Partial<Types.StoreState>;
|
@@ -54,6 +54,8 @@ export interface InputProps {
|
|
54
54
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
55
55
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
56
56
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
57
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
58
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
57
59
|
/**
|
58
60
|
* id to select the input field uniquely
|
59
61
|
*/
|
@@ -5,8 +5,8 @@ interface NavBarIcon {
|
|
5
5
|
export interface MobileSkinProps {
|
6
6
|
children: React.ReactNode | string;
|
7
7
|
orientation?: 'portrait' | 'landscape';
|
8
|
-
|
9
|
-
navBarIcons
|
8
|
+
UtilityBar?: boolean;
|
9
|
+
navBarIcons?: NavBarIcon[];
|
10
10
|
mobileHeight?: number;
|
11
11
|
mobileWidth?: number;
|
12
12
|
}
|
@@ -1,7 +1,8 @@
|
|
1
1
|
export interface iconDetails {
|
2
2
|
/**
|
3
|
-
* details of each icon
|
3
|
+
* details of each icon in which name must be there
|
4
4
|
*/
|
5
|
+
name: string;
|
5
6
|
[key: string]: any;
|
6
7
|
}
|
7
8
|
export interface MobileSkinProps {
|
@@ -12,11 +13,7 @@ export interface MobileSkinProps {
|
|
12
13
|
/**
|
13
14
|
* Portrait or landScape View of the Mobile
|
14
15
|
*/
|
15
|
-
orientation:
|
16
|
-
/**
|
17
|
-
* type either it will be ios or android
|
18
|
-
*/
|
19
|
-
type: string;
|
16
|
+
orientation: 'portrait' | 'landscape';
|
20
17
|
/**
|
21
18
|
* height of the MobileSkin
|
22
19
|
*/
|
@@ -26,7 +23,11 @@ export interface MobileSkinProps {
|
|
26
23
|
*/
|
27
24
|
mobileWidth?: number;
|
28
25
|
/**
|
29
|
-
*
|
26
|
+
* if you need the lower navbar below the mobileSkin you pass this prop
|
27
|
+
*/
|
28
|
+
UtilityBar?: boolean;
|
29
|
+
/**
|
30
|
+
* takes the icons details like icon name , title, onClick event, height , width, etc but name is must
|
30
31
|
*/
|
31
|
-
navbarIcons
|
32
|
+
navbarIcons?: Array<iconDetails>;
|
32
33
|
}
|
@@ -32,6 +32,10 @@ export interface SelectProps {
|
|
32
32
|
* Provide the boolean value if tooltip is reuired or not
|
33
33
|
*/
|
34
34
|
showToolTip?: boolean;
|
35
|
+
/**
|
36
|
+
* Provide the background color for the select label on the hover state
|
37
|
+
*/
|
38
|
+
labelBackgroundColor?: string;
|
35
39
|
}
|
36
40
|
export interface DropdownPosition {
|
37
41
|
positionX: number;
|
@@ -1,22 +1,27 @@
|
|
1
1
|
import { Option } from '../Select/types';
|
2
2
|
export interface SequentialConnectingBranchProps {
|
3
|
-
machineInstances
|
3
|
+
machineInstances: ExecutionContext[] | {}[];
|
4
4
|
machineColumnWidth?: number;
|
5
5
|
machineColumnCount?: number;
|
6
6
|
selectedMachine?: Option;
|
7
7
|
machineOptionsList?: Option[];
|
8
8
|
onHandleSelect?: (option: Option) => void;
|
9
9
|
onAddBrowserInstance?: (modalId: string) => void;
|
10
|
-
onUpdateAddBrowserInstance
|
10
|
+
onUpdateAddBrowserInstance?: (modalId: string, machineInstance: ExecutionContext) => void;
|
11
11
|
onDeleteBrowserInstance?: (id: string, runCount: number) => void;
|
12
12
|
onAddRunBrowserInstance?: (machineInstanceId: string) => void;
|
13
13
|
onDeleteMachineInstance?: () => void;
|
14
|
-
onUpdateDataSetList
|
15
|
-
dataSetValues
|
14
|
+
onUpdateDataSetList?: (id: string, dataSetObject?: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
|
15
|
+
dataSetValues?: dataSetValues;
|
16
16
|
addInstanceLabel?: string;
|
17
17
|
scriptType?: string;
|
18
18
|
projectType?: string;
|
19
19
|
readOnly?: boolean;
|
20
|
+
integrationInstance?: IntegrationInstance;
|
21
|
+
}
|
22
|
+
export interface IntegrationInstance {
|
23
|
+
usename: string;
|
24
|
+
accessKey: string;
|
20
25
|
}
|
21
26
|
export interface MachineInfo {
|
22
27
|
osName: string;
|
@@ -32,6 +37,7 @@ export interface ExecutionContext {
|
|
32
37
|
machineInstanceId: string;
|
33
38
|
clientId: string;
|
34
39
|
numberOfRuns: number;
|
40
|
+
runCount: number;
|
35
41
|
executionEnv?: 'Local';
|
36
42
|
browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
|
37
43
|
browserVersion: string;
|
@@ -40,11 +46,18 @@ export interface ExecutionContext {
|
|
40
46
|
deviceInfo: DeviceInfo[];
|
41
47
|
headless: boolean;
|
42
48
|
peVariableSetId: string;
|
49
|
+
testDataSetName: string;
|
50
|
+
globalVariableSetName: string;
|
51
|
+
peVariableSetName: string;
|
43
52
|
globalVariableSetId: string;
|
44
53
|
testDataSetId: string;
|
54
|
+
integrationInstance: IntegrationInstance;
|
45
55
|
}
|
46
56
|
export interface dataSetValues {
|
47
57
|
peVariableSetId: string;
|
48
58
|
globalVariableSetId: string;
|
49
59
|
testDataSetId: string;
|
60
|
+
testDataSetName: string;
|
61
|
+
globalVariableSetName: string;
|
62
|
+
peVariableSetName: string;
|
50
63
|
}
|
@@ -18,7 +18,7 @@ export interface TableBodyProps {
|
|
18
18
|
selected: string[];
|
19
19
|
select: string | null;
|
20
20
|
onRowClick: (e: any, node: any) => void;
|
21
|
-
onToggleExpand: (node:
|
21
|
+
onToggleExpand: (node: TreeNode, _index: number) => void;
|
22
22
|
onCheckBoxChange: (e: any, node: string[] | any) => void;
|
23
23
|
}
|
24
24
|
export interface TableRowProps {
|
@@ -27,7 +27,7 @@ export interface TableRowProps {
|
|
27
27
|
selected: string[];
|
28
28
|
select: string | null;
|
29
29
|
onRowClick: (e: any, node: any) => void;
|
30
|
-
onToggleExpand: (node:
|
30
|
+
onToggleExpand: (node: TreeNode) => void;
|
31
31
|
onCheckBoxChange: (e: any, node: string[] | any) => void;
|
32
32
|
}
|
33
33
|
export interface Column {
|
@@ -48,8 +48,9 @@ export interface TreeTableProps {
|
|
48
48
|
select?: 'radio' | 'checkbox' | 'none';
|
49
49
|
onChange?: (e: any, node: string[] | any) => void;
|
50
50
|
onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
|
51
|
-
onExpand?: (node: TreeNode) => void;
|
51
|
+
onExpand?: (node: TreeNode, _index: number) => void;
|
52
52
|
loadMore?: (_direction?: string) => void;
|
53
|
+
tableBorder?: string;
|
53
54
|
height?: number | string;
|
54
55
|
}
|
55
56
|
export {};
|
package/lib/index.d.ts
CHANGED
@@ -680,6 +680,8 @@ interface InputProps {
|
|
680
680
|
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
681
681
|
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
682
682
|
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
683
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
684
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
683
685
|
/**
|
684
686
|
* id to select the input field uniquely
|
685
687
|
*/
|
@@ -798,6 +800,10 @@ interface SelectProps$1 {
|
|
798
800
|
* Provide the boolean value if tooltip is reuired or not
|
799
801
|
*/
|
800
802
|
showToolTip?: boolean;
|
803
|
+
/**
|
804
|
+
* Provide the background color for the select label on the hover state
|
805
|
+
*/
|
806
|
+
labelBackgroundColor?: string;
|
801
807
|
}
|
802
808
|
type OptionValue = any;
|
803
809
|
interface Option$2 {
|
@@ -1762,8 +1768,9 @@ interface TreeTableProps {
|
|
1762
1768
|
select?: 'radio' | 'checkbox' | 'none';
|
1763
1769
|
onChange?: (e: any, node: string[] | any) => void;
|
1764
1770
|
onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNodeProps) => void;
|
1765
|
-
onExpand?: (node: TreeNodeProps) => void;
|
1771
|
+
onExpand?: (node: TreeNodeProps, _index: number) => void;
|
1766
1772
|
loadMore?: (_direction?: string) => void;
|
1773
|
+
tableBorder?: string;
|
1767
1774
|
height?: number | string;
|
1768
1775
|
}
|
1769
1776
|
|
@@ -2316,23 +2323,28 @@ declare const MachineInputField: {
|
|
2316
2323
|
};
|
2317
2324
|
|
2318
2325
|
interface SequentialConnectingBranchProps {
|
2319
|
-
machineInstances
|
2326
|
+
machineInstances: ExecutionContext[] | {}[];
|
2320
2327
|
machineColumnWidth?: number;
|
2321
2328
|
machineColumnCount?: number;
|
2322
2329
|
selectedMachine?: Option$2;
|
2323
2330
|
machineOptionsList?: Option$2[];
|
2324
2331
|
onHandleSelect?: (option: Option$2) => void;
|
2325
2332
|
onAddBrowserInstance?: (modalId: string) => void;
|
2326
|
-
onUpdateAddBrowserInstance
|
2333
|
+
onUpdateAddBrowserInstance?: (modalId: string, machineInstance: ExecutionContext) => void;
|
2327
2334
|
onDeleteBrowserInstance?: (id: string, runCount: number) => void;
|
2328
2335
|
onAddRunBrowserInstance?: (machineInstanceId: string) => void;
|
2329
2336
|
onDeleteMachineInstance?: () => void;
|
2330
|
-
onUpdateDataSetList
|
2331
|
-
dataSetValues
|
2337
|
+
onUpdateDataSetList?: (id: string, dataSetObject?: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
|
2338
|
+
dataSetValues?: dataSetValues;
|
2332
2339
|
addInstanceLabel?: string;
|
2333
2340
|
scriptType?: string;
|
2334
2341
|
projectType?: string;
|
2335
2342
|
readOnly?: boolean;
|
2343
|
+
integrationInstance?: IntegrationInstance;
|
2344
|
+
}
|
2345
|
+
interface IntegrationInstance {
|
2346
|
+
usename: string;
|
2347
|
+
accessKey: string;
|
2336
2348
|
}
|
2337
2349
|
interface MachineInfo {
|
2338
2350
|
osName: string;
|
@@ -2348,6 +2360,7 @@ interface ExecutionContext {
|
|
2348
2360
|
machineInstanceId: string;
|
2349
2361
|
clientId: string;
|
2350
2362
|
numberOfRuns: number;
|
2363
|
+
runCount: number;
|
2351
2364
|
executionEnv?: 'Local';
|
2352
2365
|
browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
|
2353
2366
|
browserVersion: string;
|
@@ -2356,13 +2369,20 @@ interface ExecutionContext {
|
|
2356
2369
|
deviceInfo: DeviceInfo[];
|
2357
2370
|
headless: boolean;
|
2358
2371
|
peVariableSetId: string;
|
2372
|
+
testDataSetName: string;
|
2373
|
+
globalVariableSetName: string;
|
2374
|
+
peVariableSetName: string;
|
2359
2375
|
globalVariableSetId: string;
|
2360
2376
|
testDataSetId: string;
|
2377
|
+
integrationInstance: IntegrationInstance;
|
2361
2378
|
}
|
2362
2379
|
interface dataSetValues {
|
2363
2380
|
peVariableSetId: string;
|
2364
2381
|
globalVariableSetId: string;
|
2365
2382
|
testDataSetId: string;
|
2383
|
+
testDataSetName: string;
|
2384
|
+
globalVariableSetName: string;
|
2385
|
+
peVariableSetName: string;
|
2366
2386
|
}
|
2367
2387
|
|
2368
2388
|
declare const SequentialConnectingBranch: FC<SequentialConnectingBranchProps>;
|
@@ -2956,8 +2976,8 @@ interface NavBarIcon {
|
|
2956
2976
|
interface MobileSkinProps {
|
2957
2977
|
children: React.ReactNode | string;
|
2958
2978
|
orientation?: 'portrait' | 'landscape';
|
2959
|
-
|
2960
|
-
navBarIcons
|
2979
|
+
UtilityBar?: boolean;
|
2980
|
+
navBarIcons?: NavBarIcon[];
|
2961
2981
|
mobileHeight?: number;
|
2962
2982
|
mobileWidth?: number;
|
2963
2983
|
}
|
@@ -3072,8 +3092,11 @@ interface OperatingSystemInfo {
|
|
3072
3092
|
}
|
3073
3093
|
interface RunLevelExecutionDataSet {
|
3074
3094
|
peVariableSetId: string;
|
3095
|
+
peVariableSetName: string;
|
3075
3096
|
globalVariableSetId: string;
|
3097
|
+
globalVariableSetName: string;
|
3076
3098
|
testDataSetId: string;
|
3099
|
+
testDataSetName: string;
|
3077
3100
|
}
|
3078
3101
|
interface MachineExecutionInstance {
|
3079
3102
|
id: string;
|
@@ -3092,6 +3115,9 @@ interface SequentialMachineInstance extends Omit<MachineExecutionInstance, 'runL
|
|
3092
3115
|
peVariableSetId: string;
|
3093
3116
|
globalVariableSetId: string;
|
3094
3117
|
testDataSetId: string;
|
3118
|
+
peVariableSetName: string;
|
3119
|
+
globalVariableSetName: string;
|
3120
|
+
testDataSetName: string;
|
3095
3121
|
}
|
3096
3122
|
|
3097
3123
|
declare const getSequentialPayload: (data: MachineExecutionInstance[]) => SequentialMachineInstance[];
|
@@ -3275,6 +3301,7 @@ interface ConditionalDropdownProps {
|
|
3275
3301
|
* a boolean prop to show add variable icon or not.
|
3276
3302
|
*/
|
3277
3303
|
showAddVariableIcon?: boolean;
|
3304
|
+
formProps?: Record<string, any>;
|
3278
3305
|
}
|
3279
3306
|
|
3280
3307
|
declare const ConditionalDropdown: React$1.ForwardRefExoticComponent<ConditionalDropdownProps & React$1.RefAttributes<HTMLInputElement>>;
|