@uxf/data-grid 11.67.0 → 11.68.2

package/data-grid-v2.js

@@ -28,7 +28,7 @@ function DataGridV2(props) {
         react_1.default.createElement(root_1.DataGridRoot, { className: props.className },
             react_1.default.createElement(toolbar_1.DataGridToolbar, null,
                 react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, changeTabFilterBehavior: props.changeTabFilterBehavior, schema: props.schema, state: props.state }),
-                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, onCsvDownload: props.onCsvDownload, schema: props.schema, state: props.state }),
+                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, getCsvDownloadUrl: props.getCsvDownloadUrl, schema: props.schema, state: props.state }),
                 react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: props.customActions })),
             react_1.default.createElement(linear_progress_1.DataGridLinearProgress, { isLoading: props.isLoading }),
             react_1.default.createElement(filter_list_1.DataGridFilterList, { actions: props.actions, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),

package/data-grid-v2.stories.js

@@ -94,6 +94,6 @@ function Default() {
     });
     return (react_1.default.createElement("div", { className: "p-10" },
         react_1.default.createElement(radio_group_1.RadioGroup, { label: "Chov\u00E1n\u00ED p\u0159ep\u00EDn\u00E1n\u00ED tab\u016F", name: "filterBehavior", onChange: (value) => setFilterBehavior(value), options: FILTER_BEHAVIOR_OPTIONS, value: filterBehavior, variant: "row" }),
-        react_1.default.createElement(data_grid_v2_1.DataGridV2, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: filterBehavior !== null && filterBehavior !== void 0 ? filterBehavior : "filtersPerTab", data: data, error: error, isLoading: isLoading, isRowSelectable: true, onCsvDownload: console.log, reload: reload, rowAccent: (row) => (row.id === 2 ? "success" : undefined), rowClassName: (row) => (row.id === 3 ? "some-custom-classname" : undefined), rowHeight: "auto", schema: schemaWithFrontendConfig, state: state }),
+        react_1.default.createElement(data_grid_v2_1.DataGridV2, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: filterBehavior !== null && filterBehavior !== void 0 ? filterBehavior : "filtersPerTab", data: data, error: error, getCsvDownloadUrl: () => ``, isLoading: isLoading, isRowSelectable: true, reload: reload, rowAccent: (row) => (row.id === 2 ? "success" : undefined), rowClassName: (row) => (row.id === 3 ? "some-custom-classname" : undefined), rowHeight: "auto", schema: schemaWithFrontendConfig, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }

package/data-grid.js

@@ -29,7 +29,7 @@ function DataGrid(props) {
         react_1.default.createElement(root_1.DataGridRoot, { className: props.className },
             react_1.default.createElement(toolbar_1.DataGridToolbar, null,
                 react_1.default.createElement(toolbar_tabs_1.DataGridToolbarTabs, { actions: props.actions, changeTabFilterBehavior: props.changeTabFilterBehavior, schema: props.schema, state: props.state }),
-                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, onCsvDownload: props.onCsvDownload, schema: props.schema, state: props.state }),
+                react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: props.actions, filterHandlers: (_a = props.filterHandlers) !== null && _a !== void 0 ? _a : filter_handler_1.defaultFilterHandlers, getCsvDownloadUrl: props.getCsvDownloadUrl, schema: props.schema, state: props.state }),
                 react_1.default.createElement(toolbar_customs_1.DataGridToolbarCustoms, { buttons: props.customActions })),
             react_1.default.createElement(linear_progress_1.DataGridLinearProgress, { isLoading: props.isLoading }),
             react_1.default.createElement(filter_list_1.DataGridFilterList, { actions: props.actions, filterHandlers: (_b = props.filterHandlers) !== null && _b !== void 0 ? _b : filter_handler_1.defaultFilterHandlers, schema: props.schema, state: props.state }),

package/data-grid.stories.js

