pixel-react 1.4.5 → 1.4.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (104) hide show
  1. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  2. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  3. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  4. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  5. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts +1 -1
  6. package/lib/components/AllProjectsDropdown/types.d.ts +2 -0
  7. package/lib/components/AppHeader/types.d.ts +1 -0
  8. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +2 -2
  9. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +2 -2
  10. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +1 -1
  11. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +2 -2
  12. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +2 -2
  13. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +2 -2
  14. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +2 -2
  15. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +1 -1
  16. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +1 -1
  17. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +2 -2
  18. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +1 -1
  19. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +6 -7
  20. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +1 -1
  21. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +49 -5
  22. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +3 -3
  23. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +5 -5
  24. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +6 -6
  25. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -2
  26. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +2 -2
  27. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +1 -1
  28. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +1 -1
  29. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +11 -11
  30. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +1 -1
  31. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +1 -1
  32. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +5 -5
  33. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +3 -3
  34. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +11 -48
  35. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +1 -1
  36. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +1 -1
  37. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +11 -12
  38. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +16 -0
  39. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -3
  40. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +12 -0
  41. package/lib/components/ExcelFile/Types.d.ts +2 -49
  42. package/lib/components/MachineInputField/types.d.ts +1 -0
  43. package/lib/components/MenuOption/types.d.ts +1 -1
  44. package/lib/components/Modal/types.d.ts +4 -2
  45. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  46. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +1 -1
  47. package/lib/components/SequentialConnectingBranch/types.d.ts +7 -4
  48. package/lib/index.d.ts +19 -12
  49. package/lib/index.esm.js +266 -464
  50. package/lib/index.esm.js.map +1 -1
  51. package/lib/index.js +266 -464
  52. package/lib/index.js.map +1 -1
  53. package/lib/tsconfig.tsbuildinfo +1 -1
  54. package/lib/utils/capitalize/capitalize.d.ts +1 -0
  55. package/lib/utils/getSequentialPayload/getSequentialPayload.d.ts +2 -2
  56. package/lib/utils/getSequentialPayload/types.d.ts +2 -4
  57. package/package.json +1 -1
  58. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +82 -12
  59. package/src/assets/Themes/BaseTheme.scss +36 -15
  60. package/src/assets/Themes/DarkTheme.scss +15 -1
  61. package/src/assets/icons/add_file.svg +4 -13
  62. package/src/assets/icons/eye_open_icon.svg +10 -0
  63. package/src/assets/icons/hide_access_icon.svg +3 -0
  64. package/src/assets/icons/windows.svg +8 -4
  65. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +58 -8
  66. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +83 -75
  67. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +31 -18
  68. package/src/components/AllProjectsDropdown/types.ts +2 -0
  69. package/src/components/AppHeader/AppHeader.scss +2 -2
  70. package/src/components/AppHeader/AppHeader.stories.tsx +5 -1
  71. package/src/components/AppHeader/AppHeader.tsx +107 -101
  72. package/src/components/AppHeader/types.ts +1 -0
  73. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +2 -2
  74. package/src/components/Checkbox/Checkbox.scss +1 -1
  75. package/src/components/EditTextField/EditTextField.tsx +3 -5
  76. package/src/components/Icon/iconList.ts +4 -2
  77. package/src/components/MachineInputField/MachineInputField.scss +4 -2
  78. package/src/components/MachineInputField/MachineInputField.tsx +2 -0
  79. package/src/components/MachineInputField/types.ts +1 -0
  80. package/src/components/MenuOption/MenuOption.scss +24 -27
  81. package/src/components/MenuOption/MenuOption.stories.tsx +90 -35
  82. package/src/components/MenuOption/MenuOption.tsx +19 -18
  83. package/src/components/MenuOption/types.ts +1 -1
  84. package/src/components/Modal/Modal.stories.tsx +2 -2
  85. package/src/components/Modal/Modal.tsx +6 -2
  86. package/src/components/Modal/modal.scss +2 -3
  87. package/src/components/Modal/types.ts +4 -2
  88. package/src/components/MultiSelect/MultiSelect.scss +50 -45
  89. package/src/components/MultiSelect/MultiSelect.tsx +1 -1
  90. package/src/components/Select/components/Dropdown.tsx +22 -8
  91. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +34 -32
  92. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +34 -40
  93. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +27 -100
  94. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +5 -5
  95. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +5 -3
  96. package/src/components/SequentialConnectingBranch/types.ts +7 -4
  97. package/src/components/Tooltip/Tooltip.scss +1 -0
  98. package/src/components/Tooltip/Tooltip.tsx +1 -2
  99. package/src/utils/capitalize/capitalize.stories.tsx +44 -0
  100. package/src/utils/capitalize/capitalize.tsx +4 -0
  101. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +2 -5
  102. package/src/utils/getSequentialPayload/getSequentialPayload.ts +11 -24
  103. package/src/utils/getSequentialPayload/types.ts +3 -6
  104. /package/lib/components/ExcelFile/{ColorBarselector → ColorBarSelector}/ColorBarSelector.d.ts +0 -0
