@uxf/data-grid 11.72.3 → 11.74.0

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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/data-grid",
-    "version": "11.72.3",
+    "version": "11.74.0",
     "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.0",
+        "@uxf/ui": "11.74.0",
         "dayjs": "1.11.13",
         "deepmerge": "4.3.1",
         "fast-glob": "3.3.2",

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",
+        },
+    },
+};

package/_api/index.d.ts

@@ -1,8 +0,0 @@
-import { Request, Response } from "../types/api";
-export declare function dataGridGetResult(gridName: string, request: Request): Promise<Response>;
-type Option = {
-    id: number | string;
-    label: string;
-};
-export declare function dataGridAutocomplete(name: string, term: string): Promise<Option[]>;
-export {};

package/_api/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.dataGridGetResult = dataGridGetResult;
-exports.dataGridAutocomplete = dataGridAutocomplete;
-const qs_1 = require("qs");
-function dataGridGetResult(gridName, request) {
-    return fetch(`/api/cms/datagrid/${gridName}?${(0, qs_1.stringify)(request)}`).then((response) => response.json());
-}
-function dataGridAutocomplete(name, term) {
-    return fetch(`/api/cms/autocomplete/${name}?${(0, qs_1.stringify)({ term })}`).then((response) => response.json());
-}

package/_components/drawer.d.ts

@@ -1,8 +0,0 @@
-import React, { ReactNode } from "react";
-interface DrawerProps {
-    title?: ReactNode;
-    onClose: () => void;
-    children?: ReactNode;
-}
-export declare function Drawer(props: DrawerProps): React.JSX.Element | null;
-export {};

package/_components/drawer.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = Drawer;
-const use_is_mounted_1 = require("@uxf/core-react/hooks/use-is-mounted");
-const dialog_1 = require("@uxf/ui/dialog");
-const modal_header_1 = require("@uxf/ui/modal-header");
-const react_1 = __importDefault(require("react"));
-function Drawer(props) {
-    const isMounted = (0, use_is_mounted_1.useIsMounted)();
-    if (!isMounted) {
-        return null;
-    }
-    return (react_1.default.createElement(dialog_1.DialogPanel, { className: "uxf-dg-dialog-panel" },
-        react_1.default.createElement(modal_header_1.ModalHeader, { onClose: props.onClose, title: props.title }),
-        react_1.default.createElement("div", { className: "uxf-data-grid__drawer-content" }, props.children)));
-}

package/_store/reducer.d.ts

@@ -1,8 +0,0 @@
-import { Nullish } from "@uxf/core/types";
-import { Reducer } from "react";
-import { Request } from "../types/api";
-import { BaseGridType, Schema } from "../types/schema";
-import { DataGridState, DataGridUserConfig } from "../types/state";
-import { Action } from "../use-data-grid-control/action";
-export declare function getInitialState<GridType extends BaseGridType>(schema: Schema<GridType>, init?: Request | string | Nullish, initialUserConfig?: DataGridUserConfig<GridType> | Nullish): DataGridState<GridType>;
-export declare const reducer: Reducer<DataGridState<any>, Action>;

package/_store/reducer.js

