@uxf/data-grid 10.0.0-beta.70 → 10.0.0-beta.71

package/data-grid.js

@@ -85,7 +85,7 @@ const DataGrid = (props) => {
     const columns = (0, useColumns_1.useColumns)(props, onReload);
     const components = (0, react_1.useMemo)(() => {
         return {
-            checkboxFormatter: SelectRowCheckbox,
+            renderCheckbox: (args) => react_1.default.createElement(SelectRowCheckbox, { ...args }),
             noRowsFallback: react_1.default.createElement(NoRowsFallback, { error: state.error, loading: !!state.loading }),
         };
     }, [SelectRowCheckbox, NoRowsFallback, state.error, state.loading]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "10.0.0-beta.70",
+  "version": "10.0.0-beta.71",
   "description": "UXF DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",

package/tailwindui/components/select-row-checkbox.js

@@ -26,16 +26,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectRowCheckbox = void 0;
 const react_1 = __importStar(require("react"));
 const checkbox_1 = require("@uxf/ui/checkbox");
-const SelectRowComponent = (props, ref) => {
+const SelectRowComponent = (props) => {
     var _a;
     const handleChange = (value, e) => {
-        var _a;
         if (typeof value !== "undefined") {
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            props.onChange(value, (_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.shiftKey);
+            const shiftKey = (e === null || e === void 0 ? void 0 : e.nativeEvent) && e.nativeEvent instanceof MouseEvent ? e.nativeEvent.shiftKey : false;
+            props.onChange(value, shiftKey);
         }
     };
     return (react_1.default.createElement("div", { className: "uxf-data-grid__select-row-checkbox-wrapper" },
-        react_1.default.createElement(checkbox_1.Checkbox, { ref: ref, ...props, value: (_a = props.checked) !== null && _a !== void 0 ? _a : false, onChange: handleChange })));
+        react_1.default.createElement(checkbox_1.Checkbox, { ...props, value: (_a = props.checked) !== null && _a !== void 0 ? _a : false, onChange: handleChange })));
 };
 exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);

package/tailwindui/styles.css

@@ -10,7 +10,7 @@
         --rdg-header-background-color: theme("colors.gray.50");
         --rdg-row-hover-background-color: theme("colors.gray.50");
         --rdg-row-selected-background-color: theme("colors.gray.100/.75");
-        --row-selected-hover-background-color: theme("colors.gray.200/.75");
+        --rdg-row-selected-hover-background-color: theme("colors.gray.200/.75");
         --rdg-selection-color: theme("colors.lightBorder");
         --rdg-font-size: 14px;
 
@@ -23,7 +23,7 @@
             --rdg-header-background-color: theme("colors.gray.900");
             --rdg-row-hover-background-color: theme("colors.gray.950");
             --rdg-row-selected-background-color: theme("colors.gray.900/.75");
-            --row-selected-hover-background-color: theme("colors.gray.800/.75");
+            --rdg-row-selected-hover-background-color: theme("colors.gray.800/.75");
             --rdg-selection-color: theme("colors.darkBorder");
             --rdg-font-size: 14px;
         }
@@ -291,6 +291,7 @@
         bottom: theme("spacing.8");
         display: flex;
         justify-content: center;
+        left: 0;
         position: fixed;
         right: 0;
     }
@@ -525,7 +526,9 @@
     }
 }
 
-.rdg-cell.action {
+/* TODO: tohle je imo k ničemu, že Vejvis? */
+
+/* .rdg-cell.action {
     align-items: center;
     border-right: 0;
     box-shadow: -3px 0 15px rgba(221 221 221 / 50%);
@@ -534,7 +537,7 @@
     position: sticky;
     right: 0;
     text-align: right;
-}
+} */
 
 .rdg-header-row {
     color: theme("colors.lightLow");