ods-component-lib 1.18.209 → 1.18.210

package/dist/components/devextreme/OdsBasicDataGrid/OdsBasicDataGrid.Types.d.ts

@@ -1,6 +1,7 @@
 import React, { MouseEventHandler } from "react";
 import { ButtonType } from "antd/es/button/buttonHelpers";
 import { IButtonProps, IDataGridOptions, IEditingProps, ISelectionProps, ISummaryProps } from "devextreme-react/data-grid";
+import { IColumnOptions, IMasterDetailDatas, IMasterDetailFeatures } from "../OdsMasterDetailDataGrid/types";
 export declare type SummaryTypes = "avg" | "count" | "custom" | "max" | "min" | "sum";
 export interface IMultiCellEditableDataGridProps {
     hasFastUpdate?: boolean;
@@ -48,10 +49,14 @@ export interface IOdsDataGridProps extends IDataGridOptions, IMultiCellEditableD
     isFilterRow?: boolean;
     filterData?: any[];
     detailGridColums?: any[];
-    showMasterDetail?: boolean;
     detailData?: any;
     actionButtonsTooltipType?: ITooltipType;
     isColumnWidthFixed?: boolean;
+    showMasterDetail?: boolean;
+    detailGridColumns?: IColumnOptions[];
+    masterDetailDatas?: IMasterDetailDatas;
+    masterDetailFeatures?: IMasterDetailFeatures;
+    DetailGridComponent?: React.FC<any>;
 }
 export interface ISummaryRowOptions {
     summaryLoadedDataLabel?: string;

package/dist/index.js

@@ -33206,6 +33206,214 @@ var ExportDataGridToExcel = function ExportDataGridToExcel(_ref) {
   });
 };
 
