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.
- package/.yarn/install-state.gz +0 -0
- package/lib/components/AppHeader/AppHeader.d.ts +1 -0
- package/lib/components/AppHeader/types.d.ts +18 -6
- package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
- package/lib/components/Charts/DashboardDonutChart/types.d.ts +2 -0
- package/lib/components/Excel/ExcelToolBar/ExcelToolBar.d.ts +0 -1
- package/lib/components/FieldSet/FieldSet.d.ts +5 -0
- package/lib/components/FieldSet/index.d.ts +1 -0
- package/lib/components/FieldSet/types.d.ts +7 -0
- package/lib/components/FileDropzone/types.d.ts +8 -0
- package/lib/components/MachineInputField/types.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
- package/lib/components/PopUpModal/PopUpModal.d.ts +5 -0
- package/lib/components/PopUpModal/types.d.ts +14 -0
- package/lib/components/RadioGroup/radioGroupTypes.d.ts +20 -0
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +2 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +3 -2
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +3 -2
- package/lib/components/SequentialConnectingBranch/types.d.ts +11 -3
- package/lib/components/TableTree/TableTree.d.ts +4 -24
- package/lib/components/TableTree/data.d.ts +112 -273
- package/lib/components/TableTree/types.d.ts +28 -0
- package/lib/index.d.ts +149 -32
- package/lib/index.esm.js +1104 -742
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1109 -742
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/assets/Themes/BaseTheme.scss +5 -14
- package/src/assets/Themes/DarkTheme.scss +5 -2
- package/src/assets/icons/arrow_up.svg +1 -1
- package/src/assets/icons/export.svg +5 -0
- package/src/assets/icons/import.svg +5 -0
- package/src/assets/icons/info_icon.svg +4 -16
- package/src/assets/icons/replace_file.svg +14 -0
- package/src/assets/icons/web_service_icon.svg +3 -0
- package/src/assets/styles/_fonts.scss +4 -2
- package/src/components/AppHeader/AppHeader.stories.tsx +242 -39
- package/src/components/AppHeader/AppHeader.tsx +158 -139
- package/src/components/AppHeader/types.ts +19 -6
- package/src/components/Charts/BarChart/BarChart.scss +34 -34
- package/src/components/Charts/BarChart/BarChart.stories.tsx +3 -2
- package/src/components/Charts/BarChart/BarChart.tsx +79 -55
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +25 -18
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +31 -11
- package/src/components/Charts/DashboardDonutChart/types.ts +2 -0
- package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +3 -0
- package/src/components/Charts/LineChart/LineChart.scss +13 -4
- package/src/components/Charts/LineChart/LineChart.stories.tsx +100 -102
- package/src/components/Charts/LineChart/LineChart.tsx +143 -131
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +23 -2
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +109 -24
- package/src/components/Charts/PieChart/PieChart.scss +5 -3
- package/src/components/Charts/PieChart/PieChart.tsx +1 -2
- package/src/components/Checkbox/Checkbox.tsx +1 -7
- package/src/components/DatePicker/DatePicker.scss +15 -1
- package/src/components/DragAndDrop/DragAndDropList.tsx +5 -4
- package/src/components/Excel/ExcelFile/ExcelFile.scss +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +34 -20
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +0 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +44 -15
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +47 -4
- package/src/components/FieldSet/FieldSet.scss +9 -0
- package/src/components/FieldSet/FieldSet.stories.tsx +103 -0
- package/src/components/FieldSet/FieldSet.tsx +29 -0
- package/src/components/FieldSet/index.ts +1 -0
- package/src/components/FieldSet/types.ts +8 -0
- package/src/components/FileDropzone/FileDropzone.scss +1 -1
- package/src/components/FileDropzone/FileDropzone.stories.tsx +15 -3
- package/src/components/FileDropzone/FileDropzone.tsx +5 -0
- package/src/components/FileDropzone/FilePreview.tsx +1 -1
- package/src/components/FileDropzone/types.ts +8 -0
- package/src/components/Icon/Icons.scss +1 -1
- package/src/components/Icon/iconList.ts +11 -7
- package/src/components/MachineInputField/MachineInputField.scss +15 -2
- package/src/components/MachineInputField/MachineInputField.tsx +17 -3
- package/src/components/MachineInputField/types.ts +1 -1
- package/src/components/MultiSelect/Dropdown.tsx +7 -3
- package/src/components/MultiSelect/MultiSelect.stories.tsx +6 -1
- package/src/components/MultiSelect/MultiSelect.tsx +4 -20
- package/src/components/MultiSelect/MultiSelectTypes.ts +2 -0
- package/src/components/PopUpModal/PopUpModal.scss +36 -0
- package/src/components/PopUpModal/PopUpModal.stories.tsx +61 -0
- package/src/components/PopUpModal/PopUpModal.tsx +85 -0
- package/src/components/PopUpModal/types.ts +14 -0
- package/src/components/RadioGroup/RadioGroup.scss +7 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +26 -0
- package/src/components/RadioGroup/RadioGroup.tsx +16 -0
- package/src/components/RadioGroup/radioGroupTypes.tsx +24 -0
- package/src/components/Select/Select.tsx +3 -4
- package/src/components/Select/components/Dropdown.tsx +34 -34
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +9 -0
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +74 -43
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +9 -3
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -14
- package/src/components/SequentialConnectingBranch/components/Branches/types.ts +9 -2
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +3 -1
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +9 -2
- package/src/components/SequentialConnectingBranch/types.ts +18 -3
- package/src/components/TableTree/TableTree.scss +154 -123
- package/src/components/TableTree/TableTree.stories.tsx +148 -96
- package/src/components/TableTree/TableTree.tsx +250 -282
- package/src/components/TableTree/data.ts +318 -569
- package/src/components/TableTree/types.ts +30 -0
- package/src/components/Toast/Toast.tsx +1 -1
- package/src/index.ts +11 -0
package/.yarn/install-state.gz
CHANGED
Binary file
|
@@ -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
|
}
|
@@ -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 @@
|
|
1
|
+
export { default } from './FieldSet';
|
@@ -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,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;
|
@@ -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:
|
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?: (
|
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
|
-
|
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
|
1
|
+
import React from 'react';
|
2
2
|
import './TableTree.scss';
|
3
|
-
|
4
|
-
|
5
|
-
|
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;
|