@react-spectrum/table 3.7.2-nightly.3785 → 3.7.2-nightly.3796
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/dist/import.mjs +36 -54
- package/dist/main.css +1 -1
- package/dist/main.js +35 -53
- package/dist/main.js.map +1 -1
- package/dist/module.js +36 -54
- package/dist/module.js.map +1 -1
- package/package.json +31 -31
- package/src/Resizer.tsx +39 -52
- package/src/cursors/Cur_MoveHorizontal_9_9.svg +6 -3
- package/src/cursors/Cur_MoveToLeft_9_9.svg +8 -3
- package/src/cursors/Cur_MoveToRight_9_9.svg +8 -3
- package/src/table.css +0 -13
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/table",
|
|
3
|
-
"version": "3.7.2-nightly.
|
|
3
|
+
"version": "3.7.2-nightly.3796+ed41ba906",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,38 +36,38 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/button": "3.0.0-nightly.
|
|
40
|
-
"@react-aria/dnd": "3.1.1-nightly.
|
|
41
|
-
"@react-aria/focus": "3.0.0-nightly.
|
|
42
|
-
"@react-aria/grid": "3.6.2-nightly.
|
|
43
|
-
"@react-aria/i18n": "3.0.0-nightly.
|
|
44
|
-
"@react-aria/interactions": "3.0.0-nightly.
|
|
45
|
-
"@react-aria/table": "3.8.2-nightly.
|
|
46
|
-
"@react-aria/utils": "3.0.0-nightly.
|
|
47
|
-
"@react-aria/virtualizer": "3.7.1-nightly.
|
|
48
|
-
"@react-aria/visually-hidden": "3.0.0-nightly.
|
|
49
|
-
"@react-spectrum/button": "3.0.0-nightly.
|
|
50
|
-
"@react-spectrum/checkbox": "3.0.0-nightly.
|
|
51
|
-
"@react-spectrum/dnd": "3.1.1-nightly.
|
|
52
|
-
"@react-spectrum/layout": "3.5.1-nightly.
|
|
53
|
-
"@react-spectrum/menu": "3.10.2-nightly.
|
|
54
|
-
"@react-spectrum/progress": "3.0.0-nightly.
|
|
55
|
-
"@react-spectrum/tooltip": "3.0.0-nightly.
|
|
56
|
-
"@react-spectrum/utils": "3.0.0-nightly.
|
|
57
|
-
"@react-stately/collections": "3.0.0-nightly.
|
|
58
|
-
"@react-stately/dnd": "3.1.1-nightly.
|
|
59
|
-
"@react-stately/grid": "3.5.1-nightly.
|
|
60
|
-
"@react-stately/layout": "3.11.1-nightly.
|
|
61
|
-
"@react-stately/table": "3.8.1-nightly.
|
|
62
|
-
"@react-stately/virtualizer": "3.5.1-nightly.
|
|
63
|
-
"@react-types/grid": "3.1.7-nightly.
|
|
64
|
-
"@react-types/shared": "3.0.0-nightly.
|
|
65
|
-
"@react-types/table": "3.5.1-nightly.
|
|
66
|
-
"@spectrum-icons/ui": "3.0.0-nightly.
|
|
39
|
+
"@react-aria/button": "3.0.0-nightly.2096+ed41ba906",
|
|
40
|
+
"@react-aria/dnd": "3.1.1-nightly.3796+ed41ba906",
|
|
41
|
+
"@react-aria/focus": "3.0.0-nightly.2096+ed41ba906",
|
|
42
|
+
"@react-aria/grid": "3.6.2-nightly.3796+ed41ba906",
|
|
43
|
+
"@react-aria/i18n": "3.0.0-nightly.2096+ed41ba906",
|
|
44
|
+
"@react-aria/interactions": "3.0.0-nightly.2096+ed41ba906",
|
|
45
|
+
"@react-aria/table": "3.8.2-nightly.3796+ed41ba906",
|
|
46
|
+
"@react-aria/utils": "3.0.0-nightly.2096+ed41ba906",
|
|
47
|
+
"@react-aria/virtualizer": "3.7.1-nightly.3796+ed41ba906",
|
|
48
|
+
"@react-aria/visually-hidden": "3.0.0-nightly.2096+ed41ba906",
|
|
49
|
+
"@react-spectrum/button": "3.0.0-nightly.2096+ed41ba906",
|
|
50
|
+
"@react-spectrum/checkbox": "3.0.0-nightly.2096+ed41ba906",
|
|
51
|
+
"@react-spectrum/dnd": "3.1.1-nightly.3796+ed41ba906",
|
|
52
|
+
"@react-spectrum/layout": "3.5.1-nightly.3796+ed41ba906",
|
|
53
|
+
"@react-spectrum/menu": "3.10.2-nightly.3796+ed41ba906",
|
|
54
|
+
"@react-spectrum/progress": "3.0.0-nightly.2096+ed41ba906",
|
|
55
|
+
"@react-spectrum/tooltip": "3.0.0-nightly.2096+ed41ba906",
|
|
56
|
+
"@react-spectrum/utils": "3.0.0-nightly.2096+ed41ba906",
|
|
57
|
+
"@react-stately/collections": "3.0.0-nightly.2096+ed41ba906",
|
|
58
|
+
"@react-stately/dnd": "3.1.1-nightly.3796+ed41ba906",
|
|
59
|
+
"@react-stately/grid": "3.5.1-nightly.3796+ed41ba906",
|
|
60
|
+
"@react-stately/layout": "3.11.1-nightly.3796+ed41ba906",
|
|
61
|
+
"@react-stately/table": "3.8.1-nightly.3796+ed41ba906",
|
|
62
|
+
"@react-stately/virtualizer": "3.5.1-nightly.3796+ed41ba906",
|
|
63
|
+
"@react-types/grid": "3.1.7-nightly.3796+ed41ba906",
|
|
64
|
+
"@react-types/shared": "3.0.0-nightly.2096+ed41ba906",
|
|
65
|
+
"@react-types/table": "3.5.1-nightly.3796+ed41ba906",
|
|
66
|
+
"@spectrum-icons/ui": "3.0.0-nightly.2096+ed41ba906",
|
|
67
67
|
"@swc/helpers": "^0.4.14"
|
|
68
68
|
},
|
|
69
69
|
"devDependencies": {
|
|
70
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
|
70
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.2096+ed41ba906"
|
|
71
71
|
},
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"@react-spectrum/provider": "^3.0.0",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"publishConfig": {
|
|
78
78
|
"access": "public"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "ed41ba9069fe4ee98b18851cf4891bc6e457464f"
|
|
81
81
|
}
|
package/src/Resizer.tsx
CHANGED
|
@@ -1,20 +1,36 @@
|
|
|
1
1
|
/* eslint-disable jsx-a11y/role-supports-aria-props */
|
|
2
2
|
import {classNames} from '@react-spectrum/utils';
|
|
3
3
|
import {ColumnSize} from '@react-types/table';
|
|
4
|
+
// @ts-ignore
|
|
5
|
+
import eCursor from 'bundle-text:./cursors/Cur_MoveToRight_9_9.svg';
|
|
6
|
+
// @ts-ignore
|
|
7
|
+
import ewCursor from 'bundle-text:./cursors/Cur_MoveHorizontal_9_9.svg';
|
|
4
8
|
import {FocusRing} from '@react-aria/focus';
|
|
5
|
-
import {getInteractionModality} from '@react-aria/interactions';
|
|
6
9
|
import {GridNode} from '@react-types/grid';
|
|
7
10
|
// @ts-ignore
|
|
8
11
|
import intlMessages from '../intl/*.json';
|
|
12
|
+
import {isWebKit} from '@react-aria/utils';
|
|
9
13
|
import {mergeProps} from '@react-aria/utils';
|
|
10
14
|
import React, {Key, RefObject, useEffect, useState} from 'react';
|
|
11
15
|
import ReactDOM from 'react-dom';
|
|
12
|
-
import rspStyles from './table.css';
|
|
13
16
|
import styles from '@adobe/spectrum-css-temp/components/table/vars.css';
|
|
14
17
|
import {useLocale, useLocalizedStringFormatter} from '@react-aria/i18n';
|
|
15
18
|
import {useTableColumnResize} from '@react-aria/table';
|
|
16
19
|
import {useTableContext, useVirtualizerContext} from './TableView';
|
|
17
20
|
import {VisuallyHidden} from '@react-aria/visually-hidden';
|
|
21
|
+
// @ts-ignore
|
|
22
|
+
import wCursor from 'bundle-text:./cursors/Cur_MoveToLeft_9_9.svg';
|
|
23
|
+
|
|
24
|
+
function getCursor(svg: string, fallback: string) {
|
|
25
|
+
// WebKit renders SVG cursors blurry on 2x screens: https://bugs.webkit.org/show_bug.cgi?id=160657
|
|
26
|
+
// To work around this, we generate two SVGs at different sizes and use image-set to pick between them.
|
|
27
|
+
// Only do this in WebKit to avoid Firefox rendering the cursor at twice the size.
|
|
28
|
+
if (isWebKit()) {
|
|
29
|
+
return `image-set(url("data:image/svg+xml,${encodeURIComponent(svg)}") 1x, url("data:image/svg+xml,${encodeURIComponent(svg.replace('width="32" height="32"', 'width="64" height="64"'))}") 2x) 8 8, ${fallback}`;
|
|
30
|
+
} else {
|
|
31
|
+
return `url("data:image/svg+xml,${encodeURIComponent(svg)}") 8 8, ${fallback}`;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
18
34
|
|
|
19
35
|
interface ResizerProps<T> {
|
|
20
36
|
column: GridNode<T>,
|
|
@@ -25,10 +41,10 @@ interface ResizerProps<T> {
|
|
|
25
41
|
onResizeEnd: (widths: Map<Key, ColumnSize>) => void
|
|
26
42
|
}
|
|
27
43
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
44
|
+
const CURSORS = {
|
|
45
|
+
ew: getCursor(ewCursor, 'ew-resize'),
|
|
46
|
+
w: getCursor(wCursor, 'w-resize'),
|
|
47
|
+
e: getCursor(eCursor, 'e-resize')
|
|
32
48
|
};
|
|
33
49
|
|
|
34
50
|
function Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement>) {
|
|
@@ -40,7 +56,6 @@ function Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement>) {
|
|
|
40
56
|
useVirtualizerContext();
|
|
41
57
|
let stringFormatter = useLocalizedStringFormatter(intlMessages);
|
|
42
58
|
let {direction} = useLocale();
|
|
43
|
-
let [directionClass, setDirectionClass] = React.useState(null);
|
|
44
59
|
|
|
45
60
|
let [isPointerDown, setIsPointerDown] = useState(false);
|
|
46
61
|
useEffect(() => {
|
|
@@ -66,47 +81,27 @@ function Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement>) {
|
|
|
66
81
|
mergeProps(props, {
|
|
67
82
|
'aria-label': stringFormatter.format('columnResizer'),
|
|
68
83
|
isDisabled: isEmpty,
|
|
69
|
-
shouldResizeOnFocus: true
|
|
70
|
-
onResizeStart: () => {
|
|
71
|
-
if (getInteractionModality() === 'pointer') {
|
|
72
|
-
if (layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key)) {
|
|
73
|
-
setDirectionClass(direction === 'rtl' ? CURSOR_CLASSES.w : CURSOR_CLASSES.e);
|
|
74
|
-
} else if (layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key)) {
|
|
75
|
-
setDirectionClass(direction === 'rtl' ? CURSOR_CLASSES.e : CURSOR_CLASSES.w);
|
|
76
|
-
} else {
|
|
77
|
-
setDirectionClass(CURSOR_CLASSES.ew);
|
|
78
|
-
}
|
|
79
|
-
} else {
|
|
80
|
-
setDirectionClass(null);
|
|
81
|
-
}
|
|
82
|
-
},
|
|
83
|
-
onResize: () => {
|
|
84
|
-
if (getInteractionModality() === 'pointer') {
|
|
85
|
-
if (layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key)) {
|
|
86
|
-
setDirectionClass(direction === 'rtl' ? CURSOR_CLASSES.w : CURSOR_CLASSES.e);
|
|
87
|
-
} else if (layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key)) {
|
|
88
|
-
setDirectionClass(direction === 'rtl' ? CURSOR_CLASSES.e : CURSOR_CLASSES.w);
|
|
89
|
-
} else {
|
|
90
|
-
setDirectionClass(CURSOR_CLASSES.ew);
|
|
91
|
-
}
|
|
92
|
-
} else {
|
|
93
|
-
setDirectionClass(null);
|
|
94
|
-
}
|
|
95
|
-
},
|
|
96
|
-
onResizeEnd: () => {
|
|
97
|
-
setDirectionClass(null);
|
|
98
|
-
}
|
|
84
|
+
shouldResizeOnFocus: true
|
|
99
85
|
}), layout, ref);
|
|
100
86
|
|
|
87
|
+
let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
|
|
88
|
+
let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
|
|
89
|
+
let isResizing = layout.resizingColumn === column.key;
|
|
90
|
+
let cursor = '';
|
|
91
|
+
if (isEResizable) {
|
|
92
|
+
cursor = direction === 'rtl' ? CURSORS.w : CURSORS.e;
|
|
93
|
+
} else if (isWResizable) {
|
|
94
|
+
cursor = direction === 'rtl' ? CURSORS.e : CURSORS.w;
|
|
95
|
+
} else {
|
|
96
|
+
cursor = CURSORS.ew;
|
|
97
|
+
}
|
|
98
|
+
|
|
101
99
|
let style = {
|
|
102
|
-
cursor: undefined,
|
|
103
100
|
height: '100%',
|
|
104
101
|
display: showResizer ? undefined : 'none',
|
|
105
|
-
touchAction: 'none'
|
|
102
|
+
touchAction: 'none',
|
|
103
|
+
cursor
|
|
106
104
|
};
|
|
107
|
-
let isEResizable = layout.getColumnMinWidth(column.key) >= layout.getColumnWidth(column.key);
|
|
108
|
-
let isWResizable = layout.getColumnMaxWidth(column.key) <= layout.getColumnWidth(column.key);
|
|
109
|
-
let isResizing = layout.resizingColumn === column.key;
|
|
110
105
|
|
|
111
106
|
return (
|
|
112
107
|
<>
|
|
@@ -114,15 +109,7 @@ function Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement>) {
|
|
|
114
109
|
<div
|
|
115
110
|
role="presentation"
|
|
116
111
|
style={style}
|
|
117
|
-
className={classNames(
|
|
118
|
-
styles,
|
|
119
|
-
'spectrum-Table-columnResizer',
|
|
120
|
-
classNames(rspStyles, {
|
|
121
|
-
'react-spectrum-Table-columnResizer--ewresize': !(isEResizable && isWResizable),
|
|
122
|
-
'react-spectrum-Table-columnResizer--eresize': direction === 'rtl' ? isWResizable : isEResizable,
|
|
123
|
-
'react-spectrum-Table-columnResizer--wresize': direction === 'rtl' ? isEResizable : isWResizable
|
|
124
|
-
})
|
|
125
|
-
)}
|
|
112
|
+
className={classNames(styles, 'spectrum-Table-columnResizer')}
|
|
126
113
|
{...resizerProps}>
|
|
127
114
|
<VisuallyHidden>
|
|
128
115
|
<input
|
|
@@ -137,7 +124,7 @@ function Resizer<T>(props: ResizerProps<T>, ref: RefObject<HTMLInputElement>) {
|
|
|
137
124
|
role="presentation"
|
|
138
125
|
className={classNames(styles, 'spectrum-Table-columnResizerPlaceholder')} />
|
|
139
126
|
<CursorOverlay show={isResizing && isPointerDown}>
|
|
140
|
-
<div
|
|
127
|
+
<div style={{position: 'fixed', top: 0, left: 0, bottom: 0, right: 0, cursor}} />
|
|
141
128
|
</CursorOverlay>
|
|
142
129
|
</>
|
|
143
130
|
);
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="
|
|
3
|
-
<
|
|
4
|
-
<
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-1 0 31 32">
|
|
3
|
+
<filter id="shadow">
|
|
4
|
+
<feDropShadow dx="0" dy="0.5" stdDeviation="1.2" flood-opacity="0.7"/>
|
|
5
|
+
</filter>
|
|
6
|
+
<g filter="url(#shadow)">
|
|
7
|
+
<path fill="#fff" d="M9.5,2a.5.5,0,0,1,.5.5V9h3V7.2505A.25014.25014,0,0,1,13.24978,7h.00152a.246.246,0,0,1,.15875.05847L16,9.5l-2.58995,2.44153A.24611.24611,0,0,1,13.2513,12,.25016.25016,0,0,1,13,11.751V10H10v6.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V10H5v1.7495A.25014.25014,0,0,1,4.75022,12H4.7487A.246.246,0,0,1,4.59,11.94153L2,9.5,4.59,7.05847A.246.246,0,0,1,4.7487,7,.25016.25016,0,0,1,5,7.249V9H8V2.5A.5.5,0,0,1,8.5,2Zm0-1h-1A1.5,1.5,0,0,0,7,2.5V8H6V7.32389a1.33,1.33,0,0,0-.4816-1.05444,1.23962,1.23962,0,0,0-1.56876.021l-.02344.01953-.0222.02088L.92812,9.13618A.5.5,0,0,0,.90726,9.843l.02086.02085L3.904,12.66919l.02221.02088.02345.01965a1.23986,1.23986,0,0,0,1.56836.02116A1.3294,1.3294,0,0,0,6,11.6765V11H7v5.5A1.5,1.5,0,0,0,8.5,18h1A1.5,1.5,0,0,0,11,16.5V11h1v.67757a1.32792,1.32792,0,0,0,.482,1.05347,1.24,1.24,0,0,0,1.56839-.02144l.02343-.01953.02221-.02088,2.97588-2.80537a.5.5,0,0,0,.02086-.70679l-.02086-.02085L14.096,6.33081l-.02221-.02087-.02345-.01965A1.24978,1.24978,0,0,0,12,7.2505V8H11V2.5A1.5,1.5,0,0,0,9.5,1Z"/>
|
|
5
8
|
<path d="M10,16.5V10h3v1.7495a.25.25,0,0,0,.41.19206L16,9.5,13.41,7.05842A.25.25,0,0,0,13,7.2505V9H10V2.5A.5.5,0,0,0,9.5,2h-1a.5.5,0,0,0-.5.5V9H5V7.2505a.25.25,0,0,0-.41-.19206L2,9.5l2.59,2.44158A.25.25,0,0,0,5,11.7495V10H8v6.5a.5.5,0,0,0,.5.5h1A.5.5,0,0,0,10,16.5Z"/>
|
|
6
9
|
</g>
|
|
7
10
|
</svg>
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="
|
|
3
|
-
<
|
|
4
|
-
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-1 0 31 32">
|
|
3
|
+
<filter id="shadow">
|
|
4
|
+
<feDropShadow dx="0" dy="0.5" stdDeviation="1.2" flood-opacity="0.7"/>
|
|
5
|
+
</filter>
|
|
6
|
+
<g filter="url(#shadow)">
|
|
7
|
+
<path d="M9.5,2c.27614,0,.5,.22388,.5,.5v14c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5v-6.5h-3v1.74951c0,.14893-.12215,.25049-.2513,.25049-.05457,0-.1104-.01819-.15875-.05847l-2.58995-2.44153,2.58995-2.44153c.04837-.04028,.10419-.05847,.15875-.05847,.12914,0,.2513,.10156,.2513,.25049v1.74951h3V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v5.5h-1v-.67611c0-.40436-.1629-.80555-.48159-1.05444-.4961-.38744-1.14015-.33635-1.56876,.02095l-.02344,.01953-.0222,.02087L.92811,9.13618c-.20937,.19737-.20937,.53028,0,.72765l2.97589,2.80537,.0222,.02087,.02345,.01965c.42839,.35694,1.07208,.40833,1.56837,.02116,.31886-.24875,.48198-.64994,.48198-1.05435v-.67652s.99999,0,.99999,0v5.5c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5V2.5c0-.82843-.67157-1.5-1.5-1.5Z" fill="#fff" />
|
|
8
|
+
<path d="M10,16.5V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v6.5h-3v-1.74952c0-.21196-.24721-.32775-.41005-.19206l-2.58995,2.44158,2.58995,2.44158c.16283,.13569,.41005,.0199,.41005-.19206v-1.74952h3v6.5c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z"/>
|
|
9
|
+
</g>
|
|
5
10
|
</svg>
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="
|
|
3
|
-
<
|
|
4
|
-
|
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="-1 0 31 32">
|
|
3
|
+
<filter id="shadow">
|
|
4
|
+
<feDropShadow dx="0" dy="0.5" stdDeviation="1.2" flood-opacity="0.7"/>
|
|
5
|
+
</filter>
|
|
6
|
+
<g filter="url(#shadow)">
|
|
7
|
+
<path d="M9.5,2c.27614,0,.5,.22388,.5,.5v6.5h3v-1.74951c0-.14893,.12215-.25049,.2513-.25049,.05457,0,.1104,.01819,.15875,.05847l2.58995,2.44153-2.58995,2.44153c-.04837,.04028-.10419,.05847-.15875,.05847-.12914,0-.2513-.10156-.2513-.25049v-1.74951h-3v6.5c0,.27612-.22386,.5-.5,.5h-1c-.27614,0-.5-.22388-.5-.5V2.5c0-.27612,.22386-.5,.5-.5h1Zm0-1h-1c-.82843,0-1.5,.67157-1.5,1.5v14c0,.82843,.67157,1.5,1.5,1.5h1c.82843,0,1.5-.67157,1.5-1.5v-5.5h1v.67757c0,.40416,.1632,.80501,.48197,1.05347,.49639,.3869,1.14001,.33571,1.56838-.02144l.02344-.01953,.0222-.02087,2.97589-2.80537c.20937-.19737,.20937-.53028,0-.72765l-2.97589-2.80537-.0222-.02087-.02345-.01965c-.22456-.18713-.5083-.29028-.79895-.29028-.3208,0-.62624,.12134-.86003,.34167-.24872,.23438-.39136,.56567-.39136,.90881v.74951h-1V2.5c0-.82843-.67157-1.5-1.5-1.5Z" fill="#fff" />
|
|
8
|
+
<path d="M10,16.5v-6.5h3v1.74952c0,.21196,.24721,.32775,.41005,.19206l2.58995-2.44158-2.58995-2.44158c-.16283-.13569-.41005-.0199-.41005,.19206v1.74952h-3V2.5c0-.27614-.22386-.5-.5-.5h-1c-.27614,0-.5,.22386-.5,.5v14c0,.27614,.22386,.5,.5,.5h1c.27614,0,.5-.22386,.5-.5Z"/>
|
|
9
|
+
</g>
|
|
5
10
|
</svg>
|
package/src/table.css
CHANGED
|
@@ -63,19 +63,6 @@
|
|
|
63
63
|
height: 100%;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
.resize-ew,
|
|
67
|
-
.react-spectrum-Table-columnResizer--ewresize {
|
|
68
|
-
cursor: url('data-url:./cursors/Cur_MoveHorizontal_9_9.svg'), ew-resize !important;
|
|
69
|
-
}
|
|
70
|
-
.resize-e,
|
|
71
|
-
.react-spectrum-Table-columnResizer--eresize {
|
|
72
|
-
cursor: url('data-url:./cursors/Cur_MoveToRight_9_9.svg'), e-resize !important;
|
|
73
|
-
}
|
|
74
|
-
.resize-w,
|
|
75
|
-
.react-spectrum-Table-columnResizer--wresize {
|
|
76
|
-
cursor: url('data-url:./cursors/Cur_MoveToLeft_9_9.svg'), w-resize !important;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
66
|
.react-spectrum-Table-row-dragPreview {
|
|
80
67
|
--spectrum-table-row-badge-text-color: var(--spectrum-global-color-static-white);
|
|
81
68
|
--spectrum-table-row-badge-background-color: var(--spectrum-global-color-blue-400);
|