pixel-react 1.5.9 → 1.6.1

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 (110) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/AppHeader/AppHeader.d.ts +1 -0
  3. package/lib/components/AppHeader/types.d.ts +18 -6
  4. package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
  5. package/lib/components/Charts/DashboardDonutChart/types.d.ts +2 -0
  6. package/lib/components/Excel/ExcelToolBar/ExcelToolBar.d.ts +0 -1
  7. package/lib/components/FieldSet/FieldSet.d.ts +5 -0
  8. package/lib/components/FieldSet/index.d.ts +1 -0
  9. package/lib/components/FieldSet/types.d.ts +7 -0
  10. package/lib/components/FileDropzone/types.d.ts +8 -0
  11. package/lib/components/MachineInputField/types.d.ts +1 -1
  12. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  13. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
  14. package/lib/components/PopUpModal/PopUpModal.d.ts +5 -0
  15. package/lib/components/PopUpModal/types.d.ts +14 -0
  16. package/lib/components/RadioGroup/radioGroupTypes.d.ts +20 -0
  17. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +2 -1
  18. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  19. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +3 -2
  20. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  21. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +3 -2
  22. package/lib/components/SequentialConnectingBranch/types.d.ts +11 -3
  23. package/lib/components/TableTree/TableTree.d.ts +4 -24
  24. package/lib/components/TableTree/data.d.ts +112 -273
  25. package/lib/components/TableTree/types.d.ts +28 -0
  26. package/lib/index.d.ts +149 -32
  27. package/lib/index.esm.js +1104 -742
  28. package/lib/index.esm.js.map +1 -1
  29. package/lib/index.js +1109 -742
  30. package/lib/index.js.map +1 -1
  31. package/lib/tsconfig.tsbuildinfo +1 -1
  32. package/package.json +2 -2
  33. package/src/assets/Themes/BaseTheme.scss +5 -14
  34. package/src/assets/Themes/DarkTheme.scss +5 -2
  35. package/src/assets/icons/arrow_up.svg +1 -1
  36. package/src/assets/icons/export.svg +5 -0
  37. package/src/assets/icons/import.svg +5 -0
  38. package/src/assets/icons/info_icon.svg +4 -16
  39. package/src/assets/icons/replace_file.svg +14 -0
  40. package/src/assets/icons/web_service_icon.svg +3 -0
  41. package/src/assets/styles/_fonts.scss +4 -2
  42. package/src/components/AppHeader/AppHeader.stories.tsx +242 -39
  43. package/src/components/AppHeader/AppHeader.tsx +158 -139
  44. package/src/components/AppHeader/types.ts +19 -6
  45. package/src/components/Charts/BarChart/BarChart.scss +34 -34
  46. package/src/components/Charts/BarChart/BarChart.stories.tsx +3 -2
  47. package/src/components/Charts/BarChart/BarChart.tsx +79 -55
  48. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +25 -18
  49. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +31 -11
  50. package/src/components/Charts/DashboardDonutChart/types.ts +2 -0
  51. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +3 -0
  52. package/src/components/Charts/LineChart/LineChart.scss +13 -4
  53. package/src/components/Charts/LineChart/LineChart.stories.tsx +100 -102
  54. package/src/components/Charts/LineChart/LineChart.tsx +143 -131
  55. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +23 -2
  56. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +109 -24
  57. package/src/components/Charts/PieChart/PieChart.scss +5 -3
  58. package/src/components/Charts/PieChart/PieChart.tsx +1 -2
  59. package/src/components/Checkbox/Checkbox.tsx +1 -7
  60. package/src/components/DatePicker/DatePicker.scss +15 -1
  61. package/src/components/DragAndDrop/DragAndDropList.tsx +5 -4
  62. package/src/components/Excel/ExcelFile/ExcelFile.scss +1 -1
  63. package/src/components/Excel/ExcelFile/ExcelFile.tsx +34 -20
  64. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +0 -1
  65. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +44 -15
  66. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +47 -4
  67. package/src/components/FieldSet/FieldSet.scss +9 -0
  68. package/src/components/FieldSet/FieldSet.stories.tsx +103 -0
  69. package/src/components/FieldSet/FieldSet.tsx +29 -0
  70. package/src/components/FieldSet/index.ts +1 -0
  71. package/src/components/FieldSet/types.ts +8 -0
  72. package/src/components/FileDropzone/FileDropzone.scss +1 -1
  73. package/src/components/FileDropzone/FileDropzone.stories.tsx +15 -3
  74. package/src/components/FileDropzone/FileDropzone.tsx +5 -0
  75. package/src/components/FileDropzone/FilePreview.tsx +1 -1
  76. package/src/components/FileDropzone/types.ts +8 -0
  77. package/src/components/Icon/Icons.scss +1 -1
  78. package/src/components/Icon/iconList.ts +11 -7
  79. package/src/components/MachineInputField/MachineInputField.scss +15 -2
  80. package/src/components/MachineInputField/MachineInputField.tsx +17 -3
  81. package/src/components/MachineInputField/types.ts +1 -1
  82. package/src/components/MultiSelect/Dropdown.tsx +7 -3
  83. package/src/components/MultiSelect/MultiSelect.stories.tsx +6 -1
  84. package/src/components/MultiSelect/MultiSelect.tsx +4 -20
  85. package/src/components/MultiSelect/MultiSelectTypes.ts +2 -0
  86. package/src/components/PopUpModal/PopUpModal.scss +36 -0
  87. package/src/components/PopUpModal/PopUpModal.stories.tsx +61 -0
  88. package/src/components/PopUpModal/PopUpModal.tsx +85 -0
  89. package/src/components/PopUpModal/types.ts +14 -0
  90. package/src/components/RadioGroup/RadioGroup.scss +7 -0
  91. package/src/components/RadioGroup/RadioGroup.stories.tsx +26 -0
  92. package/src/components/RadioGroup/RadioGroup.tsx +16 -0
  93. package/src/components/RadioGroup/radioGroupTypes.tsx +24 -0
  94. package/src/components/Select/Select.tsx +3 -4
  95. package/src/components/Select/components/Dropdown.tsx +34 -34
  96. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +9 -0
  97. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +74 -43
  98. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +9 -3
  99. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -14
  100. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +9 -2
  101. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +3 -1
  102. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +9 -2
  103. package/src/components/SequentialConnectingBranch/types.ts +18 -3
  104. package/src/components/TableTree/TableTree.scss +154 -123
  105. package/src/components/TableTree/TableTree.stories.tsx +148 -96
  106. package/src/components/TableTree/TableTree.tsx +250 -282
  107. package/src/components/TableTree/data.ts +318 -569
  108. package/src/components/TableTree/types.ts +30 -0
  109. package/src/components/Toast/Toast.tsx +1 -1
  110. package/src/index.ts +11 -0
