pixel-react 1.9.6 → 1.9.8

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.
Files changed (60) hide show
  1. package/lib/components/ConditionalDropdown/types.d.ts +4 -3
  2. package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +1 -0
  3. package/lib/components/Input/types.d.ts +2 -0
  4. package/lib/components/MobileSkin/MobileSkinInterface.d.ts +2 -2
  5. package/lib/components/MobileSkin/types.d.ts +9 -8
  6. package/lib/components/Select/types.d.ts +4 -0
  7. package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.d.ts +4 -0
  8. package/lib/components/SequentialConnectingBranch/components/DatasetTooltip/types.d.ts +8 -0
  9. package/lib/components/SequentialConnectingBranch/types.d.ts +17 -4
  10. package/lib/components/TableTree/types.d.ts +4 -3
  11. package/lib/index.d.ts +34 -7
  12. package/lib/index.esm.js +299 -106
  13. package/lib/index.esm.js.map +1 -1
  14. package/lib/index.js +299 -106
  15. package/lib/index.js.map +1 -1
  16. package/lib/tsconfig.tsbuildinfo +1 -1
  17. package/lib/utils/getSequentialPayload/types.d.ts +6 -0
  18. package/package.json +1 -1
  19. package/src/assets/Themes/BaseTheme.scss +3 -0
  20. package/src/assets/Themes/DarkTheme.scss +3 -0
  21. package/src/assets/styles/_colors.scss +5 -0
  22. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +149 -30
  23. package/src/components/ConditionalDropdown/types.ts +27 -25
  24. package/src/components/Drawer/Drawer.scss +1 -1
  25. package/src/components/Drawer/Drawer.tsx +1 -1
  26. package/src/components/Editor/VariableDropdown.tsx +1 -1
  27. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +39 -8
  28. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +0 -4
  29. package/src/components/Input/Input.tsx +4 -0
  30. package/src/components/Input/types.ts +5 -0
  31. package/src/components/InputWithDropdown/InputWithDropdown.tsx +1 -0
  32. package/src/components/MobileSkin/MobileSkin.scss +0 -8
  33. package/src/components/MobileSkin/MobileSkin.stories.tsx +10 -9
  34. package/src/components/MobileSkin/MobileSkin.tsx +16 -31
  35. package/src/components/MobileSkin/MobileSkinInterface.ts +2 -2
  36. package/src/components/MobileSkin/types.ts +9 -8
  37. package/src/components/RadioButton/RadioButton.tsx +5 -1
  38. package/src/components/Select/Select.stories.tsx +2 -0
  39. package/src/components/Select/Select.tsx +4 -1
  40. package/src/components/Select/components/Dropdown.tsx +1 -2
  41. package/src/components/Select/types.ts +6 -1
  42. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +35 -28
  43. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +58 -14
  44. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -20
  45. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +41 -0
  46. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/types.ts +9 -0
  47. package/src/components/SequentialConnectingBranch/types.ts +19 -5
  48. package/src/components/TableTree/Components/TableBody.tsx +2 -2
  49. package/src/components/TableTree/Components/TableCell.tsx +18 -5
  50. package/src/components/TableTree/Components/TableHead.tsx +5 -3
  51. package/src/components/TableTree/TableTree.scss +88 -51
  52. package/src/components/TableTree/TableTree.stories.tsx +8 -7
  53. package/src/components/TableTree/TableTree.tsx +12 -11
  54. package/src/components/TableTree/data.ts +1 -1
  55. package/src/components/TableTree/types.ts +4 -3
  56. package/src/components/Tabs/Tabs.scss +1 -1
  57. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +1 -0
  58. package/src/utils/getSequentialPayload/getSequentialPayload.ts +1 -1
  59. package/src/utils/getSequentialPayload/types.ts +6 -0
  60. package/src/utils/getTreeDetails/getTreeDetails.ts +3 -3
@@ -1,4 +1,4 @@
1
- import { dropdownPositionType } from "../Editor/types";
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
- * Position whether absoloute or relative
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
- type: 'ios' | 'android';
9
- navBarIcons: NavBarIcon[];
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: "portrait" | "landscape";
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
- * takes the icons details like icon name , title, onClick event, height , width, etc
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: Array<iconDetails>;
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;
@@ -0,0 +1,4 @@
1
+ import { FC } from 'react';
2
+ import { DataSetTooltipProps } from './types';
3
+ declare const DataSetTooltip: FC<DataSetTooltipProps>;
4
+ export default DataSetTooltip;
@@ -0,0 +1,8 @@
1
+ export interface DataSetTooltipProps {
2
+ datSetToolTip: DataSetToolTip;
3
+ }
4
+ export interface DataSetToolTip {
5
+ testDataSetName: string;
6
+ globalVariableSetName: string;
7
+ peVariableSetName: string;
8
+ }
@@ -1,22 +1,27 @@
1
1
  import { Option } from '../Select/types';
2
2
  export interface SequentialConnectingBranchProps {
3
- machineInstances?: ExecutionContext[] | {}[];
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: (modalId: string, machineInstance: ExecutionContext) => void;
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: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
15
- dataSetValues: 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: any) => void;
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: any) => void;
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?: ExecutionContext[] | {}[];
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: (modalId: string, machineInstance: ExecutionContext) => void;
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: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
2331
- dataSetValues: 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
- type: 'ios' | 'android';
2960
- navBarIcons: NavBarIcon[];
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>>;