m9-react-data-grid 7.0.0-beta.7.11 → 7.0.0-beta.7.12
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/bundle.cjs +44 -42
- package/lib/bundle.cjs.map +1 -1
- package/lib/bundle.js +44 -42
- package/lib/bundle.js.map +1 -1
- package/package.json +1 -1
package/lib/bundle.js
CHANGED
|
@@ -29,28 +29,28 @@ function styleInject(css, ref) {
|
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
var css_248z$e = ".cj343x0700-
|
|
32
|
+
var css_248z$e = ".cj343x0700-beta712{background-color:inherit;border-bottom:1px solid var(--border-color);border-right:1px solid var(--border-color);contain:strict;contain:size layout style paint;outline:none;overflow:hidden;overflow:clip;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}.cj343x0700-beta712[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--selection-color)}.csofj7r700-beta712{position:sticky;z-index:1}.ch2wcw8700-beta712{box-shadow:2px 0 5px -2px hsla(0,0%,53%,.3)}";
|
|
33
33
|
styleInject(css_248z$e,{"insertAt":"top"});
|
|
34
34
|
|
|
35
|
-
const cell = "cj343x0700-
|
|
35
|
+
const cell = "cj343x0700-beta712";
|
|
36
36
|
const cellClassname = `rdg-cell ${cell}`;
|
|
37
|
-
const cellFrozen = "csofj7r700-
|
|
37
|
+
const cellFrozen = "csofj7r700-beta712";
|
|
38
38
|
const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
|
|
39
|
-
const cellFrozenLast = "ch2wcw8700-
|
|
39
|
+
const cellFrozenLast = "ch2wcw8700-beta712";
|
|
40
40
|
const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
|
|
41
41
|
|
|
42
|
-
var css_248z$d = ".rnvodz5700-
|
|
42
|
+
var css_248z$d = ".rnvodz5700-beta712{--color:#000;--border-color:#ddd;--summary-border-color:#aaa;--background-color:#fff;--header-background-color:#f9f9f9;--row-hover-background-color:#f5f5f5;--row-selected-background-color:#dbecfa;--row-selected-hover-background-color:#c9e3f8;--checkbox-color:#005194;--checkbox-focus-color:#61b8ff;--checkbox-disabled-border-color:#ccc;--checkbox-disabled-background-color:#ddd;--selection-color:#66afe9;--font-size:14px;background-color:var(--background-color);border:1px solid var(--border-color);box-sizing:border-box;color:var(--color);color-scheme:var(--color-scheme,light dark);contain:strict;contain:size layout style paint;content-visibility:auto;direction:ltr;font-size:var(--font-size);height:350px;overflow:auto;user-select:none}@supports not (contain:strict){.rnvodz5700-beta712{position:relative;z-index:0}}.rnvodz5700-beta712 *,.rnvodz5700-beta712 :after,.rnvodz5700-beta712 :before{box-sizing:inherit}.rnvodz5700-beta712.rdg-dark{--color-scheme:dark;--color:#ddd;--border-color:#444;--summary-border-color:#555;--background-color:#212121;--header-background-color:#1b1b1b;--row-hover-background-color:#171717;--row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--checkbox-color:#94cfff;--checkbox-focus-color:#c7e6ff;--checkbox-disabled-border-color:#000;--checkbox-disabled-background-color:#333}.rnvodz5700-beta712.rdg-light{--color-scheme:light}@media (prefers-color-scheme:dark){.rnvodz5700-beta712:not(.rdg-light){--color:#ddd;--border-color:#444;--summary-border-color:#555;--background-color:#212121;--header-background-color:#1b1b1b;--row-hover-background-color:#171717;--row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--checkbox-color:#94cfff;--checkbox-focus-color:#c7e6ff;--checkbox-disabled-border-color:#000;--checkbox-disabled-background-color:#333}}.vlqv91k700-beta712.r1upfr80700-beta712{cursor:move}";
|
|
43
43
|
styleInject(css_248z$d,{"insertAt":"top"});
|
|
44
44
|
|
|
45
|
-
const root = "rnvodz5700-
|
|
45
|
+
const root = "rnvodz5700-beta712";
|
|
46
46
|
const rootClassname = `rdg ${root}`;
|
|
47
|
-
const viewportDragging = "vlqv91k700-
|
|
47
|
+
const viewportDragging = "vlqv91k700-beta712";
|
|
48
48
|
const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
|
|
49
49
|
|
|
50
|
-
var css_248z$c = ".r1upfr80700-
|
|
50
|
+
var css_248z$c = ".r1upfr80700-beta712{background-color:var(--background-color);contain:strict;contain:size layout style paint;display:grid;grid-template-columns:var(--template-columns);grid-template-rows:var(--row-height);height:var(--row-height);left:0;line-height:var(--row-height);position:absolute;width:var(--row-width)}.r1upfr80700-beta712:hover{background-color:var(--row-hover-background-color)}.r1upfr80700-beta712[aria-selected=true]{background-color:var(--row-selected-background-color)}.r1upfr80700-beta712[aria-selected=true]:hover{background-color:var(--row-selected-hover-background-color)}";
|
|
51
51
|
styleInject(css_248z$c,{"insertAt":"top"});
|
|
52
52
|
|
|
53
|
-
const row = "r1upfr80700-
|
|
53
|
+
const row = "r1upfr80700-beta712";
|
|
54
54
|
const rowClassname = `rdg-row ${row}`;
|
|
55
55
|
|
|
56
56
|
const useLayoutEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect$1;
|
|
@@ -69,16 +69,16 @@ function useFocusRef(isSelected) {
|
|
|
69
69
|
};
|
|
70
70
|
}
|
|
71
71
|
|
|
72
|
-
var css_248z$b = ".c4l3n6v700-
|
|
72
|
+
var css_248z$b = ".c4l3n6v700-beta712{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;margin-right:1px;position:absolute}.c1bikpmb700-beta712{all:unset;margin:0;width:0}.c1eyot7g700-beta712{background-color:var(--background-color);border:2px solid var(--border-color);content:\"\";height:20px;width:20px}.c1bikpmb700-beta712:checked+.c1eyot7g700-beta712{background-color:var(--checkbox-color);box-shadow:inset 0 0 0 4px var(--background-color)}.c1bikpmb700-beta712:focus+.c1eyot7g700-beta712{border-color:var(--checkbox-focus-color)}.c1jlcvp4700-beta712{cursor:default}.c1jlcvp4700-beta712 .c1eyot7g700-beta712{background-color:var(--checkbox-disabled-background-color);border-color:var(--checkbox-disabled-border-color)}";
|
|
73
73
|
styleInject(css_248z$b,{"insertAt":"top"});
|
|
74
74
|
|
|
75
|
-
const checkboxLabel = "c4l3n6v700-
|
|
75
|
+
const checkboxLabel = "c4l3n6v700-beta712";
|
|
76
76
|
const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
|
|
77
|
-
const checkboxInput = "c1bikpmb700-
|
|
77
|
+
const checkboxInput = "c1bikpmb700-beta712";
|
|
78
78
|
const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
|
|
79
|
-
const checkbox = "c1eyot7g700-
|
|
79
|
+
const checkbox = "c1eyot7g700-beta712";
|
|
80
80
|
const checkboxClassname = `rdg-checkbox ${checkbox}`;
|
|
81
|
-
const checkboxLabelDisabled = "c1jlcvp4700-
|
|
81
|
+
const checkboxLabelDisabled = "c1jlcvp4700-beta712";
|
|
82
82
|
const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
|
|
83
83
|
function SelectCellFormatter({
|
|
84
84
|
value,
|
|
@@ -125,12 +125,12 @@ function ValueFormatter(props) {
|
|
|
125
125
|
}
|
|
126
126
|
}
|
|
127
127
|
|
|
128
|
-
var css_248z$a = ".g1vzro7t700-
|
|
128
|
+
var css_248z$a = ".g1vzro7t700-beta712{outline:none}.c1fsqdic700-beta712{stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-left:4px;vertical-align:middle}.c1fsqdic700-beta712>path{transition:d .1s}";
|
|
129
129
|
styleInject(css_248z$a,{"insertAt":"top"});
|
|
130
130
|
|
|
131
|
-
const groupCellContent = "g1vzro7t700-
|
|
131
|
+
const groupCellContent = "g1vzro7t700-beta712";
|
|
132
132
|
const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
|
|
133
|
-
const caret = "c1fsqdic700-
|
|
133
|
+
const caret = "c1fsqdic700-beta712";
|
|
134
134
|
const caretClassname = `rdg-caret ${caret}`;
|
|
135
135
|
function ToggleGroupFormatter({
|
|
136
136
|
groupKey,
|
|
@@ -714,7 +714,9 @@ function useRovingCellRef(isSelected) {
|
|
|
714
714
|
forceRender({});
|
|
715
715
|
return;
|
|
716
716
|
}
|
|
717
|
-
ref.current?.focus(
|
|
717
|
+
ref.current?.focus({
|
|
718
|
+
preventScroll: true
|
|
719
|
+
});
|
|
718
720
|
}, [isSelected]);
|
|
719
721
|
function onFocus(event) {
|
|
720
722
|
if (event.target !== ref.current) {
|
|
@@ -729,10 +731,10 @@ function useRovingCellRef(isSelected) {
|
|
|
729
731
|
};
|
|
730
732
|
}
|
|
731
733
|
|
|
732
|
-
var css_248z$9 = ".r1v67ork700-
|
|
734
|
+
var css_248z$9 = ".r1v67ork700-beta712{outline:none}.r1v67ork700-beta712:after{box-shadow:inset 0 0 0 2px var(--selection-color);content:\"\";inset:0;pointer-events:none;position:absolute;z-index:2}.r1v67ork700-beta712>.cj343x0700-beta712:first-child{box-shadow:inset 2px 0 0 0 var(--selection-color)}";
|
|
733
735
|
styleInject(css_248z$9,{"insertAt":"top"});
|
|
734
736
|
|
|
735
|
-
const rowSelected = "r1v67ork700-
|
|
737
|
+
const rowSelected = "r1v67ork700-beta712";
|
|
736
738
|
const rowSelectedClassname = `rdg-row-selected ${rowSelected}`;
|
|
737
739
|
function useRovingRowRef(selectedCellIdx) {
|
|
738
740
|
const isSelected = selectedCellIdx === -1;
|
|
@@ -960,14 +962,14 @@ function useViewportRows({
|
|
|
960
962
|
};
|
|
961
963
|
}
|
|
962
964
|
|
|
963
|
-
var css_248z$8 = ".h1j9yp5q700-
|
|
965
|
+
var css_248z$8 = ".h1j9yp5q700-beta712{cursor:pointer;display:flex}.h1j9yp5q700-beta712:focus{outline:none}.h1e6at1o700-beta712{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}.a1t8izji700-beta712{fill:currentColor}.a1t8izji700-beta712>path{transition:d .1s}";
|
|
964
966
|
styleInject(css_248z$8,{"insertAt":"top"});
|
|
965
967
|
|
|
966
|
-
const headerSortCell = "h1j9yp5q700-
|
|
968
|
+
const headerSortCell = "h1j9yp5q700-beta712";
|
|
967
969
|
const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
|
|
968
|
-
const headerSortName = "h1e6at1o700-
|
|
970
|
+
const headerSortName = "h1e6at1o700-beta712";
|
|
969
971
|
const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
|
|
970
|
-
const arrow = "a1t8izji700-
|
|
972
|
+
const arrow = "a1t8izji700-beta712";
|
|
971
973
|
const arrowClassname = `rdg-sort-arrow ${arrow}`;
|
|
972
974
|
function SortableHeaderCell({
|
|
973
975
|
onSort,
|
|
@@ -1013,10 +1015,10 @@ function SortableHeaderCell({
|
|
|
1013
1015
|
});
|
|
1014
1016
|
}
|
|
1015
1017
|
|
|
1016
|
-
var css_248z$7 = ".c6l2wv1700-
|
|
1018
|
+
var css_248z$7 = ".c6l2wv1700-beta712{touch-action:none}.c6l2wv1700-beta712:after{bottom:0;content:\"\";cursor:col-resize;position:absolute;right:0;top:0;width:10px}";
|
|
1017
1019
|
styleInject(css_248z$7,{"insertAt":"top"});
|
|
1018
1020
|
|
|
1019
|
-
const cellResizable = "c6l2wv1700-
|
|
1021
|
+
const cellResizable = "c6l2wv1700-beta712";
|
|
1020
1022
|
const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
|
|
1021
1023
|
function HeaderCell({
|
|
1022
1024
|
column,
|
|
@@ -1151,10 +1153,10 @@ function HeaderCell({
|
|
|
1151
1153
|
});
|
|
1152
1154
|
}
|
|
1153
1155
|
|
|
1154
|
-
var css_248z$6 = ".h10tskcx700-
|
|
1156
|
+
var css_248z$6 = ".h10tskcx700-beta712{background-color:var(--header-background-color);contain:strict;contain:size layout style paint;display:grid;font-weight:700;grid-template-columns:var(--template-columns);grid-template-rows:var(--header-row-height);height:var(--header-row-height);line-height:var(--header-row-height);outline:none;position:sticky;top:0;width:var(--row-width);z-index:3}.h10tskcx700-beta712[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--selection-color)}";
|
|
1155
1157
|
styleInject(css_248z$6,{"insertAt":"top"});
|
|
1156
1158
|
|
|
1157
|
-
const headerRow = "h10tskcx700-
|
|
1159
|
+
const headerRow = "h10tskcx700-beta712";
|
|
1158
1160
|
const headerRowClassname = `rdg-header-row ${headerRow}`;
|
|
1159
1161
|
function HeaderRow({
|
|
1160
1162
|
columns,
|
|
@@ -1206,12 +1208,12 @@ function HeaderRow({
|
|
|
1206
1208
|
}
|
|
1207
1209
|
const HeaderRow$1 = /*#__PURE__*/memo(HeaderRow);
|
|
1208
1210
|
|
|
1209
|
-
var css_248z$5 = ".c6ra8a3700-
|
|
1211
|
+
var css_248z$5 = ".c6ra8a3700-beta712,.cq910m0700-beta712{background-color:#ccf}.cq910m0700-beta712.c6ra8a3700-beta712{background-color:#99f}";
|
|
1210
1212
|
styleInject(css_248z$5,{"insertAt":"top"});
|
|
1211
1213
|
|
|
1212
|
-
const cellCopied = "c6ra8a3700-
|
|
1214
|
+
const cellCopied = "c6ra8a3700-beta712";
|
|
1213
1215
|
const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
|
|
1214
|
-
const cellDraggedOver = "cq910m0700-
|
|
1216
|
+
const cellDraggedOver = "cq910m0700-beta712";
|
|
1215
1217
|
const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
|
|
1216
1218
|
function Cell({
|
|
1217
1219
|
column,
|
|
@@ -1414,10 +1416,10 @@ function GroupCell({
|
|
|
1414
1416
|
}
|
|
1415
1417
|
const GroupCell$1 = /*#__PURE__*/memo(GroupCell);
|
|
1416
1418
|
|
|
1417
|
-
var css_248z$4 = ".g1yxluv3700-
|
|
1419
|
+
var css_248z$4 = ".g1yxluv3700-beta712:not([aria-selected=true]){background-color:var(--header-background-color)}.g1yxluv3700-beta712>.cj343x0700-beta712:not(:last-child):not(.ch2wcw8700-beta712){border-right:none}";
|
|
1418
1420
|
styleInject(css_248z$4,{"insertAt":"top"});
|
|
1419
1421
|
|
|
1420
|
-
const groupRow = "g1yxluv3700-
|
|
1422
|
+
const groupRow = "g1yxluv3700-beta712";
|
|
1421
1423
|
const groupRowClassname = `rdg-group-row ${groupRow}`;
|
|
1422
1424
|
function GroupedRow({
|
|
1423
1425
|
id,
|
|
@@ -1516,11 +1518,11 @@ function SummaryCell({
|
|
|
1516
1518
|
}
|
|
1517
1519
|
const SummaryCell$1 = /*#__PURE__*/memo(SummaryCell);
|
|
1518
1520
|
|
|
1519
|
-
var css_248z$3 = ".skuhp55700-
|
|
1521
|
+
var css_248z$3 = ".skuhp55700-beta712.r1upfr80700-beta712{grid-template-rows:var(--summary-row-height);height:var(--summary-row-height);line-height:var(--summary-row-height);position:sticky;z-index:3}.sf8l5ub700-beta712>.cj343x0700-beta712{border-top:2px solid var(--summary-border-color)}";
|
|
1520
1522
|
styleInject(css_248z$3,{"insertAt":"top"});
|
|
1521
1523
|
|
|
1522
|
-
const summaryRow = "skuhp55700-
|
|
1523
|
-
const summaryRowBorderClassname = "sf8l5ub700-
|
|
1524
|
+
const summaryRow = "skuhp55700-beta712";
|
|
1525
|
+
const summaryRowBorderClassname = "sf8l5ub700-beta712";
|
|
1524
1526
|
const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
|
|
1525
1527
|
function SummaryRow({
|
|
1526
1528
|
rowIdx,
|
|
@@ -1570,10 +1572,10 @@ function SummaryRow({
|
|
|
1570
1572
|
}
|
|
1571
1573
|
const SummaryRow$1 = /*#__PURE__*/memo(SummaryRow);
|
|
1572
1574
|
|
|
1573
|
-
var css_248z$2 = ".cis5rrm700-
|
|
1575
|
+
var css_248z$2 = ".cis5rrm700-beta712.rdg-cell{padding:0}";
|
|
1574
1576
|
styleInject(css_248z$2,{"insertAt":"top"});
|
|
1575
1577
|
|
|
1576
|
-
const cellEditing = "cis5rrm700-
|
|
1578
|
+
const cellEditing = "cis5rrm700-beta712";
|
|
1577
1579
|
function EditCell({
|
|
1578
1580
|
column,
|
|
1579
1581
|
colSpan,
|
|
@@ -1634,10 +1636,10 @@ function EditCell({
|
|
|
1634
1636
|
});
|
|
1635
1637
|
}
|
|
1636
1638
|
|
|
1637
|
-
var css_248z$1 = ".c1w9bbhr700-
|
|
1639
|
+
var css_248z$1 = ".c1w9bbhr700-beta712{background-color:var(--selection-color);bottom:0;cursor:move;height:8px;position:absolute;right:0;width:8px}.c1w9bbhr700-beta712:hover{background-color:var(--background-color);border:2px solid var(--selection-color);height:16px;width:16px}";
|
|
1638
1640
|
styleInject(css_248z$1,{"insertAt":"top"});
|
|
1639
1641
|
|
|
1640
|
-
const cellDragHandle = "c1w9bbhr700-
|
|
1642
|
+
const cellDragHandle = "c1w9bbhr700-beta712";
|
|
1641
1643
|
const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
|
|
1642
1644
|
function DragHandle({
|
|
1643
1645
|
rows,
|
|
@@ -2593,10 +2595,10 @@ function DataGrid({
|
|
|
2593
2595
|
}
|
|
2594
2596
|
const DataGrid$1 = /*#__PURE__*/forwardRef(DataGrid);
|
|
2595
2597
|
|
|
2596
|
-
var css_248z = ".t1u15qzo700-
|
|
2598
|
+
var css_248z = ".t1u15qzo700-beta712{appearance:none;background-color:var(--background-color);border:2px solid #ccc;box-sizing:border-box;color:var(--color);font-family:inherit;font-size:var(--font-size);height:100%;padding:0 6px;vertical-align:top;width:100%}.t1u15qzo700-beta712:focus{border-color:var(--selection-color);outline:none}.t1u15qzo700-beta712::placeholder{color:#999;opacity:1}";
|
|
2597
2599
|
styleInject(css_248z,{"insertAt":"top"});
|
|
2598
2600
|
|
|
2599
|
-
const textEditor = "t1u15qzo700-
|
|
2601
|
+
const textEditor = "t1u15qzo700-beta712";
|
|
2600
2602
|
const textEditorClassname = `rdg-text-editor ${textEditor}`;
|
|
2601
2603
|
function autoFocusAndSelect(input) {
|
|
2602
2604
|
input?.focus();
|