@@ -101,6 +101,6 @@ function Default() {
     });
     return (react_1.default.createElement("div", { className: "p-10" },
         react_1.default.createElement(radio_group_1.RadioGroup, { label: "Chov\u00E1n\u00ED p\u0159ep\u00EDn\u00E1n\u00ED tab\u016F", name: "filterBehavior", onChange: (value) => setFilterBehavior(value), options: FILTER_BEHAVIOR_OPTIONS, value: filterBehavior, variant: "row" }),
-        react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: filterBehavior !== null && filterBehavior !== void 0 ? filterBehavior : "filtersPerTab", data: data, error: error, isLoading: isLoading, isRowSelectable: true, onCsvDownload: console.log, reload: reload, schema: schemaWithFrontendConfig, state: state }),
+        react_1.default.createElement(data_grid_1.DataGrid, { actionCell: actionCell, actions: actions, changeTabFilterBehavior: filterBehavior !== null && filterBehavior !== void 0 ? filterBehavior : "filtersPerTab", data: data, error: error, getCsvDownloadUrl: () => "", isLoading: isLoading, isRowSelectable: true, reload: reload, schema: schemaWithFrontendConfig, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }

package/export-button/export-button.d.ts

@@ -1,9 +1,8 @@
 import React from "react";
-import { CsvDownloadHandler } from "../types/core";
-import { Schema } from "../types/schema";
+import { CsvDownloadGetUrl, Schema } from "../types";
 import { DataGridControl } from "../use-data-grid-control";
 export interface DataGridExportButtonProps extends DataGridControl {
-    onCsvDownload: CsvDownloadHandler;
+    getCsvDownloadUrl: CsvDownloadGetUrl;
     schema: Schema<any>;
 }
 export declare function DataGridExportButton(props: DataGridExportButtonProps): React.JSX.Element;

package/export-button/export-button.js

@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGridExportButton = DataGridExportButton;
+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: () => props.onCsvDownload((0, utils_1.createRequest)(props.state.request)), size: "sm", title: "St\u00E1hnout CSV", variant: "secondary" },
+    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" },
         react_1.default.createElement(icon_1.Icon, { name: "file-arrow-down" })));
 }

package/export-button/export-button.stories.js

@@ -12,6 +12,6 @@ const export_button_1 = require("./export-button");
 function Default() {
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(export_button_1.DataGridExportButton, { actions: actions, onCsvDownload: console.log, schema: schema_1.schema, state: state }),
+        react_1.default.createElement(export_button_1.DataGridExportButton, { actions: actions, getCsvDownloadUrl: () => "", schema: schema_1.schema, state: state }),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/data-grid",
-    "version": "11.67.0",
+    "version": "11.68.2",
     "description": "UXF DataGrid",
     "homepage": "https://gitlab.com/uxf-npm/data-grid#readme",
     "main": "index.js",
@@ -31,9 +31,9 @@
         "typecheck": "tsc --noEmit --skipLibCheck"
     },
     "dependencies": {
-        "@uxf/core": "11.67.0",
-        "@uxf/core-react": "11.67.0",
-        "@uxf/ui": "11.67.0",
+        "@uxf/core": "11.68.2",
+        "@uxf/core-react": "11.68.2",
+        "@uxf/ui": "11.68.2",
         "dayjs": "1.11.13",
         "deepmerge": "4.3.1",
         "fast-glob": "3.3.2",

package/table-v2/styles.css

@@ -167,7 +167,9 @@
         }
     }
 
-    span {
+    & > span {
+        width: 100%; /* fix Firefox flex child issue with truncate */
+
         @apply truncate;
     }
 }

package/toolbar-control/toolbar-control.d.ts

@@ -1,12 +1,12 @@
 import { Nullish } from "@uxf/core/types";
 import React from "react";
 import { FilterHandlers } from "../filter-handler";
-import { CsvDownloadHandler, Schema } from "../types";
+import { CsvDownloadGetUrl, Schema } from "../types";
 import { DataGridControl } from "../use-data-grid-control";
 export interface DataGridToolbarControlProps extends DataGridControl {
     schema: Schema<any>;
     filterHandlers: FilterHandlers;
-    onCsvDownload?: CsvDownloadHandler;
+    getCsvDownloadUrl?: CsvDownloadGetUrl;
     isBorderHidden?: boolean | Nullish;
     fulltextInputPlaceholder?: string;
 }

package/toolbar-control/toolbar-control.js

