pixel-react 1.10.9 → 1.10.10-0
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/AddResourceButton/AddResourceButton.d.ts +1 -1
- package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
- package/lib/components/AddResourceButton/type.d.ts +9 -0
- package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +62 -5
- package/lib/components/InputWithDropdown/types.d.ts +2 -0
- package/lib/components/variableSuggestionInputDropDown/OptionsDropdown.d.ts +5 -0
- package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.d.ts +4 -0
- package/lib/components/variableSuggestionInputDropDown/index.d.ts +1 -0
- package/lib/components/variableSuggestionInputDropDown/types.d.ts +150 -0
- package/lib/index.d.ts +204 -13
- package/lib/index.esm.js +136 -109
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +136 -109
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/icons/module_icon.svg +3 -0
- package/src/components/AddResourceButton/AddResourceButton.stories.tsx +32 -16
- package/src/components/AddResourceButton/AddResourceButton.tsx +2 -0
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +2 -1
- package/src/components/AddResourceButton/type.ts +9 -0
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
- package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +1 -1
- package/src/components/AppHeader/AppHeader.scss +1 -1
- package/src/components/Editor/VariableDropdown.scss +0 -1
- package/src/components/Editor/VariableDropdown.tsx +9 -2
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +122 -54
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +0 -1
- package/src/components/Excel/ExcelFile.stories.tsx +1 -0
- package/src/components/FileDropzone/Dropzone.tsx +2 -1
- package/src/components/FileDropzone/FileDropzone.tsx +3 -5
- package/src/components/Icon/iconList.ts +6 -4
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +6 -2
- package/src/components/InputWithDropdown/types.ts +2 -0
- package/src/components/Select/components/Dropdown.scss +1 -0
- package/src/components/TableTree/TableTree.stories.tsx +26 -12
- package/src/components/TableTree/TableTree.tsx +47 -23
- package/src/components/TableTree/data.ts +1 -1
- package/src/components/variableSuggestionInputDropDown/OptionsDropdown.tsx +51 -0
- package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.scss +18 -0
- package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.stories.tsx +155 -0
- package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.tsx +244 -0
- package/src/components/variableSuggestionInputDropDown/index.ts +1 -0
- package/src/components/variableSuggestionInputDropDown/types.ts +166 -0
- package/src/index.ts +2 -0
@@ -1,4 +1,4 @@
|
|
1
1
|
import './AddResourceButton.scss';
|
2
2
|
import { AddResourceButtonProps } from './type';
|
3
|
-
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, }: AddResourceButtonProps) => import("react/jsx-runtime").JSX.Element;
|
3
|
+
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, onMenuOptionClick, }: AddResourceButtonProps) => import("react/jsx-runtime").JSX.Element;
|
4
4
|
export default AddResourceButton;
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import './ArrowsButton.scss';
|
2
2
|
import { DirectionalArrowButtonProps } from '../type';
|
3
|
-
declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, treeRowRef, }: DirectionalArrowButtonProps & {
|
3
|
+
declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, treeRowRef, onMenuOptionClick, }: DirectionalArrowButtonProps & {
|
4
4
|
isActive: boolean;
|
5
5
|
}) => import("react/jsx-runtime").JSX.Element;
|
6
6
|
export default ArrowsButton;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
1
2
|
/**
|
2
3
|
* Describes the directional arrow used in the Add Resource Button component.
|
3
4
|
* The arrow specifies its direction (top, right, down) and associated menu options.
|
@@ -40,6 +41,10 @@ export interface AddResourceButtonProps {
|
|
40
41
|
}[];
|
41
42
|
zIndex?: number;
|
42
43
|
treeRowRef?: React.RefObject<any | null>;
|
44
|
+
onMenuOptionClick?: (option: {
|
45
|
+
label: string | ReactNode;
|
46
|
+
value: any;
|
47
|
+
}) => void;
|
43
48
|
}
|
44
49
|
/**
|
45
50
|
* Props for individual directional arrow buttons.
|
@@ -58,6 +63,10 @@ export interface DirectionalArrowButtonProps {
|
|
58
63
|
disable?: boolean;
|
59
64
|
}[];
|
60
65
|
onArrowClick: () => void;
|
66
|
+
onMenuOptionClick?: (option: {
|
67
|
+
label: string | ReactNode;
|
68
|
+
value: any;
|
69
|
+
}) => void;
|
61
70
|
isActive: boolean;
|
62
71
|
variant?: 'primary' | 'secondary';
|
63
72
|
treeRowRef?: React.RefObject<any | null>;
|
@@ -1,11 +1,24 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import './ExcelFile.scss';
|
3
3
|
interface ExcelFileProps {
|
4
|
-
/**
|
4
|
+
/**
|
5
|
+
* The Excel data containing all the sheets and their respective content.
|
6
|
+
*/
|
5
7
|
excelData: WorkSheet[];
|
6
|
-
/**
|
8
|
+
/**
|
9
|
+
* Optional configuration for the context menu (usually shown on right-click).
|
10
|
+
* This allows customization of the context menu options with a label, value, icon, and action to be performed.
|
11
|
+
*/
|
7
12
|
contextOption?: {
|
13
|
+
/**
|
14
|
+
* Whether the context menu should be enabled (open or not).
|
15
|
+
* If set to true, the context menu will be shown, otherwise, it will be disabled.
|
16
|
+
*/
|
8
17
|
open: boolean;
|
18
|
+
/**
|
19
|
+
* Array of options available in the context menu. Each option contains a label (display name),
|
20
|
+
* value (identifier), iconName (icon to display), and action (function to be executed on click).
|
21
|
+
*/
|
9
22
|
options: {
|
10
23
|
label: string;
|
11
24
|
value: string;
|
@@ -13,18 +26,62 @@ interface ExcelFileProps {
|
|
13
26
|
action: () => void;
|
14
27
|
}[];
|
15
28
|
};
|
16
|
-
/**
|
29
|
+
/**
|
30
|
+
* Controls whether the toolbar is shown or hidden.
|
31
|
+
* Possible values:
|
32
|
+
* - 'show' to display the toolbar
|
33
|
+
* - 'hide' to hide the toolbar
|
34
|
+
*/
|
17
35
|
toolbar?: 'show' | 'hide';
|
36
|
+
/**
|
37
|
+
* Controls whether the sheet navigation bar (tabs) is shown or hidden.
|
38
|
+
* Possible values:
|
39
|
+
* - 'show' to display the sheet bar
|
40
|
+
* - 'hide' to hide the sheet bar
|
41
|
+
*/
|
18
42
|
sheetBar?: 'show' | 'hide';
|
43
|
+
/**
|
44
|
+
* Optional: The total number of rows in the Excel sheet.
|
45
|
+
* This helps in determining the size and content of the sheet.
|
46
|
+
*/
|
19
47
|
rowCount?: number;
|
48
|
+
/**
|
49
|
+
* Optional: The total number of columns in the Excel sheet.
|
50
|
+
* This helps in determining the structure of the sheet.
|
51
|
+
*/
|
20
52
|
colCount?: number;
|
21
|
-
/**
|
53
|
+
/**
|
54
|
+
* Callback function triggered when saving the Excel data.
|
55
|
+
*/
|
22
56
|
onSave?: (saveData: any) => void;
|
57
|
+
/**
|
58
|
+
* Delay time (in milliseconds) before the onSave callback is executed.
|
59
|
+
*/
|
60
|
+
onSaveDelay: number;
|
61
|
+
/**
|
62
|
+
* Optional: Sets the vertical (Y-axis) positioning of the context menu.
|
63
|
+
* This allows precise control over where the context menu appears on the screen.
|
64
|
+
*/
|
23
65
|
contextHeightPositioning?: number;
|
66
|
+
/**
|
67
|
+
* Optional: Sets the horizontal (X-axis) positioning of the context menu.
|
68
|
+
* This allows precise control over where the context menu appears on the screen.
|
69
|
+
*/
|
24
70
|
contextWidthPositioning?: number;
|
25
|
-
/**
|
71
|
+
/**
|
72
|
+
* Optional: Dynamically sets the height of the sheet view area.
|
73
|
+
* This can be useful if you want to change the height of the sheet display, e.g., when resizing or re-layouting.
|
74
|
+
*/
|
26
75
|
sheetHeight?: string;
|
76
|
+
/**
|
77
|
+
* Optional: Enables or disables the context menu for columns.
|
78
|
+
* When set to true, column-related context menu actions are enabled.
|
79
|
+
*/
|
27
80
|
columnContextEnable?: boolean;
|
81
|
+
/**
|
82
|
+
* Optional: Enables or disables the context menu for rows.
|
83
|
+
* When set to true, row-related context menu actions are enabled.
|
84
|
+
*/
|
28
85
|
rowContextEnable?: boolean;
|
29
86
|
}
|
30
87
|
declare const ExcelFile: React.FC<ExcelFileProps>;
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { VariableSuggestionInputDropDownProps } from './types';
|
2
|
+
import './VariableSuggestionInputDropDown.scss';
|
3
|
+
declare const VariableSuggestionInputDropDown: import("react").ForwardRefExoticComponent<VariableSuggestionInputDropDownProps & import("react").RefAttributes<HTMLInputElement>>;
|
4
|
+
export default VariableSuggestionInputDropDown;
|
@@ -0,0 +1 @@
|
|
1
|
+
export { default } from './VariableSuggestionInputDropDown';
|
@@ -0,0 +1,150 @@
|
|
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 VariableSuggestionInputDropDownProps {
|
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: File | dynamicObject | null) => 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?: (event: React.ChangeEvent<HTMLInputElement>) => 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
|
+
* a boolean prop to show add variable icon or not.
|
125
|
+
*/
|
126
|
+
showAddVariableIcon?: boolean;
|
127
|
+
formProps?: Record<string, any>;
|
128
|
+
}
|
129
|
+
export interface OptionsDropdownProps {
|
130
|
+
/**
|
131
|
+
* Position whether absoloute or relative
|
132
|
+
*/
|
133
|
+
position: 'absolute' | 'relative';
|
134
|
+
/**
|
135
|
+
* Dropdown width
|
136
|
+
*/
|
137
|
+
width: string;
|
138
|
+
/**
|
139
|
+
* chars entered to search in Input :
|
140
|
+
*/
|
141
|
+
filteredOptions?: dynamicObject[];
|
142
|
+
/**
|
143
|
+
* Function to handle click on variable
|
144
|
+
*/
|
145
|
+
onSelectVariable: (variable: object) => void;
|
146
|
+
/**
|
147
|
+
* Dropdown postion used for dropdown placement
|
148
|
+
*/
|
149
|
+
dropdownPosition?: dropdownPositionType;
|
150
|
+
}
|
package/lib/index.d.ts
CHANGED
@@ -1213,9 +1213,13 @@ interface AddResourceButtonProps {
|
|
1213
1213
|
}[];
|
1214
1214
|
zIndex?: number;
|
1215
1215
|
treeRowRef?: React.RefObject<any | null>;
|
1216
|
+
onMenuOptionClick?: (option: {
|
1217
|
+
label: string | ReactNode;
|
1218
|
+
value: any;
|
1219
|
+
}) => void;
|
1216
1220
|
}
|
1217
1221
|
|
1218
|
-
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, }: AddResourceButtonProps) => react_jsx_runtime.JSX.Element;
|
1222
|
+
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, onMenuOptionClick, }: AddResourceButtonProps) => react_jsx_runtime.JSX.Element;
|
1219
1223
|
|
1220
1224
|
type Status = 'passed' | 'failed' | 'warning' | 'skipped' | 'Passed' | 'Failed' | 'Skipped' | 'Warning';
|
1221
1225
|
type StatusValue = {
|
@@ -1575,6 +1579,8 @@ interface InputWithDropdownProps {
|
|
1575
1579
|
*/
|
1576
1580
|
optionsRequired?: boolean;
|
1577
1581
|
dropdownPosition?: 'left' | 'right';
|
1582
|
+
leftDropDownPositionZindex?: number;
|
1583
|
+
rightDropDownPositionZindex?: number;
|
1578
1584
|
}
|
1579
1585
|
|
1580
1586
|
declare const InputWithDropdown: React$1.ForwardRefExoticComponent<InputWithDropdownProps & React$1.RefAttributes<HTMLInputElement>>;
|
@@ -2679,11 +2685,24 @@ interface LabelEditTextFieldTypes {
|
|
2679
2685
|
declare const EditTextField: FC<LabelEditTextFieldTypes>;
|
2680
2686
|
|
2681
2687
|
interface ExcelFileProps {
|
2682
|
-
/**
|
2688
|
+
/**
|
2689
|
+
* The Excel data containing all the sheets and their respective content.
|
2690
|
+
*/
|
2683
2691
|
excelData: WorkSheet[];
|
2684
|
-
/**
|
2692
|
+
/**
|
2693
|
+
* Optional configuration for the context menu (usually shown on right-click).
|
2694
|
+
* This allows customization of the context menu options with a label, value, icon, and action to be performed.
|
2695
|
+
*/
|
2685
2696
|
contextOption?: {
|
2697
|
+
/**
|
2698
|
+
* Whether the context menu should be enabled (open or not).
|
2699
|
+
* If set to true, the context menu will be shown, otherwise, it will be disabled.
|
2700
|
+
*/
|
2686
2701
|
open: boolean;
|
2702
|
+
/**
|
2703
|
+
* Array of options available in the context menu. Each option contains a label (display name),
|
2704
|
+
* value (identifier), iconName (icon to display), and action (function to be executed on click).
|
2705
|
+
*/
|
2687
2706
|
options: {
|
2688
2707
|
label: string;
|
2689
2708
|
value: string;
|
@@ -2691,18 +2710,62 @@ interface ExcelFileProps {
|
|
2691
2710
|
action: () => void;
|
2692
2711
|
}[];
|
2693
2712
|
};
|
2694
|
-
/**
|
2713
|
+
/**
|
2714
|
+
* Controls whether the toolbar is shown or hidden.
|
2715
|
+
* Possible values:
|
2716
|
+
* - 'show' to display the toolbar
|
2717
|
+
* - 'hide' to hide the toolbar
|
2718
|
+
*/
|
2695
2719
|
toolbar?: 'show' | 'hide';
|
2720
|
+
/**
|
2721
|
+
* Controls whether the sheet navigation bar (tabs) is shown or hidden.
|
2722
|
+
* Possible values:
|
2723
|
+
* - 'show' to display the sheet bar
|
2724
|
+
* - 'hide' to hide the sheet bar
|
2725
|
+
*/
|
2696
2726
|
sheetBar?: 'show' | 'hide';
|
2727
|
+
/**
|
2728
|
+
* Optional: The total number of rows in the Excel sheet.
|
2729
|
+
* This helps in determining the size and content of the sheet.
|
2730
|
+
*/
|
2697
2731
|
rowCount?: number;
|
2732
|
+
/**
|
2733
|
+
* Optional: The total number of columns in the Excel sheet.
|
2734
|
+
* This helps in determining the structure of the sheet.
|
2735
|
+
*/
|
2698
2736
|
colCount?: number;
|
2699
|
-
/**
|
2737
|
+
/**
|
2738
|
+
* Callback function triggered when saving the Excel data.
|
2739
|
+
*/
|
2700
2740
|
onSave?: (saveData: any) => void;
|
2741
|
+
/**
|
2742
|
+
* Delay time (in milliseconds) before the onSave callback is executed.
|
2743
|
+
*/
|
2744
|
+
onSaveDelay: number;
|
2745
|
+
/**
|
2746
|
+
* Optional: Sets the vertical (Y-axis) positioning of the context menu.
|
2747
|
+
* This allows precise control over where the context menu appears on the screen.
|
2748
|
+
*/
|
2701
2749
|
contextHeightPositioning?: number;
|
2750
|
+
/**
|
2751
|
+
* Optional: Sets the horizontal (X-axis) positioning of the context menu.
|
2752
|
+
* This allows precise control over where the context menu appears on the screen.
|
2753
|
+
*/
|
2702
2754
|
contextWidthPositioning?: number;
|
2703
|
-
/**
|
2755
|
+
/**
|
2756
|
+
* Optional: Dynamically sets the height of the sheet view area.
|
2757
|
+
* This can be useful if you want to change the height of the sheet display, e.g., when resizing or re-layouting.
|
2758
|
+
*/
|
2704
2759
|
sheetHeight?: string;
|
2760
|
+
/**
|
2761
|
+
* Optional: Enables or disables the context menu for columns.
|
2762
|
+
* When set to true, column-related context menu actions are enabled.
|
2763
|
+
*/
|
2705
2764
|
columnContextEnable?: boolean;
|
2765
|
+
/**
|
2766
|
+
* Optional: Enables or disables the context menu for rows.
|
2767
|
+
* When set to true, row-related context menu actions are enabled.
|
2768
|
+
*/
|
2706
2769
|
rowContextEnable?: boolean;
|
2707
2770
|
}
|
2708
2771
|
declare const ExcelFile: React__default.FC<ExcelFileProps>;
|
@@ -3316,10 +3379,10 @@ declare const PopUpModal: FC<PopUpModalProps>;
|
|
3316
3379
|
|
3317
3380
|
declare function formatString(input: string, removeSections?: string[]): string;
|
3318
3381
|
|
3319
|
-
type dynamicObject = {
|
3382
|
+
type dynamicObject$1 = {
|
3320
3383
|
[key: string]: any;
|
3321
3384
|
};
|
3322
|
-
type TestDataObject = {
|
3385
|
+
type TestDataObject$1 = {
|
3323
3386
|
_id: string;
|
3324
3387
|
name: string;
|
3325
3388
|
actualPath: string;
|
@@ -3334,15 +3397,15 @@ interface ConditionalDropdownProps {
|
|
3334
3397
|
/**
|
3335
3398
|
* Value in the input should stored in this state
|
3336
3399
|
*/
|
3337
|
-
hashInputValue?: TestDataObject | dynamicObject;
|
3400
|
+
hashInputValue?: TestDataObject$1 | dynamicObject$1;
|
3338
3401
|
/**
|
3339
3402
|
* Function storing and updating the inputValue state
|
3340
3403
|
*/
|
3341
|
-
setHashInputValue?: (value: File | dynamicObject | null) => void;
|
3404
|
+
setHashInputValue?: (value: File | dynamicObject$1 | null) => void;
|
3342
3405
|
/**
|
3343
3406
|
* List of variables
|
3344
3407
|
*/
|
3345
|
-
variableList?: dynamicObject[];
|
3408
|
+
variableList?: dynamicObject$1[];
|
3346
3409
|
/**
|
3347
3410
|
* Place holder for the input field
|
3348
3411
|
*/
|
@@ -3436,7 +3499,7 @@ interface ConditionalDropdownProps {
|
|
3436
3499
|
/**
|
3437
3500
|
* Options for the dropdown when `isHash` is true.
|
3438
3501
|
*/
|
3439
|
-
dataFiles?: dynamicObject[];
|
3502
|
+
dataFiles?: dynamicObject$1[];
|
3440
3503
|
/**
|
3441
3504
|
* a boolean prop to show add variable icon or not.
|
3442
3505
|
*/
|
@@ -3488,6 +3551,134 @@ declare const getTreeDetails: (action: "above" | "below" | "expand" | "collapse"
|
|
3488
3551
|
|
3489
3552
|
declare const handleTreeNodeSect: (data: TreeNodeProps[], key: string | undefined, isChecked: boolean | "partial") => TreeNodeProps[];
|
3490
3553
|
|
3554
|
+
type dynamicObject = {
|
3555
|
+
[key: string]: any;
|
3556
|
+
};
|
3557
|
+
type TestDataObject = {
|
3558
|
+
_id: string;
|
3559
|
+
name: string;
|
3560
|
+
actualPath: string;
|
3561
|
+
searchKey: string;
|
3562
|
+
parentId: string;
|
3563
|
+
};
|
3564
|
+
interface VariableSuggestionInputDropDownProps {
|
3565
|
+
/**
|
3566
|
+
* Label for the field
|
3567
|
+
*/
|
3568
|
+
label?: string;
|
3569
|
+
/**
|
3570
|
+
* Value in the input should stored in this state
|
3571
|
+
*/
|
3572
|
+
hashInputValue?: TestDataObject | dynamicObject;
|
3573
|
+
/**
|
3574
|
+
* Function storing and updating the inputValue state
|
3575
|
+
*/
|
3576
|
+
setHashInputValue?: (value: File | dynamicObject | null) => void;
|
3577
|
+
/**
|
3578
|
+
* List of variables
|
3579
|
+
*/
|
3580
|
+
variableList?: dynamicObject[];
|
3581
|
+
/**
|
3582
|
+
* Place holder for the input field
|
3583
|
+
*/
|
3584
|
+
placeholder?: string;
|
3585
|
+
/**
|
3586
|
+
* Function to handle input change
|
3587
|
+
* @param value
|
3588
|
+
* @returns
|
3589
|
+
*/
|
3590
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
3591
|
+
/**
|
3592
|
+
* Function to handle create variable icon click
|
3593
|
+
*/
|
3594
|
+
onCreateVariableClick?: () => void;
|
3595
|
+
/**
|
3596
|
+
* Width of the dropdown
|
3597
|
+
*/
|
3598
|
+
dropdownWidth?: string;
|
3599
|
+
/**
|
3600
|
+
* Name | name of the input field
|
3601
|
+
*/
|
3602
|
+
name?: string;
|
3603
|
+
/**
|
3604
|
+
* value | input field value
|
3605
|
+
*/
|
3606
|
+
value?: string;
|
3607
|
+
/**
|
3608
|
+
* variants to set color/style of the input field
|
3609
|
+
*/
|
3610
|
+
variant?: 'default' | 'primary';
|
3611
|
+
/**
|
3612
|
+
* type to set color/style of the input field
|
3613
|
+
*/
|
3614
|
+
type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
|
3615
|
+
/**
|
3616
|
+
* error | If true, error message will be displayed
|
3617
|
+
*/
|
3618
|
+
error?: boolean;
|
3619
|
+
/**
|
3620
|
+
* helperText | error, success, warning message to be shown
|
3621
|
+
*/
|
3622
|
+
helperText?: string;
|
3623
|
+
/**
|
3624
|
+
* to disable the input field
|
3625
|
+
*/
|
3626
|
+
disabled?: boolean;
|
3627
|
+
/**
|
3628
|
+
* if true, input field will be mandatory
|
3629
|
+
*/
|
3630
|
+
required?: boolean;
|
3631
|
+
/**
|
3632
|
+
* classnames to style the input field
|
3633
|
+
*/
|
3634
|
+
className?: string;
|
3635
|
+
/**
|
3636
|
+
* noBorder prop 'true' removes border of input
|
3637
|
+
*/
|
3638
|
+
noBorder?: boolean;
|
3639
|
+
onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
3640
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
3641
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
3642
|
+
/**
|
3643
|
+
* id to select the input field uniquely
|
3644
|
+
*/
|
3645
|
+
id?: string;
|
3646
|
+
/**
|
3647
|
+
* if on, suggestion popup will be displayed
|
3648
|
+
*/
|
3649
|
+
autoComplete?: 'on' | 'off';
|
3650
|
+
/**
|
3651
|
+
* minimum and maximum values for the number type input field and their functions
|
3652
|
+
*/
|
3653
|
+
minValue?: number;
|
3654
|
+
maxValue?: number;
|
3655
|
+
/**
|
3656
|
+
* background of the input field prop
|
3657
|
+
*/
|
3658
|
+
transparentBackground?: boolean;
|
3659
|
+
/**
|
3660
|
+
* size for the input field
|
3661
|
+
*/
|
3662
|
+
size?: 'small' | 'medium';
|
3663
|
+
/**
|
3664
|
+
* isLabelRequired for the input field without label,showing placeholder
|
3665
|
+
*/
|
3666
|
+
isLabelRequired?: boolean;
|
3667
|
+
/**
|
3668
|
+
* If true, dropdown opens when '#' is entered at the first position.
|
3669
|
+
*/
|
3670
|
+
isHash?: boolean;
|
3671
|
+
/**
|
3672
|
+
* Options for the dropdown when `isHash` is true.
|
3673
|
+
*/
|
3674
|
+
dataFiles?: dynamicObject[];
|
3675
|
+
/**
|
3676
|
+
* a boolean prop to show add variable icon or not.
|
3677
|
+
*/
|
3678
|
+
showAddVariableIcon?: boolean;
|
3679
|
+
formProps?: Record<string, any>;
|
3680
|
+
}
|
3681
|
+
|
3491
3682
|
declare const EMAIL_REGEX: RegExp;
|
3492
3683
|
declare const URL_REGEX: RegExp;
|
3493
3684
|
declare const PHONE_REGEX: RegExp;
|
@@ -3547,4 +3738,4 @@ declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
|
|
3547
3738
|
declare function saveToIndexedDB(key: string, value: string): Promise<void>;
|
3548
3739
|
declare function getFromIndexedDB(key: string): Promise<string | null>;
|
3549
3740
|
|
3550
|
-
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, BrowserTabs, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, type TreeNodeProps, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, getTreeDetails, handleTreeNodeSect, hasDuplicateFile, rearrangeDragItem, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };
|
3741
|
+
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, BrowserTabs, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, type TreeNodeProps, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, type VariableSuggestionInputDropDownProps, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, getTreeDetails, handleTreeNodeSect, hasDuplicateFile, rearrangeDragItem, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };
|