@uxf/data-grid 11.72.3 → 11.74.1

package/README.md

@@ -1,5 +1,7 @@
 # DataGrid
 
+> **Note:** This package contains translations. For proper functionality, you must use the `TranslationsProvider` from `@uxf/core-react/translations`. See the [core-react documentation](https://fe.uxf.dev/docs/core-react) for more information.
+
 ## Installation / Upgrade
 
 ```
@@ -88,9 +90,9 @@ import { useUserConfigLocalStorageAdapter } from "@uxf/data-grid/user-config-sto
 function BasicExample() {
     const { middleware, useUserConfig } = useUserConfigLocalStorageAdapter(schema);
     const { state, actions } = useDataGridControl({ schema, middleware });
-    
+
     useUserConfig(actions);
-    
+
     const { isLoading, error, data, reload } = useDataGridFetching(loader, schema, "grid-name", state);
 
     return (
@@ -135,5 +137,3 @@ function Example_1(props) {
     return <Table schema={schema}/>
 }
 ```
-
-

package/export-button/export-button.js

@@ -5,12 +5,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridExportButton = DataGridExportButton;
+const translations_1 = require("@uxf/core-react/translations");
 const download_file_1 = require("@uxf/core/utils/download-file");
 const button_1 = require("@uxf/ui/button");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("../utils");
 function DataGridExportButton(props) {
-    return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => (0, download_file_1.downloadFile)(props.getCsvDownloadUrl((0, utils_1.createRequest)(props.state.request)), "export.csv"), size: "sm", title: "St\u00E1hnout CSV", variant: "secondary" },
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement(button_1.Button, { className: "uxf-data-grid__plugin-button", isIconButton: true, onClick: () => (0, download_file_1.downloadFile)(props.getCsvDownloadUrl((0, utils_1.createRequest)(props.state.request)), "export.csv"), size: "sm", title: t("uxf-data-grid-export-button:download-csv"), variant: "secondary" },
         react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" })));
 }

package/filter-handler/boolean-select.js

@@ -3,22 +3,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+const translations_1 = require("@uxf/core-react/translations");
 const chip_1 = require("@uxf/ui/chip");
 const select_1 = require("@uxf/ui/select");
 const react_1 = __importDefault(require("react"));
 const filterHandler = {
     Input(props) {
         var _a;
+        const t = (0, translations_1.useUxfTranslation)();
         return (react_1.default.createElement(select_1.Select, { isClearable: true, label: props.filter.label, name: props.filter.name, onChange: (value) => props.onChange(value), options: [
-                { id: 1, label: "Ano" },
-                { id: 0, label: "Ne" },
+                { id: 1, label: t("uxf-data-grid-boolean-filter:yes") },
+                { id: 0, label: t("uxf-data-grid-boolean-filter:no") },
             ], placeholder: (_a = props.filter.config) === null || _a === void 0 ? void 0 : _a.placeholder, value: props.value }));
     },
     ListItem(props) {
+        const t = (0, translations_1.useUxfTranslation)();
         return (react_1.default.createElement(chip_1.Chip, { onClose: props.onClear },
             props.filter.label,
             ":\u00A0",
-            props.value ? "Ano" : "Ne"));
+            props.value ? t("uxf-data-grid-boolean-filter:yes") : t("uxf-data-grid-boolean-filter:no")));
     },
 };
 exports.default = filterHandler;

package/filters-button/filters-button.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridFiltersButton = DataGridFiltersButton;
+const translations_1 = require("@uxf/core-react/translations");
 const icon_button_1 = require("@uxf/ui/icon-button");
 const modal_1 = require("@uxf/ui/modal/modal");
 const react_1 = __importStar(require("react"));
