pixel-react 1.2.6 → 1.2.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (182) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/Drawer/Types.d.ts +29 -17
  3. package/lib/components/{ExcelFile → Excel}/ExcelFile/ExcelFile.d.ts +1 -0
  4. package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/actions.d.ts +39 -10
  5. package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducer.d.ts +4 -0
  6. package/lib/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.d.ts +40 -0
  7. package/lib/components/{ExcelFile → Excel}/ExcelToolBar/ExcelToolBar.d.ts +7 -3
  8. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  9. package/lib/components/MenuOption/types.d.ts +4 -0
  10. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  11. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
  12. package/lib/components/Select/Select.stories.d.ts +1 -0
  13. package/lib/components/Toastify/Toastify.d.ts +5 -4
  14. package/lib/components/Toastify/types.d.ts +1 -0
  15. package/lib/index.d.ts +76 -24
  16. package/lib/index.esm.js +1467 -1038
  17. package/lib/index.esm.js.map +1 -1
  18. package/lib/index.js +1468 -1038
  19. package/lib/index.js.map +1 -1
  20. package/lib/tsconfig.tsbuildinfo +1 -1
  21. package/lib/utils/getSequentialPayload/getSequentialPayload.d.ts +2 -0
  22. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
  23. package/lib/utils/getSequentialPayload/types.d.ts +30 -0
  24. package/package.json +3 -3
  25. package/src/assets/Themes/BaseTheme.scss +4 -0
  26. package/src/assets/icons/maximize_icon.svg +5 -0
  27. package/src/assets/styles/_fonts.scss +1 -1
  28. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +15 -6
  29. package/src/components/AllProjectsDropdown/AllProjectsDropdown.stories.tsx +0 -5
  30. package/src/components/AllProjectsDropdown/AllProjectsDropdown.tsx +20 -10
  31. package/src/components/Drawer/Drawer.scss +1 -0
  32. package/src/components/Drawer/Drawer.stories.tsx +8 -9
  33. package/src/components/Drawer/Drawer.tsx +8 -5
  34. package/src/components/Drawer/Types.ts +27 -14
  35. package/src/components/Excel/ExcelFile/ExcelFile.scss +62 -0
  36. package/src/components/Excel/ExcelFile/ExcelFile.tsx +312 -0
  37. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/ActiveCell.tsx +2 -2
  38. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Cell.tsx +3 -3
  39. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/ColumnIndicator.tsx +4 -4
  40. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/CornerIndicator.tsx +2 -2
  41. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/DataEditor.tsx +1 -1
  42. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/DataViewer.tsx +3 -3
  43. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/FloatingRect.tsx +4 -4
  44. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/RowIndicator.tsx +4 -4
  45. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Spreadsheet.scss +26 -24
  46. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Spreadsheet.tsx +13 -45
  47. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Table.tsx +1 -1
  48. package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/actions.ts +88 -20
  49. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +495 -0
  50. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +758 -0
  51. package/src/components/{ExcelFile → Excel}/ExcelFile.stories.tsx +45 -0
  52. package/src/components/Excel/ExcelToolBar/ExcelToolBar.scss +36 -0
  53. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +346 -0
  54. package/src/components/Form/Form.scss +54 -35
  55. package/src/components/Form/Form.stories.tsx +264 -225
  56. package/src/components/Form/Forms.tsx +5 -1
  57. package/src/components/Icon/iconList.ts +2 -1
  58. package/src/components/Input/Input.tsx +0 -1
  59. package/src/components/MenuOption/MenuOption.scss +0 -1
  60. package/src/components/MenuOption/MenuOption.stories.tsx +3 -0
  61. package/src/components/MenuOption/MenuOption.tsx +5 -4
  62. package/src/components/MenuOption/types.ts +4 -0
  63. package/src/components/ModulesChip/ModuleChip.scss +2 -2
  64. package/src/components/ModulesChip/ModuleChip.tsx +4 -4
  65. package/src/components/MultiSelect/Dropdown.tsx +5 -2
  66. package/src/components/MultiSelect/MultiSelect.scss +16 -11
  67. package/src/components/MultiSelect/MultiSelect.stories.tsx +17 -13
  68. package/src/components/MultiSelect/MultiSelect.tsx +49 -26
  69. package/src/components/MultiSelect/MultiSelectTypes.ts +2 -1
  70. package/src/components/Select/Select.stories.tsx +161 -18
  71. package/src/components/Select/Select.tsx +41 -33
  72. package/src/components/Table/Table.scss +6 -5
  73. package/src/components/Table/Table.stories.tsx +0 -9
  74. package/src/components/Table/Table.tsx +2 -2
  75. package/src/components/TableTree/TableTree.scss +1 -1
  76. package/src/components/TableTree/TableTree.tsx +3 -1
  77. package/src/components/Toastify/Toastify.stories.tsx +29 -10
  78. package/src/components/Toastify/Toastify.tsx +42 -16
  79. package/src/components/Toastify/types.ts +2 -0
  80. package/src/components/Tooltip/Tooltip.scss +1 -1
  81. package/src/index.ts +4 -2
  82. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +75 -0
  83. package/src/utils/getSequentialPayload/getSequentialPayload.ts +29 -0
  84. package/src/utils/getSequentialPayload/types.ts +35 -0
  85. package/lib/components/AddButton/AddButton.d.ts +0 -5
  86. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  87. package/lib/components/AddButton/index.d.ts +0 -1
  88. package/lib/components/AddButton/types.d.ts +0 -4
  89. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  90. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
  91. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -12
  92. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  93. package/lib/utils/find/findAndInsert.d.ts +0 -7
  94. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
  95. package/src/components/ExcelFile/ExcelFile/Excel/reducer.ts +0 -952
  96. package/src/components/ExcelFile/ExcelFile/ExcelFile.scss +0 -24
  97. package/src/components/ExcelFile/ExcelFile/ExcelFile.tsx +0 -162
  98. package/src/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.scss +0 -16
  99. package/src/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.tsx +0 -68
  100. package/src/components/ExcelFile/ExcelToolBar/ExcelToolBar.scss +0 -19
  101. package/src/components/ExcelFile/ExcelToolBar/ExcelToolBar.tsx +0 -291
  102. package/src/fonts/Montserrat/Montserrat-Medium.ttf +0 -0
  103. package/src/fonts/Montserrat/Montserrat-Regular.ttf +0 -0
  104. package/src/fonts/Montserrat/Montserrat-SemiBold.ttf +0 -0
  105. package/src/fonts/Poppins/Poppins-Black.ttf +0 -0
  106. package/src/fonts/Poppins/Poppins-BlackItalic.ttf +0 -0
  107. package/src/fonts/Poppins/Poppins-BoldItalic.ttf +0 -0
  108. package/src/fonts/Poppins/Poppins-ExtraBold.ttf +0 -0
  109. package/src/fonts/Poppins/Poppins-ExtraBoldItalic.ttf +0 -0
  110. package/src/fonts/Poppins/Poppins-ExtraLight.ttf +0 -0
  111. package/src/fonts/Poppins/Poppins-ExtraLightItalic.ttf +0 -0
  112. package/src/fonts/Poppins/Poppins-Italic.ttf +0 -0
  113. package/src/fonts/Poppins/Poppins-Light.ttf +0 -0
  114. package/src/fonts/Poppins/Poppins-LightItalic.ttf +0 -0
  115. package/src/fonts/Poppins/Poppins-MediumItalic.ttf +0 -0
  116. package/src/fonts/Poppins/Poppins-SemiBoldItalic.ttf +0 -0
  117. package/src/fonts/Poppins/Poppins-Thin.ttf +0 -0
  118. package/src/fonts/Poppins/Poppins-ThinItalic.ttf +0 -0
  119. /package/lib/components/{ExcelFile → Excel}/ColorBarSelector/ColorBarSelector.d.ts +0 -0
  120. /package/lib/components/{ExcelFile → Excel}/ContextMenu/ContextMenu.d.ts +0 -0
  121. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/ActiveCell.d.ts +0 -0
  122. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Cell.d.ts +0 -0
  123. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/ColumnIndicator.d.ts +0 -0
  124. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Copied.d.ts +0 -0
  125. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/CornerIndicator.d.ts +0 -0
  126. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/DataEditor.d.ts +0 -0
  127. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/DataViewer.d.ts +0 -0
  128. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/FloatingRect.d.ts +0 -0
  129. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/HeaderRow.d.ts +0 -0
  130. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Row.d.ts +0 -0
  131. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/RowIndicator.d.ts +0 -0
  132. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Selected.d.ts +0 -0
  133. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Spreadsheet.d.ts +0 -0
  134. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Table.d.ts +0 -0
  135. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/areModelsEqual.d.ts +0 -0
  136. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/context.d.ts +0 -0
  137. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/engine.d.ts +0 -0
  138. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/formula.d.ts +0 -0
  139. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/index.d.ts +0 -0
  140. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/point-graph.d.ts +0 -0
  141. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/point-hash.d.ts +0 -0
  142. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/point-set.d.ts +0 -0
  143. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/index.d.ts +0 -0
  144. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/matrix.d.ts +0 -0
  145. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/point-range.d.ts +0 -0
  146. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/point.d.ts +0 -0
  147. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/selection.d.ts +0 -0
  148. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/types.d.ts +0 -0
  149. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/use-dispatch.d.ts +0 -0
  150. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/use-selector.d.ts +0 -0
  151. /package/lib/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/util.d.ts +0 -0
  152. /package/lib/components/{ExcelFile → Excel}/ExcelFile.stories.d.ts +0 -0
  153. /package/lib/components/{ExcelFile → Excel}/Types.d.ts +0 -0
  154. /package/lib/components/{ExcelFile → Excel}/index.d.ts +0 -0
  155. /package/src/components/{ExcelFile/ColorBarselector → Excel/ColorBarSelector}/ColorBarSelector.scss +0 -0
  156. /package/src/components/{ExcelFile/ColorBarselector → Excel/ColorBarSelector}/ColorBarSelector.tsx +0 -0
  157. /package/src/components/{ExcelFile → Excel}/ContextMenu/ContextMenu.scss +0 -0
  158. /package/src/components/{ExcelFile → Excel}/ContextMenu/ContextMenu.tsx +0 -0
  159. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Copied.tsx +0 -0
  160. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/HeaderRow.tsx +0 -0
  161. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Row.tsx +0 -0
  162. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/Selected.tsx +0 -0
  163. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/areModelsEqual.ts +0 -0
  164. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/context.ts +0 -0
  165. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/engine.ts +0 -0
  166. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/formula.ts +0 -0
  167. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/index.ts +0 -0
  168. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/point-graph.ts +0 -0
  169. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/point-hash.ts +0 -0
  170. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/engine/point-set.ts +0 -0
  171. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/index.ts +0 -0
  172. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/matrix.ts +0 -0
  173. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/point-range.ts +0 -0
  174. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/point.ts +0 -0
  175. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/selection.ts +0 -0
  176. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/types.ts +0 -0
  177. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/typings/fast-formula-parser.d.ts +0 -0
  178. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/use-dispatch.ts +0 -0
  179. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/use-selector.ts +0 -0
  180. /package/src/components/{ExcelFile/ExcelFile/Excel → Excel/ExcelFile/ExcelFileComponents}/util.ts +0 -0
  181. /package/src/components/{ExcelFile → Excel}/Types.ts +0 -0
  182. /package/src/components/{ExcelFile → Excel}/index.ts +0 -0
