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.cjs
CHANGED
|
@@ -33,28 +33,28 @@ function styleInject(css, ref) {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
|
|
36
|
-
var css_248z$e = ".cj343x0700-
|
|
36
|
+
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)}";
|
|
37
37
|
styleInject(css_248z$e,{"insertAt":"top"});
|
|
38
38
|
|
|
39
|
-
const cell = "cj343x0700-
|
|
39
|
+
const cell = "cj343x0700-beta712";
|
|
40
40
|
const cellClassname = `rdg-cell ${cell}`;
|
|
41
|
-
const cellFrozen = "csofj7r700-
|
|
41
|
+
const cellFrozen = "csofj7r700-beta712";
|
|
42
42
|
const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
|
|
43
|
-
const cellFrozenLast = "ch2wcw8700-
|
|
43
|
+
const cellFrozenLast = "ch2wcw8700-beta712";
|
|
44
44
|
const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
|
|
45
45
|
|
|
46
|
-
var css_248z$d = ".rnvodz5700-
|
|
46
|
+
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}";
|
|
47
47
|
styleInject(css_248z$d,{"insertAt":"top"});
|
|
48
48
|
|
|
49
|
-
const root = "rnvodz5700-
|
|
49
|
+
const root = "rnvodz5700-beta712";
|
|
50
50
|
const rootClassname = `rdg ${root}`;
|
|
51
|
-
const viewportDragging = "vlqv91k700-
|
|
51
|
+
const viewportDragging = "vlqv91k700-beta712";
|
|
52
52
|
const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
|
|
53
53
|
|
|
54
|
-
var css_248z$c = ".r1upfr80700-
|
|
54
|
+
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)}";
|
|
55
55
|
styleInject(css_248z$c,{"insertAt":"top"});
|
|
56
56
|
|
|
57
|
-
const row = "r1upfr80700-
|
|
57
|
+
const row = "r1upfr80700-beta712";
|
|
58
58
|
const rowClassname = `rdg-row ${row}`;
|
|
59
59
|
|
|
60
60
|
const useLayoutEffect = typeof window === 'undefined' ? react.useEffect : react.useLayoutEffect;
|
|
@@ -73,16 +73,16 @@ function useFocusRef(isSelected) {
|
|
|
73
73
|
};
|
|
74
74
|
}
|
|
75
75
|
|
|
76
|
-
var css_248z$b = ".c4l3n6v700-
|
|
76
|
+
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)}";
|
|
77
77
|
styleInject(css_248z$b,{"insertAt":"top"});
|
|
78
78
|
|
|
79
|
-
const checkboxLabel = "c4l3n6v700-
|
|
79
|
+
const checkboxLabel = "c4l3n6v700-beta712";
|
|
80
80
|
const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
|
|
81
|
-
const checkboxInput = "c1bikpmb700-
|
|
81
|
+
const checkboxInput = "c1bikpmb700-beta712";
|
|
82
82
|
const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
|
|
83
|
-
const checkbox = "c1eyot7g700-
|
|
83
|
+
const checkbox = "c1eyot7g700-beta712";
|
|
84
84
|
const checkboxClassname = `rdg-checkbox ${checkbox}`;
|
|
85
|
-
const checkboxLabelDisabled = "c1jlcvp4700-
|
|
85
|
+
const checkboxLabelDisabled = "c1jlcvp4700-beta712";
|
|
86
86
|
const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
|
|
87
87
|
function SelectCellFormatter({
|
|
88
88
|
value,
|
|
@@ -129,12 +129,12 @@ function ValueFormatter(props) {
|
|
|
129
129
|
}
|
|
130
130
|
}
|
|
131
131
|
|
|
132
|
-
var css_248z$a = ".g1vzro7t700-
|
|
132
|
+
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}";
|
|
133
133
|
styleInject(css_248z$a,{"insertAt":"top"});
|
|
134
134
|
|
|
135
|
-
const groupCellContent = "g1vzro7t700-
|
|
135
|
+
const groupCellContent = "g1vzro7t700-beta712";
|
|
136
136
|
const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
|
|
137
|
-
const caret = "c1fsqdic700-
|
|
137
|
+
const caret = "c1fsqdic700-beta712";
|
|
138
138
|
const caretClassname = `rdg-caret ${caret}`;
|
|
139
139
|
function ToggleGroupFormatter({
|
|
140
140
|
groupKey,
|
|
@@ -718,7 +718,9 @@ function useRovingCellRef(isSelected) {
|
|
|
718
718
|
forceRender({});
|
|
719
719
|
return;
|
|
720
720
|
}
|
|
721
|
-
ref.current?.focus(
|
|
721
|
+
ref.current?.focus({
|
|
722
|
+
preventScroll: true
|
|
723
|
+
});
|
|
722
724
|
}, [isSelected]);
|
|
723
725
|
function onFocus(event) {
|
|
724
726
|
if (event.target !== ref.current) {
|
|
@@ -733,10 +735,10 @@ function useRovingCellRef(isSelected) {
|
|
|
733
735
|
};
|
|
734
736
|
}
|
|
735
737
|
|
|
736
|
-
var css_248z$9 = ".r1v67ork700-
|
|
738
|
+
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)}";
|
|
737
739
|
styleInject(css_248z$9,{"insertAt":"top"});
|
|
738
740
|
|
|
739
|
-
const rowSelected = "r1v67ork700-
|
|
741
|
+
const rowSelected = "r1v67ork700-beta712";
|
|
740
742
|
const rowSelectedClassname = `rdg-row-selected ${rowSelected}`;
|
|
741
743
|
function useRovingRowRef(selectedCellIdx) {
|
|
742
744
|
const isSelected = selectedCellIdx === -1;
|
|
@@ -964,14 +966,14 @@ function useViewportRows({
|
|
|
964
966
|
};
|
|
965
967
|
}
|
|
966
968
|
|
|
967
|
-
var css_248z$8 = ".h1j9yp5q700-
|
|
969
|
+
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}";
|
|
968
970
|
styleInject(css_248z$8,{"insertAt":"top"});
|
|
969
971
|
|
|
970
|
-
const headerSortCell = "h1j9yp5q700-
|
|
972
|
+
const headerSortCell = "h1j9yp5q700-beta712";
|
|
971
973
|
const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
|
|
972
|
-
const headerSortName = "h1e6at1o700-
|
|
974
|
+
const headerSortName = "h1e6at1o700-beta712";
|
|
973
975
|
const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
|
|
974
|
-
const arrow = "a1t8izji700-
|
|
976
|
+
const arrow = "a1t8izji700-beta712";
|
|
975
977
|
const arrowClassname = `rdg-sort-arrow ${arrow}`;
|
|
976
978
|
function SortableHeaderCell({
|
|
977
979
|
onSort,
|
|
@@ -1017,10 +1019,10 @@ function SortableHeaderCell({
|
|
|
1017
1019
|
});
|
|
1018
1020
|
}
|
|
1019
1021
|
|
|
1020
|
-
var css_248z$7 = ".c6l2wv1700-
|
|
1022
|
+
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}";
|
|
1021
1023
|
styleInject(css_248z$7,{"insertAt":"top"});
|
|
1022
1024
|
|
|
1023
|
-
const cellResizable = "c6l2wv1700-
|
|
1025
|
+
const cellResizable = "c6l2wv1700-beta712";
|
|
1024
1026
|
const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
|
|
1025
1027
|
function HeaderCell({
|
|
1026
1028
|
column,
|
|
@@ -1155,10 +1157,10 @@ function HeaderCell({
|
|
|
1155
1157
|
});
|
|
1156
1158
|
}
|
|
1157
1159
|
|
|
1158
|
-
var css_248z$6 = ".h10tskcx700-
|
|
1160
|
+
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)}";
|
|
1159
1161
|
styleInject(css_248z$6,{"insertAt":"top"});
|
|
1160
1162
|
|
|
1161
|
-
const headerRow = "h10tskcx700-
|
|
1163
|
+
const headerRow = "h10tskcx700-beta712";
|
|
1162
1164
|
const headerRowClassname = `rdg-header-row ${headerRow}`;
|
|
1163
1165
|
function HeaderRow({
|
|
1164
1166
|
columns,
|
|
@@ -1210,12 +1212,12 @@ function HeaderRow({
|
|
|
1210
1212
|
}
|
|
1211
1213
|
const HeaderRow$1 = /*#__PURE__*/react.memo(HeaderRow);
|
|
1212
1214
|
|
|
1213
|
-
var css_248z$5 = ".c6ra8a3700-
|
|
1215
|
+
var css_248z$5 = ".c6ra8a3700-beta712,.cq910m0700-beta712{background-color:#ccf}.cq910m0700-beta712.c6ra8a3700-beta712{background-color:#99f}";
|
|
1214
1216
|
styleInject(css_248z$5,{"insertAt":"top"});
|
|
1215
1217
|
|
|
1216
|
-
const cellCopied = "c6ra8a3700-
|
|
1218
|
+
const cellCopied = "c6ra8a3700-beta712";
|
|
1217
1219
|
const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
|
|
1218
|
-
const cellDraggedOver = "cq910m0700-
|
|
1220
|
+
const cellDraggedOver = "cq910m0700-beta712";
|
|
1219
1221
|
const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
|
|
1220
1222
|
function Cell({
|
|
1221
1223
|
column,
|
|
@@ -1418,10 +1420,10 @@ function GroupCell({
|
|
|
1418
1420
|
}
|
|
1419
1421
|
const GroupCell$1 = /*#__PURE__*/react.memo(GroupCell);
|
|
1420
1422
|
|
|
1421
|
-
var css_248z$4 = ".g1yxluv3700-
|
|
1423
|
+
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}";
|
|
1422
1424
|
styleInject(css_248z$4,{"insertAt":"top"});
|
|
1423
1425
|
|
|
1424
|
-
const groupRow = "g1yxluv3700-
|
|
1426
|
+
const groupRow = "g1yxluv3700-beta712";
|
|
1425
1427
|
const groupRowClassname = `rdg-group-row ${groupRow}`;
|
|
1426
1428
|
function GroupedRow({
|
|
1427
1429
|
id,
|
|
@@ -1520,11 +1522,11 @@ function SummaryCell({
|
|
|
1520
1522
|
}
|
|
1521
1523
|
const SummaryCell$1 = /*#__PURE__*/react.memo(SummaryCell);
|
|
1522
1524
|
|
|
1523
|
-
var css_248z$3 = ".skuhp55700-
|
|
1525
|
+
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)}";
|
|
1524
1526
|
styleInject(css_248z$3,{"insertAt":"top"});
|
|
1525
1527
|
|
|
1526
|
-
const summaryRow = "skuhp55700-
|
|
1527
|
-
const summaryRowBorderClassname = "sf8l5ub700-
|
|
1528
|
+
const summaryRow = "skuhp55700-beta712";
|
|
1529
|
+
const summaryRowBorderClassname = "sf8l5ub700-beta712";
|
|
1528
1530
|
const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
|
|
1529
1531
|
function SummaryRow({
|
|
1530
1532
|
rowIdx,
|
|
@@ -1574,10 +1576,10 @@ function SummaryRow({
|
|
|
1574
1576
|
}
|
|
1575
1577
|
const SummaryRow$1 = /*#__PURE__*/react.memo(SummaryRow);
|
|
1576
1578
|
|
|
1577
|
-
var css_248z$2 = ".cis5rrm700-
|
|
1579
|
+
var css_248z$2 = ".cis5rrm700-beta712.rdg-cell{padding:0}";
|
|
1578
1580
|
styleInject(css_248z$2,{"insertAt":"top"});
|
|
1579
1581
|
|
|
1580
|
-
const cellEditing = "cis5rrm700-
|
|
1582
|
+
const cellEditing = "cis5rrm700-beta712";
|
|
1581
1583
|
function EditCell({
|
|
1582
1584
|
column,
|
|
1583
1585
|
colSpan,
|
|
@@ -1638,10 +1640,10 @@ function EditCell({
|
|
|
1638
1640
|
});
|
|
1639
1641
|
}
|
|
1640
1642
|
|
|
1641
|
-
var css_248z$1 = ".c1w9bbhr700-
|
|
1643
|
+
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}";
|
|
1642
1644
|
styleInject(css_248z$1,{"insertAt":"top"});
|
|
1643
1645
|
|
|
1644
|
-
const cellDragHandle = "c1w9bbhr700-
|
|
1646
|
+
const cellDragHandle = "c1w9bbhr700-beta712";
|
|
1645
1647
|
const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
|
|
1646
1648
|
function DragHandle({
|
|
1647
1649
|
rows,
|
|
@@ -2597,10 +2599,10 @@ function DataGrid({
|
|
|
2597
2599
|
}
|
|
2598
2600
|
const DataGrid$1 = /*#__PURE__*/react.forwardRef(DataGrid);
|
|
2599
2601
|
|
|
2600
|
-
var css_248z = ".t1u15qzo700-
|
|
2602
|
+
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}";
|
|
2601
2603
|
styleInject(css_248z,{"insertAt":"top"});
|
|
2602
2604
|
|
|
2603
|
-
const textEditor = "t1u15qzo700-
|
|
2605
|
+
const textEditor = "t1u15qzo700-beta712";
|
|
2604
2606
|
const textEditorClassname = `rdg-text-editor ${textEditor}`;
|
|
2605
2607
|
function autoFocusAndSelect(input) {
|
|
2606
2608
|
input?.focus();
|