pixel-react 1.4.3 → 1.4.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (263) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
  3. package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
  4. package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
  5. package/lib/components/AddButton/AddButton.d.ts +5 -0
  6. package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
  7. package/lib/components/AddButton/index.d.ts +1 -0
  8. package/lib/components/AddButton/types.d.ts +4 -0
  9. package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
  10. package/lib/components/AddResourceButton/type.d.ts +1 -1
  11. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
  12. package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
  13. package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
  14. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
  15. package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
  16. package/lib/components/Button/Button.stories.d.ts +13 -0
  17. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
  18. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
  19. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
  20. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
  21. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
  22. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
  23. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
  24. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
  25. package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
  26. package/lib/components/Chip/Chip.stories.d.ts +14 -0
  27. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
  28. package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
  29. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
  30. package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
  31. package/lib/components/Drawer/Types.d.ts +4 -0
  32. package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
  33. package/lib/components/Editor/Editor.d.ts +1 -2
  34. package/lib/components/Editor/Editor.stories.d.ts +6 -0
  35. package/lib/components/Editor/types.d.ts +1 -5
  36. package/lib/components/Excel/ExcelContextMenu/ExcelContextMenu.d.ts +13 -0
  37. package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +0 -13
  38. package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +29 -1
  39. package/lib/components/Excel/ExcelFile/ExcelFileComponents/engine/engine.d.ts +3 -9
  40. package/lib/components/Excel/ExcelFile/ExcelFileComponents/engine/formula.d.ts +2 -10
  41. package/lib/components/Excel/ExcelFile/ExcelFileComponents/engine/point-graph.d.ts +0 -1
  42. package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +27 -2
  43. package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
  44. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
  45. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +8 -0
  46. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
  47. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
  48. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
  49. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
  50. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
  51. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
  52. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
  53. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
  54. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
  55. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
  56. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
  57. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
  58. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
  59. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +81 -0
  60. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
  61. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +130 -0
  62. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
  63. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
  64. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
  65. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
  66. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
  67. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
  68. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
  69. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
  70. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
  71. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
  72. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
  73. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
  74. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
  75. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
  76. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +215 -0
  77. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
  78. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
  79. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +45 -0
  80. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +3 -0
  81. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
  82. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +15 -0
  83. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +3 -0
  84. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
  85. package/lib/components/ExcelFile/Types.d.ts +176 -0
  86. package/lib/components/ExcelFile/index.d.ts +1 -0
  87. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
  88. package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
  89. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
  90. package/lib/components/Form/Form.stories.d.ts +7 -0
  91. package/lib/components/Form/Forms.d.ts +4 -2
  92. package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
  93. package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
  94. package/lib/components/Icon/Icon.stories.d.ts +8 -0
  95. package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
  96. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
  97. package/lib/components/Input/Input.stories.d.ts +9 -0
  98. package/lib/components/InputWithDropdown/InputWithDropdown.d.ts +1 -1
  99. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
  100. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +13 -0
  101. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
  102. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
  103. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  104. package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
  105. package/lib/components/MenuOption/types.d.ts +49 -15
  106. package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
  107. package/lib/components/Modal/Modal.stories.d.ts +7 -0
  108. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
  109. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  110. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +12 -0
  111. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +4 -5
  112. package/lib/components/MultiSelect/dropdownTypes.d.ts +2 -0
  113. package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
  114. package/lib/components/Paper/Paper.stories.d.ts +11 -0
  115. package/lib/components/RadioButton/RadioButton.d.ts +1 -0
  116. package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
  117. package/lib/components/RadioButton/radioButtonTypes.d.ts +3 -1
  118. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
  119. package/lib/components/Search/Search.stories.d.ts +6 -0
  120. package/lib/components/Select/Select.stories.d.ts +14 -0
  121. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
  122. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
  123. package/lib/components/Select/components/types.d.ts +4 -2
  124. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
  125. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
  126. package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
  127. package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
  128. package/lib/components/Table/Table.d.ts +1 -1
  129. package/lib/components/Table/Table.stories.d.ts +13 -0
  130. package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
  131. package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
  132. package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
  133. package/lib/components/Toast/Toast.stories.d.ts +6 -0
  134. package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
  135. package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
  136. package/lib/components/ToggleSwitch/ToggleSwitch.d.ts +10 -0
  137. package/lib/components/ToggleSwitch/index.d.ts +1 -0
  138. package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
  139. package/lib/components/Typography/Typography.stories.d.ts +10 -0
  140. package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
  141. package/lib/index.d.ts +140 -29
  142. package/lib/index.esm.js +15628 -5724
  143. package/lib/index.esm.js.map +1 -1
  144. package/lib/index.js +15625 -5718
  145. package/lib/index.js.map +1 -1
  146. package/lib/tsconfig.tsbuildinfo +1 -1
  147. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
  148. package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
  149. package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
  150. package/lib/utils/debounce/debounce.stories.d.ts +6 -0
  151. package/lib/utils/ffID/ffID.stories.d.ts +6 -0
  152. package/lib/utils/find/findAndInsert.d.ts +7 -0
  153. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  154. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
  155. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
  156. package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
  157. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
  158. package/lib/utils/throttle/throttle.stories.d.ts +6 -0
  159. package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
  160. package/package.json +12 -12
  161. package/src/StyleGuide/ColorPalette/colorPaletteList.ts +10 -0
  162. package/src/assets/Themes/BaseTheme.scss +17 -23
  163. package/src/assets/Themes/DarkTheme.scss +25 -38
  164. package/src/assets/icons/apk_file_type.svg +4 -0
  165. package/src/assets/icons/compressed_file_type.svg +4 -0
  166. package/src/assets/icons/csv_file_type.svg +4 -0
  167. package/src/assets/icons/excel_corner_menu.svg +3 -0
  168. package/src/assets/icons/formula_icon.svg +3 -0
  169. package/src/assets/icons/gif_file_type.svg +4 -0
  170. package/src/assets/icons/html_file_type.svg +4 -0
  171. package/src/assets/icons/ipk_file_type.svg +4 -0
  172. package/src/assets/icons/jpg_file_type.svg +4 -0
  173. package/src/assets/icons/json_file_type.svg +4 -0
  174. package/src/assets/icons/pdf_file_type.svg +4 -0
  175. package/src/assets/icons/png_file_type.svg +4 -0
  176. package/src/assets/icons/quick_run_setting_icon.svg +5 -0
  177. package/src/assets/icons/run_automation_scripts_icon.svg +33 -0
  178. package/src/assets/icons/run_manual_testcase_icon.svg +4 -0
  179. package/src/assets/icons/search.svg +2 -2
  180. package/src/assets/icons/txt_file_type.svg +4 -0
  181. package/src/assets/icons/xls_file_type.svg +4 -0
  182. package/src/assets/icons/xlsx_file_type.svg +4 -0
  183. package/src/assets/icons/xml_file_type.svg +4 -0
  184. package/src/components/AddResourceButton/AddButton.tsx +7 -7
  185. package/src/components/AddResourceButton/type.ts +1 -1
  186. package/src/components/AttachmentButton/AttachmentButton.scss +1 -1
  187. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +1 -0
  188. package/src/components/Button/Button.scss +22 -20
  189. package/src/components/Button/Button.tsx +8 -1
  190. package/src/components/Drawer/Drawer.scss +4 -3
  191. package/src/components/Drawer/Drawer.tsx +14 -18
  192. package/src/components/Drawer/Types.ts +4 -0
  193. package/src/components/Editor/Editor.tsx +224 -193
  194. package/src/components/Editor/types.ts +1 -5
  195. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +39 -0
  196. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.tsx +51 -0
  197. package/src/components/Excel/ExcelFile/ExcelFile.tsx +7 -8
  198. package/src/components/Excel/ExcelFile/ExcelFileComponents/Cell.tsx +35 -0
  199. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +44 -7
  200. package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +8 -1
  201. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +45 -6
  202. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +37 -2
  203. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +69 -24
  204. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +59 -0
  205. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/engine.ts +18 -65
  206. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/formula.ts +5 -110
  207. package/src/components/Excel/ExcelFile/ExcelFileComponents/engine/point-graph.ts +0 -2
  208. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +105 -1
  209. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +670 -673
  210. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +38 -2
  211. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +0 -4
  212. package/src/components/FileDropzone/FileDropzone.scss +4 -2
  213. package/src/components/FileDropzone/FileDropzone.tsx +1 -1
  214. package/src/components/FileDropzone/FilePreview.tsx +3 -1
  215. package/src/components/Form/Form.scss +2 -0
  216. package/src/components/Form/Form.stories.tsx +195 -6
  217. package/src/components/Form/Forms.tsx +15 -8
  218. package/src/components/Icon/iconList.ts +46 -0
  219. package/src/components/IconRadioGroup/IconRadioGroup.scss +3 -0
  220. package/src/components/IconRadioGroup/IconRadioGroup.tsx +20 -17
  221. package/src/components/Input/Input.scss +14 -15
  222. package/src/components/Input/Input.stories.tsx +2 -1
  223. package/src/components/InputWithDropdown/InputWithDropdown.scss +12 -13
  224. package/src/components/InputWithDropdown/InputWithDropdown.stories.tsx +3 -2
  225. package/src/components/InputWithDropdown/InputWithDropdown.tsx +22 -19
  226. package/src/components/MenuOption/MenuOption.scss +11 -10
  227. package/src/components/MenuOption/MenuOption.stories.tsx +51 -232
  228. package/src/components/MenuOption/MenuOption.tsx +131 -52
  229. package/src/components/MenuOption/types.ts +55 -14
  230. package/src/components/MiniModal/MiniModal.stories.tsx +2 -3
  231. package/src/components/MultiSelect/Dropdown.tsx +11 -12
  232. package/src/components/MultiSelect/MultiSelect.scss +1 -0
  233. package/src/components/MultiSelect/MultiSelect.stories.tsx +45 -10
  234. package/src/components/MultiSelect/MultiSelect.tsx +29 -13
  235. package/src/components/MultiSelect/MultiSelectTypes.ts +7 -5
  236. package/src/components/MultiSelect/dropdownTypes.ts +2 -0
  237. package/src/components/RadioButton/RadioButton.scss +3 -1
  238. package/src/components/RadioButton/RadioButton.tsx +3 -1
  239. package/src/components/RadioButton/radioButtonTypes.tsx +5 -1
  240. package/src/components/Search/Search.scss +25 -6
  241. package/src/components/Search/Search.tsx +45 -24
  242. package/src/components/Select/Select.scss +12 -12
  243. package/src/components/Select/Select.stories.tsx +2 -0
  244. package/src/components/Select/Select.tsx +11 -5
  245. package/src/components/Select/components/Dropdown.scss +2 -0
  246. package/src/components/Select/components/Dropdown.tsx +19 -4
  247. package/src/components/Select/components/types.ts +4 -2
  248. package/src/components/StatusButton/StatusButton.tsx +26 -20
  249. package/src/components/Table/Table.scss +1 -3
  250. package/src/components/Table/Table.stories.tsx +1 -0
  251. package/src/components/Table/Table.tsx +7 -3
  252. package/src/components/ToggleSwitch/ToggleSwitch.scss +59 -0
  253. package/src/components/ToggleSwitch/ToggleSwitch.stories.tsx +52 -0
  254. package/src/components/ToggleSwitch/ToggleSwitch.tsx +30 -0
  255. package/src/components/ToggleSwitch/index.ts +1 -0
  256. package/src/hooks/useFileDropzone.tsx +1 -0
  257. package/src/index.ts +7 -3
  258. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  259. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  260. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  261. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  262. package/src/components/Excel/ContextMenu/ContextMenu.scss +0 -99
  263. package/src/components/Excel/ContextMenu/ContextMenu.tsx +0 -103