@@ -32,14 +33,15 @@ const drawer_1 = require("../_components/drawer");
 const filters_1 = require("../filters");
 function DataGridFiltersButton(props) {
     var _a;
+    const t = (0, translations_1.useUxfTranslation)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     if (props.schema.filters.length === 0) {
         return null;
     }
     const closeHandler = () => setIsOpen(false);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-data-grid__plugin-button", iconName: "filter", label: "Filtry", onClick: () => setIsOpen(true), size: "sm", title: "Filtrovat", variant: "secondary" }),
+        react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-data-grid__plugin-button", iconName: "filter", label: t("uxf-data-grid-filters-button:filters-label"), onClick: () => setIsOpen(true), size: "sm", title: t("uxf-data-grid-filters-button:filter-title"), variant: "secondary" }),
         react_1.default.createElement(modal_1.Modal, { className: "uxf-dg-modal", close: closeHandler, isOpen: isOpen, variant: "drawer-right" },
-            react_1.default.createElement(drawer_1.Drawer, { onClose: closeHandler, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Filtrování" },
+            react_1.default.createElement(drawer_1.Drawer, { onClose: closeHandler, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : t("uxf-data-grid-filters-button:filtering-title") },
                 react_1.default.createElement(filters_1.DataGridFilters, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state })))));
 }

package/fulltext-input/fulltext-input.js

@@ -4,10 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridFulltextInput = DataGridFulltextInput;
+const translations_1 = require("@uxf/core-react/translations");
 const icon_1 = require("@uxf/ui/icon");
 const text_input_1 = require("@uxf/ui/text-input");
 const react_1 = __importDefault(require("react"));
 function DataGridFulltextInput(props) {
     var _a;
-    return (react_1.default.createElement(text_input_1.TextInput, { className: "uxf-data-grid__plugin-fulltext", hiddenLabel: true, label: "Vyhled\u00E1v\u00E1n\u00ED", leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), name: "fulltext", onChange: props.actions.search, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : "Pište pro hledání", size: "small", value: props.state.request.search }));
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement(text_input_1.TextInput, { className: "uxf-data-grid__plugin-fulltext", hiddenLabel: true, label: t("uxf-data-grid-fulltext-input:search-label"), leftElement: react_1.default.createElement(icon_1.Icon, { name: "search", size: 16 }), name: "fulltext", onChange: props.actions.search, placeholder: (_a = props.placeholder) !== null && _a !== void 0 ? _a : t("uxf-data-grid-fulltext-input:search-placeholder"), size: "small", value: props.state.request.search }));
 }

package/hidden-columns/hidden-columns.js

@@ -6,6 +6,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridHiddenColumns = DataGridHiddenColumns;
 const show_1 = require("@uxf/core-react/components/show");
+const translations_1 = require("@uxf/core-react/translations");
 const is_empty_1 = require("@uxf/core/utils/is-empty");
 const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
 const icon_1 = require("@uxf/ui/icon");
