@uxf/data-grid 5.0.0-beta.10 → 5.0.0-beta.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/data-grid",
-  "version": "5.0.0-beta.10",
+  "version": "5.0.0-beta.12",
   "description": "Redux DataGrid",
   "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "main": "index.js",
@@ -42,7 +42,6 @@
   },
   "devDependencies": {
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/forms": "^0.5.2",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@types/jest": "^26.0.19",
     "@types/react": "^18.0.25",

package/tailwindui/body-cell/body-cell-to-many.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellToMany = void 0;
 var react_1 = __importDefault(require("react"));
 var BodyCellToMany = function (props) {
-    if (typeof props.value !== "object") {
+    if (typeof props.value !== "object" || props.value === null) {
         return null;
     }
     return (react_1.default.createElement(react_1.default.Fragment, null, Object.values(props.value)
@@ -15,4 +15,4 @@ var BodyCellToMany = function (props) {
         .join(", ")));
 };
 exports.BodyCellToMany = BodyCellToMany;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXRvLW1hbnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLXRvLW1hbnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLGNBQWMsR0FBZ0MsVUFBQSxLQUFLO0lBQzVELElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsRUFBRTtRQUNqQyxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILDhEQUNLLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztTQUN0QixHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUUsQ0FBdUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE3RCxDQUE2RCxDQUFDO1NBQ3ZFLE1BQU0sQ0FBQyxPQUFPLENBQUM7U0FDZixJQUFJLENBQUMsSUFBSSxDQUFDLENBQ2hCLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQWJXLFFBQUEsY0FBYyxrQkFhekIifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXRvLW1hbnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdGFpbHdpbmR1aS9ib2R5LWNlbGwvYm9keS1jZWxsLXRvLW1hbnkudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLGdEQUEwQjtBQUduQixJQUFNLGNBQWMsR0FBZ0MsVUFBQSxLQUFLO0lBQzVELElBQUksT0FBTyxLQUFLLENBQUMsS0FBSyxLQUFLLFFBQVEsSUFBSSxLQUFLLENBQUMsS0FBSyxLQUFLLElBQUksRUFBRTtRQUN6RCxPQUFPLElBQUksQ0FBQztLQUNmO0lBRUQsT0FBTyxDQUNILDhEQUNLLE1BQU0sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztTQUN0QixHQUFHLENBQUMsVUFBQSxDQUFDLElBQUksT0FBQSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksT0FBTyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUUsQ0FBdUIsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUE3RCxDQUE2RCxDQUFDO1NBQ3ZFLE1BQU0sQ0FBQyxPQUFPLENBQUM7U0FDZixJQUFJLENBQUMsSUFBSSxDQUFDLENBQ2hCLENBQ04sQ0FBQztBQUNOLENBQUMsQ0FBQztBQWJXLFFBQUEsY0FBYyxrQkFhekIifQ==

package/tailwindui/body-cell/body-cell-to-one.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BodyCellToOne = void 0;
 var react_1 = __importDefault(require("react"));
 var BodyCellToOne = function (props) {
-    if (typeof props.value !== "object") {
+    if (typeof props.value !== "object" || props.value === null) {
         return null;
     }
     return react_1.default.createElement("span", null, props.value.label);
 };
 exports.BodyCellToOne = BodyCellToOne;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXRvLW9uZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2JvZHktY2VsbC9ib2R5LWNlbGwtdG8tb25lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxhQUFhLEdBQWdDLFVBQUEsS0FBSztJQUMzRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxRQUFRLEVBQUU7UUFDakMsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sNENBQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQVEsQ0FBQztBQUM1QyxDQUFDLENBQUM7QUFOVyxRQUFBLGFBQWEsaUJBTXhCIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9keS1jZWxsLXRvLW9uZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2JvZHktY2VsbC9ib2R5LWNlbGwtdG8tb25lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7QUFBQSxnREFBMEI7QUFHbkIsSUFBTSxhQUFhLEdBQWdDLFVBQUEsS0FBSztJQUMzRCxJQUFJLE9BQU8sS0FBSyxDQUFDLEtBQUssS0FBSyxRQUFRLElBQUksS0FBSyxDQUFDLEtBQUssS0FBSyxJQUFJLEVBQUU7UUFDekQsT0FBTyxJQUFJLENBQUM7S0FDZjtJQUVELE9BQU8sNENBQU8sS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQVEsQ0FBQztBQUM1QyxDQUFDLENBQUM7QUFOVyxRQUFBLGFBQWEsaUJBTXhCIn0=

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

@@ -47,12 +47,15 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectRowCheckbox = void 0;
 var react_1 = __importStar(require("react"));
+var checkbox_visual_1 = require("@uxf/ui/checkbox-visual");
 var SelectRowComponent = function (_a, ref) {
     var onChange = _a.onChange, props = __rest(_a, ["onChange"]);
-    var handleChange = function (e) {
-        onChange(e.target.checked, e.nativeEvent.shiftKey);
+    var handleChange = function (value, e) {
+        var _a;
+        onChange(value, (_a = e === null || e === void 0 ? void 0 : e.nativeEvent) === null || _a === void 0 ? void 0 : _a.shiftKey);
     };
-    return (react_1.default.createElement("input", __assign({ type: "checkbox", className: "uxf-data-grid__select-row-checkbox", ref: ref }, props, { onChange: handleChange })));
+    return (react_1.default.createElement("div", { className: "uxf-data-grid__select-row-checkbox-wrapper" },
+        react_1.default.createElement(checkbox_visual_1.CheckboxVisual, __assign({ ref: ref }, props, { value: props.checked, onChange: handleChange }))));
 };
 exports.SelectRowCheckbox = (0, react_1.forwardRef)(SelectRowComponent);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTBDO0FBRzFDLElBQU0sa0JBQWtCLEdBQStCLFVBQUMsRUFBc0IsRUFBRSxHQUFRO0lBQTlCLElBQUEsUUFBUSxjQUFBLEVBQUssS0FBSyxjQUFwQixZQUFzQixDQUFGO0lBQ3hFLElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBc0M7UUFDeEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFHLENBQUMsQ0FBQyxXQUEwQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQ3ZFLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDSCxrREFDSSxJQUFJLEVBQUMsVUFBVSxFQUNmLFNBQVMsRUFBQyxvQ0FBb0MsRUFDOUMsR0FBRyxFQUFFLEdBQUcsSUFDSixLQUFLLElBQ1QsUUFBUSxFQUFFLFlBQVksSUFDeEIsQ0FDTCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRVcsUUFBQSxpQkFBaUIsR0FBK0IsSUFBQSxrQkFBVSxFQUFDLGtCQUF5QixDQUFDLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LXJvdy1jaGVja2JveC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWlsd2luZHVpL2NvbXBvbmVudHMvc2VsZWN0LXJvdy1jaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQTBDO0FBRTFDLDJEQUF5RDtBQUV6RCxJQUFNLGtCQUFrQixHQUErQixVQUFDLEVBQXNCLEVBQUUsR0FBUTtJQUE5QixJQUFBLFFBQVEsY0FBQSxFQUFLLEtBQUssY0FBcEIsWUFBc0IsQ0FBRjtJQUN4RSxJQUFNLFlBQVksR0FBRyxVQUFDLEtBQWMsRUFBRSxDQUFrRDs7UUFDcEYsUUFBUSxDQUFDLEtBQUssRUFBRSxNQUFDLENBQUMsYUFBRCxDQUFDLHVCQUFELENBQUMsQ0FBRSxXQUEwQiwwQ0FBRSxRQUFRLENBQUMsQ0FBQztJQUM5RCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0gsdUNBQUssU0FBUyxFQUFDLDRDQUE0QztRQUN2RCw4QkFBQyxnQ0FBYyxhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sS0FBSyxJQUFFLEtBQUssRUFBRSxLQUFLLENBQUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxZQUFZLElBQUksQ0FDbkYsQ0FDVCxDQUFDO0FBQ04sQ0FBQyxDQUFDO0FBRVcsUUFBQSxpQkFBaUIsR0FBK0IsSUFBQSxrQkFBVSxFQUFDLGtCQUF5QixDQUFDLENBQUMifQ==

package/tailwindui/styles.css

@@ -150,8 +150,8 @@
         }
     }
 
-    &__select-row-checkbox {
-        @apply form-checkbox focus:ring-0 checked:bg-dataGridSecondary focus:checked:bg-dataGridSecondary active:bg-dataGridSecondary h-4 w-4 border-gray-300 rounded;
+    &__select-row-checkbox-wrapper {
+        @apply flex items-center justify-center text-white w-full h-full;
     }
 
     &__selected-rows-toolbar-wrapper {