@crystaldesign/grid 24.12.1 → 24.12.2-rc.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/build/esm/index.js +20 -20
- package/package.json +5 -5
package/build/esm/index.js
CHANGED
|
@@ -168,7 +168,7 @@ function styleInject(css, ref) {
|
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
var draggedCell = "dragged-cell-9YMHK";
|
|
171
|
-
var css_248z$4 = ".dragged-cell-9YMHK {\
|
|
171
|
+
var css_248z$4 = ".dragged-cell-9YMHK {\n display: flex;\n justify-content: space-between;\n}\n\n.dragged-cell-9YMHK td {\n display: block;\n flex-grow: 100;\n}\n\n.dragged-cell-9YMHK td:nth-child(1) {\n padding: 16px 0 !important;\n}\n\n.dragged-cell-9YMHK td:nth-child(1) {\n max-width: 42px;\n width: 29px;\n}\n";
|
|
172
172
|
styleInject(css_248z$4);
|
|
173
173
|
|
|
174
174
|
var _excluded$3 = ["headerGroups", "rows", "isLoading", "selectedFlatRows"],
|
|
@@ -191,8 +191,8 @@ function MemoizedTable(_ref) {
|
|
|
191
191
|
}, [headerGroups, rows, isLoading, selectedFlatRows]);
|
|
192
192
|
}
|
|
193
193
|
|
|
194
|
-
/**
|
|
195
|
-
* Displays die data in a standart table view.
|
|
194
|
+
/**
|
|
195
|
+
* Displays die data in a standart table view.
|
|
196
196
|
*/
|
|
197
197
|
function Table(_ref2) {
|
|
198
198
|
var getTableProps = _ref2.getTableProps,
|
|
@@ -599,9 +599,9 @@ function GlobalFilter(_ref) {
|
|
|
599
599
|
|
|
600
600
|
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
601
601
|
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
602
|
-
/**
|
|
603
|
-
* The toolbar component for the grid, it holds filters and general action buttons.
|
|
604
|
-
* If there are filters specified it is expandable, otherwise it its a simple toolbar.
|
|
602
|
+
/**
|
|
603
|
+
* The toolbar component for the grid, it holds filters and general action buttons.
|
|
604
|
+
* If there are filters specified it is expandable, otherwise it its a simple toolbar.
|
|
605
605
|
*/
|
|
606
606
|
function Toolbar(_ref) {
|
|
607
607
|
var globalFilter = _ref.globalFilter,
|
|
@@ -709,7 +709,7 @@ function Toolbar(_ref) {
|
|
|
709
709
|
}
|
|
710
710
|
|
|
711
711
|
var menuItemShowTooltip = "menuItemShowTooltip-m-Rd7";
|
|
712
|
-
var css_248z$3 = ".menuItemShowTooltip-m-Rd7 {\
|
|
712
|
+
var css_248z$3 = ".menuItemShowTooltip-m-Rd7 {\n pointer-events: inherit !important;\n}\n";
|
|
713
713
|
styleInject(css_248z$3);
|
|
714
714
|
|
|
715
715
|
function ActionCell(_ref) {
|
|
@@ -1357,7 +1357,7 @@ var ExtendedTooltip = withStyles(function (theme) {
|
|
|
1357
1357
|
|
|
1358
1358
|
var editalbe = "editalbe-jZFBd";
|
|
1359
1359
|
var numbers = "numbers-mJ9nr";
|
|
1360
|
-
var css_248z$2 = ".editalbe-jZFBd {\
|
|
1360
|
+
var css_248z$2 = ".editalbe-jZFBd {\n width: 100%;\n min-height: 20px;\n cursor: text;\n}\n.editalbe-jZFBd:hover {\n border-bottom: 1px solid rgba(0, 0, 0, 0.42);\n font-size: 16px;\n font-weight: 400;\n}\n\n.numbers-mJ9nr {\n text-align: right;\n}\n.numbers-mJ9nr input {\n text-align: right;\n}\n";
|
|
1361
1361
|
styleInject(css_248z$2);
|
|
1362
1362
|
|
|
1363
1363
|
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1501,7 +1501,7 @@ function DefaultCell (_ref) {
|
|
|
1501
1501
|
}
|
|
1502
1502
|
|
|
1503
1503
|
var tooltip = "tooltip-uMWFc";
|
|
1504
|
-
var css_248z$1 = ".tooltip-uMWFc {\
|
|
1504
|
+
var css_248z$1 = ".tooltip-uMWFc {\n /* margin-top: 1rem; */\n background-color: #1b181a;\n color: white;\n padding: 6px;\n border-radius: 4px;\n}\n";
|
|
1505
1505
|
styleInject(css_248z$1);
|
|
1506
1506
|
|
|
1507
1507
|
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1662,7 +1662,7 @@ function MediaViewerCell (props) {
|
|
|
1662
1662
|
var imageCell = "imageCell-5dnCl";
|
|
1663
1663
|
var loaded = "loaded-RbMyi";
|
|
1664
1664
|
var hasError = "hasError-gzS9i";
|
|
1665
|
-
var css_248z = ".imageCell-5dnCl {\
|
|
1665
|
+
var css_248z = ".imageCell-5dnCl {\n display: block;\n min-width: 60px;\n height: 60px;\n margin: auto;\n}\n\n@keyframes loaded-RbMyi {\n 0% {\n opacity: 0.1;\n }\n 100% {\n opacity: 1;\n }\n}\n\n.imageCell-5dnCl.loaded-RbMyi:not(.hasError-gzS9i) {\n animation: loaded-RbMyi 300ms ease-in-out;\n}\n\n.imageCell-5dnCl.hasError-gzS9i {\n content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAAAAAAfl4auAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfmBQQGJh52F4jtAAAArElEQVRIx+3SwQ6CMAwG4K5sA8V4MTGejO//Ul48SLJkBDw4YNQLHIeuXvtf1mT7kraZugM/+IcVLFiwYMGs6PSVWk5i4GlcisLm46YvAAiAyivmYpqOh6FGgK5L9r2xMPRNqKqdTb/YWpgx+t3XkYcvUT2CnzUHQ4HPeCMX0oOl7Tz59qTtntM2tq+RnINoVDZW57Vdg9kYymqtKB9v/OkfFvY9ggULFiyYkw/YJiwWdl9zmAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNS0wNFQwNjozODowNiswMDowMIF3ol0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDUtMDRUMDY6Mzg6MDYrMDA6MDDwKhrhAAAAAElFTkSuQmCC);\n}\n";
|
|
1666
1666
|
styleInject(css_248z);
|
|
1667
1667
|
|
|
1668
1668
|
var placeholder = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAAAAAAfl4auAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfmBQQGJh52F4jtAAAArElEQVRIx+3SwQ6CMAwG4K5sA8V4MTGejO//Ul48SLJkBDw4YNQLHIeuXvtf1mT7kraZugM/+IcVLFiwYMGs6PSVWk5i4GlcisLm46YvAAiAyivmYpqOh6FGgK5L9r2xMPRNqKqdTb/YWpgx+t3XkYcvUT2CnzUHQ4HPeCMX0oOl7Tz59qTtntM2tq+RnINoVDZW57Vdg9kYymqtKB9v/OkfFvY9ggULFiyYkw/YJiwWdl9zmAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMi0wNS0wNFQwNjozODowNiswMDowMIF3ol0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjItMDUtMDRUMDY6Mzg6MDYrMDA6MDDwKhrhAAAAAElFTkSuQmCC";
|
|
@@ -2096,11 +2096,11 @@ function PriceCell (props) {
|
|
|
2096
2096
|
}
|
|
2097
2097
|
}
|
|
2098
2098
|
|
|
2099
|
-
/**
|
|
2100
|
-
*
|
|
2101
|
-
* NumberFormat fires onValueChange also onChanges cause by formatting, e.g. decimal rounding,
|
|
2102
|
-
* onChange on the other hand fires only if the actual value changes, however it returns only the formated value.
|
|
2103
|
-
* So we have to combine them here
|
|
2099
|
+
/**
|
|
2100
|
+
*
|
|
2101
|
+
* NumberFormat fires onValueChange also onChanges cause by formatting, e.g. decimal rounding,
|
|
2102
|
+
* onChange on the other hand fires only if the actual value changes, however it returns only the formated value.
|
|
2103
|
+
* So we have to combine them here
|
|
2104
2104
|
*/
|
|
2105
2105
|
function ControlledNumberFormat(_ref2) {
|
|
2106
2106
|
var onValueChange = _ref2.onValueChange,
|
|
@@ -3048,8 +3048,8 @@ function reducer(state, action) {
|
|
|
3048
3048
|
return newState;
|
|
3049
3049
|
}
|
|
3050
3050
|
|
|
3051
|
-
/**
|
|
3052
|
-
* The footerbar component for the grid, it holds general action buttons.
|
|
3051
|
+
/**
|
|
3052
|
+
* The footerbar component for the grid, it holds general action buttons.
|
|
3053
3053
|
*/
|
|
3054
3054
|
function Footerbar(_ref) {
|
|
3055
3055
|
var _ref$actions = _ref.actions,
|
|
@@ -3425,9 +3425,9 @@ function Grid(_ref) {
|
|
|
3425
3425
|
}
|
|
3426
3426
|
}, [total, pageSize]);
|
|
3427
3427
|
|
|
3428
|
-
/**
|
|
3429
|
-
* On selection of a row select/unselect rows according to the configuration
|
|
3430
|
-
* and fire the onSelect event, containing all currently selected rows
|
|
3428
|
+
/**
|
|
3429
|
+
* On selection of a row select/unselect rows according to the configuration
|
|
3430
|
+
* and fire the onSelect event, containing all currently selected rows
|
|
3431
3431
|
*/
|
|
3432
3432
|
var selectRow = useCallback(function (rowPath) {
|
|
3433
3433
|
var row = flatRows.find(function (r) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@crystaldesign/grid",
|
|
3
|
-
"version": "24.12.
|
|
3
|
+
"version": "24.12.2-rc.0",
|
|
4
4
|
"license": "COMMERCIAL",
|
|
5
5
|
"devDependencies": {
|
|
6
6
|
"@material-ui/pickers": "^3.2.10",
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"react-dom": "18.3.1"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@crystaldesign/content-box": "24.12.
|
|
16
|
-
"@crystaldesign/rtf-editor": "24.12.
|
|
17
|
-
"@crystaldesign/searchfield": "24.12.
|
|
15
|
+
"@crystaldesign/content-box": "24.12.2-rc.0",
|
|
16
|
+
"@crystaldesign/rtf-editor": "24.12.2-rc.0",
|
|
17
|
+
"@crystaldesign/searchfield": "24.12.2-rc.0",
|
|
18
18
|
"@date-io/core": "^1.3.13",
|
|
19
19
|
"@date-io/date-fns": "^1.3.13",
|
|
20
20
|
"@material-ui/core": "^4.12.4",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
},
|
|
42
42
|
"module": "build/esm/index.js",
|
|
43
43
|
"types": "./build/types/grid/src/index.d.ts",
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "53d0fc1ae8be36407d1f9e404794894c9b714e15"
|
|
45
45
|
}
|