Binary file
@@ -1,4 +1,5 @@
1
1
  import { AppHeaderProps } from './types';
2
2
  import './AppHeader.scss';
3
+ import React from 'react';
3
4
  declare const AppHeader: React.FC<AppHeaderProps>;
4
5
  export default AppHeader;
@@ -6,12 +6,6 @@ export interface AppHeaderProps {
6
6
  rightContent?: ReactNode;
7
7
  projectsList?: optionsType[];
8
8
  appHeaderMenuItems: appHeaderMenuItemProps[];
9
- appHeaderHiddenMenuItems?: {
10
- label: string;
11
- value: string | string[];
12
- icon: string;
13
- disable?: boolean;
14
- }[];
15
9
  selectedMenu: string;
16
10
  selectedSubMenu?: string;
17
11
  selectedQuickMenu?: string;
@@ -26,15 +20,33 @@ export interface AppHeaderProps {
26
20
  export interface appHeaderMenuItemProps {
27
21
  label: string;
28
22
  path?: string;
23
+ disable?: boolean;
24
+ disableText?: string;
25
+ hide?: boolean;
29
26
  subMenuItems?: appHeaderSubMenuItemProps[];
30
27
  }
31
28
  export interface appHeaderSubMenuItemProps {
32
29
  label: string;
33
30
  path?: string;
31
+ disable?: boolean;
32
+ disableText?: string;
33
+ hide?: boolean;
34
34
  quickMenuItems?: appHeaderQuickMenuItemProps[];
35
+ hiddenMenuItems?: appHeaderHiddenMenuItemProps[];
35
36
  }
36
37
  export interface appHeaderQuickMenuItemProps {
37
38
  label?: string;
38
39
  path?: string;
39
40
  iconName: string;
41
+ disable?: boolean;
42
+ disableText?: string;
43
+ hide?: boolean;
44
+ }
45
+ export interface appHeaderHiddenMenuItemProps {
46
+ label: string;
47
+ value: string | string[];
48
+ icon: string;
49
+ disable?: boolean;
50
+ disableText?: string;
51
+ hide?: boolean;
40
52
  }
@@ -19,6 +19,7 @@ type BarChartProps = {
19
19
  icons?: (string | React.ReactNode)[];
20
20
  iconSize?: number;
21
21
  backgroundColor?: string;
22
+ legendPosition?: 'top' | 'bottom';
22
23
  };
23
24
  declare const BarChart: React.FC<BarChartProps>;
24
25
  export default BarChart;
@@ -30,4 +30,6 @@ export type DashboardDonutChartProps = {
30
30
  showUnit?: boolean;
31
31
  labelFontSize?: number;
32
32
  subLabelFontSize?: number;
33
+ legendPosition?: 'bottom' | 'right' | 'left';
34
+ legendGap?: number;
33
35
  };
@@ -3,7 +3,6 @@ import { CellBase } from '../ExcelFile/ExcelFileComponents';
3
3
  import * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
4
4
  interface ExcelToolBarProps {
5
5
  toolbar?: 'show' | 'disable' | 'hide';
6
- data: Matrix.Matrix<CellBase>;
7
6
  onBold: (data: Matrix.Matrix<CellBase>) => void;
8
7
  onItalic: (data: Matrix.Matrix<CellBase>) => void;
9
8
  setUnderlineType: (data: Matrix.Matrix<CellBase>, value: string, active: boolean) => void;
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ import './FieldSet.scss';
3
+ import { fieldSetProps } from './types';
4
+ declare const FieldSet: FC<fieldSetProps>;
5
+ export default FieldSet;
@@ -0,0 +1 @@
1
+ export { default } from './FieldSet';
@@ -0,0 +1,7 @@
1
+ import { ReactNode } from 'react';
2
+ export interface fieldSetProps {
3
+ legendName: string;
4
+ height: string;
5
+ width: string;
6
+ children: ReactNode | string;
7
+ }
@@ -54,6 +54,14 @@ export interface FileDropzoneProps {
54
54
  validateMIMEType?: boolean;
55
55
  width?: number | string;
56
56
  height?: number | string;
57
+ /**
58
+ * Returns the accepted files in the state
59
+ **/
60
+ getAcceptedFiles?: (files: File[]) => void;
61
+ /**
62
+ * Returns the rejected files in the state
63
+ **/
64
+ getRejectedFiles?: (files: FileRejection[]) => void;
57
65
  }
58
66
  export interface FileState {
59
67
  accepted: File[];
@@ -1,5 +1,5 @@
1
1
  export interface MachineType {
2
- type: 'Local' | 'mac' | 'android' | 'Google Chrome';
2
+ type: string;
3
3
  label: string;
4
4
  }
5
5
  export interface MachineInputFieldProps {
@@ -1,4 +1,4 @@
1
1
  import './MultiSelect.scss';
2
2
  import { MultiSelectProps } from './MultiSelectTypes';
3
- declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default MultiSelect;
@@ -31,5 +31,6 @@ interface MultiSelectProps {
31
31
  highlightedMachine?: string | ReactElement;
32
32
  labelAccessor?: string;
33
33
  valueAccessor?: string;
34
+ onEnter?: (newOption: string) => void;
34
35
  }
35
36
  export { Option, MultiSelectProps };
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ import './PopUpModal.scss';
3
+ import { PopUpModalProps } from './types';
4
+ declare const PopUpModal: FC<PopUpModalProps>;
5
+ export default PopUpModal;
@@ -0,0 +1,14 @@
1
+ export interface PopUpModalProps {
2
+ isOpen: boolean;
3
+ onClose: () => void;
4
+ onContinue?: () => void;
5
+ titleMessage: string;
6
+ subTitleMessage?: string;
7
+ iconName: string;
8
+ modalMessage: string;
9
+ footerMessage: string;
10
+ firstButtonLabel?: string;
11
+ secondButtonLabel: string;
12
+ buttonVariant: any;
13
+ border: string;
14
+ }
@@ -54,9 +54,29 @@ interface RadioGroupProps {
54
54
  * Optional.
55
55
  */
56
56
  onChange?: (option: Option) => void;
57
+ /**
58
+ * Provides a label at starting position when the string is passed.
59
+ * Optional.
60
+ */
61
+ label?: string;
62
+ /**
63
+ * if isLabel is true then we can display label if not then extra space is not added.
64
+ * Optional.
65
+ */
66
+ isLabel?: boolean;
67
+ /**
68
+ * if isAsteriskRequired is true then we can display asterisk if not then extra space is not added.
69
+ * Optional.
70
+ */
71
+ isAsteriskRequired?: boolean;
57
72
  /**
58
73
  * Additional class names to apply to the radio group for custom styling.
59
74
  * Optional.
60
75
  */
61
76
  className?: string;
77
+ /**
78
+ * Additional class names to apply to the radio group Label for custom styling.
79
+ * Optional.
80
+ */
81
+ classNameForLabel?: string;
62
82
  }
@@ -1,4 +1,5 @@
1
1
  import './SequentialConnectingBranch.scss';
2
+ import { FC } from 'react';
2
3
  import { SequentialConnectingBranchProps } from './types';
3
- declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, selectedMachine, machineOptionsList, onHandleSelect, onAddBrowserInstance, onAddRunBrowserInstance, onDeleteBrowserInstance, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
4
+ declare const SequentialConnectingBranch: FC<SequentialConnectingBranchProps>;
4
5
  export default SequentialConnectingBranch;
@@ -1,4 +1,4 @@
1
1
  import { BranchesProps } from './types';
2
2
  import './Branches.scss';
3
- declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Branches;
@@ -1,4 +1,4 @@
1
- import { ExecutionContext } from '../../types';
1
+ import { dataSetValues, ExecutionContext } from '../../types';
2
2
  export interface BranchesProps {
3
3
  machineInstances: ExecutionContext[] | {}[];
4
4
  rowIndex: number;
@@ -6,9 +6,10 @@ export interface BranchesProps {
6
6
  machineColumnWidth: number;
7
7
  nextRowMachineInstance?: ExecutionContext | {} | undefined;
8
8
  previousRowMachineInstance?: ExecutionContext | {} | undefined;
9
- onAddBrowser: () => void;
9
+ onAddBrowser: (modalId: string) => void;
10
10
  onDeleteBrowser: (id: string, runCount: number) => void;
11
11
  onAddRunBrowser: (id: string) => void;
12
+ onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
12
13
  }
13
14
  export interface branchTypeProps {
14
15
  currentBranch: ExecutionContext | undefined | {};
@@ -1,4 +1,4 @@
1
1
  import { ConnectingBranchesProps } from './types';
2
2
  import './ConnectingBranches.scss';
3
- declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default ConnectingBranches;
@@ -1,9 +1,10 @@
1
- import { ExecutionContext } from '../../types';
1
+ import { dataSetValues, ExecutionContext } from '../../types';
2
2
  export interface ConnectingBranchesProps {
3
3
  machineBranchInstances: ExecutionContext[] | {}[];
4
4
  machineColumnCount: number;
5
5
  machineColumnWidth: number;
6
- onAddBrowser: () => void;
6
+ onAddBrowser: (modalId: string) => void;
7
7
  onDeleteBrowser: (id: string, runCount: number) => void;
8
8
  onAddRunBrowser: (id: string) => void;
9
+ onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
9
10
  }
@@ -6,10 +6,13 @@ export interface SequentialConnectingBranchProps {
6
6
  selectedMachine?: Option;
7
7
  machineOptionsList?: Option[];
8
8
  onHandleSelect?: (option: Option) => void;
9
- onAddBrowserInstance?: () => void;
9
+ onAddBrowserInstance?: (modalId: string) => void;
10
10
  onUpdateAddBrowserInstance?: () => void;
11
11
  onDeleteBrowserInstance?: (id: string, runCount: number) => void;
12
- onAddRunBrowserInstance?: (id: string) => void;
12
+ onAddRunBrowserInstance?: (machineInstanceId: string) => void;
13
+ onDeleteMachineInstance?: () => void;
14
+ onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
15
+ dataSetValues: dataSetValues;
13
16
  }
14
17
  export interface MachineInfo {
15
18
  osName: string;
@@ -19,7 +22,7 @@ export interface MachineInfo {
19
22
  export interface DeviceInfo {
20
23
  }
21
24
  export interface ExecutionContext {
22
- id: string;
25
+ machineInstanceId: string;
23
26
  clientId: string;
24
27
  numberOfRuns: number;
25
28
  executionEnv?: 'Local';
@@ -33,3 +36,8 @@ export interface ExecutionContext {
33
36
  globalVariableSetId: string;
34
37
  testDataSetId: string;
35
38
  }
39
+ export interface dataSetValues {
40
+ peVariableSetId: string;
41
+ globalVariableSetId: string;
42
+ testDataSetId: string;
43
+ }
@@ -1,25 +1,5 @@
1
- import React, { ReactNode } from 'react';
1
+ import React from 'react';
2
2
  import './TableTree.scss';
3
- interface ColumnDataProps {
4
- name: string;
5
- accessor: string;
6
- width: string;
7
- isClickable?: boolean;
8
- minWidth?: string;
9
- cell?: (e: any) => JSX.Element | string | ReactNode;
10
- actions?: (e: any) => JSX.Element | string | ReactNode;
11
- }
12
- interface ObjectProps {
13
- [key: string]: any;
14
- }
15
- interface TableTreeProps {
16
- select: 'checkbox' | 'radio' | 'none';
17
- columnsData: Array<ColumnDataProps>;
18
- treeData: Array<ObjectProps>;
19
- onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
20
- onChange?: (e: any, node: any) => void;
21
- selected: Array<string>;
22
- onPagination?: (node: ObjectProps) => void;
23
- }
24
- declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, onPagination, }: TableTreeProps) => import("react/jsx-runtime").JSX.Element;
25
- export default TableTree;
3
+ import { TreeTableProps } from './types';
4
+ declare const TreeTable: React.FC<TreeTableProps>;
5
+ export default TreeTable;