@@ -24,48 +24,9 @@ interface WorkData {
24
24
  /** Value of the cell */
25
25
  value: string;
26
26
  /** Styling options for the cell */
27
- style: CellStyle;
27
+ style: React.CSSProperties;
28
28
  type?: boolean;
29
29
  }
30
- interface CellStyle {
31
- /** Font name for the cell text */
32
- name?: string;
33
- /** Font size of the cell text */
34
- size?: number;
35
- position?: string;
36
- /** Whether the text is bold */
37
- bold?: boolean;
38
- fontSize?: string;
39
- fontFamily?: string;
40
- /** Whether the text is italicized */
41
- italic?: boolean;
42
- /** Text color in the cell (hex code) */
43
- color?: string;
44
- /** Background color of the cell (hex code) */
45
- backgroundColor?: string;
46
- /** Border color of the cell (hex code) */
47
- borderColor?: string;
48
- /** Border styles for each side of the cell */
49
- border?: {
50
- /** Border style for the top side of the cell */
51
- top: string;
52
- /** Border style for the bottom side of the cell */
53
- bottom: string;
54
- /** Border style for the left side of the cell */
55
- left: string;
56
- /** Border style for the right side of the cell */
57
- right: string;
58
- };
59
- /** Text alignment and wrapping properties */
60
- alignment?: {
61
- /** Horizontal text alignment ('left', 'center', or 'right') */
62
- horizontal: string;
63
- /** Vertical text alignment ('top', 'middle', or 'bottom') */
64
- vertical: string;
65
- /** Whether the text is wrapped within the cell */
66
- wrapText: boolean;
67
- };
68
- }
69
30
  /** A generic type to represent a 2D matrix of any type (or undefined values) */
70
31
  type Matrix<T> = (T | undefined)[][];