@@ -0,0 +1,215 @@
1
+ import * as React from "react";
2
+ import FormulaParser from "fast-formula-parser";
3
+ import { Point } from "./point";
4
+ import { Selection } from "./selection";
5
+ import { Model } from "./engine";
6
+ import { PointRange } from "./point-range";
7
+ import { Matrix } from "./matrix";
8
+ /** The base type of cell data in Spreadsheet */
9
+ export type CellBase<Value = any> = {
10
+ /** Whether the cell should not be editable */
11
+ readOnly?: boolean;
12
+ /** Class to be given for the cell element */
13
+ className?: string;
14
+ /** The value of the cell */
15
+ value: Value;
16
+ style?: CellStyle;
17
+ type?: boolean;
18
+ /** Custom component to render when the cell is edited, if not defined would default to the component defined for the Spreadsheet */
19
+ DataEditor?: DataEditorComponent<CellBase<Value>>;
20
+ /** Custom component to render when the cell is viewed, if not defined would default to the component defined for the Spreadsheet */
21
+ DataViewer?: DataViewerComponent<CellBase<Value>>;
22
+ };
23
+ interface CellStyle {
24
+ /** Font name for the cell text */
25
+ name?: string;
26
+ /** Font size of the cell text */
27
+ size?: number;
28
+ position?: string;
29
+ /** Whether the text is bold */
30
+ bold?: boolean;
31
+ /** Whether the text is italicized */
32
+ italic?: boolean;
33
+ /** Text color in the cell (hex code) */
34
+ color?: string;
35
+ /** Background color of the cell (hex code) */
36
+ backgroundColor?: string;
37
+ /** Border color of the cell (hex code) */
38
+ borderColor?: string;
39
+ /** Border styles for each side of the cell */
40
+ border?: {
41
+ /** Border style for the top side of the cell */
42
+ top: string;
43
+ /** Border style for the bottom side of the cell */
44
+ bottom: string;
45
+ /** Border style for the left side of the cell */
46
+ left: string;
47
+ /** Border style for the right side of the cell */
48
+ right: string;
49
+ };
50
+ /** Text alignment and wrapping properties */
51
+ alignment?: {
52
+ /** Horizontal text alignment ('left', 'center', or 'right') */
53
+ horizontal: string;
54
+ /** Vertical text alignment ('top', 'middle', or 'bottom') */
55
+ vertical: string;
56
+ /** Whether the text is wrapped within the cell */
57
+ wrapText: boolean;
58
+ };
59
+ }
60
+ /**
61
+ * A cell with it's coordinates
62
+ * @deprecated the component does not use cell descriptors anymore. Instead it passes cell point and cell value explicitly.
63
+ */
64
+ export type CellDescriptor<Cell extends CellBase> = {
65
+ /** The cell's data */
66
+ data: Cell | undefined;
67
+ } & Point;
68
+ /** The spreadsheet's write mode */
69
+ export type Mode = "view" | "edit";
70
+ /** Dimensions of an element */
71
+ export type Dimensions = {
72
+ /** The element's width in pixels */
73
+ width: number;
74
+ /** The element's height in pixels */
75
+ height: number;
76
+ /** The distance of the element from it's container top border in pixels */
77
+ top: number;
78
+ /** The distance of the element from it's container left border in pixels */
79
+ left: number;
80
+ };
81
+ export type StoreState<Cell extends CellBase = CellBase> = {
82
+ model: Model<Cell>;
83
+ selected: Selection;
84
+ copied: PointRange | null;
85
+ hasPasted: boolean;
86
+ cut: boolean;
87
+ active: Point | null;
88
+ mode: Mode;
89
+ rowDimensions: Record<number, Pick<Dimensions, "height" | "top"> | undefined>;
90
+ columnDimensions: Record<number, Pick<Dimensions, "width" | "left"> | undefined>;
91
+ dragging: boolean;
92
+ lastChanged: Point | null;
93
+ lastCommit: null | CellChange<Cell>[];
94
+ };
95
+ export type CellChange<Cell extends CellBase = CellBase> = {
96
+ prevCell: Cell | null;
97
+ nextCell: Cell | null;
98
+ };
99
+ /** Type of Spreadsheet Cell component props */
100
+ export type CellComponentProps<Cell extends CellBase = CellBase> = {
101
+ /** The row of the cell */
102
+ row: number;
103
+ /** The column of the cell */
104
+ column: number;
105
+ /** The DataViewer component to be used by the cell */
106
+ DataViewer: DataViewerComponent<Cell>;
107
+ /** Whether the cell is selected */
108
+ selected: boolean;
109
+ /** Whether the cell is active */
110
+ active: boolean;
111
+ /** Whether the cell is copied */
112
+ copied: boolean;
113
+ /** Whether the user is dragging */
114
+ dragging: boolean;
115
+ /** The mode of the cell */
116
+ mode: Mode;
117
+ /** The data of the cell */
118
+ data: Cell | undefined;
119
+ /** The evaluated data of the cell */
120
+ evaluatedData: Cell | undefined;
121
+ /** Select the cell at the given point */
122
+ select: (point: Point) => void;
123
+ /** Activate the cell at the given point */
124
+ activate: (point: Point) => void;
125
+ /** Set the dimensions of the cell at the given point with the given dimensions */
126
+ setCellDimensions: (point: Point, dimensions: Dimensions) => void;
127
+ /** Set data of the cell */
128
+ setCellData: (cell: Cell) => void;
129
+ };
130
+ /** Type of the Spreadsheet Cell component */
131
+ export type CellComponent<Cell extends CellBase = CellBase> = React.ComponentType<CellComponentProps<Cell>>;
132
+ type DataComponentProps<Cell extends CellBase> = {
133
+ /** The rendered cell by the component */
134
+ cell: Cell | undefined;
135
+ } & Point;
136
+ /** Type of the Spreadsheet DataViewer component props */
137
+ export type DataViewerProps<Cell extends CellBase = CellBase> = DataComponentProps<Cell> & {
138
+ /** Set data of the cell */
139
+ setCellData: (cell: Cell) => void;
140
+ evaluatedCell: Cell | undefined;
141
+ };
142
+ /** Type of the Spreadsheet DataViewer component */
143
+ export type DataViewerComponent<Cell extends CellBase = CellBase> = React.ComponentType<DataViewerProps<Cell>>;
144
+ /** Type of the Spreadsheet DataEditor component props */
145
+ export type DataEditorProps<Cell extends CellBase = CellBase> = DataComponentProps<Cell> & {
146
+ /** Callback to be called when the cell's value is changed */
147
+ onChange: (cell: Cell) => void;
148
+ /** Callback to be called when edit mode should be exited */
149
+ exitEditMode: () => void;
150
+ };
151
+ /** Type of the Spreadsheet DataEditor component */
152
+ export type DataEditorComponent<Cell extends CellBase = CellBase> = React.ComponentType<DataEditorProps<Cell>>;
153
+ /** Type of the Spreadsheet Table component props */
154
+ export type TableProps = React.PropsWithChildren<{
155
+ /** Number of columns the table should render */
156
+ columns: number;
157
+ /** Whether column indicators are hidden */
158
+ hideColumnIndicators?: boolean | null;
159
+ }>;
160
+ /** Type of the Spreadsheet Table component */
161
+ export type TableComponent = React.ComponentType<TableProps>;
162
+ /** Type of the Spreadsheet Row component props */
163
+ export type RowProps = React.PropsWithChildren<{
164
+ /** The row index of the table */
165
+ row: number;
166
+ }>;
167
+ /** Type of the Row component */
168
+ export type RowComponent = React.ComponentType<RowProps>;
169
+ /** Type of the Spreadsheet HeaderRow component props */
170
+ export type HeaderRowProps = React.PropsWithChildren<{}>;
171
+ /** Type of the HeaderRow component */
172
+ export type HeaderRowComponent = React.ComponentType<HeaderRowProps>;
173
+ /** Type of the Spreadsheet RowIndicator component props */
174
+ export type RowIndicatorProps = {
175
+ /** The row the indicator indicates */
176
+ row: number;
177
+ /** A custom label for the indicator as provided in rowLabels */
178
+ label?: React.ReactNode | null;
179
+ /** Whether the entire row is selected */
180
+ selected: boolean;
181
+ /** Callback to be called when the row is selected */
182
+ onSelect: (row: number, extend: boolean) => void;
183
+ };
184
+ /** Type of the RowIndicator component */
185
+ export type RowIndicatorComponent = React.ComponentType<RowIndicatorProps>;
186
+ /** Type of the Spreadsheet ColumnIndicator component props */
187
+ export type ColumnIndicatorProps = {
188
+ /** The column the indicator indicates */
189
+ column: number;
190
+ /** A custom label for the indicator as provided in columnLabels */
191
+ label?: React.ReactNode | null;
192
+ /** Whether the entire column in selected */
193
+ selected: boolean;
194
+ /** Whether the entire column in Fixed */
195
+ fixed?: boolean;
196
+ /** Callback to be called when the column is selected */
197
+ onSelect: (column: number, extend: boolean) => void;
198
+ };
199
+ /** Type of the ColumnIndicator component */
200
+ export type ColumnIndicatorComponent = React.ComponentType<ColumnIndicatorProps>;
201
+ /** Type of the Spreadsheet CornerIndicator component props */
202
+ export type CornerIndicatorProps = {
203
+ /** Whether the entire table is selected */
204
+ selected: boolean;
205
+ /** Callback to select the entire table */
206
+ onSelect: () => void;
207
+ };
208
+ /** Type of the CornerIndicator component */
209
+ export type CornerIndicatorComponent = React.ComponentType<CornerIndicatorProps>;
210
+ export type CommitChanges<Cell extends CellBase = CellBase> = Array<{
211
+ prevCell: Cell | null;
212
+ nextCell: Cell | null;
213
+ }>;
214
+ export type CreateFormulaParser = (data: Matrix<CellBase>) => FormulaParser;
215
+ export {};
@@ -0,0 +1,3 @@
1
+ import { Dispatch } from "./context";
2
+ declare function useDispatch(): Dispatch;
3
+ export default useDispatch;
@@ -0,0 +1,3 @@
1
+ import * as Types from "./types";
2
+ declare function useSelector<T>(selector: (state: Types.StoreState) => T): T;
3
+ export default useSelector;
@@ -0,0 +1,45 @@
1
+ import * as Types from "./types";
2
+ import * as Matrix from "./matrix";
3
+ import * as Point from "./point";
4
+ import { PointRange } from "./point-range";
5
+ import { Selection } from "./selection";
6
+ export { createEmpty as createEmptyMatrix } from "./matrix";
7
+ export declare const PLAIN_TEXT_MIME = "text/plain";
8
+ export declare const FOCUS_WITHIN_SELECTOR = ":focus-within";
9
+ /** Move the cursor of given input element to the input's end */
10
+ export declare function moveCursorToEnd(el: HTMLInputElement): void;
11
+ /**
12
+ * Creates an array of numbers (positive and/or negative) progressing from start up to, but not including, end. A step of -1 is used if a negative start is specified without an end or step. If end is not specified, it's set to start with start then set to 0.
13
+ * @param end - an integer number specifying at which position to stop (not included).
14
+ * @param start - An integer number specifying at which position to start.
15
+ * @param step - An integer number specifying the incrementation
16
+ */
17
+ export declare function range(end: number, start?: number, step?: number): number[];
18
+ /** Return whether given point is active */
19
+ export declare function isActive(active: Types.StoreState["active"], point: Point.Point): boolean;
20
+ /** Get the offset values of given element */
21
+ export declare function getOffsetRect(element: HTMLElement): Types.Dimensions;
22
+ /** Write given data to clipboard with given event */
23
+ export declare function writeTextToClipboard(event: ClipboardEvent, data: string): void;
24
+ /** Read text from given clipboard event */
25
+ export declare function readTextFromClipboard(event: ClipboardEvent): string;
26
+ /** Get the dimensions of cell at point from state */
27
+ export declare function getCellDimensions(point: Point.Point, rowDimensions: Types.StoreState["rowDimensions"] | undefined, columnDimensions: Types.StoreState["columnDimensions"] | undefined): Types.Dimensions | undefined;
28
+ /** Get the dimensions of a range of cells */
29
+ export declare function getRangeDimensions(rowDimensions: Types.StoreState["rowDimensions"], columnDimensions: Types.StoreState["columnDimensions"], range: PointRange): Types.Dimensions | undefined;
30
+ /** Get the dimensions of selected */
31
+ export declare function getSelectedDimensions(rowDimensions: Types.StoreState["rowDimensions"], columnDimensions: Types.StoreState["columnDimensions"], data: Matrix.Matrix<unknown>, selected: Selection): Types.Dimensions | undefined;
32
+ /** Get given data as CSV */
33
+ export declare function getCSV(data: Matrix.Matrix<Types.CellBase>): string;
34
+ /**
35
+ * Calculate the rows and columns counts of a spreadsheet
36
+ * @param data - the spreadsheet's data
37
+ * @param rowLabels - the spreadsheet's row labels (if defined)
38
+ * @param columnLabels - the spreadsheet's column labels (if defined)
39
+ * @returns the rows and columns counts of a spreadsheet
40
+ */
41
+ export declare function calculateSpreadsheetSize(data: Matrix.Matrix<unknown>, rowLabels?: string[], columnLabels?: string[]): Matrix.Size;
42
+ /** Should spreadsheet handle clipboard event */
43
+ export declare function shouldHandleClipboardEvent(root: Element | null, mode: Types.Mode): boolean;
44
+ export declare function isFocusedWithin(element: Element): boolean;
45
+ export declare function hasLineBreaker(value: unknown): boolean;
@@ -0,0 +1,3 @@
1
+ import React from 'react';
2
+ declare const ExcelFile: React.FC<ExcelFileProps>;
3
+ export default ExcelFile;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import ExcelFile from './ExcelFile/ExcelFile';
3
+ declare const meta: Meta<typeof ExcelFile>;
4
+ type Story = StoryObj<typeof ExcelFile>;
5
+ export declare const Default: Story;
6
+ export default meta;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ interface ExcelSheetBarProps {
3
+ fileDetails: {
4
+ sheetNames: string[];
5
+ };
6
+ handleSheetChange: (name: string, index: number) => void;
7
+ contextMenu: (e: React.MouseEvent, name: string, index: number) => void;
8
+ addSheet: () => void;
9
+ selectedSheet: {
10
+ name: string;
11
+ };
12
+ contextSelect: (e: React.MouseEvent) => void;
13
+ }
14
+ declare const ExcelSheetBar: React.FC<ExcelSheetBarProps>;
15
+ export default ExcelSheetBar;
@@ -0,0 +1,3 @@
1
+ import './ExcelToolBar.scss';
2
+ declare const ExcelToolBar: React.FC<ExcelToolBarProps>;
3
+ export default ExcelToolBar;
@@ -0,0 +1,24 @@
1
+ interface CellStyle {
2
+ color?: string;
3
+ backgroundColor?: string;
4
+ bold?: boolean;
5
+ italic?: boolean;
6
+ name?: string;
7
+ border: {
8
+ top: string;
9
+ bottom: string;
10
+ left: string;
11
+ right: string;
12
+ };
13
+ alignment: {
14
+ horizontal?: string;
15
+ vertical?: string;
16
+ wrapText?: boolean;
17
+ };
18
+ }
19
+ interface CellData {
20
+ style?: CellStyle;
21
+ }
22
+ type ImportExcelStylesData = Array<Array<CellData>>;
23
+ export default function ImportExcelStyles(data: ImportExcelStylesData | null): void;
24
+ export {};
@@ -0,0 +1,176 @@
1
+ interface ExcelFileProps {
2
+ /** The Excel data containing sheets and their content */
3
+ excelData: {
4
+ sheets: WorkSheet[];
5
+ };
6
+ /** Optional: Provide context menu options for actions like right-click */
7
+ contextOption?: {
8
+ name: string;
9
+ title: React.ReactNode;
10
+ action: () => void;
11
+ }[];
12
+ /** Controls whether the toolbar is shown, disabled, or hidden */
13
+ toolbar?: 'show' | 'disable' | 'hide';
14
+ /** Callback function to save the Excel data */
15
+ onSave?: (excelData?: any) => void;
16
+ }
17
+ interface WorkSheet {
18
+ /** The name of the worksheet */
19
+ sheetName: string;
20
+ /** 2D array of worksheet data (cells) */
21
+ data: WorkData[][];
22
+ }
23
+ interface WorkData {
24
+ /** Value of the cell */
25
+ value: string;
26
+ /** Styling options for the cell */
27
+ style: CellStyle;
28
+ type?: boolean;
29
+ }
30
+ interface CellStyle {
31
+ /** Font name for the cell text */
32
+ name?: string;
33
+ /** Font size of the cell text */
34
+ size?: number;
35
+ position?: string;
36
+ /** Whether the text is bold */
37
+ bold?: boolean;
38
+ fontSize?: string;
39
+ fontFamily?: string;
40
+ /** Whether the text is italicized */
41
+ italic?: boolean;
42
+ /** Text color in the cell (hex code) */
43
+ color?: string;
44
+ /** Background color of the cell (hex code) */
45
+ backgroundColor?: string;
46
+ /** Border color of the cell (hex code) */
47
+ borderColor?: string;
48
+ /** Border styles for each side of the cell */
49
+ border?: {
50
+ /** Border style for the top side of the cell */
51
+ top: string;
52
+ /** Border style for the bottom side of the cell */
53
+ bottom: string;
54
+ /** Border style for the left side of the cell */
55
+ left: string;
56
+ /** Border style for the right side of the cell */
57
+ right: string;
58
+ };
59
+ /** Text alignment and wrapping properties */
60
+ alignment?: {
61
+ /** Horizontal text alignment ('left', 'center', or 'right') */
62
+ horizontal: string;
63
+ /** Vertical text alignment ('top', 'middle', or 'bottom') */
64
+ vertical: string;
65
+ /** Whether the text is wrapped within the cell */
66
+ wrapText: boolean;
67
+ };
68
+ }
69
+ /** A generic type to represent a 2D matrix of any type (or undefined values) */
70
+ type Matrix<T> = (T | undefined)[][];
71
+ interface ContextAction {
72
+ /** Name of the right-click option */
73
+ name: string;
74
+ /** Display title of the right-click menu option */
75
+ title: React.ReactNode;
76
+ /** The action that occurs when the right-click menu option is selected */
77
+ action: () => void;
78
+ }
79
+ interface ContextOption {
80
+ /** Type of the context option ('cell', 'row', 'column') */
81
+ name: string;
82
+ /** Array of context menu actions for right-click options */
83
+ value: ContextAction[];
84
+ }
85
+ interface ContextMenuState {
86
+ /** Whether the context menu is visible */
87
+ visible: boolean;
88
+ /** X-coordinate position for the context menu */
89
+ x: number;
90
+ /** Y-coordinate position for the context menu */
91
+ y: number;
92
+ /** Type of the context menu ('cell', 'row', 'column', or 'sheet_options') */
93
+ type: 'cell' | 'row' | 'column' | 'sheet_options' | null;
94
+ }
95
+ interface SelectedCell {
96
+ /** The row index of the selected cell */
97
+ row: number;
98
+ /** The column index of the selected cell */
99
+ column: number;
100
+ }
101
+ interface ColorContainer {
102
+ /** The color used for the text (hex code) */
103
+ color: string;
104
+ /** The background color used for the cell (hex code) */
105
+ backgroundColor: string;
106
+ /** The border color used for the cell (hex code) */
107
+ borderColor: string;
108
+ }
109
+ interface SelectedValue {
110
+ /** The value inside the selected cell */
111
+ value: string;
112
+ /** The row index of the selected cell */
113
+ row: number;
114
+ /** The column index of the selected cell */
115
+ column: number;
116
+ /** The column represented as an alphabetical string ('A', 'B') */
117
+ alphaCol: string;
118
+ /** The style applied to the selected cell */
119
+ style: CellStyle;
120
+ /** The sheet name where the cell is located */
121
+ sheet: string;
122
+ }
123
+ interface ExcelToolBarProps {
124
+ /** use this to hide/show/disable the toolbar */
125
+ toolbar?: 'show' | 'disable' | 'hide';
126
+ /** function to apply styles */
127
+ applyStyle: (styleType: string, value: any) => void;
128
+ /** function to trigger format painter */
129
+ formatePaint: () => void;
130
+ }
131
+ interface ExcelSheetBarProps {
132
+ /** Object containing details about the file, including sheet names */
133
+ fileDetails: {
134
+ sheetNames: string[];
135
+ };
136
+ /** Function to handle sheet change events */
137
+ handleSheetChange: (name: string, index: number) => void;
138
+ /** Function to open the context menu on a sheet */
139
+ contextMenu: (e: React.MouseEvent<HTMLDivElement, MouseEvent>, name: string, index: number) => void;
140
+ /** Function to add a new sheet */
141
+ addSheet: () => void;
142
+ /** Object representing the currently selected sheet */
143
+ selectedSheet: {
144
+ name: string;
145
+ index: number;
146
+ };
147
+ /** Function to update the context Type */
148
+ contextSelect: (event: React.MouseEvent) => void;
149
+ }
150
+ interface ContextMenuProps {
151
+ /** Custom context menu options */
152
+ customContext: {
153
+ name: string;
154
+ title: React.ReactNode;
155
+ action: () => void;
156
+ }[];
157
+ /** Object that holds different context actions based on the type (cell, row, column, sheet_options) */
158
+ contextAction: {
159
+ /** Function to add a row */
160
+ addRow: () => void;
161
+ /** Function to delete a row */
162
+ deleteRow: () => void;
163
+ /** Function to add a column */
164
+ addColumn: () => void;
165
+ /** Function to delete a column */
166
+ deleteColumn: () => void;
167
+ /** Function to add a new sheet */
168
+ addSheet: () => void;
169
+ /** Function to delete a sheet */
170
+ deleteSheet: () => void;
171
+ };
172
+ /** The state of the context menu, controlling its visibility and position */
173
+ contextData: ContextMenuState;
174
+ /** Function to update the context menu state */
175
+ setContextData: React.Dispatch<React.SetStateAction<ContextMenuState>>;
176
+ }
@@ -0,0 +1 @@
1
+ export { default } from './ExcelFile/ExcelFile';
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import ExpandableMenu from './ExpandableMenu';
3
+ declare const meta: Meta<typeof ExpandableMenu>;
4
+ type Story = StoryObj<typeof ExpandableMenu>;
5
+ export declare const Primary: Story;
6
+ export declare const Controlled: Story;
7
+ export default meta;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Recaptcha from './Recaptcha';
3
+ declare const meta: Meta<typeof Recaptcha>;
4
+ type Story = StoryObj<typeof Recaptcha>;
5
+ export declare const Default: Story;
6
+ export declare const WithError: Story;
7
+ export declare const WithCustomTheme: Story;
8
+ export default meta;
@@ -0,0 +1,8 @@
1
+ import { StoryObj, Meta } from '@storybook/react';
2
+ import FileDropzone from './FileDropzone';
3
+ declare const meta: Meta<typeof FileDropzone>;
4
+ type Story = StoryObj<typeof FileDropzone>;
5
+ export declare const Primary: Story;
6
+ export declare const withMIMEValidation: Story;
7
+ export declare const Controlled: Story;
8
+ export default meta;
@@ -0,0 +1,7 @@
1
+ import Forms from './Forms';
2
+ import { Meta, StoryObj } from '@storybook/react/*';
3
+ import './Form.scss';
4
+ declare const meta: Meta<typeof Forms>;
5
+ type Story = StoryObj<typeof Forms>;
6
+ export declare const WithDefaultValues: Story;
7
+ export default meta;
@@ -5,5 +5,7 @@ interface FormProps<T extends Form.FieldValues> extends Form.UseFormProps<T> {
5
5
  onSubmit: Form.SubmitHandler<T>;
6
6
  children: (methods: ReturnType<typeof Form.useForm<T>>) => React.ReactNode;
7
7
  }