+var iconComponents = {
+  edit: outline.EditIcon,
+  "delete": outline.Trash1Icon,
+  copy: outline.CopyIcon,
+  discount: outline.DiscountIcon,
+  kebabMenu: outline.KebabMenuIcon,
+  refresh: outline.RefreshIcon,
+  unmap: outline.LinkBreakIcon,
+  save: outline.FloppyDiskIcon,
+  cancel: outline.Loop1Icon,
+  discount2Icon: outline.Discount2Icon
+};
+var DynamicIcon = function DynamicIcon(_ref) {
+  var iconName = _ref.iconName;
+  var IconComponent = iconComponents[iconName];
+  if (!IconComponent) {
+    return null;
+  }
+  return React__default.createElement(IconComponent, null);
+};
+
+var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
+  var onActionCellRender = React.useCallback(function (cellData) {
+    if (!cellData || !visibleActionButtons) return null;
+    var kebabMenuButtons = actionButtonGroup && actionButtonGroup.length >= 2 && !edit ? actionButtonGroup.slice(2).map(function (button) {
+      return {
+        icon: button.icon,
+        onClick: function onClick(event) {
+          var customEvent = {
+            column: cellData.column,
+            component: cellData.component,
+            element: cellData.element,
+            event: event,
+            model: cellData.data,
+            row: cellData.row
+          };
+          button.onClick(customEvent);
+        }
+      };
+    }) : [];
+    var buttonElements = visibleActionButtons.map(function (buttonItem) {
+      var isVisible = typeof buttonItem.visible === "function" ? buttonItem.visible({
+        column: cellData.column,
+        component: cellData.component,
+        row: cellData.row
+      }) : buttonItem.visible;
+      return React__default.createElement(OdsDataGrdiRowButton, Object.assign({
+        key: "action-button-" + buttonItem.name,
+        name: buttonItem.name,
+        hint: buttonItem.hint,
+        visible: isVisible,
+        size: "small",
+        type: "text",
+        disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
+        icon: buttonItem.icon
+      }, actionButtonsTooltipType === "styled" && {
+        tooltip: buttonItem.hint
+      }, {
+        onClick: function onClick(event) {
+          if (buttonItem.onClick) {
+            var customEvent = {
+              column: cellData.column,
+              component: cellData.component,
+              element: cellData.element,
+              event: event,
+              model: cellData.data,
+              row: cellData.row
+            };
+            buttonItem.onClick(customEvent);
+          }
+        }
+      }));
+    });
+    if (kebabMenuButtons.length > 0) {
+      buttonElements.push(React__default.createElement(OdsDropdown, {
+        key: "dropdown-" + (cellData.rowIndex || cellData.data.ID),
+        menuItems: kebabMenuButtons
+      }, React__default.createElement(OdsDataGrdiRowButton, {
+        type: "text",
+        icon: React__default.createElement(DynamicIcon, {
+          iconName: "kebabMenu"
+        })
+      })));
+    }
+    return React__default.createElement(React__default.Fragment, null, buttonElements);
+  }, [visibleActionButtons]);
+  return onActionCellRender;
+};
+
+var useOnExportingHandler = function useOnExportingHandler(exportProps, getSummary, callback) {
+  var onExporting = React.useCallback(function (e) {
+    if (exportProps) {
+      var _exportProps$fileName, _exportProps$activeTe, _exportProps$passiveT;
+      ExportDataGridToExcel({
+        gridComponent: e.component,
+        baseFileName: (_exportProps$fileName = exportProps.fileName) != null ? _exportProps$fileName : "DataGrid",
+        selectedText: exportProps.selectedText,
+        getSummary: getSummary,
+        selectedRowsOnly: e.selectedRowsOnly,
+        activeText: (_exportProps$activeTe = exportProps.activeText) != null ? _exportProps$activeTe : "Active",
+        passiveText: (_exportProps$passiveT = exportProps.passiveText) != null ? _exportProps$passiveT : "Passive"
+      });
+    }
+    if (callback) {
+      callback(e);
+    }
+  }, [getSummary]);
+  return onExporting;
+};
+
+var MasterDetailDataGrid = function MasterDetailDataGrid(_ref) {
+  var columns = _ref.columns,
+    dataSource = _ref.dataSource,
+    _ref$masterDetailFeat = _ref.masterDetailFeatures,
+    masterDetailFeatures = _ref$masterDetailFeat === void 0 ? {} : _ref$masterDetailFeat,
+    masterDetailData = _ref.masterDetailData;
+  var visibleActionButtons = React.useMemo(function () {
+    if (masterDetailFeatures.masterActionButtonGroup && masterDetailFeatures.masterActionButtonGroup.length >= 2) {
+      return masterDetailFeatures.masterActionButtonGroup.slice(0, 2);
+    }
+    return masterDetailFeatures.masterActionButtonGroup || [];
+  }, [masterDetailFeatures.masterActionButtonGroup]);
+  var onActionCellRender = useOnActionCellRenderHandler(visibleActionButtons, masterDetailFeatures.masterActionButtonGroup);
+  var getTotalDataCount = function getTotalDataCount() {
+    return "" + dataSource.length;
+  };
+  var handleExporting = useOnExportingHandler(masterDetailFeatures.exportProps, getTotalDataCount);
+  var effectiveColumns = (masterDetailData === null || masterDetailData === void 0 ? void 0 : masterDetailData.detailGridColumns) || columns || (dataSource[0] ? Object.keys(dataSource[0]).map(function (key) {
+    return {
+      dataField: key,
+      caption: key.charAt(0).toUpperCase() + key.slice(1),
+      allowFiltering: true
+    };
+  }) : []);
+  return React__default.createElement(DataGrid__default, {
+    style: {
+      maxHeight: masterDetailFeatures.maxHeight ? masterDetailFeatures.maxHeight + "px" : "400px",
+      overflow: "auto"
+    },
+    dataSource: dataSource,
+    showBorders: true,
+    columnAutoWidth: true,
+    allowColumnReordering: true,
+    selection: {
+      mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
+    },
+    paging: {
+      enabled: true,
+      pageSize: masterDetailFeatures.pageSize || 20
+    },
+    filterRow: {
+      visible: masterDetailFeatures.createFilter
+    },
+    onExporting: handleExporting,
+    onToolbarPreparing: masterDetailFeatures.detailToolbar
+  }, effectiveColumns.map(function (col) {
+    return React__default.createElement(DataGrid.Column, Object.assign({
+      key: col.dataField
+    }, col, {
+      headerFilter: {
+        visible: col.allowFiltering
+      }
+    }));
+  }), React__default.createElement(DataGrid.ColumnChooser, {
+    enabled: masterDetailFeatures.columnChooser,
+    mode: "select"
+  }, React__default.createElement(DataGrid.Position, {
+    my: "right top",
+    at: "right bottom",
+    of: document.querySelector("." + "props.dataGridPageName") ? "." + "props.dataGridPageName" + " .dx-datagrid-column-chooser-button" : ".dx-datagrid-column-chooser-button"
+  }), React__default.createElement(DataGrid.ColumnChooserSearch, {
+    enabled: true,
+    editorOptions: {
+      placeholder: ""
+    }
+  }), React__default.createElement(DataGrid.HeaderFilter, {
+    visible: true
+  }), React__default.createElement(DataGrid.ColumnChooserSelection, {
+    allowSelectAll: true,
+    selectByClick: true,
+    recursive: true
+  })), (masterDetailFeatures === null || masterDetailFeatures === void 0 ? void 0 : masterDetailFeatures.exportEnabled) && React__default.createElement(DataGrid.Export, Object.assign({}, masterDetailFeatures.exportProps)), masterDetailFeatures.actionColumnEnable && React__default.createElement(DataGrid.Column, {
+    dataField: "Actions",
+    caption: "",
+    minWidth: 10,
+    width: 160,
+    fixed: true,
+    allowSorting: false,
+    type: "buttons",
+    showInColumnChooser: false,
+    cellRender: onActionCellRender
+  }), React__default.createElement(DataGrid.FilterRow, {
+    visible: masterDetailFeatures.createFilter
+  }), React__default.createElement(DataGrid.Selection, {
+    mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
+  }), React__default.createElement(DataGrid.SearchPanel, {
+    visible: masterDetailFeatures.showSearchPanel
+  }), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
+    name: "searchPanel"
+  }), React__default.createElement(DataGrid.Item, {
+    name: "columnChooserButton",
+    cssClass: "toolbarPanelItems"
+  }), React__default.createElement(DataGrid.Item, {
+    name: "exportButton",
+    cssClass: "toolbarPanelItems"
+  })));
+};
+
 var useToken$1 = antd.theme.useToken;
 var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
   var _props$columnResizing, _props$className, _props$selection, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