@@ -13,6 +14,7 @@ const text_link_1 = require("@uxf/ui/text-link");
 const toggle_1 = require("@uxf/ui/toggle");
 const react_1 = __importDefault(require("react"));
 function DataGridHiddenColumns(props) {
+    const t = (0, translations_1.useUxfTranslation)();
     const columns = props.schema.columns.filter((c) => !c.hidden);
     const visibleColumns = columns.filter((c) => { var _a, _b, _c, _d; return !((_c = (_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[c.name]) === null || _b === void 0 ? void 0 : _b.isHidden) !== null && _c !== void 0 ? _c : (_d = c.config) === null || _d === void 0 ? void 0 : _d.isHidden); });
     const hiddenColumns = columns.filter((c) => { var _a, _b, _c, _d; return (_c = (_b = (_a = props.state.userConfig.columns) === null || _a === void 0 ? void 0 : _a[c.name]) === null || _b === void 0 ? void 0 : _b.isHidden) !== null && _c !== void 0 ? _c : (_d = c.config) === null || _d === void 0 ? void 0 : _d.isHidden; });
@@ -20,16 +22,16 @@ function DataGridHiddenColumns(props) {
     const onChangeAll = (value) => () => columns.forEach((column) => props.actions[value ? "showColumn" : "hideColumn"](column.name));
     return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control-columns" },
         react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-title" },
-            react_1.default.createElement("div", null, "Zobrazen\u00E9 sloupce"),
-            react_1.default.createElement(text_link_1.TextLink, { isDisabled: (0, is_empty_1.isEmpty)(visibleColumns), onClick: onChangeAll(false), variant: "text" }, "skr\u00FDt v\u0161e")),
+            react_1.default.createElement("div", null, t("uxf-data-grid-hidden-columns:visible-columns")),
+            react_1.default.createElement(text_link_1.TextLink, { isDisabled: (0, is_empty_1.isEmpty)(visibleColumns), onClick: onChangeAll(false), variant: "text" }, t("uxf-data-grid-hidden-columns:hide-all"))),
         visibleColumns.map((column) => (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", name: column.name, onChange: onToggleChange(column.name), size: "sm", value: true, variant: "reversed" }))),
         react_1.default.createElement(show_1.Show, { when: (0, is_empty_1.isEmpty)(visibleColumns) },
             react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-empty-box" },
                 react_1.default.createElement(icon_1.Icon, { name: "triangle-exclamation-solid", size: 20 }),
-                "Tabulka m\u00E1 v\u0161echny sloupce skryt\u00E9. Pro zobrazen\u00ED vyberte sloupec n\u00ED\u017Ee.")),
+                t("uxf-data-grid-hidden-columns:empty-message"))),
         react_1.default.createElement(show_1.Show, { when: (0, is_not_empty_1.isNotEmpty)(hiddenColumns) },
             react_1.default.createElement("div", { className: "uxf-data-grid__hidden-columns-title" },
-                react_1.default.createElement("div", null, "Skryt\u00E9 sloupce"),
-                react_1.default.createElement(text_link_1.TextLink, { onClick: onChangeAll(true), variant: "text" }, "zobrazit v\u0161e")),
+                react_1.default.createElement("div", null, t("uxf-data-grid-hidden-columns:hidden-columns")),
+                react_1.default.createElement(text_link_1.TextLink, { onClick: onChangeAll(true), variant: "text" }, t("uxf-data-grid-hidden-columns:show-all"))),
             hiddenColumns.map((column) => (react_1.default.createElement(toggle_1.Toggle, { key: column.name, label: typeof column.label === "string" ? column.label : "", name: column.name, onChange: onToggleChange(column.name), size: "sm", value: false, variant: "reversed" }))))));
 }

package/hidden-columns-button/hidden-columns-button.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridHiddenColumnsButton = DataGridHiddenColumnsButton;
+const translations_1 = require("@uxf/core-react/translations");
 const icon_button_1 = require("@uxf/ui/icon-button");
 const modal_1 = require("@uxf/ui/modal/modal");
 const react_1 = __importStar(require("react"));
@@ -32,11 +33,12 @@ const drawer_1 = require("../_components/drawer");
 const hidden_columns_1 = require("../hidden-columns");
 function DataGridHiddenColumnsButton(props) {
     var _a;
+    const t = (0, translations_1.useUxfTranslation)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const closeHandler = () => setIsOpen(false);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-data-grid__plugin-button", iconName: "table-columns", label: "Nastaven\u00ED sloupc\u016F", onClick: () => setIsOpen(true), size: "sm", variant: "secondary" }),
+        react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-data-grid__plugin-button", iconName: "table-columns", label: t("uxf-data-grid-hidden-columns-button:column-settings-label"), onClick: () => setIsOpen(true), size: "sm", variant: "secondary" }),
         react_1.default.createElement(modal_1.Modal, { className: "uxf-dg-modal", close: closeHandler, isOpen: isOpen, variant: "drawer-right" },
-            react_1.default.createElement(drawer_1.Drawer, { onClose: closeHandler, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : "Sloupce" },
+            react_1.default.createElement(drawer_1.Drawer, { onClose: closeHandler, title: (_a = props.drawerTitle) !== null && _a !== void 0 ? _a : t("uxf-data-grid-hidden-columns-button:columns-title") },
                 react_1.default.createElement(hidden_columns_1.DataGridHiddenColumns, { actions: props.actions, schema: props.schema, state: props.state })))));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/data-grid",