8
- declare const Forms: <T extends Form.FieldValues>({ onSubmit, children, id, ...rest }: FormProps<T>) => import("react/jsx-runtime").JSX.Element;
9
- export default Forms;
8
+ declare const ForwardedForms: <T extends Form.FieldValues>(props: FormProps<T> & {
9
+ ref?: React.Ref<any>;
10
+ }) => JSX.Element;
11
+ export default ForwardedForms;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Container } from './GridLayout';
3
+ import './GridLayoutStory.scss';
4
+ declare const meta: Meta<typeof Container>;
5
+ type ContainerStory = StoryObj<typeof Container>;
6
+ export declare const Grid: ContainerStory;
7
+ export declare const Grid2: ContainerStory;
8
+ export default meta;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import HighlightText from './HighlightText';
3
+ declare const meta: Meta<typeof HighlightText>;
4
+ type Story = StoryObj<typeof HighlightText>;
5
+ export declare const Primary: Story;
6
+ export default meta;
@@ -0,0 +1,8 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Icon from './Icon';
3
+ declare const meta: Meta<typeof Icon>;
4
+ type Story = StoryObj<typeof Icon>;
5
+ export declare const Icons: Story;
6
+ export declare const AllIcons: Story;
7
+ export declare const DarkVariantIcons: Story;
8
+ export default meta;
@@ -0,0 +1,7 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import IconButton from './IconButton';
3
+ declare const meta: Meta<typeof IconButton>;
4
+ type Story = StoryObj<typeof IconButton>;
5
+ export declare const Default: Story;
6
+ export declare const PrimaryIconButton: Story;
7
+ export default meta;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import IconRadioGroup from './IconRadioGroup';
3
+ declare const meta: Meta<typeof IconRadioGroup>;
4
+ type Story = StoryObj<typeof IconRadioGroup>;
5
+ export declare const Default: Story;
6
+ export declare const WithDisabledOption: Story;
7
+ export default meta;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Input from './Input';
3
+ declare const meta: Meta<typeof Input>;
4
+ type Story = StoryObj<typeof Input>;
5
+ export declare const Default: Story;
6
+ export declare const Primary: Story;
7
+ export declare const DisabledWithValue: Story;
8
+ export declare const Controlled: Story;
9
+ export default meta;
@@ -1,4 +1,4 @@
1
1
  import './InputWithDropdown.scss';
