ods-component-lib 1.11.17 → 1.12.1

package/dist/components/devextreme/OdsDisplayGrid.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import "./DxDataGrid.css";
+declare function OdsDisplayGrid(props: any): React.JSX.Element;
+export default OdsDisplayGrid;

package/dist/index.d.ts

@@ -42,6 +42,7 @@ import OdsText from "./components/antd/typography/OdsText";
 import OdsTitle from "./components/antd/typography/OdsTitle";
 import OdsLogin from "./components/custom/OdsLogin";
 import OdsDataGrid from "./components/devextreme/OdsDataGrid";
+import OdsDisplayGrid from "./components/devextreme/OdsDisplayGrid";
 import DxTreeList from "./components/devextreme/treeview/DxTreeList";
 import DxTreeView from "./components/devextreme/treeview/DxTreeView";
 export { OdsButton };
@@ -90,3 +91,4 @@ export { OdsLink };
 export { OdsNotification };
 export { DxTreeView };
 export { DxTreeList };
+export { OdsDisplayGrid };

package/dist/index.js

@@ -688,13 +688,13 @@ function grid(props) {
       return React__default.createElement(dataGrid.Column, {
         type: "buttons",
         width: 110
-      }, React__default.createElement(dataGrid.Button, {
+      }, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
         hint: "Edit",
         visible: true,
         disabled: false,
         icon: "edit",
         onClick: props.editButtonClick
-      }), React__default.createElement(dataGrid.Button, {
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
         hint: "Delete",
         visible: true,
         disabled: false,
@@ -705,13 +705,13 @@ function grid(props) {
       return React__default.createElement(dataGrid.Column, {
         type: "buttons",
         width: 110
-      }, React__default.createElement(React__default.Fragment, null, props.editEnable === true && React__default.createElement(dataGrid.Button, {
+      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
         name: "edit"
-      }), props.editEnable === true && React__default.createElement(dataGrid.Button, {
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
         name: "delete"
       })));
     }
-  }(), React__default.createElement(dataGrid.Toolbar, null, props.editEnable === true && React__default.createElement(dataGrid.Item, {
+  }(), React__default.createElement(dataGrid.Toolbar, null, React__default.createElement(dataGrid.Item, {
     location: "after"
   }, React__default.createElement(OdsButton, {
     type: "primary",
@@ -727,6 +727,78 @@ function grid(props) {
   }))));
 }
 
+var exportFormats$1 = ['xlsx', 'pdf'];
+var searchEditorOptions$1 = {
+  placeholder: 'Search column'
+};
+function OdsDisplayGrid(props) {
+  return grid$1(props);
+}
+function grid$1(props) {
+  var headerCellRender = function headerCellRender(colProperties) {
+    return React__default.createElement("th", {
+      className: "dx-datagrid-headers"
+    }, colProperties.column.caption);
+  };
+  return React__default.createElement(React__default.Fragment, null, React__default.createElement(dataGrid.DataGrid, {
+    dataSource: props.dataSource,
+    columnAutoWidth: props.columnAutoWidth,
+    keyExpr: props.keyExpr,
+    allowColumnResizing: true,
+    columnResizingMode: "widget",
+    allowColumnReordering: true,
+    showRowLines: true,
+    showBorders: true,
+    width: "100%"
+  }, React__default.createElement(dataGrid.Paging, {
+    enabled: true,
+    defaultPageSize: props.pageSize
+  }), props.pagingEnable && React__default.createElement(dataGrid.Pager, {
+    visible: true,
+    displayMode: "full",
+    showPageSizeSelector: true,
+    showNavigationButtons: true,
+    allowedPageSizes: [5, 10, 20],
+    showInfo: true
+  }), props.searchEnable && React__default.createElement(dataGrid.SearchPanel, {
+    visible: true
+  }), props.filterEnable && React__default.createElement(dataGrid.FilterRow, {
+    visible: true
+  }), props.headerFilterEnable && React__default.createElement(dataGrid.HeaderFilter, {
+    visible: true
+  }), React__default.createElement(dataGrid.ColumnChooser, {
+    enabled: true,
+    mode: "select"
+  }, React__default.createElement(dataGrid.Position, {
+    my: "right top",
+    at: "right bottom",
+    of: ".dx-datagrid-column-chooser-button"
+  }), React__default.createElement(dataGrid.ColumnChooserSearch, {
+    enabled: true,
+    editorOptions: searchEditorOptions$1
+  }), React__default.createElement(dataGrid.ColumnChooserSelection, {
+    allowSelectAll: true,
+    selectByClick: true,
+    recursive: true
+  })), props.selectEnable && React__default.createElement(dataGrid.Selection, {
+    mode: "multiple",
+    deferred: true
+  }), React__default.createElement(dataGrid.Scrolling, {
+    mode: props.scrollingMode,
+    rowRenderingMode: props.scrollingMode
+  }), props.exportEnable === true && React__default.createElement(dataGrid.Export, {
+    enabled: true,
+    allowExportSelectedData: true,
+    formats: exportFormats$1
+  }), props.columns.map(function (col) {
+    return React__default.createElement(dataGrid.Column, Object.assign({
+      key: col.dataField
+    }, col, {
+      headerCellRender: headerCellRender
+    }), " ");
+  })));
+}
+
 var DxTreeList = function DxTreeList(props) {
   var _useState = React.useState(props.dataSource),
     dataSource = _useState[0];
@@ -813,6 +885,7 @@ exports.OdsCollapse = OdsCollapse;
 exports.OdsDataGrid = OdsDataGrid;
 exports.OdsDateRangePicker = OdsDateRangePicker;
 exports.OdsDatepicker = OdsDateRangePicker;
+exports.OdsDisplayGrid = OdsDisplayGrid;
 exports.OdsDivider = OdsDivider;
 exports.OdsDropdown = OdsCollapse;
 exports.OdsDropdownButton = OdsDropdownButton;