71
32
  interface ContextAction {
@@ -116,18 +77,10 @@ interface SelectedValue {
116
77
  /** The column represented as an alphabetical string ('A', 'B') */
117
78
  alphaCol: string;
118
79
  /** The style applied to the selected cell */
119
- style: CellStyle;
80
+ style: React.CSSProperties;
120
81
  /** The sheet name where the cell is located */
121
82
  sheet: string;
122
83
  }
123
- interface ExcelToolBarProps {
124
- /** use this to hide/show/disable the toolbar */
125
- toolbar?: 'show' | 'disable' | 'hide';
126
- /** function to apply styles */
127
- applyStyle: (styleType: string, value: any) => void;
128
- /** function to trigger format painter */
129
- formatePaint: () => void;
130
- }
131
84
  interface ExcelSheetBarProps {
132
85
  /** Object containing details about the file, including sheet names */
133
86
  fileDetails: {
@@ -8,4 +8,5 @@ export interface MachineInputFieldProps {
8
8
  runCount: number;
9
9
  className?: string;
10
10
  contentReverse?: boolean;
11
+ onClick?: () => void;
11
12
  }
@@ -77,7 +77,7 @@ interface OptionCardProps {
77
77
  * @type {dropdownPosition}
78
78
  * @optional
79
79
  */
80
- dropdownPosition?: 'top' | 'down' | 'left' | 'right';
80
+ dropdownPlacement?: 'top' | 'down' | 'left' | 'right';
81
81
  }
82
82
  interface MenuOptionProps {
83
83
  /**
@@ -1,4 +1,4 @@
1
- import { ReactNode } from "react";
1
+ import { ReactNode } from 'react';
2
2
  export interface ModalProps {
3
3
  isOpen: boolean;
4
4
  onClose: () => void;
@@ -26,5 +26,7 @@ export interface ModalProps {
26
26
  customWidth: string;
27
27
  customHeight?: string;
28
28
  zIndex?: number;
29
- boxShadow: string;
29
+ boxShadow?: string;
30
+ border?: string;
31
+ background?: string;
30
32
  }
@@ -8,5 +8,4 @@ export declare const Default3: Story;
8
8
  export declare const EmailGroup: Story;
9
9
  export declare const Controlled: Story;
10
10
  export declare const Labels: Story;
11
- export declare const Machines: Story;
12
11
  export default meta;
@@ -1,4 +1,4 @@
1
1
  import './SequentialConnectingBranch.scss';
2
2
  import { SequentialConnectingBranchProps } from './types';
3
- declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, selectedMachine, machineOptionsList, onHandleSelect, onAddBrowserInstance, onAddRunBrowserInstance, onDeleteBrowserInstance, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default SequentialConnectingBranch;
@@ -3,10 +3,13 @@ export interface SequentialConnectingBranchProps {
3
3
  machineInstances?: ExecutionContext[] | {}[];
4
4
  machineColumnWidth?: number;
5
5
  machineColumnCount?: number;
6
- machineInstance: ExecutionContext;
7
- selectedMachine?: string;
8
- onMachineSelectionChange?: (selectedMachine: Option) => void;
6
+ selectedMachine?: Option;
9
7
  machineOptionsList?: Option[];
8
+ onHandleSelect?: (option: Option) => void;
9
+ onAddBrowserInstance?: () => void;
10
+ onUpdateAddBrowserInstance?: () => void;
11
+ onDeleteBrowserInstance?: (id: string, runCount: number) => void;
12
+ onAddRunBrowserInstance?: (id: string) => void;
10
13
  }
11
14
  export interface MachineInfo {
12
15
  osName: string;
@@ -18,7 +21,7 @@ export interface DeviceInfo {
18
21
  export interface ExecutionContext {
19
22
  id: string;
20
23
  clientId: string;
21
- runCount: number;
24
+ numberOfRuns: number;
22
25
  executionEnv?: 'Local';
23
26
  browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
24
27
  browserVersion: string;
package/lib/index.d.ts CHANGED
@@ -1642,7 +1642,9 @@ interface ModalProps {
1642
1642
  customWidth: string;
1643
1643
  customHeight?: string;
1644
1644
  zIndex?: number;
1645
- boxShadow: string;
1645
+ boxShadow?: string;
1646
+ border?: string;
1647
+ background?: string;
1646
1648
  }
1647
1649
 
1648
1650
  declare const Modal: React__default.FC<ModalProps>;
@@ -1716,11 +1718,13 @@ interface optionsType {
1716
1718
  }
1717
1719
  interface AllProjectsDropdownProps {
1718
1720
  options: optionsType[];
1721
+ onMenuClick?: () => void;
1719
1722
  onClick: (option: optionsType) => void;
1720
1723
  selectedOption: optionsType;
1724
+ selected?: boolean;
1721
1725
  }
1722
1726
 
1723
- declare const AllProjectsDropdown: ({ onClick, options, selectedOption, }: AllProjectsDropdownProps) => react_jsx_runtime.JSX.Element;
1727
+ declare const AllProjectsDropdown: ({ onClick, onMenuClick, options, selectedOption, selected, }: AllProjectsDropdownProps) => react_jsx_runtime.JSX.Element;
1724
1728
 
1725
1729
  interface PieChartProps {
1726
1730
  radius: number;
@@ -1754,6 +1758,7 @@ interface AppHeaderProps {
1754
1758
  onSubMenuClick?: (text: any) => void;
1755
1759
  onQuickMenuClick?: (text: any) => void;
1756
1760
  onProjectMenuClick?: (text: any) => void;
1761
+ onProjectDropdownLabelClick?: () => void;
1757
1762
  onMoreMenuOptionClick?: (text: any) => void;
1758
1763
  }
1759
1764
  interface appHeaderMenuItemProps {
@@ -1912,6 +1917,7 @@ interface MachineInputFieldProps {
1912
1917
  runCount: number;
1913
1918
  className?: string;
1914
1919
  contentReverse?: boolean;
1920
+ onClick?: () => void;
1915
1921
  }
1916
1922
 
1917
1923
  declare const MachineInputField: React$1.ForwardRefExoticComponent<MachineInputFieldProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1920,10 +1926,13 @@ interface SequentialConnectingBranchProps {
1920
1926
  machineInstances?: ExecutionContext[] | {}[];
1921
1927
  machineColumnWidth?: number;
1922
1928
  machineColumnCount?: number;
1923
- machineInstance: ExecutionContext;
1924
- selectedMachine?: string;
1925
- onMachineSelectionChange?: (selectedMachine: Option$2) => void;
1929
+ selectedMachine?: Option$2;
1926
1930
  machineOptionsList?: Option$2[];
1931
+ onHandleSelect?: (option: Option$2) => void;
1932
+ onAddBrowserInstance?: () => void;
1933
+ onUpdateAddBrowserInstance?: () => void;
1934
+ onDeleteBrowserInstance?: (id: string, runCount: number) => void;
1935
+ onAddRunBrowserInstance?: (id: string) => void;
1927
1936
  }
1928
1937
  interface MachineInfo {
1929
1938
  osName: string;
@@ -1935,7 +1944,7 @@ interface DeviceInfo {
1935
1944
  interface ExecutionContext {
1936
1945
  id: string;
1937
1946
  clientId: string;
1938
- runCount: number;
1947
+ numberOfRuns: number;
1939
1948
  executionEnv?: 'Local';
1940
1949
  browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
1941
1950
  browserVersion: string;
@@ -1948,7 +1957,7 @@ interface ExecutionContext {
1948
1957
  testDataSetId: string;
1949
1958
  }
1950
1959
 
1951
- declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
1960
+ declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, selectedMachine, machineOptionsList, onHandleSelect, onAddBrowserInstance, onAddRunBrowserInstance, onDeleteBrowserInstance, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
1952
1961
 
1953
1962
  interface AttachmentUploaderProps {
1954
1963
  label: string;
@@ -2352,18 +2361,16 @@ interface MachineExecutionInstance {
2352
2361
  systemUrl: string;
2353
2362
  machineInfo: OperatingSystemInfo;
2354
2363
  deviceInfo: any[];
2355
- headless: boolean;
2356
- }
2357
- interface MachineExecutionInstanceDataSet extends MachineExecutionInstance {
2358
2364
  runLevelExecutionDataSets: RunLevelExecutionDataSet[];
2365
+ headless: boolean;
2359
2366
  }
2360
- interface SequentialMachineInstance extends MachineExecutionInstance {
2367
+ interface SequentialMachineInstance extends Omit<MachineExecutionInstance, 'runLevelExecutionDataSets'> {
2361
2368
  peVariableSetId: string;
2362
2369
  globalVariableSetId: string;
2363
2370
  testDataSetId: string;
2364
2371
  }
2365
2372
 
2366
- declare const getSequentialPayload: (machineInstances?: MachineExecutionInstanceDataSet[]) => SequentialMachineInstance[];
2373
+ declare const getSequentialPayload: (data: MachineExecutionInstance[]) => SequentialMachineInstance[];
2367
2374
 
2368
2375
  declare const ConnectingBranch: React__default.FC;
2369
2376