Binary file
@@ -12,6 +12,17 @@ export interface BtnPropsCommon {
12
12
  * Onclick function for button
13
13
  */
14
14
  onClick?: () => void;
15
+ /**
16
+ * Button type
17
+ * @default 'button'
18
+ * @example 'submit'
19
+ * @example 'button'
20
+ */
21
+ type?: 'button' | 'submit';
22
+ /**
23
+ * form to accept id of form in string format
24
+ */
25
+ form?: string;
15
26
  }
16
27
  export interface DrawerProps {
17
28
  /**
@@ -23,12 +34,12 @@ export interface DrawerProps {
23
34
  */
24
35
  _isExpanded?: boolean;
25
36
  /**
26
- * To show and hide the back button of the Drawer
27
- */
37
+ * To show and hide the back button of the Drawer
38
+ */
28
39
  isBackButtonVisible?: boolean;
29
40
  /**
30
- * To show and hide the close button of the Drawer
31
- */
41
+ * To show and hide the close button of the Drawer
42
+ */
32
43
  _isCloseModalButtonVisible?: boolean;
33
44
  /**
34
45
  * Function to close the drawer
@@ -66,6 +77,14 @@ export interface DrawerProps {
66
77
  * Left side Secondary | Cancel button props
67
78
  */
68
79
  leftSecondaryButtonProps?: BtnPropsCommon;
80
+ /**
81
+ * Left side Tertiary Button | Help button props
82
+ */
83
+ leftTertiaryButtonProps?: BtnPropsCommon;
84
+ /**
85
+ * Right side Tertiary Button | More Info button props
86
+ */
87
+ rightTertiaryButtonProps?: BtnPropsCommon;
69
88
  /**
70
89
  * Onclick function for edit button
71
90
  */
@@ -97,22 +116,15 @@ export interface DrawerProps {
97
116
  */
98
117
  onCloseIconClick?: () => void;
99
118
  /**
100
- * Custom header for the drawer, replacing the default header.
101
- * If provided, this will render in place of the default header.
102
- */
119
+ * Custom header for the drawer, replacing the default header.
120
+ * If provided, this will render in place of the default header.
121
+ */
103
122
  customHeader?: ReactNode;
104
123
  /**
105
- * Custom footer for the drawer, replacing the default footer.
106
- * If provided, this will render in place of the default footer.
107
- */
108
- customFooter?: ReactNode;
109
- /**
110
- * Tertiary button properties (optional)
124
+ * Custom footer for the drawer, replacing the default footer.
125
+ * If provided, this will render in place of the default footer.
111
126
  */
112
- tertiaryButtonProps?: {
113
- left?: BtnPropsCommon;
114
- right?: BtnPropsCommon;
115
- };
127
+ customFooter?: ReactNode;
116
128
  /**
117
129
  * Custom z-index for the drawer
118
130
  */
@@ -1,4 +1,5 @@
1
1
  import React from 'react';
2
+ import './ExcelFile.scss';
2
3
  interface ExcelFileProps {
3
4
  /** The Excel data containing sheets and their content */
4
5
  excelData: {
@@ -26,7 +26,11 @@ export declare const DRAG_END = "DRAG_END";
26
26
  export declare const COMMIT = "COMMIT";
27
27
  export declare const BOLD = "BOLD";
28
28
  export declare const ITALIC = "ITALIC";
29
- export declare const UNDERLINE = "UNDERLINE";
29
+ export declare const UNDERLINE_TYPE = "UNDERLINE_TYPE";
30
+ export declare const FONT_FAMILY = "FONT_FAMILY";
31
+ export declare const FONT_SIZE = "FONT_SIZE";
32
+ export declare const TEXT_ALIGN = "TEXT_ALIGN";
33
+ export declare const BORDER_TYPE = "BORDER_TYPE";
30
34
  export declare const COLOR = "COLOR";
31
35
  export declare const BACKGROUND_COLOR = "BACKGROUND_COLOR";
32
36
  export declare const FORMATE_PAINTER = "FORMATE_PAINTER";
@@ -45,12 +49,43 @@ export type ItalicStyle = BaseAction<typeof ITALIC> & {
45
49
  };
46
50
  };
47
51
  export declare function italic(data: Matrix<CellBase>): ItalicStyle;
48
- export type UnderlineStyle = BaseAction<typeof UNDERLINE> & {
52
+ export type BorderType = BaseAction<typeof BORDER_TYPE> & {
49
53
  payload: {
50
54
  data: Matrix<CellBase>;
55
+ value: string;
56
+ color: string;
51
57
  };
52
58
  };
53
- export declare function underline(data: Matrix<CellBase>): UnderlineStyle;
59
+ export declare function borderType(data: Matrix<CellBase>, value: string, color: string): BorderType;
60
+ export type UnderlineTypeStyle = BaseAction<typeof UNDERLINE_TYPE> & {
61
+ payload: {
62
+ data: Matrix<CellBase>;
63
+ value: string;
64
+ active: boolean;
65
+ };
66
+ };
67
+ export declare function underlineType(data: Matrix<CellBase>, value: string, active: boolean): UnderlineTypeStyle;
68
+ export type FontSize = BaseAction<typeof FONT_SIZE> & {
69
+ payload: {
70
+ data: Matrix<CellBase>;
71
+ value: string;
72
+ };
73
+ };
74
+ export declare function fontSize(data: Matrix<CellBase>, value: string): FontSize;
75
+ export type FontFamily = BaseAction<typeof FONT_FAMILY> & {
76
+ payload: {
77
+ data: Matrix<CellBase>;
78
+ value: string;
79
+ };
80
+ };
81
+ export declare function fontFamily(data: Matrix<CellBase>, value: string): FontFamily;
82
+ export type TextAlignType = BaseAction<typeof TEXT_ALIGN> & {
83
+ payload: {
84
+ data: Matrix<CellBase>;
85
+ value: string;
86
+ };
87
+ };
88
+ export declare function textAlign(data: Matrix<CellBase>, value: string): TextAlignType;
54
89
  export type ColorStyle = BaseAction<typeof COLOR> & {
55
90
  payload: {
56
91
  data: Matrix<CellBase>;
@@ -137,12 +172,6 @@ export type PasteAction = BaseAction<typeof PASTE> & {
137
172
  };
138
173
  };
139
174
  export declare function paste(data: string): PasteAction;
140
- export type KeyPressAction = BaseAction<typeof KEY_PRESS> & {
141
- payload: {
142
- event: React.KeyboardEvent;
143
- };
144
- };
145
- export declare function keyPress(event: React.KeyboardEvent): KeyPressAction;
146
175
  export type KeyDownAction = BaseAction<typeof KEY_DOWN> & {
147
176
  payload: {
148
177
  event: React.KeyboardEvent;
@@ -171,4 +200,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
171
200
  export declare function clear(): ClearAction;
172
201
  export type BlurAction = BaseAction<typeof BLUR>;
173
202
  export declare function blur(): BlurAction;
174
- export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyPressAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineStyle | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | BlurAction;
203
+ 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 | BlurAction;
@@ -0,0 +1,4 @@
1
+ import * as Types from './types';
2
+ import * as Actions from './actions';
3
+ export declare const INITIAL_STATE: Types.StoreState;
4
+ export default function reducer(state: Types.StoreState, action: Actions.Action): Types.StoreState;
@@ -0,0 +1,40 @@
1
+ import { PointRange } from './point-range';
2
+ import * as Matrix from './matrix';
3
+ import * as Types from './types';
4
+ import * as Point from './point';
5
+ import { Selection, RangeSelection, EntireColumnsSelection, EntireRowsSelection } from './selection';
6
+ export declare function applyBoldToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange): Matrix.Matrix<Types.CellBase<any>>;
7
+ export declare function applyItalicToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange): Matrix.Matrix<Types.CellBase<any>>;
8
+ export declare function applyFontFamily(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string): Matrix.Matrix<Types.CellBase<any>>;
9
+ export declare function applyFontSize(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string): Matrix.Matrix<Types.CellBase<any>>;
10
+ export declare function applyBorderToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string, color: string): Matrix.Matrix<Types.CellBase<any>>;
11
+ export declare function applyTextAlign(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string): Matrix.Matrix<Types.CellBase<any>>;
12
+ export declare function applyUnderlineToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange, value: string, active: boolean): Matrix.Matrix<Types.CellBase<any>>;
13
+ export declare function isValidHexColor(color: string): boolean;
14
+ export declare function applyColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, color: string): Matrix.Matrix<Types.CellBase<any>>;
15
+ export declare function applyBackgroundColorToCells(currentData: Matrix.Matrix<Types.CellBase<any>>, selectedRange: PointRange | null, backgroundColor: string): Matrix.Matrix<Types.CellBase<any>>;
16
+ export declare function edit(state: Types.StoreState): Types.StoreState;
17
+ export declare function clear(state: Types.StoreState): Types.StoreState;
18
+ export declare function blur(state: Types.StoreState): Types.StoreState;
19
+ export declare function view(state: Types.StoreState): Types.StoreState;
20
+ export declare function commit(changes: Types.CommitChanges): Partial<Types.StoreState>;
21
+ export declare const go: (rowDelta: number, columnDelta: number) => KeyDownHandler;
22
+ export type KeyDownHandler = (state: Types.StoreState, event: React.KeyboardEvent) => Types.StoreState | void;
23
+ export declare enum Direction {
24
+ Left = "Left",
25
+ Right = "Right",
26
+ Top = "Top",
27
+ Bottom = "Bottom"
28
+ }
29
+ export declare function getKeyDownHandler(state: Types.StoreState, event: React.KeyboardEvent): KeyDownHandler | undefined;
30
+ /** Returns whether the reducer has a handler for the given keydown event */
31
+ export declare function hasKeyDownHandler(state: Types.StoreState, event: React.KeyboardEvent): boolean;
32
+ /** Returns whether the active cell is read only */
33
+ export declare function isActiveReadOnly(state: Types.StoreState): boolean;
34
+ /** Gets active cell from given state */
35
+ export declare function getActive(state: Types.StoreState): Types.CellBase | null;
36
+ /** Modify given edge according to given active point and data */
37
+ export declare function modifyEdge<T extends Selection>(selection: T, active: Point.Point | null, data: Matrix.Matrix<unknown>, direction: Direction): T;
38
+ export declare function modifyRangeSelectionEdge(rangeSelection: RangeSelection, active: Point.Point, data: Matrix.Matrix<unknown>, edge: Direction): RangeSelection;
39
+ export declare function modifyEntireRowsSelection(selection: EntireRowsSelection, active: Point.Point, data: Matrix.Matrix<unknown>, edge: Direction): EntireRowsSelection;
40
+ export declare function modifyEntireColumnsSelection(selection: EntireColumnsSelection, active: Point.Point, data: Matrix.Matrix<unknown>, edge: Direction): EntireColumnsSelection;
@@ -1,15 +1,19 @@
1
1
  import './ExcelToolBar.scss';
2
- import { CellBase } from '../ExcelFile/Excel';
3
- import * as Matrix from '../ExcelFile/Excel/matrix';
2
+ import { CellBase } from '../ExcelFile/ExcelFileComponents';
3
+ import * as Matrix from '../ExcelFile/ExcelFileComponents/matrix';
4
4
  interface ExcelToolBarProps {
5
5
  toolbar?: 'show' | 'disable' | 'hide';
6
6
  data: Matrix.Matrix<CellBase>;
7
7
  onBold: (data: Matrix.Matrix<CellBase>) => void;
8
8
  onItalic: (data: Matrix.Matrix<CellBase>) => void;
9
- onUnderline: (data: Matrix.Matrix<CellBase>) => void;
9
+ setUnderlineType: (data: Matrix.Matrix<CellBase>, value: string, active: boolean) => void;
10
10
  setColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
11
11
  setBackgroundColor: (data: Matrix.Matrix<CellBase>, value: string) => void;
12
12
  setFormatePainter: (data: Matrix.Matrix<CellBase>) => void;
13
+ setTextAlign: (data: Matrix.Matrix<CellBase>, value: string) => void;
14
+ setFontSize: (data: Matrix.Matrix<CellBase>, value: string) => void;
15
+ setFontFamily: (data: Matrix.Matrix<CellBase>, value: string) => void;
16
+ setBorderType: (data: Matrix.Matrix<CellBase>, value: string, color: string) => void;
13
17
  }
14
18
  declare const ExcelToolBar: React.FC<ExcelToolBarProps>;
15
19
  export default ExcelToolBar;
@@ -1,4 +1,4 @@
1
1
  import './MenuOption.scss';
2
2
  import { MenuOptionProps } from './types';
3
- declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default MenuOption;
@@ -122,6 +122,10 @@ interface MenuOptionProps {
122
122
  * @default 7
123
123
  */
124
124
  iconButtonBorderRadius?: number;
125
+ /**
126
+ * Providing z-index for the options card.
127
+ */
128
+ zIndex?: number;
125
129
  }
126
130
  interface OptionProps {
127
131
  /**
@@ -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, withSelectButton, onSelect, displayCount, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount, placeholderForSearching, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default MultiSelect;
@@ -20,5 +20,6 @@ interface MultiSelectProps {
20
20
  withSelectButton?: boolean;
21
21
  onSelect?: () => void;
22
22
  displayCount?: boolean;
23
+ placeholderForSearching?: string;
23
24
  }
24
25
  export { Option, MultiSelectProps };
@@ -10,4 +10,5 @@ export declare const Disable: Story;
10
10
  export declare const WithInitialValue: Story;
11
11
  export declare const OptionSelection: Story;
12
12
  export declare const CustomJSX: Story;
13
+ export declare const updateOptionFromOutside: Story;
13
14
  export default meta;
@@ -1,8 +1,9 @@
1
+ import { AcceptedType } from './types';
1
2
  export declare const Toastify: () => import("react/jsx-runtime").JSX.Element;
2
3
  export default Toastify;
3
4
  export declare const toast: {
4
- success: (message: string) => void;
5
- error: (message: string) => void;
6
- warning: (message: string) => void;
7
- info: (message: string) => void;
5
+ success: (arg1: AcceptedType, arg2?: AcceptedType) => void;
6
+ error: (arg1: AcceptedType, arg2?: AcceptedType) => void;
7
+ warning: (arg1: AcceptedType, arg2?: AcceptedType) => void;
8
+ info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
8
9
  };
@@ -5,3 +5,4 @@ export interface ToastProps {
5
5
  toastTitle: string;
6
6
  toastMessage: string;
7
7
  }
8
+ export type AcceptedType = string | (() => void) | Record<string, unknown> | unknown[];
package/lib/index.d.ts CHANGED
@@ -85,6 +85,17 @@ interface BtnPropsCommon {
85
85
  * Onclick function for button
86
86
  */
87
87
  onClick?: () => void;
88
+ /**
89
+ * Button type
90
+ * @default 'button'
91
+ * @example 'submit'
92
+ * @example 'button'
93
+ */
94
+ type?: 'button' | 'submit';
95
+ /**
96
+ * form to accept id of form in string format
97
+ */
98
+ form?: string;
88
99
  }
89
100
  interface DrawerProps {
90
101
  /**
@@ -96,12 +107,12 @@ interface DrawerProps {
96
107
  */
97
108
  _isExpanded?: boolean;
98
109
  /**
99
- * To show and hide the back button of the Drawer
100
- */
110
+ * To show and hide the back button of the Drawer
111
+ */
101
112
  isBackButtonVisible?: boolean;
102
113
  /**
103
- * To show and hide the close button of the Drawer
104
- */
114
+ * To show and hide the close button of the Drawer
115
+ */
105
116
  _isCloseModalButtonVisible?: boolean;
106
117
  /**
107
118
  * Function to close the drawer
@@ -139,6 +150,14 @@ interface DrawerProps {
139
150
  * Left side Secondary | Cancel button props
140
151
  */
141
152
  leftSecondaryButtonProps?: BtnPropsCommon;
153
+ /**
154
+ * Left side Tertiary Button | Help button props
155
+ */
156
+ leftTertiaryButtonProps?: BtnPropsCommon;
157
+ /**
158
+ * Right side Tertiary Button | More Info button props
159
+ */
160
+ rightTertiaryButtonProps?: BtnPropsCommon;
142
161
  /**
143
162
  * Onclick function for edit button
144
163
  */
@@ -170,22 +189,15 @@ interface DrawerProps {
170
189
  */
171
190
  onCloseIconClick?: () => void;
172
191
  /**
173
- * Custom header for the drawer, replacing the default header.
174
- * If provided, this will render in place of the default header.
175
- */
192
+ * Custom header for the drawer, replacing the default header.
193
+ * If provided, this will render in place of the default header.
194
+ */
176
195
  customHeader?: ReactNode;
177
196
  /**
178
- * Custom footer for the drawer, replacing the default footer.
179
- * If provided, this will render in place of the default footer.
180
- */
181
- customFooter?: ReactNode;
182
- /**
183
- * Tertiary button properties (optional)
197
+ * Custom footer for the drawer, replacing the default footer.
198
+ * If provided, this will render in place of the default footer.
184
199
  */
185
- tertiaryButtonProps?: {
186
- left?: BtnPropsCommon;
187
- right?: BtnPropsCommon;
188
- };
200
+ customFooter?: ReactNode;
189
201
  /**
190
202
  * Custom z-index for the drawer
191
203
  */
@@ -262,9 +274,10 @@ interface MultiSelectProps {
262
274
  withSelectButton?: boolean;
263
275
  onSelect?: () => void;
264
276
  displayCount?: boolean;
277
+ placeholderForSearching?: string;
265
278
  }
266
279
 
267
- declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
280
+ declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount, placeholderForSearching, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
268
281
 
269
282
  interface ToasterProps {
270
283
  /**Boolean value to handle state of toaster. */
@@ -866,9 +879,13 @@ interface MenuOptionProps {
866
879
  * @default 7
867
880
  */
868
881
  iconButtonBorderRadius?: number;
882
+ /**
883
+ * Providing z-index for the options card.
884
+ */
885
+ zIndex?: number;
869
886
  }
870
887
 
871
- declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
888
+ declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, dropdownPlacement, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
872
889
 
873
890
  interface DataProps {
874
891
  /**
@@ -1857,13 +1874,15 @@ interface AttachmentUploaderProps {
1857
1874
 
1858
1875
  declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;
1859
1876
 
1877
+ type AcceptedType = string | (() => void) | Record<string, unknown> | unknown[];
1878
+
1860
1879
  declare const Toastify: () => react_jsx_runtime.JSX.Element;
1861
1880
 
1862
1881
  declare const toast: {
1863
- success: (message: string) => void;
1864
- error: (message: string) => void;
1865
- warning: (message: string) => void;
1866
- info: (message: string) => void;
1882
+ success: (arg1: AcceptedType, arg2?: AcceptedType) => void;
1883
+ error: (arg1: AcceptedType, arg2?: AcceptedType) => void;
1884
+ warning: (arg1: AcceptedType, arg2?: AcceptedType) => void;
1885
+ info: (arg1: AcceptedType, arg2?: AcceptedType) => void;
1867
1886
  };
1868
1887
 
1869
1888
  interface IconProps {
@@ -1989,4 +2008,37 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
1989
2008
 
1990
2009
  declare const truncateText: (text: string, maxLength: number) => string;
1991
2010
 
1992
- export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, toast, truncateText, useTheme };
2011
+ interface OperatingSystemInfo {
2012
+ osName: string;
2013
+ osVersion: string;
2014
+ hostName: string;
2015
+ }
2016
+ interface RunLevelExecutionDataSet {
2017
+ peVariableSetId: string;
2018
+ globalVariableSetId: string;
2019
+ testDataSetId: string;
2020
+ }
2021
+ interface MachineExecutionInstance {
2022
+ id: string;
2023
+ clientId: string;
2024
+ numberOfRuns: string | number;
2025
+ executionEnv: string;
2026
+ browserName: string;
2027
+ browserVersion: string;
2028
+ systemUrl: string;
2029
+ machineInfo: OperatingSystemInfo;
2030
+ deviceInfo: any[];
2031
+ headless: boolean;
2032
+ }
2033
+ interface MachineExecutionInstanceDataSet extends MachineExecutionInstance {
2034
+ runLevelExecutionDataSets: RunLevelExecutionDataSet[];
2035
+ }
2036
+ interface SequentialMachineInstance extends MachineExecutionInstance {
2037
+ peVariableSetId: string;
2038
+ globalVariableSetId: string;
2039
+ testDataSetId: string;
2040
+ }
2041
+
2042
+ declare const getSequentialPayload: (machineInstances?: MachineExecutionInstanceDataSet[]) => SequentialMachineInstance[];
2043
+
2044
+ export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExcelFile as Excel, ExpandableMenu, FileDropzone, Forms as Form, HighlightText, Icon, IconButton, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, throttle, toast, truncateText, useTheme };