pixel-react 1.6.9 → 1.7.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/lib/components/Charts/LineChart/types.d.ts +1 -0
- package/lib/components/Chip/types.d.ts +1 -1
- package/lib/components/ConditionalDropdown/ConditionalDropdown.d.ts +5 -0
- package/lib/components/ConditionalDropdown/OptionsDropdown.d.ts +5 -0
- package/lib/components/ConditionalDropdown/index.d.ts +1 -0
- package/lib/components/ConditionalDropdown/types.d.ts +145 -0
- package/lib/components/DownloadClient/type.d.ts +19 -27
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +8 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +2 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +13 -6
- package/lib/components/LabelEditTextField/types.d.ts +1 -0
- package/lib/components/MachineInputField/types.d.ts +1 -0
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MenuOption/types.d.ts +2 -1
- package/lib/components/MiniModal/types.d.ts +1 -0
- package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
- package/lib/components/MultiSelect/dropdownTypes.d.ts +1 -0
- package/lib/components/NLPInput/NlpInput.d.ts +2 -2
- package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.d.ts +6 -3
- package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts +1 -1
- package/lib/components/NLPInput/sampleData.d.ts +104 -0
- package/lib/components/NLPInput/types.d.ts +80 -0
- package/lib/components/ProgressBar/ProgressBar.d.ts +5 -0
- package/lib/components/ProgressBar/index.d.ts +1 -0
- package/lib/components/ProgressBar/types.d.ts +12 -0
- package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/types.d.ts +7 -1
- package/lib/components/TableTree/TableTree.d.ts +2 -2
- package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
- package/lib/components/TableTree/types.d.ts +1 -1
- package/lib/hooks/useIntersectionObserver.d.ts +9 -0
- package/lib/index.d.ts +112 -59
- package/lib/index.esm.js +1251 -662
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1252 -662
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/functionCheck/functionCheck.d.ts +2 -0
- package/lib/utils/getSequentialPayload/types.d.ts +1 -0
- package/package.json +1 -1
- package/src/StyleGuide/ColorPalette/colorPaletteList.ts +5 -0
- package/src/assets/Themes/BaseTheme.scss +20 -2
- package/src/assets/Themes/DarkTheme.scss +19 -2
- package/src/assets/icons/ai_search.svg +9 -0
- package/src/assets/icons/help_icon.svg +10 -0
- package/src/assets/icons/ios_icon.svg +11 -0
- package/src/assets/icons/plus_round_icon.svg +38 -0
- package/src/assets/icons/tick_icon.svg +2 -2
- package/src/assets/styles/_colors.scss +1 -1
- package/src/components/AttachmentButton/AttachmentButton.tsx +1 -1
- package/src/components/Charts/LineChart/LineChart.stories.tsx +7 -3
- package/src/components/Charts/LineChart/LineChart.tsx +10 -1
- package/src/components/Charts/LineChart/types.ts +1 -0
- package/src/components/Checkbox/Checkbox.scss +3 -1
- package/src/components/Checkbox/Checkbox.stories.tsx +32 -77
- package/src/components/Checkbox/Checkbox.tsx +3 -4
- package/src/components/Chip/Chip.scss +15 -5
- package/src/components/Chip/Chip.stories.tsx +10 -1
- package/src/components/Chip/Chip.tsx +5 -1
- package/src/components/Chip/types.ts +1 -1
- package/src/components/{AddVariables/AddVariables.scss → ConditionalDropdown/ConditionalDropdown.scss} +4 -0
- package/src/components/{AddVariables/AddVariables.stories.tsx → ConditionalDropdown/ConditionalDropdown.stories.tsx} +75 -10
- package/src/components/{AddVariables/AddVariables.tsx → ConditionalDropdown/ConditionalDropdown.tsx} +63 -33
- package/src/components/ConditionalDropdown/OptionsDropdown.tsx +44 -0
- package/src/components/ConditionalDropdown/index.ts +1 -0
- package/src/components/{AddVariables → ConditionalDropdown}/types.ts +62 -5
- package/src/components/DownloadClient/DownloadClient.scss +51 -64
- package/src/components/DownloadClient/DownloadClient.stories.tsx +6 -6
- package/src/components/DownloadClient/DownloadClient.tsx +60 -51
- package/src/components/DownloadClient/type.ts +32 -40
- package/src/components/EditTextField/EditTextField.scss +1 -1
- package/src/components/EditTextField/EditTextField.tsx +14 -20
- package/src/components/Excel/ExcelFile/ExcelFile.scss +3 -2
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +37 -21
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +12 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +2 -34
- package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +26 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +7 -7
- package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +13 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +53 -26
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +81 -14
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +17 -6
- package/src/components/Excel/ExcelFile.stories.tsx +4 -4
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +36 -19
- package/src/components/Excel/dataConversion.ts +43 -20
- package/src/components/FileDropzone/FileDropzone.stories.tsx +5 -19
- package/src/components/FileDropzone/FileDropzone.tsx +24 -4
- package/src/components/Form/Forms.tsx +0 -2
- package/src/components/Icon/iconList.ts +9 -0
- package/src/components/LabelEditTextField/LabelEditTextField.scss +1 -1
- package/src/components/LabelEditTextField/LabelEditTextField.tsx +29 -36
- package/src/components/LabelEditTextField/types.ts +1 -0
- package/src/components/MachineInputField/MachineInputField.scss +1 -5
- package/src/components/MachineInputField/MachineInputField.stories.tsx +6 -5
- package/src/components/MachineInputField/MachineInputField.tsx +14 -14
- package/src/components/MachineInputField/types.ts +2 -0
- package/src/components/MenuOption/MenuOption.scss +7 -7
- package/src/components/MenuOption/MenuOption.stories.tsx +83 -28
- package/src/components/MenuOption/MenuOption.tsx +9 -13
- package/src/components/MenuOption/types.ts +3 -2
- package/src/components/MiniModal/MiniModal.scss +0 -1
- package/src/components/MiniModal/MiniModal.stories.tsx +6 -1
- package/src/components/MiniModal/MiniModal.tsx +3 -1
- package/src/components/MiniModal/types.ts +1 -0
- package/src/components/MultiSelect/Dropdown.scss +3 -4
- package/src/components/MultiSelect/Dropdown.tsx +34 -7
- package/src/components/MultiSelect/MultiSelect.scss +1 -0
- package/src/components/MultiSelect/MultiSelect.tsx +3 -0
- package/src/components/MultiSelect/MultiSelectTypes.ts +3 -1
- package/src/components/MultiSelect/dropdownTypes.ts +2 -0
- package/src/components/NLPInput/NLPInput.scss +77 -21
- package/src/components/NLPInput/NlpInput.stories.tsx +43 -109
- package/src/components/NLPInput/NlpInput.tsx +95 -59
- package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +6 -4
- package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +86 -35
- package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +220 -80
- package/src/components/NLPInput/sampleData.ts +162 -0
- package/src/components/NLPInput/{type.tsx → types.tsx} +23 -11
- package/src/components/ProgressBar/ProgressBar.scss +46 -0
- package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -0
- package/src/components/ProgressBar/ProgressBar.tsx +61 -0
- package/src/components/ProgressBar/index.ts +1 -0
- package/src/components/ProgressBar/types.ts +12 -0
- package/src/components/Search/Search.tsx +9 -1
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +13 -2
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +36 -19
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +120 -32
- package/src/components/SequentialConnectingBranch/components/Branches/types.ts +7 -0
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +8 -0
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +7 -0
- package/src/components/SequentialConnectingBranch/types.ts +7 -5
- package/src/components/Table/Table.scss +1 -0
- package/src/components/TableTree/Components/TableBody.tsx +3 -1
- package/src/components/TableTree/TableTree.stories.tsx +4 -7
- package/src/components/TableTree/TableTree.tsx +27 -181
- package/src/components/TableTree/Utils/getAllChildIds.ts +2 -0
- package/src/components/TableTree/data.ts +45 -0
- package/src/components/TableTree/types.ts +4 -4
- package/src/hooks/useIntersectionObserver.tsx +56 -0
- package/src/index.ts +4 -2
- package/src/utils/functionCheck/functionCheck.ts +8 -0
- package/src/utils/getSequentialPayload/types.ts +1 -0
- package/src/components/AddVariables/index.ts +0 -1
@@ -10,7 +10,7 @@ export interface ChipsProps {
|
|
10
10
|
/**
|
11
11
|
* The variant of the Chip.
|
12
12
|
*/
|
13
|
-
variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled';
|
13
|
+
variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled' | 'count';
|
14
14
|
/**
|
15
15
|
* The callback function to be executed when the Chip is clicked.
|
16
16
|
*/
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './ConditionalDropdown';
|
@@ -0,0 +1,145 @@
|
|
1
|
+
import { dropdownPositionType } from "../Editor/types";
|
2
|
+
export type dynamicObject = {
|
3
|
+
[key: string]: any;
|
4
|
+
};
|
5
|
+
export type TestDataObject = {
|
6
|
+
_id: string;
|
7
|
+
name: string;
|
8
|
+
actualPath: string;
|
9
|
+
searchKey: string;
|
10
|
+
parentId: string;
|
11
|
+
};
|
12
|
+
export interface ConditionalDropdownProps {
|
13
|
+
/**
|
14
|
+
* Label for the field
|
15
|
+
*/
|
16
|
+
label?: string;
|
17
|
+
/**
|
18
|
+
* Value in the input should stored in this state
|
19
|
+
*/
|
20
|
+
hashInputValue?: TestDataObject | dynamicObject;
|
21
|
+
/**
|
22
|
+
* Function storing and updating the inputValue state
|
23
|
+
*/
|
24
|
+
setHashInputValue?: (value: dynamicObject | undefined) => void;
|
25
|
+
/**
|
26
|
+
* List of variables
|
27
|
+
*/
|
28
|
+
variableList?: dynamicObject[];
|
29
|
+
/**
|
30
|
+
* Place holder for the input field
|
31
|
+
*/
|
32
|
+
placeholder?: string;
|
33
|
+
/**
|
34
|
+
* Function to handle input change
|
35
|
+
* @param value
|
36
|
+
* @returns
|
37
|
+
*/
|
38
|
+
onChange?: (value: string) => void;
|
39
|
+
/**
|
40
|
+
* Function to handle create variable icon click
|
41
|
+
*/
|
42
|
+
onCreateVariableClick?: () => void;
|
43
|
+
/**
|
44
|
+
* Width of the dropdown
|
45
|
+
*/
|
46
|
+
dropdownWidth?: string;
|
47
|
+
/**
|
48
|
+
* Name | name of the input field
|
49
|
+
*/
|
50
|
+
name?: string;
|
51
|
+
/**
|
52
|
+
* value | input field value
|
53
|
+
*/
|
54
|
+
value?: string;
|
55
|
+
/**
|
56
|
+
* variants to set color/style of the input field
|
57
|
+
*/
|
58
|
+
variant?: 'default' | 'primary';
|
59
|
+
/**
|
60
|
+
* type to set color/style of the input field
|
61
|
+
*/
|
62
|
+
type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
|
63
|
+
/**
|
64
|
+
* error | If true, error message will be displayed
|
65
|
+
*/
|
66
|
+
error?: boolean;
|
67
|
+
/**
|
68
|
+
* helperText | error, success, warning message to be shown
|
69
|
+
*/
|
70
|
+
helperText?: string;
|
71
|
+
/**
|
72
|
+
* to disable the input field
|
73
|
+
*/
|
74
|
+
disabled?: boolean;
|
75
|
+
/**
|
76
|
+
* if true, input field will be mandatory
|
77
|
+
*/
|
78
|
+
required?: boolean;
|
79
|
+
/**
|
80
|
+
* classnames to style the input field
|
81
|
+
*/
|
82
|
+
className?: string;
|
83
|
+
/**
|
84
|
+
* noBorder prop 'true' removes border of input
|
85
|
+
*/
|
86
|
+
noBorder?: boolean;
|
87
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
88
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
89
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
90
|
+
/**
|
91
|
+
* id to select the input field uniquely
|
92
|
+
*/
|
93
|
+
id?: string;
|
94
|
+
/**
|
95
|
+
* if on, suggestion popup will be displayed
|
96
|
+
*/
|
97
|
+
autoComplete?: 'on' | 'off';
|
98
|
+
/**
|
99
|
+
* minimum and maximum values for the number type input field and their functions
|
100
|
+
*/
|
101
|
+
minValue?: number;
|
102
|
+
maxValue?: number;
|
103
|
+
/**
|
104
|
+
* background of the input field prop
|
105
|
+
*/
|
106
|
+
transparentBackground?: boolean;
|
107
|
+
/**
|
108
|
+
* size for the input field
|
109
|
+
*/
|
110
|
+
size?: 'small' | 'medium';
|
111
|
+
/**
|
112
|
+
* isLabelRequired for the input field without label,showing placeholder
|
113
|
+
*/
|
114
|
+
isLabelRequired?: boolean;
|
115
|
+
/**
|
116
|
+
* If true, dropdown opens when '#' is entered at the first position.
|
117
|
+
*/
|
118
|
+
isHash?: boolean;
|
119
|
+
/**
|
120
|
+
* Options for the dropdown when `isHash` is true.
|
121
|
+
*/
|
122
|
+
dataFiles?: dynamicObject[];
|
123
|
+
}
|
124
|
+
export interface OptionsDropdownProps {
|
125
|
+
/**
|
126
|
+
* Position whether absoloute or relative
|
127
|
+
*/
|
128
|
+
position: 'absolute' | 'relative';
|
129
|
+
/**
|
130
|
+
* Dropdown width
|
131
|
+
*/
|
132
|
+
width: string;
|
133
|
+
/**
|
134
|
+
* chars entered to search in Input :
|
135
|
+
*/
|
136
|
+
filteredOptions?: dynamicObject[];
|
137
|
+
/**
|
138
|
+
* Function to handle click on variable
|
139
|
+
*/
|
140
|
+
onSelectVariable: (variable: object) => void;
|
141
|
+
/**
|
142
|
+
* Dropdown postion used for dropdown placement
|
143
|
+
*/
|
144
|
+
dropdownPosition?: dropdownPositionType;
|
145
|
+
}
|
@@ -1,35 +1,27 @@
|
|
1
1
|
export interface DownloadClientProps {
|
2
2
|
/**
|
3
|
-
*
|
4
|
-
|
5
|
-
|
3
|
+
* Close dialog function to close the modal dialog
|
4
|
+
**/
|
5
|
+
onClose: () => void;
|
6
6
|
/**
|
7
|
-
*
|
8
|
-
|
9
|
-
|
7
|
+
* distance between modal dialog and parent from top
|
8
|
+
**/
|
9
|
+
top?: string;
|
10
10
|
/**
|
11
|
-
*
|
12
|
-
|
13
|
-
|
11
|
+
* distance between modal dialog and parent from left
|
12
|
+
**/
|
13
|
+
left?: string;
|
14
14
|
/**
|
15
|
-
*
|
16
|
-
|
17
|
-
|
15
|
+
* To be used custom properties for the modal dialog through className
|
16
|
+
**/
|
17
|
+
className?: string;
|
18
18
|
/**
|
19
|
-
*
|
20
|
-
|
21
|
-
|
19
|
+
* Description of the dialog box
|
20
|
+
**/
|
21
|
+
description?: string;
|
22
22
|
/**
|
23
|
-
*
|
24
|
-
|
25
|
-
|
26
|
-
|
27
|
-
}
|
28
|
-
export interface DownloadClientProps {
|
29
|
-
onClose?: () => void;
|
30
|
-
onClickWindows: () => void;
|
31
|
-
onClickLinux: () => void;
|
32
|
-
onClickMac: () => void;
|
33
|
-
top?: string;
|
34
|
-
left?: string;
|
23
|
+
* Download button function
|
24
|
+
**/
|
25
|
+
onClick?: (os: string) => void;
|
26
|
+
optionZIndex?: number;
|
35
27
|
}
|
@@ -40,9 +40,16 @@ export declare const DELETE_ROW = "DELETE_ROW";
|
|
40
40
|
export declare const DELETE_COLUMN = "DELETE_COLUMN";
|
41
41
|
export declare const SET_ROW_HEIGHT = "SET_ROW_HEIGHT";
|
42
42
|
export declare const SET_COLUMN_POSITION = "SET_COLUMN_POSITION";
|
43
|
+
export declare const SET_AUTO_FILL = "SET_AUTO_FILL";
|
43
44
|
export type BaseAction<T extends string> = {
|
44
45
|
type: T;
|
45
46
|
};
|
47
|
+
export type SetAutoFill = BaseAction<typeof SET_AUTO_FILL> & {
|
48
|
+
payload: {
|
49
|
+
autofill: boolean;
|
50
|
+
};
|
51
|
+
};
|
52
|
+
export declare function autoFill(autofill: boolean): SetAutoFill;
|
46
53
|
export type SetRowHeight = BaseAction<typeof SET_ROW_HEIGHT> & {
|
47
54
|
payload: {
|
48
55
|
row: number;
|
@@ -244,4 +251,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
|
|
244
251
|
export declare function clear(): ClearAction;
|
245
252
|
export type BlurAction = BaseAction<typeof BLUR>;
|
246
253
|
export declare function blur(): BlurAction;
|
247
|
-
export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | BlurAction;
|
254
|
+
export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | BlurAction;
|
@@ -14,6 +14,8 @@ export declare function isValidHexColor(color: string): boolean;
|
|
14
14
|
export declare function applyColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, color: string): Matrix.Matrix<Types.CellBase<any>>;
|
15
15
|
export declare function applyBackgroundColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, backgroundColor: string): Matrix.Matrix<Types.CellBase<any>>;
|
16
16
|
export declare function applyFormatePainter(currentData: Matrix.Matrix<Types.CellBase<any>>, activePoint: Point.Point | null): React.CSSProperties | undefined;
|
17
|
+
export declare function dragEndFormatePainter(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, formattedStyle: Types.formattedStyle): Matrix.Matrix<Types.CellBase<any>>;
|
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>>;
|
17
19
|
export declare function edit(state: Types.StoreState): Types.StoreState;
|
18
20
|
export declare function clear(state: Types.StoreState): Types.StoreState;
|
19
21
|
export declare function blur(state: Types.StoreState): Types.StoreState;
|
@@ -47,19 +47,26 @@ export type StoreState<Cell extends CellBase = CellBase> = {
|
|
47
47
|
copied: PointRange | null;
|
48
48
|
hasPasted: boolean;
|
49
49
|
cut: boolean;
|
50
|
+
autoFill: {
|
51
|
+
open: boolean;
|
52
|
+
cellValue: Cell;
|
53
|
+
};
|
50
54
|
active: Point | null;
|
51
55
|
mode: Mode;
|
52
|
-
rowDimensions:
|
53
|
-
columnDimensions:
|
56
|
+
rowDimensions: rowDimensions;
|
57
|
+
columnDimensions: columnDimensions;
|
54
58
|
dragging: boolean;
|
55
59
|
lastChanged: Point | null;
|
56
60
|
lastCommit: null | CellChange<Cell>[];
|
57
61
|
selectedRow: null | number;
|
58
62
|
selectedColumn: null | number;
|
59
|
-
formattedStyle:
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
+
formattedStyle: formattedStyle;
|
64
|
+
};
|
65
|
+
export type rowDimensions = Record<number, Pick<Dimensions, 'height' | 'top'> | undefined>;
|
66
|
+
export type columnDimensions = Record<number, Pick<Dimensions, 'width' | 'left'> | undefined>;
|
67
|
+
export type formattedStyle = {
|
68
|
+
open: boolean;
|
69
|
+
style: undefined | React.CSSProperties;
|
63
70
|
};
|
64
71
|
export type CellChange<Cell extends CellBase = CellBase> = {
|
65
72
|
prevCell: Cell | null;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import './MenuOption.scss';
|
2
2
|
import { MenuOptionProps } from './types';
|
3
|
-
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default MenuOption;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ReactNode } from
|
1
|
+
import { ReactNode } from 'react';
|
2
2
|
interface OptionClick {
|
3
3
|
/**
|
4
4
|
* The label displayed for the option.
|
@@ -173,6 +173,7 @@ interface MenuOptionProps {
|
|
173
173
|
* @optional
|
174
174
|
*/
|
175
175
|
optionCardVariant?: 'primary';
|
176
|
+
targetRef?: React.RefObject<HTMLElement>;
|
176
177
|
}
|
177
178
|
interface OptionProps {
|
178
179
|
/**
|
@@ -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: initialDisplayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, onEnter, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, placeholderForSearching, variant, onLabelPlusIconClick, onManageLabelsClick, className, highlightedMachine, onSelectButtonClick, labelAccessor, valueAccessor, withSelectButton, loadMoreOptions, onEnter, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default MultiSelect;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { SelectProps } from './
|
1
|
+
import { SelectProps } from './types';
|
2
2
|
import './NlpInput.scss';
|
3
|
-
declare const NlpInput: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default NlpInput;
|
@@ -1,9 +1,12 @@
|
|
1
|
-
import { DrowdownPosition,
|
1
|
+
import { DrowdownPosition, NlpRenderOption } from '../../types';
|
2
2
|
export interface NlpDropDownListProps {
|
3
3
|
onSelectBlur: () => void;
|
4
|
-
|
4
|
+
leftIcon?: string;
|
5
|
+
webServiceClick?: () => void;
|
6
|
+
containerWidth?: string | number;
|
7
|
+
onSelectOptionSelector: (option: NlpRenderOption) => void;
|
5
8
|
dropdownPosition: DrowdownPosition;
|
6
|
-
options?:
|
9
|
+
options?: NlpRenderOption[];
|
7
10
|
optionZIndex?: number;
|
8
11
|
inputRef?: React.RefObject<HTMLInputElement>;
|
9
12
|
label?: string;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { NlpDropDownListProps } from './NlpDropDownType';
|
2
2
|
import './NlpDropdown.scss';
|
3
|
-
declare const NlpDropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, }: NlpDropDownListProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const NlpDropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, webServiceClick, containerWidth, }: NlpDropDownListProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default NlpDropdown;
|
@@ -0,0 +1,104 @@
|
|
1
|
+
export declare const nlpList: ({
|
2
|
+
desc: string;
|
3
|
+
displayName: string;
|
4
|
+
failMessage: string;
|
5
|
+
isNonPE: boolean;
|
6
|
+
platform: string;
|
7
|
+
name: string;
|
8
|
+
nlpName: string;
|
9
|
+
videoSrc: string;
|
10
|
+
nlpType: string;
|
11
|
+
packageName: string;
|
12
|
+
parentId: string;
|
13
|
+
passMessage: string;
|
14
|
+
programElementId: string;
|
15
|
+
projectId: string;
|
16
|
+
returnType: string;
|
17
|
+
searchName: string;
|
18
|
+
stepInputs: {}[];
|
19
|
+
toolTip: string;
|
20
|
+
_class: string;
|
21
|
+
_id: string;
|
22
|
+
description?: undefined;
|
23
|
+
imported?: undefined;
|
24
|
+
libraryId?: undefined;
|
25
|
+
path?: undefined;
|
26
|
+
} | {
|
27
|
+
desc: string;
|
28
|
+
displayName: string;
|
29
|
+
platform: string;
|
30
|
+
failMessage: string;
|
31
|
+
isNonPE: boolean;
|
32
|
+
name: string;
|
33
|
+
nlpName: string;
|
34
|
+
nlpType: string;
|
35
|
+
packageName: string;
|
36
|
+
parentId: string;
|
37
|
+
passMessage: string;
|
38
|
+
programElementId: string;
|
39
|
+
projectId: string;
|
40
|
+
returnType: string;
|
41
|
+
searchName: string;
|
42
|
+
stepInputs: {}[];
|
43
|
+
toolTip: string;
|
44
|
+
_class: string;
|
45
|
+
_id: string;
|
46
|
+
videoSrc?: undefined;
|
47
|
+
description?: undefined;
|
48
|
+
imported?: undefined;
|
49
|
+
libraryId?: undefined;
|
50
|
+
path?: undefined;
|
51
|
+
} | {
|
52
|
+
desc: string;
|
53
|
+
displayName: string;
|
54
|
+
failMessage: string;
|
55
|
+
isNonPE: boolean;
|
56
|
+
platform: string;
|
57
|
+
name: string;
|
58
|
+
nlpName: string;
|
59
|
+
nlpType: string;
|
60
|
+
packageName: string;
|
61
|
+
parentId: string;
|
62
|
+
passMessage: string;
|
63
|
+
programElementId: string;
|
64
|
+
projectId: string;
|
65
|
+
returnType: string;
|
66
|
+
searchName: string;
|
67
|
+
stepInputs: {
|
68
|
+
name: string;
|
69
|
+
type: string;
|
70
|
+
}[];
|
71
|
+
toolTip: string;
|
72
|
+
_class: string;
|
73
|
+
_id: string;
|
74
|
+
videoSrc?: undefined;
|
75
|
+
description?: undefined;
|
76
|
+
imported?: undefined;
|
77
|
+
libraryId?: undefined;
|
78
|
+
path?: undefined;
|
79
|
+
} | {
|
80
|
+
description: string;
|
81
|
+
displayName: string;
|
82
|
+
failMessage: string;
|
83
|
+
imported: boolean;
|
84
|
+
libraryId: string;
|
85
|
+
name: string;
|
86
|
+
nlpName: string;
|
87
|
+
nlpType: string;
|
88
|
+
parentId: string;
|
89
|
+
passMessage: string;
|
90
|
+
path: string;
|
91
|
+
platform: string;
|
92
|
+
projectId: string;
|
93
|
+
returnType: string;
|
94
|
+
searchName: string;
|
95
|
+
stepInputs: never[];
|
96
|
+
toolTip: string;
|
97
|
+
_class: string;
|
98
|
+
_id: string;
|
99
|
+
desc?: undefined;
|
100
|
+
isNonPE?: undefined;
|
101
|
+
videoSrc?: undefined;
|
102
|
+
packageName?: undefined;
|
103
|
+
programElementId?: undefined;
|
104
|
+
})[];
|
@@ -0,0 +1,80 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
export interface SelectProps {
|
3
|
+
label?: string;
|
4
|
+
rightIcon?: string;
|
5
|
+
leftIcon?: string;
|
6
|
+
showLabel?: boolean;
|
7
|
+
onHelpIconClick?: () => void;
|
8
|
+
webServiceClick?: () => void;
|
9
|
+
aiIconClick?: () => void;
|
10
|
+
rightIconColor: string;
|
11
|
+
optionsList: any[];
|
12
|
+
selectedOption?: NlpRenderOption;
|
13
|
+
containerWidth?: string | number;
|
14
|
+
onChange: (option: NlpRenderOption) => void;
|
15
|
+
errorMsg?: string;
|
16
|
+
className?: string;
|
17
|
+
optionZIndex?: number;
|
18
|
+
disabled?: boolean;
|
19
|
+
borderRadius?: boolean;
|
20
|
+
showBorder?: boolean;
|
21
|
+
required?: boolean;
|
22
|
+
value: string;
|
23
|
+
onSelect: (e: any) => void;
|
24
|
+
}
|
25
|
+
export interface DrowdownPosition {
|
26
|
+
positionX: number;
|
27
|
+
positionY: number;
|
28
|
+
width: number;
|
29
|
+
fromBottom: number;
|
30
|
+
}
|
31
|
+
export interface SelectState {
|
32
|
+
isInputFocused: boolean;
|
33
|
+
iconColor: string;
|
34
|
+
isIconClick: boolean;
|
35
|
+
showOptions: boolean;
|
36
|
+
options: any[];
|
37
|
+
option: string;
|
38
|
+
dropdownPosition: DrowdownPosition;
|
39
|
+
}
|
40
|
+
export type SelectAction = {
|
41
|
+
type: 'FOCUS_INPUT';
|
42
|
+
} | {
|
43
|
+
type: 'BLUR_INPUT';
|
44
|
+
payload: {
|
45
|
+
optionsList: NlpRenderOption[];
|
46
|
+
option: NlpRenderOption['projectId'];
|
47
|
+
};
|
48
|
+
} | {
|
49
|
+
type: 'MOUSE_ENTER';
|
50
|
+
} | {
|
51
|
+
type: 'MOUSE_LEAVE';
|
52
|
+
} | {
|
53
|
+
type: 'UPDATE_DROPDOWN_POSITION';
|
54
|
+
payload: {
|
55
|
+
positionX: number;
|
56
|
+
positionY: number;
|
57
|
+
width: number;
|
58
|
+
fromBottom: number;
|
59
|
+
};
|
60
|
+
} | {
|
61
|
+
type: 'UPDATE_OPTION';
|
62
|
+
payload: string;
|
63
|
+
} | {
|
64
|
+
type: 'UPDATE_OPTION_LIST';
|
65
|
+
payload: any[];
|
66
|
+
} | {
|
67
|
+
type: 'SHOW_ERROR';
|
68
|
+
payload: {
|
69
|
+
optionsList: any[];
|
70
|
+
option: NlpRenderOption['projectId'];
|
71
|
+
};
|
72
|
+
};
|
73
|
+
export interface NlpRenderOption {
|
74
|
+
displayName: string | ReactNode;
|
75
|
+
projectId: string;
|
76
|
+
nlpType: string;
|
77
|
+
platform: string;
|
78
|
+
disabled?: boolean;
|
79
|
+
videoSrc?: string;
|
80
|
+
}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './ProgressBar';
|
@@ -0,0 +1,12 @@
|
|
1
|
+
export interface ProgressBarProps {
|
2
|
+
progressPercentage: number;
|
3
|
+
color?: string;
|
4
|
+
trackColor?: string;
|
5
|
+
height?: number;
|
6
|
+
label?: string;
|
7
|
+
showPercentage?: boolean;
|
8
|
+
percentageFontSize?: number;
|
9
|
+
percentageTextColor?: string;
|
10
|
+
labelFontSize?: number;
|
11
|
+
labelTextColor?: string;
|
12
|
+
}
|
@@ -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, onUpdateDataSetList, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, machineColumnWidth, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default Branches;
|
@@ -10,6 +10,10 @@ export interface BranchesProps {
|
|
10
10
|
onDeleteBrowser: (id: string, runCount: number) => void;
|
11
11
|
onAddRunBrowser: (id: string) => void;
|
12
12
|
onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
|
13
|
+
addInstanceLabel?: string;
|
14
|
+
scriptType?: string;
|
15
|
+
onUpdateAddBrowserInstance: (modalId: string, machineInstance: ExecutionContext) => void;
|
16
|
+
projectType?: string;
|
13
17
|
}
|
14
18
|
export interface branchTypeProps {
|
15
19
|
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, onUpdateDataSetList, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default ConnectingBranches;
|
@@ -7,4 +7,8 @@ export interface ConnectingBranchesProps {
|
|
7
7
|
onDeleteBrowser: (id: string, runCount: number) => void;
|
8
8
|
onAddRunBrowser: (id: string) => void;
|
9
9
|
onUpdateDataSetList: (id: string, dataSetObject: dataSetValues, isInstance?: boolean, noOfRuns?: number, machineInstanceId?: string) => void;
|
10
|
+
addInstanceLabel?: string;
|
11
|
+
scriptType?: string;
|
12
|
+
projectType?: string;
|
13
|
+
onUpdateAddBrowserInstance: (modalId: string, machineInstance: ExecutionContext) => void;
|
10
14
|
}
|