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.
Files changed (147) hide show
  1. package/lib/components/Charts/LineChart/types.d.ts +1 -0
  2. package/lib/components/Chip/types.d.ts +1 -1
  3. package/lib/components/ConditionalDropdown/ConditionalDropdown.d.ts +5 -0
  4. package/lib/components/ConditionalDropdown/OptionsDropdown.d.ts +5 -0
  5. package/lib/components/ConditionalDropdown/index.d.ts +1 -0
  6. package/lib/components/ConditionalDropdown/types.d.ts +145 -0
  7. package/lib/components/DownloadClient/type.d.ts +19 -27
  8. package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +8 -1
  9. package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +2 -0
  10. package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +13 -6
  11. package/lib/components/LabelEditTextField/types.d.ts +1 -0
  12. package/lib/components/MachineInputField/types.d.ts +1 -0
  13. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  14. package/lib/components/MenuOption/types.d.ts +2 -1
  15. package/lib/components/MiniModal/types.d.ts +1 -0
  16. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  17. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
  18. package/lib/components/MultiSelect/dropdownTypes.d.ts +1 -0
  19. package/lib/components/NLPInput/NlpInput.d.ts +2 -2
  20. package/lib/components/NLPInput/components/NlpDropDown/NlpDropDownType.d.ts +6 -3
  21. package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts +1 -1
  22. package/lib/components/NLPInput/sampleData.d.ts +104 -0
  23. package/lib/components/NLPInput/types.d.ts +80 -0
  24. package/lib/components/ProgressBar/ProgressBar.d.ts +5 -0
  25. package/lib/components/ProgressBar/index.d.ts +1 -0
  26. package/lib/components/ProgressBar/types.d.ts +12 -0
  27. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  28. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +4 -0
  29. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  30. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +4 -0
  31. package/lib/components/SequentialConnectingBranch/types.d.ts +7 -1
  32. package/lib/components/TableTree/TableTree.d.ts +2 -2
  33. package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
  34. package/lib/components/TableTree/types.d.ts +1 -1
  35. package/lib/hooks/useIntersectionObserver.d.ts +9 -0
  36. package/lib/index.d.ts +112 -59
  37. package/lib/index.esm.js +1251 -662
  38. package/lib/index.esm.js.map +1 -1
  39. package/lib/index.js +1252 -662
  40. package/lib/index.js.map +1 -1
  41. package/lib/tsconfig.tsbuildinfo +1 -1
  42. package/lib/utils/functionCheck/functionCheck.d.ts +2 -0
  43. package/lib/utils/getSequentialPayload/types.d.ts +1 -0
  44. package/package.json +1 -1
  45. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +5 -0
  46. package/src/assets/Themes/BaseTheme.scss +20 -2
  47. package/src/assets/Themes/DarkTheme.scss +19 -2
  48. package/src/assets/icons/ai_search.svg +9 -0
  49. package/src/assets/icons/help_icon.svg +10 -0
  50. package/src/assets/icons/ios_icon.svg +11 -0
  51. package/src/assets/icons/plus_round_icon.svg +38 -0
  52. package/src/assets/icons/tick_icon.svg +2 -2
  53. package/src/assets/styles/_colors.scss +1 -1
  54. package/src/components/AttachmentButton/AttachmentButton.tsx +1 -1
  55. package/src/components/Charts/LineChart/LineChart.stories.tsx +7 -3
  56. package/src/components/Charts/LineChart/LineChart.tsx +10 -1
  57. package/src/components/Charts/LineChart/types.ts +1 -0
  58. package/src/components/Checkbox/Checkbox.scss +3 -1
  59. package/src/components/Checkbox/Checkbox.stories.tsx +32 -77
  60. package/src/components/Checkbox/Checkbox.tsx +3 -4
  61. package/src/components/Chip/Chip.scss +15 -5
  62. package/src/components/Chip/Chip.stories.tsx +10 -1
  63. package/src/components/Chip/Chip.tsx +5 -1
  64. package/src/components/Chip/types.ts +1 -1
  65. package/src/components/{AddVariables/AddVariables.scss → ConditionalDropdown/ConditionalDropdown.scss} +4 -0
  66. package/src/components/{AddVariables/AddVariables.stories.tsx → ConditionalDropdown/ConditionalDropdown.stories.tsx} +75 -10
  67. package/src/components/{AddVariables/AddVariables.tsx → ConditionalDropdown/ConditionalDropdown.tsx} +63 -33
  68. package/src/components/ConditionalDropdown/OptionsDropdown.tsx +44 -0
  69. package/src/components/ConditionalDropdown/index.ts +1 -0
  70. package/src/components/{AddVariables → ConditionalDropdown}/types.ts +62 -5
  71. package/src/components/DownloadClient/DownloadClient.scss +51 -64
  72. package/src/components/DownloadClient/DownloadClient.stories.tsx +6 -6
  73. package/src/components/DownloadClient/DownloadClient.tsx +60 -51
  74. package/src/components/DownloadClient/type.ts +32 -40
  75. package/src/components/EditTextField/EditTextField.scss +1 -1
  76. package/src/components/EditTextField/EditTextField.tsx +14 -20
  77. package/src/components/Excel/ExcelFile/ExcelFile.scss +3 -2
  78. package/src/components/Excel/ExcelFile/ExcelFile.tsx +37 -21
  79. package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +12 -0
  80. package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +2 -34
  81. package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +26 -1
  82. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +7 -7
  83. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +13 -0
  84. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +53 -26
  85. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +81 -14
  86. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +17 -6
  87. package/src/components/Excel/ExcelFile.stories.tsx +4 -4
  88. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +36 -19
  89. package/src/components/Excel/dataConversion.ts +43 -20
  90. package/src/components/FileDropzone/FileDropzone.stories.tsx +5 -19
  91. package/src/components/FileDropzone/FileDropzone.tsx +24 -4
  92. package/src/components/Form/Forms.tsx +0 -2
  93. package/src/components/Icon/iconList.ts +9 -0
  94. package/src/components/LabelEditTextField/LabelEditTextField.scss +1 -1
  95. package/src/components/LabelEditTextField/LabelEditTextField.tsx +29 -36
  96. package/src/components/LabelEditTextField/types.ts +1 -0
  97. package/src/components/MachineInputField/MachineInputField.scss +1 -5
  98. package/src/components/MachineInputField/MachineInputField.stories.tsx +6 -5
  99. package/src/components/MachineInputField/MachineInputField.tsx +14 -14
  100. package/src/components/MachineInputField/types.ts +2 -0
  101. package/src/components/MenuOption/MenuOption.scss +7 -7
  102. package/src/components/MenuOption/MenuOption.stories.tsx +83 -28
  103. package/src/components/MenuOption/MenuOption.tsx +9 -13
  104. package/src/components/MenuOption/types.ts +3 -2
  105. package/src/components/MiniModal/MiniModal.scss +0 -1
  106. package/src/components/MiniModal/MiniModal.stories.tsx +6 -1
  107. package/src/components/MiniModal/MiniModal.tsx +3 -1
  108. package/src/components/MiniModal/types.ts +1 -0
  109. package/src/components/MultiSelect/Dropdown.scss +3 -4
  110. package/src/components/MultiSelect/Dropdown.tsx +34 -7
  111. package/src/components/MultiSelect/MultiSelect.scss +1 -0
  112. package/src/components/MultiSelect/MultiSelect.tsx +3 -0
  113. package/src/components/MultiSelect/MultiSelectTypes.ts +3 -1
  114. package/src/components/MultiSelect/dropdownTypes.ts +2 -0
  115. package/src/components/NLPInput/NLPInput.scss +77 -21
  116. package/src/components/NLPInput/NlpInput.stories.tsx +43 -109
  117. package/src/components/NLPInput/NlpInput.tsx +95 -59
  118. package/src/components/NLPInput/components/NlpDropDown/NlpDropDownType.ts +6 -4
  119. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +86 -35
  120. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.tsx +220 -80
  121. package/src/components/NLPInput/sampleData.ts +162 -0
  122. package/src/components/NLPInput/{type.tsx → types.tsx} +23 -11
  123. package/src/components/ProgressBar/ProgressBar.scss +46 -0
  124. package/src/components/ProgressBar/ProgressBar.stories.tsx +22 -0
  125. package/src/components/ProgressBar/ProgressBar.tsx +61 -0
  126. package/src/components/ProgressBar/index.ts +1 -0
  127. package/src/components/ProgressBar/types.ts +12 -0
  128. package/src/components/Search/Search.tsx +9 -1
  129. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +13 -2
  130. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +36 -19
  131. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +120 -32
  132. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +7 -0
  133. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +8 -0
  134. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +7 -0
  135. package/src/components/SequentialConnectingBranch/types.ts +7 -5
  136. package/src/components/Table/Table.scss +1 -0
  137. package/src/components/TableTree/Components/TableBody.tsx +3 -1
  138. package/src/components/TableTree/TableTree.stories.tsx +4 -7
  139. package/src/components/TableTree/TableTree.tsx +27 -181
  140. package/src/components/TableTree/Utils/getAllChildIds.ts +2 -0
  141. package/src/components/TableTree/data.ts +45 -0
  142. package/src/components/TableTree/types.ts +4 -4
  143. package/src/hooks/useIntersectionObserver.tsx +56 -0
  144. package/src/index.ts +4 -2
  145. package/src/utils/functionCheck/functionCheck.ts +8 -0
  146. package/src/utils/getSequentialPayload/types.ts +1 -0
  147. package/src/components/AddVariables/index.ts +0 -1
