pixel-react 1.4.5 → 1.4.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (168) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  3. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  4. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  5. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  6. package/lib/components/MachineInputField/types.d.ts +1 -0
  7. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +1 -1
  8. package/lib/components/SequentialConnectingBranch/types.d.ts +7 -4
  9. package/lib/index.d.ts +12 -10
  10. package/lib/index.esm.js +200 -427
  11. package/lib/index.esm.js.map +1 -1
  12. package/lib/index.js +200 -427
  13. package/lib/index.js.map +1 -1
  14. package/lib/utils/getSequentialPayload/getSequentialPayload.d.ts +2 -2
  15. package/lib/utils/getSequentialPayload/types.d.ts +2 -4
  16. package/package.json +2 -2
  17. package/src/assets/icons/add_file.svg +4 -13
  18. package/src/assets/icons/eye_open_icon.svg +10 -0
  19. package/src/assets/icons/windows.svg +8 -4
  20. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +2 -2
  21. package/src/components/Checkbox/Checkbox.scss +1 -1
  22. package/src/components/Icon/iconList.ts +2 -0
  23. package/src/components/MachineInputField/MachineInputField.scss +4 -2
  24. package/src/components/MachineInputField/MachineInputField.tsx +2 -0
  25. package/src/components/MachineInputField/types.ts +1 -0
  26. package/src/components/MenuOption/MenuOption.tsx +3 -4
  27. package/src/components/MultiSelect/MultiSelect.scss +50 -45
  28. package/src/components/MultiSelect/MultiSelect.tsx +1 -1
  29. package/src/components/Select/components/Dropdown.tsx +22 -8
  30. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +34 -32
  31. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +34 -40
  32. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +27 -100
  33. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +5 -5
  34. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +5 -3
  35. package/src/components/SequentialConnectingBranch/types.ts +7 -4
  36. package/src/components/Tooltip/Tooltip.scss +1 -0
  37. package/src/components/Tooltip/Tooltip.tsx +1 -2
  38. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +2 -5
  39. package/src/utils/getSequentialPayload/getSequentialPayload.ts +11 -24
  40. package/src/utils/getSequentialPayload/types.ts +3 -6
  41. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
  42. package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
  43. package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
  44. package/lib/components/AddButton/AddButton.d.ts +0 -5
  45. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  46. package/lib/components/AddButton/index.d.ts +0 -1
  47. package/lib/components/AddButton/types.d.ts +0 -4
  48. package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
  49. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +0 -7
  50. package/lib/components/AppHeader/AppHeader.stories.d.ts +0 -7
  51. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  52. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +0 -9
  53. package/lib/components/Avatar/Avatar.stories.d.ts +0 -10
  54. package/lib/components/Button/Button.stories.d.ts +0 -13
  55. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  56. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +0 -7
  57. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
  58. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  59. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  60. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  61. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +0 -7
  62. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
  63. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
  64. package/lib/components/Chip/Chip.stories.d.ts +0 -14
  65. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  66. package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
  67. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
  68. package/lib/components/Drawer/Drawer.stories.d.ts +0 -12
  69. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  70. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  71. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  72. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  73. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +0 -8
  74. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +0 -4
  75. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +0 -7
  76. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +0 -4
  77. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +0 -5
  78. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +0 -3
  79. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +0 -5
  80. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +0 -5
  81. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +0 -8
  82. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +0 -10
  83. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +0 -3
  84. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +0 -3
  85. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +0 -5
  86. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +0 -3
  87. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +0 -81
  88. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +0 -3
  89. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +0 -130
  90. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +0 -1
  91. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +0 -8
  92. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +0 -22
  93. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +0 -17
  94. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +0 -2
  95. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +0 -21
  96. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +0 -3
  97. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +0 -24
  98. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +0 -13
  99. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +0 -67
  100. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +0 -22
  101. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +0 -11
  102. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +0 -27
  103. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +0 -95
  104. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +0 -215
  105. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +0 -3
  106. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +0 -3
  107. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +0 -45
  108. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +0 -3
  109. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +0 -6
  110. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +0 -15
  111. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +0 -3
  112. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  113. package/lib/components/ExcelFile/Types.d.ts +0 -176
  114. package/lib/components/ExcelFile/index.d.ts +0 -1
  115. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
  116. package/lib/components/FF_Captcha/captcha.stories.d.ts +0 -8
  117. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
  118. package/lib/components/Form/Form.stories.d.ts +0 -7
  119. package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
  120. package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
  121. package/lib/components/Icon/Icon.stories.d.ts +0 -8
  122. package/lib/components/IconButton/IconButton.stories.d.ts +0 -7
  123. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +0 -7
  124. package/lib/components/Input/Input.stories.d.ts +0 -9
  125. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
  126. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -13
  127. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
  128. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +0 -6
  129. package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -16
  130. package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -10
  131. package/lib/components/Modal/Modal.stories.d.ts +0 -7
  132. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +0 -6
  133. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -12
  134. package/lib/components/NLPInput/NlpInput.stories.d.ts +0 -7
  135. package/lib/components/Paper/Paper.stories.d.ts +0 -11
  136. package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
  137. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -9
  138. package/lib/components/Search/Search.stories.d.ts +0 -6
  139. package/lib/components/Select/Select.stories.d.ts +0 -14
  140. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
  141. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -17
  142. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +0 -6
  143. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
  144. package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
  145. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  146. package/lib/components/Table/Table.stories.d.ts +0 -13
  147. package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
  148. package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
  149. package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
  150. package/lib/components/Toast/Toast.stories.d.ts +0 -6
  151. package/lib/components/Toastify/Toastify.stories.d.ts +0 -6
  152. package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
  153. package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
  154. package/lib/components/Typography/Typography.stories.d.ts +0 -10
  155. package/lib/components/VariableInput/VariableInput.stories.d.ts +0 -6
  156. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
  157. package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
  158. package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
  159. package/lib/utils/debounce/debounce.stories.d.ts +0 -6
  160. package/lib/utils/ffID/ffID.stories.d.ts +0 -6
  161. package/lib/utils/find/findAndInsert.d.ts +0 -7
  162. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
  163. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +0 -7
  164. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +0 -6
  165. package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
  166. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  167. package/lib/utils/throttle/throttle.stories.d.ts +0 -6
  168. package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
