d2coreui 23.0.25 → 23.0.26

package/components/grid/dataGrid.d.ts

@@ -49,6 +49,8 @@ export interface DataGridSearchProps {
     searchButtonClassName?: string;
     searchButtonDisabled?: boolean;
     searchButtonHidden?: boolean;
+    searchButtonIcon?: React.ReactNode;
+    searchButtonDanger?: boolean;
     hidden?: boolean;
     searchRenderer?(): React.ReactNode;
     stringFormatter?(rawString: string): string;
@@ -103,6 +105,7 @@ export interface DataGridProps extends Omit<GridOptions, "columnDefs" | "paginat
     exportMenu?: {
         renderer?(menuElements: MenuElement[]): MenuElement[];
         onClick?(key: string): void;
+        onExported?(rowCount: number, destination: string): void;
     };
     settingsMenu?: {
         renderer?(menuElements: MenuElement[]): MenuElement[];

package/components/grid/dataGrid.js

@@ -199,6 +199,16 @@ class DataGrid extends React.Component {
                         return "";
                     }
                 },
+                valueFormatter: (params) => {
+                    var _a, _b;
+                    const value = DataGrid.getCellValue(params);
+                    if (value !== undefined && value !== null) {
+                        return LocaleHolder.formatNumber(value, (_b = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.cellRendererParams) === null || _b === void 0 ? void 0 : _b.fractionDigits);
+                    }
+                    else {
+                        return "";
+                    }
+                },
                 filterParams: {
                     textCustomComparator: this.textCustomComparator
                 },
@@ -1434,7 +1444,7 @@ class DataGrid extends React.Component {
             _c.extraContent));
     }
     renderToolBarWithSearch() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
         return (React.createElement(Space.Compact, { key: "filter-panel", className: "datagrid-autocomplete-input-group", style: { whiteSpace: "nowrap", flexGrow: 1, display: "flex" } }, (_a = this.props.toolbar) === null || _a === void 0 ? void 0 :
             _a.toolbarButtons,
             React.createElement(Dropdown, { trigger: ["click"], menu: getContextMenu({
@@ -1442,6 +1452,7 @@ class DataGrid extends React.Component {
                     showYear: !this.props.hideYear,
                     renderer: (_b = this.props.exportMenu) === null || _b === void 0 ? void 0 : _b.renderer,
                     onClick: (_c = this.props.exportMenu) === null || _c === void 0 ? void 0 : _c.onClick,
+                    onExported: (_d = this.props.exportMenu) === null || _d === void 0 ? void 0 : _d.onExported,
                     getExportContent: this.getExportContent,
                     pageOrientation: this.state.pageOrientation,
                     exporting: this.state.exporting,
@@ -1453,15 +1464,15 @@ class DataGrid extends React.Component {
             React.createElement(Dropdown, { trigger: ["click"], menu: this.getSettingsMenu() },
                 React.createElement(Button, { title: i18n("Extended table features"), disabled: this.state.loading },
                     React.createElement(TableOutlined, null))),
-            !((_d = this.props.search) === null || _d === void 0 ? void 0 : _d.hidden) && !((_e = this.props.search) === null || _e === void 0 ? void 0 : _e.searchRenderer) && React.createElement(AutoCompleteInput, { style: { minWidth: 100, flexGrow: 1 }, placeholder: this.props.search ? this.props.search.placeholder : undefined, stringFormatter: this.props.search ? this.props.search.stringFormatter : undefined, value: this.props.search ? this.props.search.searchString : undefined, options: this.props.search ? this.props.search.searchHistory : undefined, onChange: this.props.search ? this.props.search.onChange : undefined, onSearch: this.props.search ? this.props.search.onSearch : undefined, disabled: this.state.loading || (this.props.filter && this.props.filter.columnSearchVisible) }), (_g = (_f = this.props.search) === null || _f === void 0 ? void 0 : _f.searchRenderer) === null || _g === void 0 ? void 0 :
-            _g.call(_f),
-            !((_h = this.props.search) === null || _h === void 0 ? void 0 : _h.searchButtonHidden) &&
-                React.createElement(Button, { title: ((_j = this.props.search) === null || _j === void 0 ? void 0 : _j.hidden) ? i18n("Refresh") : i18n("Search"), className: "search-btn " + (this.props.search && this.props.search.searchButtonClassName ? this.props.search.searchButtonClassName : ""), disabled: (_k = this.props.search) === null || _k === void 0 ? void 0 : _k.searchButtonDisabled, type: "primary", onClick: () => {
+            !((_e = this.props.search) === null || _e === void 0 ? void 0 : _e.hidden) && !((_f = this.props.search) === null || _f === void 0 ? void 0 : _f.searchRenderer) && React.createElement(AutoCompleteInput, { style: { minWidth: 100, flexGrow: 1 }, placeholder: this.props.search ? this.props.search.placeholder : undefined, stringFormatter: this.props.search ? this.props.search.stringFormatter : undefined, value: this.props.search ? this.props.search.searchString : undefined, options: this.props.search ? this.props.search.searchHistory : undefined, onChange: this.props.search ? this.props.search.onChange : undefined, onSearch: this.props.search ? this.props.search.onSearch : undefined, disabled: this.state.loading || (this.props.filter && this.props.filter.columnSearchVisible) }), (_h = (_g = this.props.search) === null || _g === void 0 ? void 0 : _g.searchRenderer) === null || _h === void 0 ? void 0 :
+            _h.call(_g),
+            !((_j = this.props.search) === null || _j === void 0 ? void 0 : _j.searchButtonHidden) &&
+                React.createElement(Button, { title: ((_k = this.props.search) === null || _k === void 0 ? void 0 : _k.hidden) ? i18n("Refresh") : i18n("Search"), className: "search-btn " + (this.props.search && this.props.search.searchButtonClassName ? this.props.search.searchButtonClassName : ""), disabled: (_l = this.props.search) === null || _l === void 0 ? void 0 : _l.searchButtonDisabled, type: "primary", danger: (_m = this.props.search) === null || _m === void 0 ? void 0 : _m.searchButtonDanger, onClick: () => {
                         if (this.props.search && this.props.search.onSearch) {
                             this.props.search.onSearch();
                         }
-                    } }, this.state.loading ? React.createElement(LoadingOutlined, null) : (((_l = this.props.search) === null || _l === void 0 ? void 0 : _l.hidden) ? React.createElement(ReloadOutlined, null) :
-                    React.createElement(SearchOutlined, null)))));
+                    } }, this.state.loading ? React.createElement(LoadingOutlined, null) : ((_p = (_o = this.props.search) === null || _o === void 0 ? void 0 : _o.searchButtonIcon) !== null && _p !== void 0 ? _p : (((_q = this.props.search) === null || _q === void 0 ? void 0 : _q.hidden) ? React.createElement(ReloadOutlined, null) :
+                    React.createElement(SearchOutlined, null))))));
     }
     getSettingsMenu() {
         var _a;