@@ -33221,7 +33429,10 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     onFastUpdateButtonClick = props.onFastUpdateButtonClick,
     onFastUpdateFinish = props.onFastUpdateFinish,
     onFastUpdateCancel = props.onFastUpdateCancel,
-    onFastUpdateFailed = props.onFastUpdateFailed;
+    onFastUpdateFailed = props.onFastUpdateFailed,
+    detailGridColumns = props.detailGridColumns,
+    detailData = props.detailData,
+    masterDetailFeatures = props.masterDetailFeatures;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _AntForm$useForm = antd.Form.useForm(),
@@ -33793,14 +34004,19 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
       }
     });
   };
-  var detailGrid = function detailGrid(_ref) {
-    var data = _ref.data;
-    return React__default.createElement(OdsBasicDataGrid, Object.assign({}, props, {
-      showMasterDetail: false,
-      columns: props.detailGridColums,
-      dataSource: props.detailData[data.key.ID]
-    }));
-  };
+  var renderMasterDetailGrid = React.useCallback(function (_ref) {
+    var _dataSource$data;
+    var dataSource = _ref.data;
+    var detailID = dataSource === null || dataSource === void 0 ? void 0 : (_dataSource$data = dataSource.data) === null || _dataSource$data === void 0 ? void 0 : _dataSource$data.ID;
+    if (!detailID || !(detailData !== null && detailData !== void 0 && detailData[detailID])) {
+      return null;
+    }
+    return React__default.createElement(MasterDetailDataGrid, {
+      columns: detailGridColumns,
+      dataSource: detailData[detailID],
+      masterDetailFeatures: masterDetailFeatures
+    });
+  }, [detailGridColumns, detailData, masterDetailFeatures]);
   var checkIsPropArray = function checkIsPropArray(prop) {
     return prop && Array.isArray(prop);
   };
@@ -33950,7 +34166,7 @@ var OdsBasicDataGrid = function OdsBasicDataGrid(props) {
     }
   }), props.showMasterDetail && React__default.createElement(DataGrid.MasterDetail, {
     enabled: true,
-    component: detailGrid
+    component: renderMasterDetailGrid
   }), props.edit && React__default.createElement(DataGrid.Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,
@@ -34641,27 +34857,6 @@ var useStyles$2 = antdStyle.createStyles(function (_ref) {
   };
 });
 