@@ -16,7 +16,7 @@ function DataGridToolbarControl(props) {
     return (react_1.default.createElement("div", { className: "uxf-data-grid__toolbar-control" },
         react_1.default.createElement(hide_1.Hide, { when: !props.schema.fullText },
             react_1.default.createElement(fulltext_input_1.DataGridFulltextInput, { actions: props.actions, placeholder: props.fulltextInputPlaceholder, state: props.state })),
-        (0, is_not_nil_1.isNotNil)(props.onCsvDownload) && (react_1.default.createElement(export_button_1.DataGridExportButton, { actions: props.actions, onCsvDownload: props.onCsvDownload, schema: props.schema, state: props.state })),
+        (0, is_not_nil_1.isNotNil)(props.getCsvDownloadUrl) && (react_1.default.createElement(export_button_1.DataGridExportButton, { actions: props.actions, getCsvDownloadUrl: props.getCsvDownloadUrl, schema: props.schema, state: props.state })),
         react_1.default.createElement(hidden_columns_button_1.DataGridHiddenColumnsButton, { actions: props.actions, schema: props.schema, state: props.state }),
         react_1.default.createElement(filters_button_1.DataGridFiltersButton, { actions: props.actions, filterHandlers: props.filterHandlers, schema: props.schema, state: props.state })));
 }

package/toolbar-control/toolbar-control.stories.js

@@ -14,6 +14,6 @@ function Default() {
     const { state, actions } = (0, use_data_grid_control_1.useDataGridControl)({ schema: schema_1.schema });
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: "flex flex-row" },
-            react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: actions, filterHandlers: filter_handler_1.defaultFilterHandlers, onCsvDownload: console.log, schema: schema_1.schema, state: state })),
+            react_1.default.createElement(toolbar_control_1.DataGridToolbarControl, { actions: actions, filterHandlers: filter_handler_1.defaultFilterHandlers, getCsvDownloadUrl: () => "", schema: schema_1.schema, state: state })),
         react_1.default.createElement(json_renderer_1.JsonRenderer, { value: state })));
 }

package/types/core.d.ts

@@ -2,7 +2,7 @@ import { Nullish } from "@uxf/core/types";
 import { Request, Response, ResultItem } from "./api";
 import { BaseGridType } from "./schema";
 export type KeyExtractor = (row: ResultItem) => number;
-export type CsvDownloadHandler = (request: Request) => void;
+export type CsvDownloadGetUrl = (request: Request) => string;
 export type Loader = (gridName: string | undefined, request: Request, encodedRequest: string) => Promise<Response>;
 export type CallbackRef = {
     reload: () => Promise<any>;

package/types/data-grid-props.d.ts

@@ -7,7 +7,7 @@ import { DataGridToolbarCustomsProps } from "../toolbar-customs";
 import { DataGridControl } from "../use-data-grid-control";
 import { DataGridFetchingResult } from "../use-data-grid-fetching";
 import { BodyCellComponents, ChangeTabFilterBehavior } from "./components";
-import { CsvDownloadHandler, KeyExtractor, RowAccent } from "./core";
+import { CsvDownloadGetUrl, KeyExtractor, RowAccent } from "./core";
 import { BaseGridType, Schema } from "./schema";
 export type DataGridControlProps = DataGridControl;
 export type DataGridDataProps<Row> = DataGridFetchingResult<Row>;
@@ -15,7 +15,7 @@ export type DataGridBaseProps<GridType extends BaseGridType, Row> = {
     schema: Schema<GridType>;
     gridName?: string;
     keyExtractor?: KeyExtractor;
-    onCsvDownload?: CsvDownloadHandler;
+    getCsvDownloadUrl?: CsvDownloadGetUrl;
     rowHeight?: number | ((row: Row) => number) | "auto";
     headerRowHeight?: number;
     rowAccent?: (row: Row) => RowAccent;

package/utils.d.ts

@@ -1,5 +1,4 @@
-import { Request } from "./types/api";
-import { GridRequest } from "./types/state";
+import { GridRequest, Request } from "./types";
 export declare function decodeFilter(filterString: string): null | Request;
 export declare function encodeFilter(request: Request): string;
 export declare function createRequest(request: GridRequest, config?: {