pixel-react 1.10.9 → 1.10.10-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 (45) hide show
  1. package/lib/components/AddResourceButton/AddResourceButton.d.ts +1 -1
  2. package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
  3. package/lib/components/AddResourceButton/type.d.ts +9 -0
  4. package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +62 -5
  5. package/lib/components/InputWithDropdown/types.d.ts +2 -0
  6. package/lib/components/variableSuggestionInputDropDown/OptionsDropdown.d.ts +5 -0
  7. package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.d.ts +4 -0
  8. package/lib/components/variableSuggestionInputDropDown/index.d.ts +1 -0
  9. package/lib/components/variableSuggestionInputDropDown/types.d.ts +150 -0
  10. package/lib/index.d.ts +204 -13
  11. package/lib/index.esm.js +165 -109
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +165 -109
  14. package/lib/index.js.map +1 -1
  15. package/lib/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +1 -1
  17. package/src/assets/icons/module_icon.svg +3 -0
  18. package/src/components/AddResourceButton/AddResourceButton.stories.tsx +32 -16
  19. package/src/components/AddResourceButton/AddResourceButton.tsx +2 -0
  20. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +2 -1
  21. package/src/components/AddResourceButton/type.ts +9 -0
  22. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +1 -1
  23. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +1 -1
  24. package/src/components/AppHeader/AppHeader.scss +1 -1
  25. package/src/components/Editor/VariableDropdown.scss +0 -1
  26. package/src/components/Editor/VariableDropdown.tsx +9 -2
  27. package/src/components/Excel/ExcelFile/ExcelFile.tsx +122 -54
  28. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +0 -1
  29. package/src/components/Excel/ExcelFile.stories.tsx +1 -0
  30. package/src/components/FileDropzone/Dropzone.tsx +2 -1
  31. package/src/components/FileDropzone/FileDropzone.tsx +3 -5
  32. package/src/components/Icon/iconList.ts +6 -4
  33. package/src/components/InputWithDropdown/InputWithDropdown.tsx +6 -2
  34. package/src/components/InputWithDropdown/types.ts +2 -0
  35. package/src/components/Select/components/Dropdown.scss +1 -0
  36. package/src/components/TableTree/TableTree.stories.tsx +27 -12
  37. package/src/components/TableTree/TableTree.tsx +82 -22
  38. package/src/components/TableTree/data.ts +1 -1
  39. package/src/components/variableSuggestionInputDropDown/OptionsDropdown.tsx +51 -0
  40. package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.scss +18 -0
  41. package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.stories.tsx +155 -0
  42. package/src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.tsx +244 -0
  43. package/src/components/variableSuggestionInputDropDown/index.ts +1 -0
  44. package/src/components/variableSuggestionInputDropDown/types.ts +166 -0
  45. 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
- /** The Excel data containing sheets and their content */
4
+ /**
5
+ * The Excel data containing all the sheets and their respective content.
6
+ */
5
7
  excelData: WorkSheet[];
6
- /** Optional: Provide context menu options for actions like right-click */
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
- /** Controls whether the toolbar is shown, disabled, or hidden */
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
- /** Callback function to save the Excel data */
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
- /** Set your dynamic sheet Height*/
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>;
@@ -90,4 +90,6 @@ export interface InputWithDropdownProps {
90
90
  */
91
91
  optionsRequired?: boolean;
92
92
  dropdownPosition?: 'left' | 'right';
93
+ leftDropDownPositionZindex?: number;
94
+ rightDropDownPositionZindex?: number;
93
95
  }
@@ -0,0 +1,5 @@
1
+ import type { FC } from 'react';
2
+ import { OptionsDropdownProps } from './types';
3
+ import './VariableSuggestionInputDropDown.scss';
4
+ declare const OptionsDropdown: FC<OptionsDropdownProps>;
5
+ export default OptionsDropdown;
@@ -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
- /** The Excel data containing sheets and their content */
2688
+ /**
2689
+ * The Excel data containing all the sheets and their respective content.
2690
+ */
2683
2691
  excelData: WorkSheet[];
2684
- /** Optional: Provide context menu options for actions like right-click */
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
- /** Controls whether the toolbar is shown, disabled, or hidden */
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
- /** Callback function to save the Excel data */
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
- /** Set your dynamic sheet Height*/
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 };