-var iconComponents = {
-  edit: outline.EditIcon,
-  "delete": outline.Trash1Icon,
-  copy: outline.CopyIcon,
-  discount: outline.DiscountIcon,
-  kebabMenu: outline.KebabMenuIcon,
-  refresh: outline.RefreshIcon,
-  unmap: outline.LinkBreakIcon,
-  save: outline.FloppyDiskIcon,
-  cancel: outline.Loop1Icon,
-  discount2Icon: outline.Discount2Icon
-};
-var DynamicIcon = function DynamicIcon(_ref) {
-  var iconName = _ref.iconName;
-  var IconComponent = iconComponents[iconName];
-  if (!IconComponent) {
-    return null;
-  }
-  return React__default.createElement(IconComponent, null);
-};
-
 var OdsServerSideDatagrid = function OdsServerSideDatagrid(props) {
   var _props$dataGridRef, _props$dataGridRef$da, _props$dataGridRef$da2, _props$dataGridRef$da3, _props$columnResizing, _props$selection, _props$pagerProps$vis, _props$pagerProps, _props$pagerProps$sho, _props$pagerProps2, _props$pagerProps$sho2, _props$pagerProps3, _props$pagerProps$dis, _props$pagerProps4, _props$pagerProps$inf, _props$pagerProps5, _props$exportProps;
   var rowCount = React.useRef(0);
@@ -35052,7 +35247,7 @@ var usePageTitleAndToolbarStyles = antdStyle.createStyles(function (_ref2) {
   };
 });
 