@@ -1,95 +0,0 @@
1
- import { PointRange } from "./point-range";
2
- import * as Point from "./point";
3
- import * as Matrix from "./matrix";
4
- /** Selection from a spreadsheet */
5
- export declare abstract class Selection {
6
- /** Get concrete range of the selection in the given data */
7
- abstract toRange(data: Matrix.Matrix<unknown>): PointRange | null;
8
- /** Normalize the selection according to the given data */
9
- abstract normalizeTo(data: Matrix.Matrix<unknown>): this;
10
- /** Determines whether the given row is entirely selected in given selection */
11
- abstract hasEntireRow(row: number): boolean;
12
- /** Determines whether the given column is entirely selected in given selection */
13
- abstract hasEntireColumn(column: number): boolean;
14
- /** Get the number of selected points according to given data */
15
- abstract size(data: Matrix.Matrix<unknown>): number;
16
- /** Determines whether the given point is within the selection */
17
- abstract has(data: Matrix.Matrix<unknown>, point: Point.Point): boolean;
18
- /** Determines whether the given selection is equal to this selection */
19
- abstract equals(selection: Selection): boolean;
20
- }
21
- /** Selection of no cells */
22
- export declare class EmptySelection extends Selection {
23
- toRange(data: Matrix.Matrix<unknown>): PointRange | null;
24
- normalizeTo(_: Matrix.Matrix<unknown>): this;
25
- hasEntireRow(): boolean;
26
- hasEntireColumn(): boolean;
27
- size(): number;
28
- has(): boolean;
29
- equals(selection: Selection): boolean;
30
- }
31
- /** Selection of a range of cells */
32
- export declare class RangeSelection extends Selection {
33
- range: PointRange;
34
- constructor(range: PointRange);
35
- toRange(_: Matrix.Matrix<unknown>): PointRange | null;
36
- normalizeTo(data: Matrix.Matrix<unknown>): this;
37
- hasEntireRow(): boolean;
38
- hasEntireColumn(): boolean;
39
- size(data: Matrix.Matrix<unknown>): number;
40
- has(data: Matrix.Matrix<unknown>, point: Point.Point): boolean;
41
- equals(selection: Selection): boolean;
42
- }
43
- /** Selection of an entire part of the spreadsheet */
44
- export declare abstract class EntireSelection extends Selection {
45
- }
46
- /** Selection of the entire worksheet */
47
- export declare class EntireWorksheetSelection extends EntireSelection {
48
- toRange(data: Matrix.Matrix<unknown>): PointRange;
49
- normalizeTo(): this;
50
- hasEntireColumn(): boolean;
51
- hasEntireRow(): boolean;
52
- size(data: Matrix.Matrix<unknown>): number;
53
- has(): boolean;
54
- equals(selection: Selection): boolean;
55
- }
56
- /** Selection of an entire axis in the spreadsheet */
57
- export declare abstract class EntireAxisSelection extends EntireSelection {
58
- /** Selection start index, integer */
59
- readonly start: number;
60
- /** Selection end index, integer */
61
- readonly end: number;
62
- /**
63
- * @param start - row index where the selection starts, integer
64
- * @param end - row index where the selection ends, integer
65
- * @throws {@link InvalidIndexError}
66
- */
67
- constructor(start: number, end: number);
68
- equals(selection: Selection): boolean;
69
- }
70
- /** Selection of entire rows in the spreadsheet */
71
- export declare class EntireRowsSelection extends EntireAxisSelection {
72
- toRange(data: Matrix.Matrix<unknown>): PointRange;
73
- normalizeTo(data: Matrix.Matrix<unknown>): this;
74
- hasEntireRow(row: number): boolean;
75
- hasEntireColumn(): boolean;
76
- size(data: Matrix.Matrix<unknown>): number;
77
- has(_: Matrix.Matrix<unknown>, point: Point.Point): boolean;
78
- }
79
- /** Selection of entire columns in the spreadsheet */
80
- export declare class EntireColumnsSelection extends EntireAxisSelection {
81
- toRange(data: Matrix.Matrix<unknown>): PointRange;
82
- normalizeTo(data: Matrix.Matrix<unknown>): this;
83
- hasEntireRow(): boolean;
84
- hasEntireColumn(column: number): boolean;
85
- size(data: Matrix.Matrix<unknown>): number;
86
- has(_: Matrix.Matrix<unknown>, point: Point.Point): boolean;
87
- }
88
- /** Get the point range of given matrix */
89
- export declare function getMatrixRange(data: Matrix.Matrix<unknown>): PointRange;
90
- /** Determines whether the given value is a valid index */
91
- export declare function isIndex(value: number): boolean;
92
- /** Error thrown when passing a non-index value where an index value is expected */
93
- export declare class InvalidIndexError extends Error {
94
- constructor(name: string);
95
- }
@@ -1,215 +0,0 @@
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 {};
@@ -1,3 +0,0 @@
1
- import { Dispatch } from "./context";
2
- declare function useDispatch(): Dispatch;
3
- export default useDispatch;
@@ -1,3 +0,0 @@
1
- import * as Types from "./types";
2
- declare function useSelector<T>(selector: (state: Types.StoreState) => T): T;
3
- export default useSelector;
@@ -1,45 +0,0 @@
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;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- declare const ExcelFile: React.FC<ExcelFileProps>;
3
- export default ExcelFile;
@@ -1,6 +0,0 @@
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;
@@ -1,15 +0,0 @@
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;
@@ -1,3 +0,0 @@
1
- import './ExcelToolBar.scss';
2
- declare const ExcelToolBar: React.FC<ExcelToolBarProps>;
3
- export default ExcelToolBar;
@@ -1,24 +0,0 @@
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 {};
@@ -1,176 +0,0 @@
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
- }
@@ -1 +0,0 @@
1
- export { default } from './ExcelFile/ExcelFile';
@@ -1,7 +0,0 @@
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;
@@ -1,8 +0,0 @@
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;
@@ -1,8 +0,0 @@
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;
@@ -1,7 +0,0 @@
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;
@@ -1,8 +0,0 @@
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;
@@ -1,6 +0,0 @@
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;
@@ -1,8 +0,0 @@
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;