-    "version": "11.72.3",
+    "version": "11.74.1",
     "description": "UXF DataGrid",
     "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
     "main": "index.js",
@@ -32,8 +32,8 @@
     },
     "dependencies": {
         "@uxf/core": "11.72.3",
-        "@uxf/core-react": "11.72.3",
-        "@uxf/ui": "11.72.3",
+        "@uxf/core-react": "11.74.1",
+        "@uxf/ui": "11.74.1",
         "dayjs": "1.11.13",
         "deepmerge": "4.3.1",
         "fast-glob": "3.3.2",

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

@@ -4,6 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridRowsPerPageSelect = DataGridRowsPerPageSelect;
+const translations_1 = require("@uxf/core-react/translations");
 const select_1 = require("@uxf/ui/select");
 const react_1 = __importDefault(require("react"));
 const PER_PAGE_OPTIONS = [
@@ -13,7 +14,8 @@ const PER_PAGE_OPTIONS = [
     { id: 100, label: "100" },
 ];
 function DataGridRowsPerPageSelect(props) {
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement("div", { className: "uxf-data-grid__rows-per-page" },
-        react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, "Po\u010Det \u0159\u00E1dk\u016F"),
-        react_1.default.createElement(select_1.Select, { hiddenLabel: true, id: "uxf-data-grid--select-per-page", label: "Po\u010Det \u0159\u00E1dk\u016F", name: "rows-per-page", onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", value: props.state.request.perPage })));
+        react_1.default.createElement("label", { htmlFor: "uxf-data-grid--select-per-page" }, t("uxf-data-grid-rows-per-page-select:rows-count-label")),
+        react_1.default.createElement(select_1.Select, { hiddenLabel: true, id: "uxf-data-grid--select-per-page", label: t("uxf-data-grid-rows-per-page-select:rows-count-label"), name: "rows-per-page", onChange: (value) => props.actions.changePerPage(value !== null && value !== void 0 ? value : 10), options: PER_PAGE_OPTIONS, size: "small", value: props.state.request.perPage })));
 }

package/selected-rows-toolbar/selected-rows-toolbar.js

@@ -4,18 +4,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridSelectedRowsToolbar = DataGridSelectedRowsToolbar;
+const translations_1 = require("@uxf/core-react/translations");
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
-const getText = (count) => {
+const getText = (count, t) => {
     if (count === 1) {
-        return "Vybrán 1 záznam";
+        return t("uxf-data-grid-selected-rows-toolbar:selected-one");
     }
     if (count < 5) {
-        return `Vybrány ${count} záznamy`;
+        return t("uxf-data-grid-selected-rows-toolbar:selected-few", { count });
     }
-    return `Vybráno ${count} záznamů`;
+    return t("uxf-data-grid-selected-rows-toolbar:selected-many", { count });
 };
 function DataGridSelectedRowsToolbar(props) {
+    const t = (0, translations_1.useUxfTranslation)();
     if (!props.state.selectedRows) {
         return null;
     }
@@ -24,8 +26,8 @@ function DataGridSelectedRowsToolbar(props) {
     }
     return (react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-wrapper", style: { paddingLeft: 240 } },
         react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar" },
-            react_1.default.createElement("p", null, getText(props.state.selectedRows.length)),
+            react_1.default.createElement("p", null, getText(props.state.selectedRows.length, t)),
             react_1.default.createElement("div", { className: "uxf-data-grid__selected-rows-toolbar-actions" },
                 props.Actions && (react_1.default.createElement(props.Actions, { actions: props.actions, reload: props.reload, state: props.state })),
-                react_1.default.createElement(button_1.Button, { onClick: () => props.actions.setSelectedRows([]) }, "Zru\u0161it v\u00FDb\u011Br")))));
+                react_1.default.createElement(button_1.Button, { onClick: () => props.actions.setSelectedRows([]) }, t("uxf-data-grid-selected-rows-toolbar:cancel-selection"))))));
 }