-var useOnActionCellRenderHandler = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
+var useOnActionCellRenderHandler$1 = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
   var onActionCellRender = React.useCallback(function (cellData) {
     if (!cellData || !visibleActionButtons) return null;
     var kebabMenuButtons = actionButtonGroup && actionButtonGroup.length >= 2 && !edit ? actionButtonGroup.slice(2).map(function (button) {
@@ -35172,7 +35367,7 @@ var useOnEditorPreparedHandler = function useOnEditorPreparedHandler(callback) {
   return onEditorPrepared;
 };
 
-var useOnExportingHandler = function useOnExportingHandler(exportProps, getSummary, callback) {
+var useOnExportingHandler$1 = function useOnExportingHandler(exportProps, getSummary, callback) {
   var onExporting = React.useCallback(function (e) {
     if (exportProps) {
       var _exportProps$fileName, _exportProps$activeTe, _exportProps$passiveT;
@@ -35352,7 +35547,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   var handleOptionChanged = useOnOptionChangedHandler(dataGridRefFromProps, totalFilteredCount, sortingPropsFromProps, setFilterApplied, setUpdateTrigger, onOptionChangedFromProps);
   React.useEffect(function () {}, [updateTrigger]);
   var handleEditorPrepared = useOnEditorPreparedHandler(onEditorPreparedFromProps);
-  var handleExporting = useOnExportingHandler(exportPropsFromProps, renderTotal, onExportingFromProps);
+  var handleExporting = useOnExportingHandler$1(exportPropsFromProps, renderTotal, onExportingFromProps);
   var handleCellClick = React.useCallback(function (e) {
     if (e.rowType != "header") {
       e.cellElement.style.backgroundColor = "transparent";
@@ -35370,7 +35565,7 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
     }
     return [];
   }, []);
-  var ActionCellRenderPartial = useOnActionCellRenderHandler(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps, actionButtonsTooltipTypeFromProps);
+  var ActionCellRenderPartial = useOnActionCellRenderHandler$1(VisibleActionButtons, actionButtonGroupFromProps, editPropsFromProps, actionButtonsTooltipTypeFromProps);
   var DataGridOptionsFromProps = React.useMemo(function () {
     return _extends({}, AllGridOptions, DefaultDataGridOptions, {
       columnResizingMode: columnResizingModeFromProps != null ? columnResizingModeFromProps : "nextColumn"
@@ -35478,193 +35673,6 @@ var OdsInlineEditDataGrid = function OdsInlineEditDataGrid(props) {
   }, React__default.createElement("p", null, renderTotal())));
 };
 
-var useOnActionCellRenderHandler$1 = function useOnActionCellRenderHandler(visibleActionButtons, actionButtonGroup, edit, actionButtonsTooltipType) {
-  var onActionCellRender = React.useCallback(function (cellData) {
-    if (!cellData || !visibleActionButtons) return null;
-    var kebabMenuButtons = actionButtonGroup && actionButtonGroup.length >= 2 && !edit ? actionButtonGroup.slice(2).map(function (button) {
-      return {
-        icon: button.icon,
-        onClick: function onClick(event) {
-          var customEvent = {
-            column: cellData.column,
-            component: cellData.component,
-            element: cellData.element,
-            event: event,
-            model: cellData.data,
-            row: cellData.row
-          };
-          button.onClick(customEvent);
-        }
-      };
-    }) : [];
-    var buttonElements = visibleActionButtons.map(function (buttonItem) {
-      var isVisible = typeof buttonItem.visible === "function" ? buttonItem.visible({
-        column: cellData.column,
-        component: cellData.component,
-        row: cellData.row
-      }) : buttonItem.visible;
-      return React__default.createElement(OdsDataGrdiRowButton, Object.assign({
-        key: "action-button-" + buttonItem.name,
-        name: buttonItem.name,
-        hint: buttonItem.hint,
-        visible: isVisible,
-        size: "small",
-        type: "text",
-        disabled: buttonItem.actionPermission === undefined ? false : !buttonItem.actionPermission,
-        icon: buttonItem.icon
-      }, actionButtonsTooltipType === "styled" && {
-        tooltip: buttonItem.hint
-      }, {
-        onClick: function onClick(event) {
-          if (buttonItem.onClick) {
-            var customEvent = {
-              column: cellData.column,
-              component: cellData.component,
-              element: cellData.element,
-              event: event,
-              model: cellData.data,
-              row: cellData.row
-            };
-            buttonItem.onClick(customEvent);
-          }
-        }
-      }));
-    });
-    if (kebabMenuButtons.length > 0) {
-      buttonElements.push(React__default.createElement(OdsDropdown, {
-        key: "dropdown-" + (cellData.rowIndex || cellData.data.ID),
-        menuItems: kebabMenuButtons
-      }, React__default.createElement(OdsDataGrdiRowButton, {
-        type: "text",
-        icon: React__default.createElement(DynamicIcon, {
-          iconName: "kebabMenu"
-        })
-      })));
-    }
-    return React__default.createElement(React__default.Fragment, null, buttonElements);
-  }, [visibleActionButtons]);
-  return onActionCellRender;
-};
-
-var useOnExportingHandler$1 = function useOnExportingHandler(exportProps, getSummary, callback) {
-  var onExporting = React.useCallback(function (e) {
-    if (exportProps) {
-      var _exportProps$fileName, _exportProps$activeTe, _exportProps$passiveT;
-      ExportDataGridToExcel({
-        gridComponent: e.component,
-        baseFileName: (_exportProps$fileName = exportProps.fileName) != null ? _exportProps$fileName : "DataGrid",
-        selectedText: exportProps.selectedText,
-        getSummary: getSummary,
-        selectedRowsOnly: e.selectedRowsOnly,
-        activeText: (_exportProps$activeTe = exportProps.activeText) != null ? _exportProps$activeTe : "Active",
-        passiveText: (_exportProps$passiveT = exportProps.passiveText) != null ? _exportProps$passiveT : "Passive"
-      });
-    }
-    if (callback) {
-      callback(e);
-    }
-  }, [getSummary]);
-  return onExporting;
-};
-
-var MasterDetailDataGrid = function MasterDetailDataGrid(_ref) {
-  var columns = _ref.columns,
-    dataSource = _ref.dataSource,
-    _ref$masterDetailFeat = _ref.masterDetailFeatures,
-    masterDetailFeatures = _ref$masterDetailFeat === void 0 ? {} : _ref$masterDetailFeat,
-    masterDetailData = _ref.masterDetailData;
-  var visibleActionButtons = React.useMemo(function () {
-    if (masterDetailFeatures.masterActionButtonGroup && masterDetailFeatures.masterActionButtonGroup.length >= 2) {
-      return masterDetailFeatures.masterActionButtonGroup.slice(0, 2);
-    }
-    return masterDetailFeatures.masterActionButtonGroup || [];
-  }, [masterDetailFeatures.masterActionButtonGroup]);
-  var onActionCellRender = useOnActionCellRenderHandler$1(visibleActionButtons, masterDetailFeatures.masterActionButtonGroup);
-  var getTotalDataCount = function getTotalDataCount() {
-    return "" + dataSource.length;
-  };
-  var handleExporting = useOnExportingHandler$1(masterDetailFeatures.exportProps, getTotalDataCount);
-  var effectiveColumns = (masterDetailData === null || masterDetailData === void 0 ? void 0 : masterDetailData.detailGridColumns) || columns || (dataSource[0] ? Object.keys(dataSource[0]).map(function (key) {
-    return {
-      dataField: key,
-      caption: key.charAt(0).toUpperCase() + key.slice(1),
-      allowFiltering: true
-    };
-  }) : []);
-  return React__default.createElement(DataGrid__default, {
-    style: {
-      maxHeight: masterDetailFeatures.maxHeight ? masterDetailFeatures.maxHeight + "px" : "400px",
-      overflow: "auto"
-    },
-    dataSource: dataSource,
-    showBorders: true,
-    columnAutoWidth: true,
-    allowColumnReordering: true,
-    selection: {
-      mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
-    },
-    paging: {
-      enabled: true,
-      pageSize: masterDetailFeatures.pageSize || 20
-    },
-    filterRow: {
-      visible: masterDetailFeatures.createFilter
-    },
-    onExporting: handleExporting,
-    onToolbarPreparing: masterDetailFeatures.detailToolbar
-  }, effectiveColumns.map(function (col) {
-    return React__default.createElement(DataGrid.Column, Object.assign({
-      key: col.dataField
-    }, col, {
-      headerFilter: {
-        visible: col.allowFiltering
-      }
-    }));
-  }), React__default.createElement(DataGrid.ColumnChooser, {
-    enabled: masterDetailFeatures.columnChooser,
-    mode: "select"
-  }, React__default.createElement(DataGrid.Position, {
-    my: "right top",
-    at: "right bottom",
-    of: document.querySelector("." + "props.dataGridPageName") ? "." + "props.dataGridPageName" + " .dx-datagrid-column-chooser-button" : ".dx-datagrid-column-chooser-button"
-  }), React__default.createElement(DataGrid.ColumnChooserSearch, {
-    enabled: true,
-    editorOptions: {
-      placeholder: ""
-    }
-  }), React__default.createElement(DataGrid.HeaderFilter, {
-    visible: true
-  }), React__default.createElement(DataGrid.ColumnChooserSelection, {
-    allowSelectAll: true,
-    selectByClick: true,
-    recursive: true
-  })), (masterDetailFeatures === null || masterDetailFeatures === void 0 ? void 0 : masterDetailFeatures.exportEnabled) && React__default.createElement(DataGrid.Export, Object.assign({}, masterDetailFeatures.exportProps)), masterDetailFeatures.actionColumnEnable && React__default.createElement(DataGrid.Column, {
-    dataField: "Actions",
-    caption: "",
-    minWidth: 10,
-    width: 160,
-    fixed: true,
-    allowSorting: false,
-    type: "buttons",
-    showInColumnChooser: false,
-    cellRender: onActionCellRender
-  }), React__default.createElement(DataGrid.FilterRow, {
-    visible: masterDetailFeatures.createFilter
-  }), React__default.createElement(DataGrid.Selection, {
-    mode: masterDetailFeatures.showCheckbox ? "multiple" : "none"
-  }), React__default.createElement(DataGrid.SearchPanel, {
-    visible: masterDetailFeatures.showSearchPanel
-  }), React__default.createElement(DataGrid.Toolbar, null, React__default.createElement(DataGrid.Item, {
-    name: "searchPanel"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "columnChooserButton",
-    cssClass: "toolbarPanelItems"
-  }), React__default.createElement(DataGrid.Item, {
-    name: "exportButton",
-    cssClass: "toolbarPanelItems"
-  })));
-};
-
 var _templateObject$t, _templateObject2$5;
 var useStyles$4 = antdStyle.createStyles(function (_ref) {
   var token = _ref.token,