@mui/x-data-grid 8.0.0-alpha.3 → 8.0.0-alpha.5

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.
Files changed (176) hide show
  1. package/CHANGELOG.md +377 -0
  2. package/DataGrid/DataGrid.js +7 -11
  3. package/DataGrid/useDataGridProps.js +3 -3
  4. package/README.md +1 -1
  5. package/components/GridRow.js +13 -2
  6. package/components/cell/GridActionsCell.js +8 -1
  7. package/components/cell/GridActionsCellItem.js +4 -6
  8. package/components/cell/GridCell.js +1 -1
  9. package/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +6 -11
  10. package/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +6 -11
  11. package/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +6 -11
  12. package/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +13 -22
  13. package/components/panel/GridColumnsPanel.js +1 -2
  14. package/components/panel/GridPanelContent.js +7 -3
  15. package/components/panel/GridPanelFooter.d.ts +1 -1
  16. package/components/panel/GridPanelFooter.js +4 -3
  17. package/components/panel/filterPanel/GridFilterForm.js +15 -15
  18. package/components/toolbar/GridToolbarDensitySelector.js +3 -5
  19. package/components/toolbar/GridToolbarFilterButton.d.ts +1 -1
  20. package/components/toolbar/GridToolbarFilterButton.js +3 -0
  21. package/components/toolbar/GridToolbarQuickFilter.js +27 -23
  22. package/components/virtualization/GridMainContainer.js +1 -1
  23. package/constants/dataGridPropsDefaultValues.js +1 -1
  24. package/hooks/core/useGridStateInitialization.js +3 -3
  25. package/hooks/features/columnGrouping/gridColumnGroupsSelector.d.ts +4 -4
  26. package/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -3
  27. package/hooks/features/columnResize/columnResizeSelector.d.ts +1 -1
  28. package/hooks/features/columnResize/gridColumnResizeApi.d.ts +6 -0
  29. package/hooks/features/columnResize/gridColumnResizeApi.js +2 -1
  30. package/hooks/features/columnResize/useGridColumnResize.d.ts +1 -1
  31. package/hooks/features/columnResize/useGridColumnResize.js +9 -4
  32. package/hooks/features/columns/gridColumnsSelector.d.ts +12 -12
  33. package/hooks/features/columns/gridColumnsUtils.d.ts +1 -1
  34. package/hooks/features/columns/gridColumnsUtils.js +2 -1
  35. package/hooks/features/density/densitySelector.d.ts +1 -1
  36. package/hooks/features/filter/gridFilterSelector.d.ts +17 -17
  37. package/hooks/features/filter/useGridFilter.js +1 -1
  38. package/hooks/features/focus/gridFocusStateSelector.d.ts +8 -8
  39. package/hooks/features/headerFiltering/gridHeaderFilteringSelectors.d.ts +3 -3
  40. package/hooks/features/overlays/useGridOverlays.js +3 -1
  41. package/hooks/features/pagination/gridPaginationSelector.d.ts +15 -9
  42. package/hooks/features/rowSelection/gridRowSelectionSelector.d.ts +3 -3
  43. package/hooks/features/rowSelection/useGridRowSelection.js +5 -4
  44. package/hooks/features/rowSelection/utils.d.ts +1 -1
  45. package/hooks/features/rows/gridRowSpanningSelectors.d.ts +3 -3
  46. package/hooks/features/rows/gridRowsSelector.d.ts +23 -12
  47. package/hooks/features/rows/useGridRowSpanning.d.ts +1 -1
  48. package/hooks/features/rows/useGridRowSpanning.js +16 -8
  49. package/hooks/features/rows/useGridRows.js +5 -5
  50. package/hooks/features/sorting/gridSortingSelector.d.ts +10 -5
  51. package/hooks/features/sorting/gridSortingSelector.js +11 -0
  52. package/hooks/features/sorting/index.d.ts +2 -1
  53. package/hooks/features/sorting/index.js +1 -1
  54. package/hooks/features/sorting/useGridSorting.js +1 -1
  55. package/hooks/features/virtualization/gridVirtualizationSelectors.d.ts +5 -5
  56. package/hooks/features/virtualization/useGridVirtualScroller.js +11 -8
  57. package/hooks/utils/useGridSelector.d.ts +4 -6
  58. package/hooks/utils/useGridSelector.js +6 -44
  59. package/index.js +1 -1
  60. package/internals/index.d.ts +2 -2
  61. package/internals/index.js +2 -2
  62. package/internals/utils/index.d.ts +0 -1
  63. package/internals/utils/index.js +0 -1
  64. package/locales/koKR.js +45 -49
  65. package/locales/roRO.js +18 -20
  66. package/material/index.js +30 -4
  67. package/models/api/gridStateApi.d.ts +1 -1
  68. package/models/controlStateItem.d.ts +2 -2
  69. package/models/gridBaseSlots.d.ts +21 -0
  70. package/models/gridBaseSlots.js +1 -0
  71. package/models/gridSlotsComponentsProps.d.ts +25 -5
  72. package/models/props/DataGridProps.d.ts +1 -6
  73. package/modern/DataGrid/DataGrid.js +7 -11
  74. package/modern/DataGrid/useDataGridProps.js +3 -3
  75. package/modern/components/GridRow.js +13 -2
  76. package/modern/components/cell/GridActionsCell.js +8 -1
  77. package/modern/components/cell/GridActionsCellItem.js +4 -6
  78. package/modern/components/cell/GridCell.js +1 -1
  79. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +6 -11
  80. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +6 -11
  81. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +6 -11
  82. package/modern/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +13 -22
  83. package/modern/components/panel/GridColumnsPanel.js +1 -2
  84. package/modern/components/panel/GridPanelContent.js +7 -3
  85. package/modern/components/panel/GridPanelFooter.js +4 -3
  86. package/modern/components/panel/filterPanel/GridFilterForm.js +15 -15
  87. package/modern/components/toolbar/GridToolbarDensitySelector.js +3 -5
  88. package/modern/components/toolbar/GridToolbarFilterButton.js +3 -0
  89. package/modern/components/toolbar/GridToolbarQuickFilter.js +27 -23
  90. package/modern/components/virtualization/GridMainContainer.js +1 -1
  91. package/modern/constants/dataGridPropsDefaultValues.js +1 -1
  92. package/modern/hooks/core/useGridStateInitialization.js +3 -3
  93. package/modern/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -3
  94. package/modern/hooks/features/columnResize/gridColumnResizeApi.js +2 -1
  95. package/modern/hooks/features/columnResize/useGridColumnResize.js +9 -4
  96. package/modern/hooks/features/columns/gridColumnsUtils.js +2 -1
  97. package/modern/hooks/features/filter/useGridFilter.js +1 -1
  98. package/modern/hooks/features/overlays/useGridOverlays.js +3 -1
  99. package/modern/hooks/features/rowSelection/useGridRowSelection.js +5 -4
  100. package/modern/hooks/features/rows/useGridRowSpanning.js +16 -8
  101. package/modern/hooks/features/rows/useGridRows.js +5 -5
  102. package/modern/hooks/features/sorting/gridSortingSelector.js +11 -0
  103. package/modern/hooks/features/sorting/index.js +1 -1
  104. package/modern/hooks/features/sorting/useGridSorting.js +1 -1
  105. package/modern/hooks/features/virtualization/useGridVirtualScroller.js +11 -8
  106. package/modern/hooks/utils/useGridSelector.js +6 -44
  107. package/modern/index.js +1 -1
  108. package/modern/internals/index.js +2 -2
  109. package/modern/internals/utils/index.js +0 -1
  110. package/modern/locales/koKR.js +45 -49
  111. package/modern/locales/roRO.js +18 -20
  112. package/modern/material/index.js +30 -4
  113. package/modern/models/gridBaseSlots.js +1 -0
  114. package/modern/utils/createSelector.js +1 -120
  115. package/node/DataGrid/DataGrid.js +7 -11
  116. package/node/DataGrid/useDataGridProps.js +2 -2
  117. package/node/components/GridRow.js +13 -2
  118. package/node/components/cell/GridActionsCell.js +8 -1
  119. package/node/components/cell/GridActionsCellItem.js +3 -5
  120. package/node/components/cell/GridCell.js +1 -1
  121. package/node/components/menu/columnMenu/menuItems/GridColumnMenuFilterItem.js +5 -10
  122. package/node/components/menu/columnMenu/menuItems/GridColumnMenuHideItem.js +5 -10
  123. package/node/components/menu/columnMenu/menuItems/GridColumnMenuManageItem.js +5 -10
  124. package/node/components/menu/columnMenu/menuItems/GridColumnMenuSortItem.js +13 -22
  125. package/node/components/panel/GridColumnsPanel.js +1 -2
  126. package/node/components/panel/GridPanelContent.js +7 -3
  127. package/node/components/panel/GridPanelFooter.js +5 -4
  128. package/node/components/panel/filterPanel/GridFilterForm.js +15 -15
  129. package/node/components/toolbar/GridToolbarDensitySelector.js +3 -5
  130. package/node/components/toolbar/GridToolbarFilterButton.js +3 -0
  131. package/node/components/toolbar/GridToolbarQuickFilter.js +27 -23
  132. package/node/components/virtualization/GridMainContainer.js +1 -1
  133. package/node/constants/dataGridPropsDefaultValues.js +1 -1
  134. package/node/hooks/core/useGridStateInitialization.js +3 -3
  135. package/node/hooks/features/columnHeaders/useGridColumnHeaders.js +10 -3
  136. package/node/hooks/features/columnResize/gridColumnResizeApi.js +2 -1
  137. package/node/hooks/features/columnResize/useGridColumnResize.js +9 -4
  138. package/node/hooks/features/columns/gridColumnsUtils.js +2 -1
  139. package/node/hooks/features/filter/useGridFilter.js +1 -1
  140. package/node/hooks/features/overlays/useGridOverlays.js +3 -1
  141. package/node/hooks/features/rowSelection/useGridRowSelection.js +5 -4
  142. package/node/hooks/features/rows/useGridRowSpanning.js +16 -8
  143. package/node/hooks/features/rows/useGridRows.js +5 -5
  144. package/node/hooks/features/sorting/gridSortingSelector.js +12 -1
  145. package/node/hooks/features/sorting/index.js +24 -16
  146. package/node/hooks/features/sorting/useGridSorting.js +1 -1
  147. package/node/hooks/features/virtualization/useGridVirtualScroller.js +11 -8
  148. package/node/hooks/utils/useGridSelector.js +8 -47
  149. package/node/index.js +1 -1
  150. package/node/internals/index.js +8 -22
  151. package/node/internals/utils/index.js +0 -11
  152. package/node/locales/koKR.js +45 -49
  153. package/node/locales/roRO.js +18 -20
  154. package/node/material/index.js +31 -4
  155. package/node/models/gridBaseSlots.js +5 -0
  156. package/node/utils/createSelector.js +4 -125
  157. package/package.json +2 -2
  158. package/utils/createSelector.d.ts +4 -16
  159. package/utils/createSelector.js +1 -120
  160. package/internals/utils/useProps.d.ts +0 -1
  161. package/internals/utils/useProps.js +0 -24
  162. package/joy/icons.d.ts +0 -32
  163. package/joy/icons.js +0 -431
  164. package/joy/index.d.ts +0 -2
  165. package/joy/index.js +0 -2
  166. package/joy/joySlots.d.ts +0 -3
  167. package/joy/joySlots.js +0 -389
  168. package/joy/package.json +0 -6
  169. package/modern/internals/utils/useProps.js +0 -24
  170. package/modern/joy/icons.js +0 -431
  171. package/modern/joy/index.js +0 -2
  172. package/modern/joy/joySlots.js +0 -389
  173. package/node/internals/utils/useProps.js +0 -30
  174. package/node/joy/icons.js +0 -439
  175. package/node/joy/index.js +0 -13
  176. package/node/joy/joySlots.js +0 -397