package/table/no-rows-fallback.js

@@ -4,11 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoRowsFallback = NoRowsFallback;
+const translations_1 = require("@uxf/core-react/translations");
 const cx_1 = require("@uxf/core/utils/cx");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
 function NoRowsFallback(props) {
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__fallback", props.isLoading && "is-loading", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-data-grid__fallback", props.isLoading && "is-loading", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, t("uxf-data-grid-no-rows-fallback:loading"))) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(icon_1.Icon, { name: "warning", size: 24 }),
-        react_1.default.createElement("p", null, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
+        react_1.default.createElement("p", null, t("uxf-data-grid-no-rows-fallback:error")))) : (react_1.default.createElement(react_1.default.Fragment, null, t("uxf-data-grid-no-rows-fallback:no-records")))));
 }

package/table-v2/components/header-select-all-rows-checkbox.js

@@ -4,12 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSelectAllRowsCheckbox = HeaderSelectAllRowsCheckbox;
+const translations_1 = require("@uxf/core-react/translations");
 const empty_array_1 = require("@uxf/core/constants/empty-array");
 const is_not_empty_1 = require("@uxf/core/utils/is-not-empty");
 const checkbox_input_1 = require("@uxf/ui/checkbox-input");
 const react_1 = __importDefault(require("react"));
 function HeaderSelectAllRowsCheckbox(props) {
     var _a;
+    const t = (0, translations_1.useUxfTranslation)();
     const selectedRows = (_a = props.state.selectedRows) !== null && _a !== void 0 ? _a : empty_array_1.EMPTY_ARRAY;
     const isAllRowsSelected = (0, is_not_empty_1.isNotEmpty)(props.data) &&
         props.data.every((row) => selectedRows.find((selectedRow) => props.keyExtractor(row) === props.keyExtractor(selectedRow)));
@@ -18,5 +20,5 @@ function HeaderSelectAllRowsCheckbox(props) {
         props.actions.setSelectedRows(isAllRowsSelected ? [] : props.data);
     };
     return (react_1.default.createElement("div", { className: "uxf-dg-table__cell uxf-dg-table__cell--header uxf-dg-table__select-all-rows-cell" },
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { hiddenLabel: true, indeterminate: isIndeterminate, label: "Vybrat v\u0161e", name: "select-all-rows", onChange: selectAllRowsHandler, value: isAllRowsSelected })));
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { hiddenLabel: true, indeterminate: isIndeterminate, label: t("uxf-data-grid-checkboxes:select-all"), name: "select-all-rows", onChange: selectAllRowsHandler, value: isAllRowsSelected })));
 }

package/table-v2/components/select-row-checkbox.js

@@ -4,9 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectRowCheckbox = SelectRowCheckbox;
+const translations_1 = require("@uxf/core-react/translations");
 const checkbox_input_1 = require("@uxf/ui/checkbox-input");
 const react_1 = __importDefault(require("react"));
 function SelectRowCheckbox(props) {
+    const t = (0, translations_1.useUxfTranslation)();
     return (react_1.default.createElement("div", { className: "uxf-dg-table__cell uxf-dg-table__select-row-cell" },
-        react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: "*:mt-0", hiddenLabel: true, label: "Vybrat", name: "select-row", onChange: props.onSelectRowChange, value: props.isRowSelected })));
+        react_1.default.createElement(checkbox_input_1.CheckboxInput, { className: "*:mt-0", hiddenLabel: true, label: t("uxf-data-grid-checkboxes:select"), name: "select-row", onChange: props.onSelectRowChange, value: props.isRowSelected })));
 }

