@uxf/data-grid - npm Package Compare versions

Comparing version 11.11.0 to 11.11.2

body-cell/body-cell-boolean.js

@@ -15,4 +15,4 @@ "use strict";
     return (react_1.default.createElement("div", { className: "uxf-data-grid__body-cell--boolean" },
-        react_1.default.createElement(checkbox_1.Checkbox, { value: props.value, onChange: () => void null, isDisabled: true })));
+        react_1.default.createElement(checkbox_1.Checkbox, { value: props.value, name: props.column.name, onChange: () => void null, isDisabled: true })));
 };
 exports.BodyCellBoolean = BodyCellBoolean;

data-grid.stories.js

@@ -57,3 +57,3 @@ "use strict";
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(toggle_1.Toggle, { label: "No border", value: noBorder, onChange: (value) => setNoBorder(!!value) }),
+        react_1.default.createElement(toggle_1.Toggle, { label: "No border", value: noBorder, onChange: (value) => setNoBorder(!!value), name: "noBorder" }),
         react_1.default.createElement(data_grid_1.DataGrid, { onReload: onReload, state: state, actions: actions, data: data, isLoading: isLoading, error: error, schema: schema_1.schema, onCsvDownload: console.log, noBorder: noBorder, isRowSelectable: true, actionCell: {
@@ -60,0 +60,0 @@ width: 100,

filter-handler/bool-filter.js

@@ -14,3 +14,3 @@ "use strict";
             { id: 0, label: "Ne" },
-        ], label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value }), isClearable: true })),
+        ], label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value }), isClearable: true, name: props.filter.name })),
     listItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
@@ -17,0 +17,0 @@ props.filter.label,

filter-handler/boolean-filter.js

@@ -10,3 +10,3 @@ "use strict";
 const BooleanFilterHandler = {
-    input: (props) => (react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value: value === true ? value : undefined }) })),
+    input: (props) => (react_1.default.createElement(checkbox_input_1.CheckboxInput, { label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value: value === true ? value : undefined }), name: props.filter.name })),
     listItem: (props) => (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
@@ -13,0 +13,0 @@ props.filter.label,

filter-handler/date.js

@@ -22,4 +22,4 @@ "use strict";
                     value: { ...initializedValue.value, from: changedValue },
-                }), label: `${props.filter.label} (od)` }),
-            react_1.default.createElement(date_picker_input_1.DatePickerInput, { value: initializedValue.value.to, onChange: (changedValue) => props.onFilter({ ...initializedValue, value: { ...initializedValue.value, to: changedValue } }), label: `${props.filter.label} (do)` })));
+                }), label: `${props.filter.label} (od)`, name: props.filter.name }),
+            react_1.default.createElement(date_picker_input_1.DatePickerInput, { value: initializedValue.value.to, onChange: (changedValue) => props.onFilter({ ...initializedValue, value: { ...initializedValue.value, to: changedValue } }), label: `${props.filter.label} (do)`, name: props.filter.name })));
     },
@@ -26,0 +26,0 @@ listItem: function (props) {

filter-handler/interval-filter.js

@@ -26,3 +26,3 @@ "use strict";
                         });
-                    } }),
+                    }, name: props.filter.name }),
                 react_1.default.createElement("div", { className: "uxf-data-grid__filter-gap" }, "\u2013"),
@@ -37,3 +37,3 @@ react_1.default.createElement(text_input_1.TextInput, { label: `${props.filter.label} do:`, value: props.value.value ? props.value.value.to : "", onChange: (val) => {
                         });
-                    } }))));
+                    }, name: props.filter.name }))));
     },
@@ -40,0 +40,0 @@ listItem: (props) => {

filter-handler/multi-select.js

@@ -18,3 +18,3 @@ "use strict";
                 });
-            } }));
+            }, name: props.filter.name }));
     },
@@ -21,0 +21,0 @@ listItem: (props) => {

filter-handler/select-filter.js

@@ -12,3 +12,3 @@ "use strict";
         var _a;
-        return (react_1.default.createElement(select_1.Select, { options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : [], label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value }), isClearable: true }));
+        return (react_1.default.createElement(select_1.Select, { options: (_a = props.filter.options) !== null && _a !== void 0 ? _a : [], label: props.filter.label, value: props.value.value, onChange: (value) => props.onFilter({ ...props.value, value }), isClearable: true, name: props.filter.name }));
     },
