pixel-react-excel-sheet 1.0.16 → 1.0.18
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 +57 -36
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +57 -36
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +1 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +26 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +1 -3
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +5 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +5 -4
package/package.json
CHANGED
|
@@ -103,8 +103,33 @@ const ColumnIndicator: Types.ColumnIndicatorComponent = ({
|
|
|
103
103
|
);
|
|
104
104
|
|
|
105
105
|
return (
|
|
106
|
+
// <th
|
|
107
|
+
// style={{ minWidth: `${columnWidth}px`, position: 'relative' }} //Dynamic value, Inline Styling required
|
|
108
|
+
// className={classNames('ff-spreadsheet-header', {
|
|
109
|
+
// 'ff-spreadsheet-header--selected': selected,
|
|
110
|
+
// })}
|
|
111
|
+
// onClick={handleClick}
|
|
112
|
+
// onContextMenu={contextClick}
|
|
113
|
+
// tabIndex={0}
|
|
114
|
+
// >
|
|
115
|
+
// {label !== undefined ? label : columnIndexToLabel(column)}
|
|
116
|
+
// <div
|
|
117
|
+
// onMouseDown={onMouseDown}
|
|
118
|
+
// onClick={() => activate({ row: -1, column })}
|
|
119
|
+
// style={{
|
|
120
|
+
// zIndex: 'inherit',
|
|
121
|
+
// width: '2px',
|
|
122
|
+
// position: 'absolute',
|
|
123
|
+
// right: 0,
|
|
124
|
+
// top: 0,
|
|
125
|
+
// height: '100%',
|
|
126
|
+
// cursor: 'ew-resize',
|
|
127
|
+
// }}
|
|
128
|
+
// />
|
|
129
|
+
// </th>
|
|
130
|
+
|
|
106
131
|
<th
|
|
107
|
-
style={{ minWidth: `${columnWidth}px
|
|
132
|
+
style={{ minWidth: `${columnWidth}px`}} //Dynamic value, Inline Styling required
|
|
108
133
|
className={classNames('ff-spreadsheet-header', {
|
|
109
134
|
'ff-spreadsheet-header--selected': selected,
|
|
110
135
|
})}
|
|
@@ -16,8 +16,7 @@ const CornerIndicator: Types.CornerIndicatorComponent = ({
|
|
|
16
16
|
}, [onSelect]);
|
|
17
17
|
return (
|
|
18
18
|
<th
|
|
19
|
-
|
|
20
|
-
className={classNames('ff-spreadsheet-header', {
|
|
19
|
+
className={classNames('ff-spreadsheet-header ff-spreadsheet-corner-header', {
|
|
21
20
|
'ff-spreadsheet-header--selected': selected,
|
|
22
21
|
})}
|
|
23
22
|
onClick={handleClick}
|
|
@@ -25,7 +24,6 @@ const CornerIndicator: Types.CornerIndicatorComponent = ({
|
|
|
25
24
|
>
|
|
26
25
|
<Icon
|
|
27
26
|
variant={selected ? 'dark' : 'light'}
|
|
28
|
-
className="corner_indicator"
|
|
29
27
|
name="excel_corner_menu"
|
|
30
28
|
/>
|
|
31
29
|
</th>
|
|
@@ -102,7 +102,11 @@ const RowIndicator: Types.RowIndicatorComponent = ({
|
|
|
102
102
|
|
|
103
103
|
return (
|
|
104
104
|
<th
|
|
105
|
-
style={{
|
|
105
|
+
style={{
|
|
106
|
+
height: `${rowHeight}px`,
|
|
107
|
+
minWidth: '60px',
|
|
108
|
+
// position: 'relative',
|
|
109
|
+
}} //Dynamic value, Inline Styling required
|
|
106
110
|
className={classNames('ff-spreadsheet-header', {
|
|
107
111
|
'ff-spreadsheet-header--selected': selected,
|
|
108
112
|
})}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
--outline-color: var(--toggle-strip-active);
|
|
20
20
|
--outline-background-color: var(--overlay-bg);
|
|
21
21
|
--border-color: var(--excel-sheet-border);
|
|
22
|
-
--header-background-color: var(--
|
|
22
|
+
--header-background-color: var(--excel-header-bg);
|
|
23
23
|
--elevation: var(--brand-color);
|
|
24
24
|
|
|
25
25
|
position: relative;
|
|
@@ -91,13 +91,14 @@
|
|
|
91
91
|
background-color: var(--header-background-color);
|
|
92
92
|
color: var(--readonly-text-color);
|
|
93
93
|
text-align: center;
|
|
94
|
-
z-index:
|
|
94
|
+
z-index: 1000;
|
|
95
95
|
font-weight: 500;
|
|
96
96
|
font-size: 12px;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
.
|
|
100
|
-
|
|
99
|
+
.ff-spreadsheet-corner-header{
|
|
100
|
+
|
|
101
|
+
z-index: 1100;
|
|
101
102
|
}
|
|
102
103
|
|
|
103
104
|
.ff-spreadsheet-header--selected {
|