package/table-v2/no-rows-fallback.js

@@ -4,11 +4,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoRowsFallback = NoRowsFallback;
+const translations_1 = require("@uxf/core-react/translations");
 const cx_1 = require("@uxf/core/utils/cx");
 const icon_1 = require("@uxf/ui/icon");
 const react_1 = __importDefault(require("react"));
 function NoRowsFallback(props) {
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dg-table__no-rows-fallback", props.isLoading && "is-loading", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, "Na\u010D\u00EDt\u00E1m...")) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
+    const t = (0, translations_1.useUxfTranslation)();
+    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-dg-table__no-rows-fallback", props.isLoading && "is-loading", props.error && "is-error") }, props.isLoading ? (react_1.default.createElement(react_1.default.Fragment, null, t("uxf-data-grid-no-rows-fallback:loading"))) : props.error ? (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(icon_1.Icon, { name: "warning", size: 24 }),
-        react_1.default.createElement("p", null, "Vyskytla se chyba"))) : (react_1.default.createElement(react_1.default.Fragment, null, "\u017D\u00E1dn\u00E9 z\u00E1znamy"))));
+        react_1.default.createElement("p", null, t("uxf-data-grid-no-rows-fallback:error")))) : (react_1.default.createElement(react_1.default.Fragment, null, t("uxf-data-grid-no-rows-fallback:no-records")))));
 }

package/translations/translations.d.ts

