ods-component-lib 1.13.10 → 1.13.12

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useRef } from 'react';
 import { AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Input, Form, Image, InputNumber, List, Modal, notification, Radio, Rate, Select, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import Card from 'antd/es/card/Card';
@@ -7,7 +7,7 @@ import 'react-phone-input-2/lib/style.css';
 import PhoneInput from 'react-phone-input-2';
 import message from 'antd/es/message';
 import Parser from 'html-react-parser';
-import { DataGrid, Paging, Pager, SearchPanel, FilterRow, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1 } from 'devextreme-react/data-grid';
+import { DataGrid, Paging, Pager, SearchPanel, FilterRow, HeaderFilter, ColumnChooser, Position, ColumnChooserSearch, ColumnChooserSelection, Selection, Editing, Popup, Form as Form$1, Scrolling, Export, Column, RequiredRule, Button as Button$1, Toolbar, Item as Item$1, LoadPanel } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
 import jsPDF from 'jspdf';
 import { exportDataGrid as exportDataGrid$1 } from 'devextreme/pdf_exporter';
@@ -1335,13 +1335,13 @@ function grid(props) {
       return React.createElement(Column, {
         type: "buttons",
         width: 110
-      }, React.createElement(Button$1, {
+      }, props.edit.allowUpdating && React.createElement(Button$1, {
         hint: "Edit",
         visible: true,
         disabled: false,
         icon: "edit",
         onClick: props.editButtonClick
-      }), React.createElement(Button$1, {
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
         hint: "Delete",
         visible: true,
         disabled: false,
@@ -1352,9 +1352,9 @@ function grid(props) {
       return React.createElement(Column, {
         type: "buttons",
         width: 110
-      }, React.createElement(React.Fragment, null, React.createElement(Button$1, {
+      }, React.createElement(React.Fragment, null, props.edit.allowUpdating && React.createElement(Button$1, {
         name: "edit"
-      }), React.createElement(Button$1, {
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
         name: "delete"
       })));
     }
@@ -1473,6 +1473,10 @@ function grid$2(props) {
   var _useState2 = useState(true),
     enablePaging = _useState2[0],
     setEnablePaging = _useState2[1];
+  var _useState3 = useState(true),
+    loadPanelEnabled = _useState3[0],
+    setLoadPanelEnabled = _useState3[1];
+  var dataGridRef = useRef(null);
   var headerCellRender = function headerCellRender(colProperties) {
     return React.createElement("th", {
       className: "dx-datagrid-headers"
@@ -1509,6 +1513,20 @@ function grid$2(props) {
   };
   var onEnablePagingChange = function onEnablePagingChange(value) {
     setEnablePaging(value);
+    refreshGrid();
+  };
+  var handleScrollingTypeChange = function handleScrollingTypeChange(newScrollingType) {
+    console.log(newScrollingType);
+    debugger;
+    refreshGrid();
+  };
+  var onContentReady = function onContentReady() {
+    setLoadPanelEnabled(false);
+  };
+  var refreshGrid = function refreshGrid() {
+    if (dataGridRef.current) {
+      dataGridRef.current.instance.refresh();
+    }
   };
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "odsDatagrid",
@@ -1528,9 +1546,11 @@ function grid$2(props) {
     allowColumnReordering: true,
     showRowLines: true,
     showBorders: true,
+    ref: dataGridRef,
     columnAutoWidth: false,
     onEditCanceling: props.onEditCanceling,
-    onExporting: onExporting
+    onExporting: onExporting,
+    onContentReady: onContentReady
   }, React.createElement(Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1563,6 +1583,10 @@ function grid$2(props) {
   })), props.selectEnable && React.createElement(Selection, {
     mode: "multiple",
     deferred: true
+  }), React.createElement(Scrolling, {
+    mode: 'virtual'
+  }), React.createElement(LoadPanel, {
+    enabled: loadPanelEnabled
   }), props.editEnable === true && React.createElement(Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,
@@ -1586,10 +1610,7 @@ function grid$2(props) {
         dataField: subItem.dataField
       });
     }));
-  }))), React.createElement(Scrolling, {
-    mode: props.scrollingMode,
-    rowRenderingMode: props.scrollingMode
-  }), props.exportEnable === true && React.createElement(Export, {
+  }))), props.exportEnable === true && React.createElement(Export, {
     enabled: true,
     allowExportSelectedData: true,
     formats: exportFormats$2
@@ -1618,13 +1639,13 @@ function grid$2(props) {
       return React.createElement(Column, {
         type: "buttons",
         width: 110
-      }, React.createElement(Button$1, {
+      }, props.edit.allowUpdating && React.createElement(Button$1, {
         hint: "Edit",
         visible: true,
         disabled: false,
         icon: "edit",
         onClick: props.editButtonClick
-      }), React.createElement(Button$1, {
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
         hint: "Delete",
         visible: true,
         disabled: false,
@@ -1635,9 +1656,9 @@ function grid$2(props) {
       return React.createElement(Column, {
         type: "buttons",
         width: 110
-      }, React.createElement(React.Fragment, null, React.createElement(Button$1, {
+      }, React.createElement(React.Fragment, null, props.edit.allowUpdating && React.createElement(Button$1, {
         name: "edit"
-      }), React.createElement(Button$1, {
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
         name: "delete"
       })));
     }
@@ -1660,6 +1681,21 @@ function grid$2(props) {
     text: 'Enable Paging',
     value: enablePaging,
     onValueChange: onEnablePagingChange
+  })), React.createElement(Item$1, {
+    location: "after"
+  }, React.createElement(OdsSelect, {
+    value: "standard",
+    options: [{
+      value: "standard",
+      label: "standard"
+    }, {
+      value: "virtual",
+      label: "Active"
+    }, {
+      value: "infinite",
+      label: "infinite"
+    }],
+    onChange: handleScrollingTypeChange
   })), React.createElement(Item$1, {
     name: "columnChooserButton"
   }), React.createElement(Item$1, {