@mui/x-data-grid 6.3.0 → 6.4.0
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/CHANGELOG.md +105 -2
- package/DataGrid/DataGrid.js +20 -1
- package/DataGrid/useDataGridComponent.js +2 -2
- package/DataGrid/useDataGridProps.js +3 -1
- package/colDef/gridBooleanColDef.js +19 -1
- package/colDef/gridDateColDef.js +6 -2
- package/colDef/gridSingleSelectColDef.js +21 -1
- package/components/GridPagination.js +3 -1
- package/components/base/GridBody.d.ts +1 -0
- package/components/base/GridBody.js +6 -3
- package/components/containers/GridRootStyles.js +1 -0
- package/components/panel/GridPanel.d.ts +2 -1
- package/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +1 -2
- package/components/panel/filterPanel/GridFilterInputMultipleValue.js +1 -2
- package/components/toolbar/GridToolbarFilterButton.js +3 -1
- package/hooks/core/pipeProcessing/gridPipeProcessingApi.d.ts +12 -1
- package/hooks/features/clipboard/useGridClipboard.d.ts +2 -1
- package/hooks/features/clipboard/useGridClipboard.js +43 -26
- package/hooks/features/dimensions/useGridDimensions.js +2 -4
- package/hooks/features/editing/useGridCellEditing.js +7 -3
- package/hooks/features/editing/useGridRowEditing.js +7 -3
- package/hooks/features/export/serializers/csvSerializer.d.ts +5 -0
- package/hooks/features/export/serializers/csvSerializer.js +46 -6
- package/hooks/features/export/useGridCsvExport.d.ts +2 -1
- package/hooks/features/export/useGridCsvExport.js +7 -5
- package/hooks/features/focus/useGridFocus.js +2 -2
- package/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +11 -0
- package/index.js +1 -1
- package/internals/index.d.ts +3 -2
- package/internals/index.js +3 -2
- package/joy/icons.d.ts +33 -0
- package/joy/icons.js +433 -0
- package/joy/joySlots.js +254 -42
- package/legacy/DataGrid/DataGrid.js +20 -1
- package/legacy/DataGrid/useDataGridComponent.js +2 -2
- package/legacy/DataGrid/useDataGridProps.js +3 -1
- package/legacy/colDef/gridBooleanColDef.js +21 -1
- package/legacy/colDef/gridDateColDef.js +10 -2
- package/legacy/colDef/gridSingleSelectColDef.js +21 -1
- package/legacy/components/GridPagination.js +3 -1
- package/legacy/components/base/GridBody.js +6 -3
- package/legacy/components/containers/GridRootStyles.js +1 -0
- package/legacy/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +1 -2
- package/legacy/components/panel/filterPanel/GridFilterInputMultipleValue.js +1 -2
- package/legacy/components/toolbar/GridToolbarFilterButton.js +3 -1
- package/legacy/hooks/features/clipboard/useGridClipboard.js +44 -26
- package/legacy/hooks/features/dimensions/useGridDimensions.js +2 -4
- package/legacy/hooks/features/editing/useGridCellEditing.js +7 -3
- package/legacy/hooks/features/editing/useGridRowEditing.js +7 -3
- package/legacy/hooks/features/export/serializers/csvSerializer.js +43 -6
- package/legacy/hooks/features/export/useGridCsvExport.js +8 -5
- package/legacy/hooks/features/focus/useGridFocus.js +2 -2
- package/legacy/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +10 -0
- package/legacy/index.js +1 -1
- package/legacy/internals/index.js +3 -2
- package/legacy/joy/icons.js +432 -0
- package/legacy/joy/joySlots.js +273 -54
- package/legacy/locales/deDE.js +2 -2
- package/legacy/locales/frFR.js +6 -6
- package/legacy/locales/ptBR.js +1 -1
- package/legacy/locales/ukUA.js +8 -9
- package/legacy/material/index.js +3 -1
- package/legacy/models/api/index.js +0 -1
- package/legacy/utils/domUtils.js +14 -1
- package/locales/deDE.js +2 -2
- package/locales/frFR.js +6 -6
- package/locales/ptBR.js +1 -1
- package/locales/ukUA.js +8 -9
- package/material/index.d.ts +3 -1
- package/material/index.js +3 -1
- package/models/api/gridApiCommon.d.ts +1 -2
- package/models/api/gridCoreApi.d.ts +4 -0
- package/models/api/index.d.ts +0 -1
- package/models/api/index.js +0 -1
- package/models/events/gridEventLookup.d.ts +6 -0
- package/models/gridSlotsComponent.d.ts +5 -0
- package/models/gridSlotsComponentsProps.d.ts +4 -0
- package/models/props/DataGridProps.d.ts +19 -0
- package/modern/DataGrid/DataGrid.js +20 -1
- package/modern/DataGrid/useDataGridComponent.js +2 -2
- package/modern/DataGrid/useDataGridProps.js +3 -1
- package/modern/colDef/gridBooleanColDef.js +19 -1
- package/modern/colDef/gridDateColDef.js +6 -2
- package/modern/colDef/gridSingleSelectColDef.js +21 -1
- package/modern/components/GridPagination.js +2 -1
- package/modern/components/base/GridBody.js +6 -3
- package/modern/components/containers/GridRootStyles.js +1 -0
- package/modern/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +1 -2
- package/modern/components/panel/filterPanel/GridFilterInputMultipleValue.js +1 -2
- package/modern/components/toolbar/GridToolbarFilterButton.js +3 -1
- package/modern/hooks/features/clipboard/useGridClipboard.js +43 -26
- package/modern/hooks/features/dimensions/useGridDimensions.js +1 -3
- package/modern/hooks/features/editing/useGridCellEditing.js +7 -3
- package/modern/hooks/features/editing/useGridRowEditing.js +7 -3
- package/modern/hooks/features/export/serializers/csvSerializer.js +44 -6
- package/modern/hooks/features/export/useGridCsvExport.js +7 -5
- package/modern/hooks/features/focus/useGridFocus.js +2 -2
- package/modern/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +11 -0
- package/modern/index.js +1 -1
- package/modern/internals/index.js +3 -2
- package/modern/joy/icons.js +433 -0
- package/modern/joy/joySlots.js +248 -41
- package/modern/locales/deDE.js +2 -2
- package/modern/locales/frFR.js +6 -6
- package/modern/locales/ptBR.js +1 -1
- package/modern/locales/ukUA.js +8 -9
- package/modern/material/index.js +3 -1
- package/modern/models/api/index.js +0 -1
- package/modern/utils/domUtils.js +13 -1
- package/node/DataGrid/DataGrid.js +20 -1
- package/node/DataGrid/useDataGridComponent.js +2 -2
- package/node/DataGrid/useDataGridProps.js +3 -1
- package/node/colDef/gridBooleanColDef.js +19 -1
- package/node/colDef/gridDateColDef.js +6 -2
- package/node/colDef/gridSingleSelectColDef.js +21 -1
- package/node/components/GridPagination.js +2 -1
- package/node/components/base/GridBody.js +6 -3
- package/node/components/containers/GridRootStyles.js +1 -0
- package/node/components/panel/filterPanel/GridFilterInputMultipleSingleSelect.js +1 -2
- package/node/components/panel/filterPanel/GridFilterInputMultipleValue.js +1 -2
- package/node/components/toolbar/GridToolbarFilterButton.js +3 -1
- package/node/hooks/features/clipboard/useGridClipboard.js +42 -25
- package/node/hooks/features/dimensions/useGridDimensions.js +1 -3
- package/node/hooks/features/editing/useGridCellEditing.js +7 -3
- package/node/hooks/features/editing/useGridRowEditing.js +7 -3
- package/node/hooks/features/export/serializers/csvSerializer.js +46 -6
- package/node/hooks/features/export/useGridCsvExport.js +6 -3
- package/node/hooks/features/focus/useGridFocus.js +2 -2
- package/node/hooks/features/keyboardNavigation/useGridKeyboardNavigation.js +11 -0
- package/node/index.js +1 -1
- package/node/internals/index.js +23 -1
- package/node/joy/icons.js +471 -0
- package/node/joy/joySlots.js +248 -40
- package/node/locales/deDE.js +2 -2
- package/node/locales/frFR.js +6 -6
- package/node/locales/ptBR.js +1 -1
- package/node/locales/ukUA.js +8 -9
- package/node/material/index.js +3 -1
- package/node/models/api/index.js +0 -11
- package/node/utils/domUtils.js +15 -1
- package/package.json +2 -2
- package/utils/domUtils.d.ts +1 -0
- package/utils/domUtils.js +13 -1
- package/legacy/models/api/gridClipboardApi.js +0 -1
- package/models/api/gridClipboardApi.d.ts +0 -11
- package/models/api/gridClipboardApi.js +0 -1
- package/modern/models/api/gridClipboardApi.js +0 -1
- package/node/models/api/gridClipboardApi.js +0 -5
|
@@ -0,0 +1,471 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = exports.GridVisibilityOffIcon = exports.GridViewStreamIcon = exports.GridViewHeadlineIcon = exports.GridViewColumnIcon = exports.GridTripleDotsVerticalIcon = exports.GridTableRowsIcon = exports.GridSeparatorIcon = exports.GridSearchIcon = exports.GridSaveAltIcon = exports.GridRemoveIcon = exports.GridMoreVertIcon = exports.GridMenuIcon = exports.GridLoadIcon = exports.GridKeyboardArrowRight = exports.GridKeyboardArrowLeft = exports.GridFilterListIcon = exports.GridFilterAltIcon = exports.GridExpandMoreIcon = exports.GridDragIcon = exports.GridDeleteIcon = exports.GridDeleteForeverIcon = exports.GridColumnIcon = exports.GridCloseIcon = exports.GridClearIcon = exports.GridCheckIcon = exports.GridCheckCircleIcon = exports.GridArrowUpwardIcon = exports.GridArrowDownwardIcon = exports.GridAddIcon = void 0;
|
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
+
var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _SvgIcon = _interopRequireDefault(require("@mui/joy/SvgIcon"));
|
|
12
|
+
var _useGridRootProps = require("../hooks/utils/useGridRootProps");
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
+
const _excluded = ["sx", "fontSize"],
|
|
15
|
+
_excluded2 = ["sortingOrder"];
|
|
16
|
+
/**
|
|
17
|
+
* Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT).
|
|
18
|
+
* All other copyright (c) for Lucide are held by Lucide Contributors 2022.
|
|
19
|
+
*
|
|
20
|
+
* Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted,
|
|
21
|
+
* provided that the above copyright notice and this permission notice appear in all copies.
|
|
22
|
+
*
|
|
23
|
+
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE
|
|
24
|
+
* INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE
|
|
25
|
+
* FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
|
|
26
|
+
* OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION,
|
|
27
|
+
* ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
|
|
28
|
+
*/
|
|
29
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
function createSvgIcon(path, displayName) {
|
|
32
|
+
const fontSizeMap = {
|
|
33
|
+
small: 'lg',
|
|
34
|
+
medium: 'xl',
|
|
35
|
+
large: 'xl2',
|
|
36
|
+
inherit: undefined
|
|
37
|
+
};
|
|
38
|
+
// @ts-ignore internal component
|
|
39
|
+
function Component(_ref, ref) {
|
|
40
|
+
let {
|
|
41
|
+
sx,
|
|
42
|
+
fontSize
|
|
43
|
+
} = _ref,
|
|
44
|
+
props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
|
|
45
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, (0, _extends2.default)({
|
|
46
|
+
"data-testid": `${displayName}Icon`,
|
|
47
|
+
ref: ref,
|
|
48
|
+
fill: "none",
|
|
49
|
+
stroke: "currentColor",
|
|
50
|
+
strokeWidth: "2",
|
|
51
|
+
strokeLinecap: "round",
|
|
52
|
+
strokeLinejoin: "round",
|
|
53
|
+
sx: [{
|
|
54
|
+
fill: 'none'
|
|
55
|
+
}, ...(Array.isArray(sx) ? sx : [sx])],
|
|
56
|
+
fontSize: fontSize ? fontSizeMap[fontSize] : undefined
|
|
57
|
+
}, props, {
|
|
58
|
+
children: path
|
|
59
|
+
}));
|
|
60
|
+
}
|
|
61
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
62
|
+
// Need to set `displayName` on the inner component for React.memo.
|
|
63
|
+
// React prior to 16.14 ignores `displayName` on the wrapper.
|
|
64
|
+
Component.displayName = `${displayName}Icon`;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// @ts-ignore internal component
|
|
68
|
+
Component.muiName = _SvgIcon.default.muiName;
|
|
69
|
+
|
|
70
|
+
// @ts-ignore internal component
|
|
71
|
+
return /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(Component));
|
|
72
|
+
}
|
|
73
|
+
const GridArrowUpwardIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
74
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
75
|
+
x1: "12",
|
|
76
|
+
x2: "12",
|
|
77
|
+
y1: "19",
|
|
78
|
+
y2: "5"
|
|
79
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
80
|
+
points: "5 12 12 5 19 12"
|
|
81
|
+
})]
|
|
82
|
+
}), 'ArrowUpward');
|
|
83
|
+
exports.GridArrowUpwardIcon = GridArrowUpwardIcon;
|
|
84
|
+
const GridArrowDownwardIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
85
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
86
|
+
x1: "12",
|
|
87
|
+
x2: "12",
|
|
88
|
+
y1: "5",
|
|
89
|
+
y2: "19"
|
|
90
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
91
|
+
points: "19 12 12 19 5 12"
|
|
92
|
+
})]
|
|
93
|
+
}), 'ArrowDownward');
|
|
94
|
+
exports.GridArrowDownwardIcon = GridArrowDownwardIcon;
|
|
95
|
+
const GridKeyboardArrowLeft = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
96
|
+
points: "15 18 9 12 15 6"
|
|
97
|
+
}), 'KeyboardArrowLeft');
|
|
98
|
+
exports.GridKeyboardArrowLeft = GridKeyboardArrowLeft;
|
|
99
|
+
const GridKeyboardArrowRight = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
100
|
+
points: "9 18 15 12 9 6"
|
|
101
|
+
}), 'KeyboardArrowRight');
|
|
102
|
+
exports.GridKeyboardArrowRight = GridKeyboardArrowRight;
|
|
103
|
+
const GridExpandMoreIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
104
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
105
|
+
d: "m7 15 5 5 5-5"
|
|
106
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
107
|
+
d: "m7 9 5-5 5 5"
|
|
108
|
+
})]
|
|
109
|
+
}), 'ExpandMore');
|
|
110
|
+
exports.GridExpandMoreIcon = GridExpandMoreIcon;
|
|
111
|
+
const GridFilterListIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
|
|
112
|
+
points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"
|
|
113
|
+
}), 'FilterList');
|
|
114
|
+
exports.GridFilterListIcon = GridFilterListIcon;
|
|
115
|
+
const GridFilterAltIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
116
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
117
|
+
d: "M3 6h18"
|
|
118
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
119
|
+
d: "M7 12h10"
|
|
120
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
121
|
+
d: "M10 18h4"
|
|
122
|
+
})]
|
|
123
|
+
}), 'FilterAlt');
|
|
124
|
+
exports.GridFilterAltIcon = GridFilterAltIcon;
|
|
125
|
+
const GridSearchIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
126
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
127
|
+
cx: "11",
|
|
128
|
+
cy: "11",
|
|
129
|
+
r: "8"
|
|
130
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
131
|
+
x1: "21",
|
|
132
|
+
x2: "16.65",
|
|
133
|
+
y1: "21",
|
|
134
|
+
y2: "16.65"
|
|
135
|
+
})]
|
|
136
|
+
}), 'Search');
|
|
137
|
+
exports.GridSearchIcon = GridSearchIcon;
|
|
138
|
+
const GridMenuIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
139
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
140
|
+
width: "18",
|
|
141
|
+
height: "18",
|
|
142
|
+
x: "3",
|
|
143
|
+
y: "3",
|
|
144
|
+
rx: "2"
|
|
145
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
146
|
+
d: "M7 8h10"
|
|
147
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
148
|
+
d: "M7 12h10"
|
|
149
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
150
|
+
d: "M7 16h10"
|
|
151
|
+
})]
|
|
152
|
+
}), 'Menu');
|
|
153
|
+
exports.GridMenuIcon = GridMenuIcon;
|
|
154
|
+
const GridCheckCircleIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
155
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
156
|
+
d: "M22 11.08V12a10 10 0 1 1-5.93-9.14"
|
|
157
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
158
|
+
points: "22 4 12 14.01 9 11.01"
|
|
159
|
+
})]
|
|
160
|
+
}), 'CheckCircle');
|
|
161
|
+
exports.GridCheckCircleIcon = GridCheckCircleIcon;
|
|
162
|
+
const GridColumnIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
163
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
164
|
+
width: "18",
|
|
165
|
+
height: "18",
|
|
166
|
+
x: "3",
|
|
167
|
+
y: "3",
|
|
168
|
+
rx: "2",
|
|
169
|
+
ry: "2"
|
|
170
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
171
|
+
x1: "12",
|
|
172
|
+
x2: "12",
|
|
173
|
+
y1: "3",
|
|
174
|
+
y2: "21"
|
|
175
|
+
})]
|
|
176
|
+
}), 'ColumnIcon');
|
|
177
|
+
exports.GridColumnIcon = GridColumnIcon;
|
|
178
|
+
const GridSeparatorIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
179
|
+
d: "M11 19V5h2v14z"
|
|
180
|
+
}), 'Separator');
|
|
181
|
+
exports.GridSeparatorIcon = GridSeparatorIcon;
|
|
182
|
+
const GridViewHeadlineIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
183
|
+
fill: "none",
|
|
184
|
+
stroke: "currentColor",
|
|
185
|
+
strokeWidth: "1.5",
|
|
186
|
+
d: "M3 12h18M3 12v4.5M3 12V7.5M21 12v4.5m0-4.5V7.5m-18 9v3.9a.6.6 0 0 0 .6.6h16.8a.6.6 0 0 0 .6-.6v-3.9m-18 0h18m0-9V3.6a.6.6 0 0 0-.6-.6H3.6a.6.6 0 0 0-.6.6v3.9m18 0H3"
|
|
187
|
+
}), 'ViewHeadline');
|
|
188
|
+
exports.GridViewHeadlineIcon = GridViewHeadlineIcon;
|
|
189
|
+
const GridTableRowsIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
190
|
+
fill: "currentColor",
|
|
191
|
+
strokeWidth: "0",
|
|
192
|
+
d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 2v3H5V5h14zm0 5v4H5v-4h14zM5 19v-3h14v3H5z"
|
|
193
|
+
}), 'TableRows');
|
|
194
|
+
exports.GridTableRowsIcon = GridTableRowsIcon;
|
|
195
|
+
const GridViewStreamIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
196
|
+
d: "M4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm0 6h16"
|
|
197
|
+
}), 'ViewStream');
|
|
198
|
+
exports.GridViewStreamIcon = GridViewStreamIcon;
|
|
199
|
+
const GridTripleDotsVerticalIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
200
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
201
|
+
cx: "12",
|
|
202
|
+
cy: "12",
|
|
203
|
+
r: "1"
|
|
204
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
205
|
+
cx: "12",
|
|
206
|
+
cy: "5",
|
|
207
|
+
r: "1"
|
|
208
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
209
|
+
cx: "12",
|
|
210
|
+
cy: "19",
|
|
211
|
+
r: "1"
|
|
212
|
+
})]
|
|
213
|
+
}), 'TripleDotsVertical');
|
|
214
|
+
exports.GridTripleDotsVerticalIcon = GridTripleDotsVerticalIcon;
|
|
215
|
+
const GridCloseIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
216
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
217
|
+
cx: "12",
|
|
218
|
+
cy: "12",
|
|
219
|
+
r: "10"
|
|
220
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
221
|
+
x1: "15",
|
|
222
|
+
x2: "9",
|
|
223
|
+
y1: "9",
|
|
224
|
+
y2: "15"
|
|
225
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
226
|
+
x1: "9",
|
|
227
|
+
x2: "15",
|
|
228
|
+
y1: "9",
|
|
229
|
+
y2: "15"
|
|
230
|
+
})]
|
|
231
|
+
}), 'Close');
|
|
232
|
+
exports.GridCloseIcon = GridCloseIcon;
|
|
233
|
+
const GridAddIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
234
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
235
|
+
cx: "12",
|
|
236
|
+
cy: "12",
|
|
237
|
+
r: "10"
|
|
238
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
239
|
+
x1: "12",
|
|
240
|
+
x2: "12",
|
|
241
|
+
y1: "8",
|
|
242
|
+
y2: "16"
|
|
243
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
244
|
+
x1: "8",
|
|
245
|
+
x2: "16",
|
|
246
|
+
y1: "12",
|
|
247
|
+
y2: "12"
|
|
248
|
+
})]
|
|
249
|
+
}), 'Add');
|
|
250
|
+
exports.GridAddIcon = GridAddIcon;
|
|
251
|
+
const GridRemoveIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
252
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
253
|
+
cx: "12",
|
|
254
|
+
cy: "12",
|
|
255
|
+
r: "10"
|
|
256
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
257
|
+
x1: "15",
|
|
258
|
+
x2: "9",
|
|
259
|
+
y1: "9",
|
|
260
|
+
y2: "15"
|
|
261
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
262
|
+
x1: "9",
|
|
263
|
+
x2: "15",
|
|
264
|
+
y1: "9",
|
|
265
|
+
y2: "15"
|
|
266
|
+
})]
|
|
267
|
+
}), 'Remove');
|
|
268
|
+
exports.GridRemoveIcon = GridRemoveIcon;
|
|
269
|
+
const GridLoadIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
270
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
271
|
+
d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
|
|
272
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
273
|
+
points: "7 10 12 15 17 10"
|
|
274
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
275
|
+
x1: "12",
|
|
276
|
+
x2: "12",
|
|
277
|
+
y1: "15",
|
|
278
|
+
y2: "3"
|
|
279
|
+
})]
|
|
280
|
+
}), 'Load');
|
|
281
|
+
exports.GridLoadIcon = GridLoadIcon;
|
|
282
|
+
const GridDragIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
283
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
284
|
+
cx: "9",
|
|
285
|
+
cy: "12",
|
|
286
|
+
r: "1"
|
|
287
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
288
|
+
cx: "9",
|
|
289
|
+
cy: "5",
|
|
290
|
+
r: "1"
|
|
291
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
292
|
+
cx: "9",
|
|
293
|
+
cy: "19",
|
|
294
|
+
r: "1"
|
|
295
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
296
|
+
cx: "15",
|
|
297
|
+
cy: "12",
|
|
298
|
+
r: "1"
|
|
299
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
300
|
+
cx: "15",
|
|
301
|
+
cy: "5",
|
|
302
|
+
r: "1"
|
|
303
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
304
|
+
cx: "15",
|
|
305
|
+
cy: "19",
|
|
306
|
+
r: "1"
|
|
307
|
+
})]
|
|
308
|
+
}), 'Drag');
|
|
309
|
+
exports.GridDragIcon = GridDragIcon;
|
|
310
|
+
const GridSaveAltIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
311
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
312
|
+
d: "M14.5 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7.5L14.5 2z"
|
|
313
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
314
|
+
points: "14 2 14 8 20 8"
|
|
315
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
316
|
+
d: "M12 12v6"
|
|
317
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
318
|
+
d: "m15 15-3-3-3 3"
|
|
319
|
+
})]
|
|
320
|
+
}), 'SaveAlt');
|
|
321
|
+
exports.GridSaveAltIcon = GridSaveAltIcon;
|
|
322
|
+
const GridCheckIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
|
|
323
|
+
points: "20 6 9 17 4 12"
|
|
324
|
+
}), 'Check');
|
|
325
|
+
exports.GridCheckIcon = GridCheckIcon;
|
|
326
|
+
const GridMoreVertIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
327
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
328
|
+
cx: "12",
|
|
329
|
+
cy: "12",
|
|
330
|
+
r: "1"
|
|
331
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
332
|
+
cx: "12",
|
|
333
|
+
cy: "5",
|
|
334
|
+
r: "1"
|
|
335
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
|
|
336
|
+
cx: "12",
|
|
337
|
+
cy: "19",
|
|
338
|
+
r: "1"
|
|
339
|
+
})]
|
|
340
|
+
}), 'MoreVert');
|
|
341
|
+
exports.GridMoreVertIcon = GridMoreVertIcon;
|
|
342
|
+
const GridVisibilityOffIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
343
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
344
|
+
d: "M9.88 9.88a3 3 0 1 0 4.24 4.24"
|
|
345
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
346
|
+
d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"
|
|
347
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
348
|
+
d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"
|
|
349
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
350
|
+
x1: "2",
|
|
351
|
+
x2: "22",
|
|
352
|
+
y1: "2",
|
|
353
|
+
y2: "22"
|
|
354
|
+
})]
|
|
355
|
+
}), 'VisibilityOff');
|
|
356
|
+
exports.GridVisibilityOffIcon = GridVisibilityOffIcon;
|
|
357
|
+
const GridViewColumnIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
358
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
359
|
+
width: "6",
|
|
360
|
+
height: "20",
|
|
361
|
+
x: "4",
|
|
362
|
+
y: "2",
|
|
363
|
+
rx: "2"
|
|
364
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
|
|
365
|
+
width: "6",
|
|
366
|
+
height: "20",
|
|
367
|
+
x: "14",
|
|
368
|
+
y: "2",
|
|
369
|
+
rx: "2"
|
|
370
|
+
})]
|
|
371
|
+
}), 'ViewColumn');
|
|
372
|
+
exports.GridViewColumnIcon = GridViewColumnIcon;
|
|
373
|
+
const GridClearIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
374
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
375
|
+
d: "m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21"
|
|
376
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
377
|
+
d: "M22 21H7"
|
|
378
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
379
|
+
d: "m5 11 9 9"
|
|
380
|
+
})]
|
|
381
|
+
}), 'Clear');
|
|
382
|
+
exports.GridClearIcon = GridClearIcon;
|
|
383
|
+
const GridDeleteIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
384
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
385
|
+
d: "M3 6h18"
|
|
386
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
387
|
+
d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"
|
|
388
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
389
|
+
d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"
|
|
390
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
391
|
+
x1: "10",
|
|
392
|
+
x2: "10",
|
|
393
|
+
y1: "11",
|
|
394
|
+
y2: "17"
|
|
395
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
396
|
+
x1: "14",
|
|
397
|
+
x2: "14",
|
|
398
|
+
y1: "11",
|
|
399
|
+
y2: "17"
|
|
400
|
+
})]
|
|
401
|
+
}), 'Delete');
|
|
402
|
+
exports.GridDeleteIcon = GridDeleteIcon;
|
|
403
|
+
const GridDeleteForeverIcon = createSvgIcon( /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
404
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
405
|
+
d: "M3 6h18"
|
|
406
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
407
|
+
d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"
|
|
408
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
|
|
409
|
+
d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"
|
|
410
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
411
|
+
x1: "10",
|
|
412
|
+
x2: "10",
|
|
413
|
+
y1: "11",
|
|
414
|
+
y2: "17"
|
|
415
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
|
|
416
|
+
x1: "14",
|
|
417
|
+
x2: "14",
|
|
418
|
+
y1: "11",
|
|
419
|
+
y2: "17"
|
|
420
|
+
})]
|
|
421
|
+
}), 'Delete');
|
|
422
|
+
exports.GridDeleteForeverIcon = GridDeleteForeverIcon;
|
|
423
|
+
const GridColumnUnsortedIcon = /*#__PURE__*/React.memo(function GridColumnHeaderSortIcon(props) {
|
|
424
|
+
const {
|
|
425
|
+
sortingOrder
|
|
426
|
+
} = props,
|
|
427
|
+
other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
|
|
428
|
+
const rootProps = (0, _useGridRootProps.useGridRootProps)();
|
|
429
|
+
const [nextSortDirection] = sortingOrder;
|
|
430
|
+
const Icon = nextSortDirection === 'asc' ? rootProps.slots.columnSortedAscendingIcon : rootProps.slots.columnSortedDescendingIcon;
|
|
431
|
+
return Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, other)) : null;
|
|
432
|
+
});
|
|
433
|
+
const joyIconSlots = {
|
|
434
|
+
booleanCellTrueIcon: GridCheckIcon,
|
|
435
|
+
booleanCellFalseIcon: GridCloseIcon,
|
|
436
|
+
columnMenuIcon: GridTripleDotsVerticalIcon,
|
|
437
|
+
openFilterButtonIcon: GridFilterListIcon,
|
|
438
|
+
filterPanelDeleteIcon: GridCloseIcon,
|
|
439
|
+
columnFilteredIcon: GridFilterAltIcon,
|
|
440
|
+
columnSelectorIcon: GridColumnIcon,
|
|
441
|
+
columnUnsortedIcon: GridColumnUnsortedIcon,
|
|
442
|
+
columnSortedAscendingIcon: GridArrowUpwardIcon,
|
|
443
|
+
columnSortedDescendingIcon: GridArrowDownwardIcon,
|
|
444
|
+
columnResizeIcon: GridSeparatorIcon,
|
|
445
|
+
densityCompactIcon: GridViewHeadlineIcon,
|
|
446
|
+
densityStandardIcon: GridTableRowsIcon,
|
|
447
|
+
densityComfortableIcon: GridViewStreamIcon,
|
|
448
|
+
exportIcon: GridSaveAltIcon,
|
|
449
|
+
moreActionsIcon: GridMoreVertIcon,
|
|
450
|
+
treeDataCollapseIcon: GridExpandMoreIcon,
|
|
451
|
+
treeDataExpandIcon: GridKeyboardArrowRight,
|
|
452
|
+
groupingCriteriaCollapseIcon: GridExpandMoreIcon,
|
|
453
|
+
groupingCriteriaExpandIcon: GridKeyboardArrowRight,
|
|
454
|
+
detailPanelExpandIcon: GridAddIcon,
|
|
455
|
+
detailPanelCollapseIcon: GridRemoveIcon,
|
|
456
|
+
rowReorderIcon: GridDragIcon,
|
|
457
|
+
quickFilterIcon: GridSearchIcon,
|
|
458
|
+
quickFilterClearIcon: GridCloseIcon,
|
|
459
|
+
columnMenuHideIcon: GridVisibilityOffIcon,
|
|
460
|
+
columnMenuSortAscendingIcon: GridArrowUpwardIcon,
|
|
461
|
+
columnMenuSortDescendingIcon: GridArrowDownwardIcon,
|
|
462
|
+
columnMenuFilterIcon: GridFilterAltIcon,
|
|
463
|
+
columnMenuManageColumnsIcon: GridViewColumnIcon,
|
|
464
|
+
columnMenuClearIcon: GridClearIcon,
|
|
465
|
+
loadIcon: GridLoadIcon,
|
|
466
|
+
filterPanelAddIcon: GridAddIcon,
|
|
467
|
+
filterPanelRemoveAllIcon: GridDeleteForeverIcon,
|
|
468
|
+
columnReorderIcon: GridDragIcon
|
|
469
|
+
};
|
|
470
|
+
var _default = joyIconSlots;
|
|
471
|
+
exports.default = _default;
|