@@ -0,0 +1,173 @@
+declare const _default: {
+    "uxf-data-grid-hidden-columns": {
+        "visible-columns": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "hide-all": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "empty-message": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "hidden-columns": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "show-all": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-fulltext-input": {
+        "search-label": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "search-placeholder": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-hidden-columns-button": {
+        "column-settings-label": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "columns-title": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-filters-button": {
+        "filters-label": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "filter-title": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "filtering-title": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-export-button": {
+        "download-csv": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-rows-per-page-select": {
+        "rows-count-label": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-selected-rows-toolbar": {
+        "selected-one": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "selected-few": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "selected-many": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "cancel-selection": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-no-rows-fallback": {
+        loading: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        "no-records": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        error: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-checkboxes": {
+        "select-all": {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        select: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+    "uxf-data-grid-boolean-filter": {
+        yes: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+        no: {
+            cs: string;
+            en: string;
+            sk: string;
+            de: string;
+        };
+    };
+};
+export default _default;

package/translations/translations.js

@@ -0,0 +1,174 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-data-grid-hidden-columns": {
+        "visible-columns": {
+            cs: "Zobrazené sloupce",
+            en: "Visible columns",
+            sk: "Zobrazené stĺpce",
+            de: "Sichtbare Spalten",
+        },
+        "hide-all": {
+            cs: "skrýt vše",
+            en: "hide all",
+            sk: "skryť všetko",
+            de: "alle ausblenden",
+        },
+        "empty-message": {
+            cs: "Tabulka má všechny sloupce skryté. Pro zobrazení vyberte sloupec níže.",
+            en: "The table has all columns hidden. To display them, select a column below.",
+            sk: "Tabuľka má všetky stĺpce skryté. Pre zobrazenie vyberte stĺpec nižšie.",
+            de: "Die Tabelle hat alle Spalten ausgeblendet. Um sie anzuzeigen, wählen Sie eine Spalte unten aus.",
+        },
+        "hidden-columns": {
+            cs: "Skryté sloupce",
+            en: "Hidden columns",
+            sk: "Skryté stĺpce",
+            de: "Ausgeblendete Spalten",
+        },
+        "show-all": {
+            cs: "zobrazit vše",
+            en: "show all",
+            sk: "zobraziť všetko",
+            de: "alle anzeigen",
+        },
+    },
+    "uxf-data-grid-fulltext-input": {
+        "search-label": {
+            cs: "Vyhledávání",
+            en: "Search",
+            sk: "Vyhľadávanie",
+            de: "Suche",
+        },
+        "search-placeholder": {
+            cs: "Pište pro hledání",
+            en: "Type to search",
+            sk: "Píšte pre hľadanie",
+            de: "Zum Suchen eingeben",
+        },
+    },
+    "uxf-data-grid-hidden-columns-button": {
+        "column-settings-label": {
+            cs: "Nastavení sloupců",
+            en: "Column settings",
+            sk: "Nastavenie stĺpcov",
+            de: "Spalteneinstellungen",
+        },
+        "columns-title": {
+            cs: "Sloupce",
+            en: "Columns",
+            sk: "Stĺpce",
+            de: "Spalten",
+        },
+    },
+    "uxf-data-grid-filters-button": {
+        "filters-label": {
+            cs: "Filtry",
+            en: "Filters",
+            sk: "Filtre",
+            de: "Filter",
+        },
+        "filter-title": {
+            cs: "Filtrovat",
+            en: "Filter",
+            sk: "Filtrovať",
+            de: "Filtern",
+        },
+        "filtering-title": {
+            cs: "Filtrování",
+            en: "Filtering",
+            sk: "Filtrovanie",
+            de: "Filterung",
+        },
+    },
+    "uxf-data-grid-export-button": {
+        "download-csv": {
+            cs: "Stáhnout CSV",
+            en: "Download CSV",
+            sk: "Stiahnuť CSV",
+            de: "CSV herunterladen",
+        },
+    },
+    "uxf-data-grid-rows-per-page-select": {
+        "rows-count-label": {
+            cs: "Počet řádků",
+            en: "Rows count",
+            sk: "Počet riadkov",
+            de: "Anzahl Zeilen",
+        },
+    },
+    "uxf-data-grid-selected-rows-toolbar": {
+        "selected-one": {
+            cs: "Vybrán 1 záznam",
+            en: "1 record selected",
+            sk: "Vybraný 1 záznam",
+            de: "1 Datensatz ausgewählt",
+        },
+        "selected-few": {
+            cs: "Vybrány {{count}} záznamy",
+            en: "{{count}} records selected",
+            sk: "Vybrané {{count}} záznamy",
+            de: "{{count}} Datensätze ausgewählt",
+        },
+        "selected-many": {
+            cs: "Vybráno {{count}} záznamů",
+            en: "{{count}} records selected",
+            sk: "Vybraných {{count}} záznamov",
+            de: "{{count}} Datensätze ausgewählt",
+        },
+        "cancel-selection": {
+            cs: "Zrušit výběr",
+            en: "Cancel selection",
+            sk: "Zrušiť výber",
+            de: "Auswahl abbrechen",
+        },
+    },
+    "uxf-data-grid-no-rows-fallback": {
+        loading: {
+            cs: "Načítám...",
+            en: "Loading...",
+            sk: "Načítam...",
+            de: "Laden...",
+        },
+        "no-records": {
+            cs: "Žádné záznamy",
+            en: "No records",
+            sk: "Žiadne záznamy",
+            de: "Keine Datensätze",
+        },
+        error: {
+            cs: "Vyskytla se chyba",
+            en: "An error occurred",
+            sk: "Vyskytla sa chyba",
+            de: "Ein Fehler ist aufgetreten",
+        },
+    },
+    "uxf-data-grid-checkboxes": {
+        "select-all": {
+            cs: "Vybrat vše",
+            en: "Select all",
+            sk: "Vybrať všetko",
+            de: "Alle auswählen",
+        },
+        select: {
+            cs: "Vybrat",
+            en: "Select",
+            sk: "Vybrať",
+            de: "Auswählen",
+        },
+    },
+    "uxf-data-grid-boolean-filter": {
+        yes: {
+            cs: "Ano",
+            en: "Yes",
+            sk: "Áno",
+            de: "Ja",
+        },
+        no: {
+            cs: "Ne",
+            en: "No",
+            sk: "Nie",
+            de: "Nein",
+        },
+    },
+};