pixel-react-excel-sheet 1.0.28 → 1.0.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.esm.js +31 -13
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +31 -13
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +26 -9
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +1 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +0 -5
package/package.json
CHANGED
|
@@ -5,7 +5,6 @@ import * as Point from './point';
|
|
|
5
5
|
import * as Actions from './actions';
|
|
6
6
|
import useDispatch from './use-dispatch';
|
|
7
7
|
import useSelector from './use-selector';
|
|
8
|
-
import Typography from '../../../Typography';
|
|
9
8
|
|
|
10
9
|
const ColumnIndicator: Types.ColumnIndicatorComponent = ({
|
|
11
10
|
column,
|
|
@@ -105,7 +104,7 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
|
|
|
105
104
|
|
|
106
105
|
return (
|
|
107
106
|
<th
|
|
108
|
-
style={{ minWidth: `${columnWidth}px
|
|
107
|
+
style={{ minWidth: `${columnWidth}px`}} //Dynamic value, Inline Styling required
|
|
109
108
|
className={classNames('ff-spreadsheet-header', {
|
|
110
109
|
'ff-spreadsheet-header--selected': selected,
|
|
111
110
|
})}
|
|
@@ -113,14 +112,7 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
|
|
|
113
112
|
onContextMenu={contextClick}
|
|
114
113
|
tabIndex={0}
|
|
115
114
|
>
|
|
116
|
-
<div
|
|
117
|
-
onClick={handleClick}
|
|
118
|
-
onContextMenu={contextClick}
|
|
119
|
-
tabIndex={0}>
|
|
120
|
-
</div>
|
|
121
|
-
<Typography fontWeight='medium'>
|
|
122
115
|
{label !== undefined ? label : columnIndexToLabel(column)}
|
|
123
|
-
</Typography>
|
|
124
116
|
<div
|
|
125
117
|
onMouseDown={onMouseDown}
|
|
126
118
|
onClick={() => activate({ row: -1, column })}
|
|
@@ -135,6 +127,31 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
|
|
|
135
127
|
}}
|
|
136
128
|
/>
|
|
137
129
|
</th>
|
|
130
|
+
|
|
131
|
+
// <th
|
|
132
|
+
// style={{ minWidth: `${columnWidth}px`}} //Dynamic value, Inline Styling required
|
|
133
|
+
// className={classNames('ff-spreadsheet-header', {
|
|
134
|
+
// 'ff-spreadsheet-header--selected': selected,
|
|
135
|
+
// })}
|
|
136
|
+
// onClick={handleClick}
|
|
137
|
+
// onContextMenu={contextClick}
|
|
138
|
+
// tabIndex={0}
|
|
139
|
+
// >
|
|
140
|
+
// {label !== undefined ? label : columnIndexToLabel(column)}
|
|
141
|
+
// <div
|
|
142
|
+
// onMouseDown={onMouseDown}
|
|
143
|
+
// onClick={() => activate({ row: -1, column })}
|
|
144
|
+
// style={{
|
|
145
|
+
// zIndex: 'inherit',
|
|
146
|
+
// width: '2px',
|
|
147
|
+
// position: 'absolute',
|
|
148
|
+
// right: 0,
|
|
149
|
+
// top: 0,
|
|
150
|
+
// height: '100%',
|
|
151
|
+
// cursor: 'ew-resize',
|
|
152
|
+
// }}
|
|
153
|
+
// />
|
|
154
|
+
// </th>
|
|
138
155
|
);
|
|
139
156
|
};
|
|
140
157
|
|
|
@@ -106,6 +106,7 @@ const RowIndicator: Types.RowIndicatorComponent = ({
|
|
|
106
106
|
style={{
|
|
107
107
|
height: `${rowHeight}px`,
|
|
108
108
|
minWidth: '60px',
|
|
109
|
+
position: 'relative',
|
|
109
110
|
}} //Dynamic value, Inline Styling required
|
|
110
111
|
className={classNames('ff-spreadsheet-header', {
|
|
111
112
|
'ff-spreadsheet-header--selected': selected,
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
.ff-excel {
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
|
-
width: 100%;
|
|
7
6
|
|
|
8
7
|
.ff-excel-toolbar-container {
|
|
9
8
|
position: relative;
|
|
@@ -29,10 +28,6 @@
|
|
|
29
28
|
color: var(--text-color);
|
|
30
29
|
scrollbar-width: none;
|
|
31
30
|
display: inline-block;
|
|
32
|
-
width: 100%;
|
|
33
|
-
top: 0px;
|
|
34
|
-
left: 0px;
|
|
35
|
-
|
|
36
31
|
}
|
|
37
32
|
|
|
38
33
|
.ff-spreadsheet-active-cell {
|