2
2
  import { InputWithDropdownProps } from './types';
3
- declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const InputWithDropdown: ({ name, label, value, disabled, required, placeholder, error, helperText, optionsList, selectedOption, autoComplete, onDropdownChangeHandler, onInputChangeHandler, onInputBlurHandler, optionsRequired, dropdownPosition, type, }: InputWithDropdownProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default InputWithDropdown;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import InputWithDropdown from './InputWithDropdown';
3
+ declare const meta: Meta<typeof InputWithDropdown>;
4
+ type Story = StoryObj<typeof InputWithDropdown>;
5
+ export declare const Default: Story;
6
+ export declare const DisabledWithValue: Story;
7
+ export declare const Controlled: Story;
8
+ export declare const InputWithStaticLabelWithoutOptions: Story;
9
+ export default meta;
@@ -0,0 +1,13 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import LabelEditTextField from './LabelEditTextField';
3
+ import '../../assets/styles/_colors.scss';
4
+ import './LabelEditTextField.scss';
5
+ declare const meta: Meta<typeof LabelEditTextField>;
6
+ type Story = StoryObj<typeof LabelEditTextField>;
7
+ export declare const textField: Story;
8
+ export declare const textFieldWithOutLabel: Story;
9
+ export declare const openTextFieldWithOutLabel: Story;
10
+ export declare const textFieldWithDropdown: Story;
11
+ export declare const textFieldWithHighlight: Story;
12
+ export declare const openLabelEditTextField: Story;
13
+ export default meta;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import LazyLoading from './LazyLoading';
3
+ declare const meta: Meta;
4
+ type Story = StoryObj<typeof LazyLoading>;
5
+ export declare const Primary: Story;
6
+ export default meta;