@@ -24,4 +24,5 @@ export interface LineChartProps {
24
24
  textSize?: string | number;
25
25
  fontWeight?: string | number;
26
26
  numberSize?: string | number;
27
+ proportionalSpacing?: boolean;
27
28
  }
@@ -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,5 @@
1
+ import { ConditionalDropdownProps } from './types';
2
+ import './ConditionalDropdown.scss';
3
+ import React from 'react';
4
+ declare const ConditionalDropdown: React.FC<ConditionalDropdownProps>;
5
+ export default ConditionalDropdown;
@@ -0,0 +1,5 @@
1
+ import type { FC } from 'react';
2
+ import { OptionsDropdownProps } from './types';
3
+ import './ConditionalDropdown.scss';
4
+ declare const OptionsDropdown: FC<OptionsDropdownProps>;
5
+ export default OptionsDropdown;
@@ -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
- * Title of the popup.
4
- */
5
- title: string;
3
+ * Close dialog function to close the modal dialog
4
+ **/
5
+ onClose: () => void;
6
6
  /**
7
- * Description or body text of the popup.
8
- */
9
- description: string;
7
+ * distance between modal dialog and parent from top
8
+ **/
9
+ top?: string;
10
10
  /**
11
- * Callback for when the "Cancel" icon is clicked.
12
- */
13
- onCancel: () => void;
11
+ * distance between modal dialog and parent from left
12
+ **/
13
+ left?: string;
14
14
  /**
15
- * Callback for when the "Download for Windows" icon is clicked.
16
- */
17
- onDownloadWindows: () => void;
15
+ * To be used custom properties for the modal dialog through className
16
+ **/
17
+ className?: string;
18
18
  /**
19
- * Callback for when the "Download for macOS" icon is clicked.
20
- */
21
- onDownloadMac: () => void;
19
+ * Description of the dialog box
20
+ **/
21
+ description?: string;
22
22
  /**
23
- * Optional flag to control whether to display icons for download actions instead of buttons.
24
- * Defaults to `false` for buttons.
25
- */
26
- showIcons?: boolean;
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: Record<number, Pick<Dimensions, 'height' | 'top'> | undefined>;
53
- columnDimensions: Record<number, Pick<Dimensions, 'width' | 'left'> | undefined>;
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
- open: boolean;
61
- style: undefined | React.CSSProperties;
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;
@@ -38,6 +38,7 @@ export interface LabelEditTextFieldTypes {
38
38
  isOpen?: boolean;
39
39
  /**for conditionally handle custom error */
40
40
  customErrorCondition?: boolean;
41
+ placeholder?: string;
41
42
  onClick?: () => void;
42
43
  tooltip?: {
43
44
  tooltipTitle?: string;
@@ -9,4 +9,5 @@ export interface MachineInputFieldProps {
9
9
  className?: string;
10
10
  contentReverse?: boolean;
11
11
  onClick?: () => void;
12
+ modalId?: string;
12
13
  }
@@ -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 "react";
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
  /**
@@ -7,6 +7,7 @@ interface ModalDimensions {
7
7
  boxShadow?: string;
8
8
  left?: number;
9
9
  top?: number;
10
+ padding?: number;
10
11
  }
11
12
  export interface MiniEditModalProps {
12
13
  /**
@@ -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;
@@ -32,5 +32,6 @@ interface MultiSelectProps {
32
32
  labelAccessor?: string;
33
33
  valueAccessor?: string;
34
34
  onEnter?: (newOption: string) => void;
35
+ loadMoreOptions?: () => void;
35
36
  }
36
37
  export { Option, MultiSelectProps };
@@ -16,4 +16,5 @@ export interface DropdownProps {
16
16
  onSelect?: () => void;
17
17
  labelAccessor?: string;
18
18
  valueAccessor?: string;
19
+ loadMoreOptions?: () => void;
19
20
  }
@@ -1,4 +1,4 @@
1
- import { SelectProps } from './type';
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, Option } from '../../type';
1
+ import { DrowdownPosition, NlpRenderOption } from '../../types';
2
2
  export interface NlpDropDownListProps {
3
3
  onSelectBlur: () => void;
4
- onSelectOptionSelector: (option: Option) => void;
4
+ leftIcon?: string;
5
+ webServiceClick?: () => void;
6
+ containerWidth?: string | number;
7
+ onSelectOptionSelector: (option: NlpRenderOption) => void;
5
8
  dropdownPosition: DrowdownPosition;
6
- options?: Option[];
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,5 @@
1
+ import React from 'react';
2
+ import type { ProgressBarProps } from './types';
3
+ import './ProgressBar.scss';
4
+ declare const ProgressBar: React.FC<ProgressBarProps>;
5
+ export default ProgressBar;
@@ -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
  }