@@ -1,209 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reducer = void 0;
-exports.getInitialState = getInitialState;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const empty_object_1 = require("@uxf/core/constants/empty-object");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const deepmerge_1 = __importDefault(require("deepmerge"));
-const utils_1 = require("../utils");
-function getInitialState(schema, init, initialUserConfig) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const initialState = (0, is_nil_1.isNil)(init) ? {} : typeof init === "string" ? ((_a = (0, utils_1.decodeFilter)(init)) !== null && _a !== void 0 ? _a : {}) : init;
-    const initialTabName = (_e = (_b = initialState.tab) !== null && _b !== void 0 ? _b : (_d = (_c = schema.tabs) === null || _c === void 0 ? void 0 : _c.at(0)) === null || _d === void 0 ? void 0 : _d.name) !== null && _e !== void 0 ? _e : null;
-    const initialTabSort = initialTabName !== null ? (_g = (_f = schema.tabs) === null || _f === void 0 ? void 0 : _f.find((t) => t.name === initialTabName)) === null || _g === void 0 ? void 0 : _g.s : null;
-    return {
-        request: {
-            f: (_h = initialState.f) !== null && _h !== void 0 ? _h : [],
-            s: (_k = (_j = initialState.s) !== null && _j !== void 0 ? _j : initialTabSort) !== null && _k !== void 0 ? _k : schema.s,
-            page: (_l = initialState.page) !== null && _l !== void 0 ? _l : 0,
-            perPage: (_o = (_m = initialState.perPage) !== null && _m !== void 0 ? _m : initialUserConfig === null || initialUserConfig === void 0 ? void 0 : initialUserConfig.perPage) !== null && _o !== void 0 ? _o : schema.perPage,
-            tab: initialTabName,
-            search: (_p = initialState.search) !== null && _p !== void 0 ? _p : "",
-        },
-        userConfig: initialUserConfig !== null && initialUserConfig !== void 0 ? initialUserConfig : {},
-        tabRequests: {},
-    };
-}
-// eslint-disable-next-line complexity
-const reducer = (state, action) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    switch (action.type) {
-        case "CHANGE_PAGE":
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    page: action.page,
-                },
-            };
-        case "CHANGE_PER_PAGE":
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    perPage: action.perPage,
-                    page: 0,
-                },
-                userConfig: {
-                    ...state.userConfig,
-                    perPage: action.perPage,
-                },
-            };
-        case "FILTER":
-            // eslint-disable-next-line no-case-declarations
-            const name = action.name;
-            // eslint-disable-next-line no-case-declarations
-            const value = action.value;
-            // eslint-disable-next-line no-case-declarations
-            const op = action.op;
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    page: 0,
-                    f: state.request.f.find((f) => f.name === name)
-                        ? state.request.f.map((f) => (f.name === name ? { value, name, op } : f))
-                        : [...state.request.f, { value, name, op }],
-                },
-            };
-        case "FILTER_CLEAR":
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    page: 0,
-                    f: state.request.f.filter((filter) => filter.name !== action.name),
-                },
-            };
-        case "FILTER_CLEAR_ALL":
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    page: 0,
-                    f: [],
-                },
-            };
-        case "SORT":
-            if (((_a = state.request.s) === null || _a === void 0 ? void 0 : _a.name) === action.columnName) {
-                return (0, deepmerge_1.default)(state, {
-                    request: {
-                        s: {
-                            dir: ((_b = state.request.s) === null || _b === void 0 ? void 0 : _b.dir) === "asc" ? "desc" : "asc",
-                        },
-                    },
-                });
-            }
-            return (0, deepmerge_1.default)(state, {
-                request: {
-                    s: { name: action.columnName, dir: (_c = action.direction) !== null && _c !== void 0 ? _c : "asc" },
-                },
-            });
-        case "SORT_CLEAR":
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    s: null,
-                },
-            };
-        case "FULLTEXT":
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    search: action.search,
-                    page: 0,
-                },
-            };
-        case "CHANGE_TAB": {
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            const tabHistory = (_d = state.tabRequests[action.tab.name]) !== null && _d !== void 0 ? _d : empty_object_1.EMPTY_OBJECT;
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    page: (_e = tabHistory.page) !== null && _e !== void 0 ? _e : 0,
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                    perPage: (_f = tabHistory.perPage) !== null && _f !== void 0 ? _f : state.request.perPage,
-                    tab: action.tab.name,
-                    // when sharedFiltersAndSearchAndSort, f, s and search is in common state.request, i.e. same like
-                    //...(action.filterBehavior === "sharedFiltersAndSearchAndSort" && {}),
-                    // sort is handled separately for each tab
-                    ...(action.filterBehavior === "sharedFiltersAndSearch" && {
-                        s: (_h = (_g = tabHistory.s) !== null && _g !== void 0 ? _g : action.tab.s) !== null && _h !== void 0 ? _h : state.request.s,
-                    }),
-                    // filter, search and sort are all handled separately for each tab
-                    ...(action.filterBehavior === "filtersPerTab" && {
-                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                        f: (_j = tabHistory.f) !== null && _j !== void 0 ? _j : empty_array_1.EMPTY_ARRAY,
-                        s: (_l = (_k = tabHistory.s) !== null && _k !== void 0 ? _k : action.tab.s) !== null && _l !== void 0 ? _l : state.request.s,
-                        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                        search: (_m = tabHistory.search) !== null && _m !== void 0 ? _m : "",
-                    }),
-                },
-                tabRequests: {
-                    ...state.tabRequests,
-                    [(_o = state.request.tab) !== null && _o !== void 0 ? _o : "__DEFAULT_TAB__"]: state.request,
-                },
-            };
-        }
-        case "SET_SELECTED_ROWS":
-            return {
-                ...state,
-                selectedRows: action.rows,
-            };
-        case "HIDE_COLUMN":
-            return {
-                ...state,
-                userConfig: {
-                    ...state.userConfig,
-                    columns: {
-                        ...state.userConfig.columns,
-                        [action.name]: {
-                            ...(_p = state.userConfig.columns) === null || _p === void 0 ? void 0 : _p[action.name],
-                            isHidden: true,
-                        },
-                    },
-                },
-            };
-        case "SHOW_COLUMN":
-            return {
-                ...state,
-                userConfig: {
-                    ...state.userConfig,
-                    columns: {
-                        ...state.userConfig.columns,
-                        [action.name]: {
-                            ...(_q = state.userConfig.columns) === null || _q === void 0 ? void 0 : _q[action.name],
-                            isHidden: false,
-                        },
-                    },
-                },
-            };
-        case "UPDATE_USER_CONFIG":
-            return {
-                ...state,
-                userConfig: (0, deepmerge_1.default)(state.userConfig, action.userConfig),
-            };
-        case "REINITIALIZE_USER_CONFIG":
-            return {
-                ...state,
-                request: {
-                    ...state.request,
-                    perPage: (_r = action.userConfig.perPage) !== null && _r !== void 0 ? _r : state.request.perPage,
-                },
-                userConfig: action.userConfig,
-            };
-        default:
-            // eslint-disable-next-line no-console
-            console.warn("Unknown datagrid action.", action);
-            return state;
-    }
-};
-exports.reducer = reducer;