package/node/joy/icons.js DELETED
@@ -1,439 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- 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;
9
- var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
10
- var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
11
- var React = _interopRequireWildcard(require("react"));
12
- var _SvgIcon = _interopRequireDefault(require("@mui/joy/SvgIcon"));
13
- var _useGridRootProps = require("../hooks/utils/useGridRootProps");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- const _excluded = ["sx", "fontSize"],
16
- _excluded2 = ["sortingOrder"];
17
- /**
18
- * Copyright (c) for portions of Lucide are held by Cole Bemis 2013-2022 as part of Feather (MIT).
19
- * All other copyright (c) for Lucide are held by Lucide Contributors 2022.
20
- *
21
- * Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted,
22
- * provided that the above copyright notice and this permission notice appear in all copies.
23
- *
24
- * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE
25
- * INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE
26
- * FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS
27
- * OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION,
28
- * ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
29
- */
30
- function createSvgIcon(path, displayName) {
31
- const fontSizeMap = {
32
- small: 'lg',
33
- medium: 'xl',
34
- large: 'xl2',
35
- inherit: undefined
36
- };
37
- // @ts-ignore internal component
38
- function Component(_ref, ref) {
39
- let {
40
- sx,
41
- fontSize
42
- } = _ref,
43
- props = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
44
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SvgIcon.default, (0, _extends2.default)({
45
- ref: ref,
46
- fill: "none",
47
- stroke: "currentColor",
48
- strokeWidth: "2",
49
- strokeLinecap: "round",
50
- strokeLinejoin: "round",
51
- sx: [{
52
- fill: 'none'
53
- }, ...(Array.isArray(sx) ? sx : [sx])],
54
- fontSize: fontSize ? fontSizeMap[fontSize] : undefined
55
- }, props, {
56
- children: path
57
- }));
58
- }
59
- if (process.env.NODE_ENV !== 'production') {
60
- // Need to set `displayName` on the inner component for React.memo.
61
- // React prior to 16.14 ignores `displayName` on the wrapper.
62
- Component.displayName = `${displayName}Icon`;
63
- }
64
-
65
- // @ts-ignore internal component
66
- Component.muiName = _SvgIcon.default.muiName;
67
-
68
- // @ts-ignore internal component
69
- return /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(Component));
70
- }
71
- const GridArrowUpwardIcon = exports.GridArrowUpwardIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
72
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
73
- x1: "12",
74
- x2: "12",
75
- y1: "19",
76
- y2: "5"
77
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
78
- points: "5 12 12 5 19 12"
79
- })]
80
- }), 'ArrowUpward');
81
- const GridArrowDownwardIcon = exports.GridArrowDownwardIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
82
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
83
- x1: "12",
84
- x2: "12",
85
- y1: "5",
86
- y2: "19"
87
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
88
- points: "19 12 12 19 5 12"
89
- })]
90
- }), 'ArrowDownward');
91
- const GridKeyboardArrowLeft = exports.GridKeyboardArrowLeft = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
92
- points: "15 18 9 12 15 6"
93
- }), 'KeyboardArrowLeft');
94
- const GridKeyboardArrowRight = exports.GridKeyboardArrowRight = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
95
- points: "9 18 15 12 9 6"
96
- }), 'KeyboardArrowRight');
97
- const GridExpandMoreIcon = exports.GridExpandMoreIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
98
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
99
- d: "m7 15 5 5 5-5"
100
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
101
- d: "m7 9 5-5 5 5"
102
- })]
103
- }), 'ExpandMore');
104
- const GridFilterListIcon = exports.GridFilterListIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("polygon", {
105
- points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3"
106
- }), 'FilterList');
107
- const GridFilterAltIcon = exports.GridFilterAltIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
108
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
109
- d: "M3 6h18"
110
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
111
- d: "M7 12h10"
112
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
113
- d: "M10 18h4"
114
- })]
115
- }), 'FilterAlt');
116
- const GridSearchIcon = exports.GridSearchIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
117
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
118
- cx: "11",
119
- cy: "11",
120
- r: "8"
121
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
122
- x1: "21",
123
- x2: "16.65",
124
- y1: "21",
125
- y2: "16.65"
126
- })]
127
- }), 'Search');
128
- const GridMenuIcon = exports.GridMenuIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
129
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
130
- width: "18",
131
- height: "18",
132
- x: "3",
133
- y: "3",
134
- rx: "2"
135
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
136
- d: "M7 8h10"
137
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
138
- d: "M7 12h10"
139
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
140
- d: "M7 16h10"
141
- })]
142
- }), 'Menu');
143
- const GridCheckCircleIcon = exports.GridCheckCircleIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
144
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
145
- d: "M22 11.08V12a10 10 0 1 1-5.93-9.14"
146
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
147
- points: "22 4 12 14.01 9 11.01"
148
- })]
149
- }), 'CheckCircle');
150
- const GridColumnIcon = exports.GridColumnIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
151
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
152
- width: "18",
153
- height: "18",
154
- x: "3",
155
- y: "3",
156
- rx: "2",
157
- ry: "2"
158
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
159
- x1: "12",
160
- x2: "12",
161
- y1: "3",
162
- y2: "21"
163
- })]
164
- }), 'ColumnIcon');
165
- const GridSeparatorIcon = exports.GridSeparatorIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
166
- d: "M11 19V5h2v14z"
167
- }), 'Separator');
168
- const GridViewHeadlineIcon = exports.GridViewHeadlineIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
169
- fill: "none",
170
- stroke: "currentColor",
171
- strokeWidth: "1.5",
172
- 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"
173
- }), 'ViewHeadline');
174
- const GridTableRowsIcon = exports.GridTableRowsIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
175
- fill: "currentColor",
176
- strokeWidth: "0",
177
- 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"
178
- }), 'TableRows');
179
- const GridViewStreamIcon = exports.GridViewStreamIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
180
- 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"
181
- }), 'ViewStream');
182
- const GridTripleDotsVerticalIcon = exports.GridTripleDotsVerticalIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
183
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
184
- cx: "12",
185
- cy: "12",
186
- r: "1"
187
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
188
- cx: "12",
189
- cy: "5",
190
- r: "1"
191
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
192
- cx: "12",
193
- cy: "19",
194
- r: "1"
195
- })]
196
- }), 'TripleDotsVertical');
197
- const GridCloseIcon = exports.GridCloseIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
198
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
199
- cx: "12",
200
- cy: "12",
201
- r: "10"
202
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
203
- x1: "15",
204
- x2: "9",
205
- y1: "9",
206
- y2: "15"
207
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
208
- x1: "9",
209
- x2: "15",
210
- y1: "9",
211
- y2: "15"
212
- })]
213
- }), 'Close');
214
- const GridAddIcon = exports.GridAddIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
215
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
216
- cx: "12",
217
- cy: "12",
218
- r: "10"
219
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
220
- x1: "12",
221
- x2: "12",
222
- y1: "8",
223
- y2: "16"
224
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
225
- x1: "8",
226
- x2: "16",
227
- y1: "12",
228
- y2: "12"
229
- })]
230
- }), 'Add');
231
- const GridRemoveIcon = exports.GridRemoveIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
232
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
233
- cx: "12",
234
- cy: "12",
235
- r: "10"
236
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
237
- x1: "15",
238
- x2: "9",
239
- y1: "9",
240
- y2: "15"
241
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
242
- x1: "9",
243
- x2: "15",
244
- y1: "9",
245
- y2: "15"
246
- })]
247
- }), 'Remove');
248
- const GridLoadIcon = exports.GridLoadIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
249
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
250
- d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"
251
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
252
- points: "7 10 12 15 17 10"
253
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
254
- x1: "12",
255
- x2: "12",
256
- y1: "15",
257
- y2: "3"
258
- })]
259
- }), 'Load');
260
- const GridDragIcon = exports.GridDragIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
261
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
262
- cx: "9",
263
- cy: "12",
264
- r: "1"
265
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
266
- cx: "9",
267
- cy: "5",
268
- r: "1"
269
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
270
- cx: "9",
271
- cy: "19",
272
- r: "1"
273
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
274
- cx: "15",
275
- cy: "12",
276
- r: "1"
277
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
278
- cx: "15",
279
- cy: "5",
280
- r: "1"
281
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
282
- cx: "15",
283
- cy: "19",
284
- r: "1"
285
- })]
286
- }), 'Drag');
287
- const GridSaveAltIcon = exports.GridSaveAltIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
288
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
289
- 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"
290
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
291
- points: "14 2 14 8 20 8"
292
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
293
- d: "M12 12v6"
294
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
295
- d: "m15 15-3-3-3 3"
296
- })]
297
- }), 'SaveAlt');
298
- const GridCheckIcon = exports.GridCheckIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsx)("polyline", {
299
- points: "20 6 9 17 4 12"
300
- }), 'Check');
301
- const GridMoreVertIcon = exports.GridMoreVertIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
302
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
303
- cx: "12",
304
- cy: "12",
305
- r: "1"
306
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
307
- cx: "12",
308
- cy: "5",
309
- r: "1"
310
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("circle", {
311
- cx: "12",
312
- cy: "19",
313
- r: "1"
314
- })]
315
- }), 'MoreVert');
316
- const GridVisibilityOffIcon = exports.GridVisibilityOffIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
317
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
318
- d: "M9.88 9.88a3 3 0 1 0 4.24 4.24"
319
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
320
- 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"
321
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
322
- 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"
323
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
324
- x1: "2",
325
- x2: "22",
326
- y1: "2",
327
- y2: "22"
328
- })]
329
- }), 'VisibilityOff');
330
- const GridViewColumnIcon = exports.GridViewColumnIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
331
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
332
- width: "6",
333
- height: "20",
334
- x: "4",
335
- y: "2",
336
- rx: "2"
337
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("rect", {
338
- width: "6",
339
- height: "20",
340
- x: "14",
341
- y: "2",
342
- rx: "2"
343
- })]
344
- }), 'ViewColumn');
345
- const GridClearIcon = exports.GridClearIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
346
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
347
- 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"
348
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
349
- d: "M22 21H7"
350
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
351
- d: "m5 11 9 9"
352
- })]
353
- }), 'Clear');
354
- const GridDeleteIcon = exports.GridDeleteIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
355
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
356
- d: "M3 6h18"
357
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
358
- d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"
359
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
360
- d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"
361
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
362
- x1: "10",
363
- x2: "10",
364
- y1: "11",
365
- y2: "17"
366
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
367
- x1: "14",
368
- x2: "14",
369
- y1: "11",
370
- y2: "17"
371
- })]
372
- }), 'Delete');
373
- const GridDeleteForeverIcon = exports.GridDeleteForeverIcon = createSvgIcon(/*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
374
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
375
- d: "M3 6h18"
376
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
377
- d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"
378
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
379
- d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"
380
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
381
- x1: "10",
382
- x2: "10",
383
- y1: "11",
384
- y2: "17"
385
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("line", {
386
- x1: "14",
387
- x2: "14",
388
- y1: "11",
389
- y2: "17"
390
- })]
391
- }), 'Delete');
392
- const GridColumnUnsortedIcon = /*#__PURE__*/React.memo(function GridColumnHeaderSortIcon(props) {
393
- const {
394
- sortingOrder
395
- } = props,
396
- other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded2);
397
- const rootProps = (0, _useGridRootProps.useGridRootProps)();
398
- const [nextSortDirection] = sortingOrder;
399
- const Icon = nextSortDirection === 'asc' ? rootProps.slots.columnSortedAscendingIcon : rootProps.slots.columnSortedDescendingIcon;
400
- return Icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, (0, _extends2.default)({}, other)) : null;
401
- });
402
- const joyIconSlots = {
403
- booleanCellTrueIcon: GridCheckIcon,
404
- booleanCellFalseIcon: GridCloseIcon,
405
- columnMenuIcon: GridTripleDotsVerticalIcon,
406
- openFilterButtonIcon: GridFilterListIcon,
407
- filterPanelDeleteIcon: GridCloseIcon,
408
- columnFilteredIcon: GridFilterAltIcon,
409
- columnSelectorIcon: GridColumnIcon,
410
- columnUnsortedIcon: GridColumnUnsortedIcon,
411
- columnSortedAscendingIcon: GridArrowUpwardIcon,
412
- columnSortedDescendingIcon: GridArrowDownwardIcon,
413
- columnResizeIcon: GridSeparatorIcon,
414
- densityCompactIcon: GridViewHeadlineIcon,
415
- densityStandardIcon: GridTableRowsIcon,
416
- densityComfortableIcon: GridViewStreamIcon,
417
- exportIcon: GridSaveAltIcon,
418
- moreActionsIcon: GridMoreVertIcon,
419
- treeDataCollapseIcon: GridExpandMoreIcon,
420
- treeDataExpandIcon: GridKeyboardArrowRight,
421
- groupingCriteriaCollapseIcon: GridExpandMoreIcon,
422
- groupingCriteriaExpandIcon: GridKeyboardArrowRight,
423
- detailPanelExpandIcon: GridAddIcon,
424
- detailPanelCollapseIcon: GridRemoveIcon,
425
- rowReorderIcon: GridDragIcon,
426
- quickFilterIcon: GridSearchIcon,
427
- quickFilterClearIcon: GridCloseIcon,
428
- columnMenuHideIcon: GridVisibilityOffIcon,
429
- columnMenuSortAscendingIcon: GridArrowUpwardIcon,
430
- columnMenuSortDescendingIcon: GridArrowDownwardIcon,
431
- columnMenuFilterIcon: GridFilterAltIcon,
432
- columnMenuManageColumnsIcon: GridViewColumnIcon,
433
- columnMenuClearIcon: GridClearIcon,
434
- loadIcon: GridLoadIcon,
435
- filterPanelAddIcon: GridAddIcon,
436
- filterPanelRemoveAllIcon: GridDeleteForeverIcon,
437
- columnReorderIcon: GridDragIcon
438
- };
439
- var _default = exports.default = joyIconSlots;
package/node/joy/index.js DELETED
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- Object.defineProperty(exports, "unstable_joySlots", {
8
- enumerable: true,
9
- get: function () {
10
- return _joySlots.default;
11
- }
12
- });
13
- var _joySlots = _interopRequireDefault(require("./joySlots"));