@@ -15,0 +15,0 @@ listItem: (props) => {

filter-handler/text-filter.js

@@ -12,3 +12,3 @@ "use strict";
         var _a;
-        return (react_1.default.createElement(text_input_1.TextInput, { label: props.filter.label, value: (_a = props.value.value) !== null && _a !== void 0 ? _a : "", onChange: (value) => props.onFilter({ ...props.value, value }) }));
+        return (react_1.default.createElement(text_input_1.TextInput, { label: props.filter.label, value: (_a = props.value.value) !== null && _a !== void 0 ? _a : "", onChange: (value) => props.onFilter({ ...props.value, value }), name: props.filter.name }));
     },
@@ -15,0 +15,0 @@ listItem: (props) => {

fulltext-input/fulltext-input.js

@@ -11,4 +11,4 @@ "use strict";
 function FulltextInput(props) {
-    return (react_1.default.createElement(text_input_1.TextInput, { value: props.state.request.search, onChange: props.actions.search, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), label: "Vyhled\u00E1v\u00E1n\u00ED", hiddenLabel: true }));
+    return (react_1.default.createElement(text_input_1.TextInput, { value: props.state.request.search, onChange: props.actions.search, placeholder: "Pi\u0161te pro hled\u00E1n\u00ED", className: "uxf-data-grid__plugin-fulltext", size: "small", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), label: "Vyhled\u00E1v\u00E1n\u00ED", hiddenLabel: true, name: "fulltext" }));
 }
 exports.FulltextInput = FulltextInput;

hidden-columns/hidden-columns.js

@@ -12,5 +12,5 @@ "use strict";
         var _a, _b;
-        return (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", value: !((_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[column.name]) === null || _b === void 0 ? void 0 : _b.isHidden), onChange: (value) => value ? props.actions.showColumn(column.name) : props.actions.hideColumn(column.name) }));
+        return (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", value: !((_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[column.name]) === null || _b === void 0 ? void 0 : _b.isHidden), onChange: (value) => value ? props.actions.showColumn(column.name) : props.actions.hideColumn(column.name), name: column.name }));
     })));
 }
 exports.HiddenColumns = HiddenColumns;

package.json

 {
   "name": "@uxf/data-grid",
-  "version": "11.11.0",
+  "version": "11.11.2",
   "description": "UXF DataGrid",
@@ -34,3 +34,3 @@ "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
   "dependencies": {
-    "@uxf/ui": "11.11.0",
+    "@uxf/ui": "11.11.2",
     "dayjs": "1.11.10",
@@ -37,0 +37,0 @@ "fast-glob": "3.3.2",

rows-per-page-select/rows-per-page-select.js

@@ -18,4 +18,4 @@ "use strict";
         react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
-        react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.state.request.perPage, onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", label: "Po\u010Det \u0159\u00E1dk\u016F", hiddenLabel: true })));
+        react_1.default.createElement(select_1.Select, { id: "uxf-data-grid--select-per-page", value: props.state.request.perPage, onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", label: "Po\u010Det \u0159\u00E1dk\u016F", hiddenLabel: true, name: "rows-per-page" })));
 }
 exports.RowsPerPageSelect = RowsPerPageSelect;

table/components/select-row-checkbox.js

 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
@@ -8,3 +28,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const checkbox_1 = require("@uxf/ui/checkbox");
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 function SelectRowCheckbox(props) {
@@ -18,5 +38,6 @@ var _a;
     };
+    const id = (0, react_1.useId)();
     return (react_1.default.createElement("div", { className: "uxf-data-grid__select-row-checkbox-wrapper" },
-        react_1.default.createElement(checkbox_1.Checkbox, { ...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, name: id })));
 }
 exports.SelectRowCheckbox = SelectRowCheckbox;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

181779

increased by0.7%

Lines of code

4024

increased by0.57%

Dependency changes

• + Added@uxf/ui@11.11.2(transitive)

• - Removed@uxf/ui@11.11.0(transitive)

• Updated@uxf/ui@11.11.2