ods-component-lib 1.13.10 → 1.13.12

package/dist/index.js

@@ -1339,13 +1339,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,
@@ -1356,9 +1356,9 @@ function grid(props) {
       return React__default.createElement(dataGrid.Column, {
         type: "buttons",
         width: 110
-      }, React__default.createElement(React__default.Fragment, null, React__default.createElement(dataGrid.Button, {
+      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
         name: "edit"
-      }), React__default.createElement(dataGrid.Button, {
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
         name: "delete"
       })));
     }
@@ -1477,6 +1477,10 @@ function grid$2(props) {
   var _useState2 = React.useState(true),
     enablePaging = _useState2[0],
     setEnablePaging = _useState2[1];
+  var _useState3 = React.useState(true),
+    loadPanelEnabled = _useState3[0],
+    setLoadPanelEnabled = _useState3[1];
+  var dataGridRef = React.useRef(null);
   var headerCellRender = function headerCellRender(colProperties) {
     return React__default.createElement("th", {
       className: "dx-datagrid-headers"
@@ -1513,6 +1517,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__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "odsDatagrid",
@@ -1532,9 +1550,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__default.createElement(dataGrid.Paging, {
     enabled: true,
     defaultPageSize: props.pageSize
@@ -1567,6 +1587,10 @@ function grid$2(props) {
   })), props.selectEnable && React__default.createElement(dataGrid.Selection, {
     mode: "multiple",
     deferred: true
+  }), React__default.createElement(dataGrid.Scrolling, {
+    mode: 'virtual'
+  }), React__default.createElement(dataGrid.LoadPanel, {
+    enabled: loadPanelEnabled
   }), props.editEnable === true && React__default.createElement(dataGrid.Editing, {
     mode: props.edit.mode,
     allowUpdating: props.edit.allowUpdating,
@@ -1590,10 +1614,7 @@ function grid$2(props) {
         dataField: subItem.dataField
       });
     }));
-  }))), React__default.createElement(dataGrid.Scrolling, {
-    mode: props.scrollingMode,
-    rowRenderingMode: props.scrollingMode
-  }), props.exportEnable === true && React__default.createElement(dataGrid.Export, {
+  }))), props.exportEnable === true && React__default.createElement(dataGrid.Export, {
     enabled: true,
     allowExportSelectedData: true,
     formats: exportFormats$2
@@ -1622,13 +1643,13 @@ function grid$2(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,
@@ -1639,9 +1660,9 @@ function grid$2(props) {
       return React__default.createElement(dataGrid.Column, {
         type: "buttons",
         width: 110
-      }, React__default.createElement(React__default.Fragment, null, React__default.createElement(dataGrid.Button, {
+      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
         name: "edit"
-      }), React__default.createElement(dataGrid.Button, {
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
         name: "delete"
       })));
     }
@@ -1664,6 +1685,21 @@ function grid$2(props) {
     text: 'Enable Paging',
     value: enablePaging,
     onValueChange: onEnablePagingChange
+  })), React__default.createElement(dataGrid.Item, {
+    location: "after"
+  }, React__default.createElement(OdsSelect, {
+    value: "standard",
+    options: [{
+      value: "standard",
+      label: "standard"
+    }, {
+      value: "virtual",
+      label: "Active"
+    }, {
+      value: "infinite",
+      label: "infinite"
+    }],
+    onChange: handleScrollingTypeChange
   })), React__default.createElement(dataGrid.Item, {
     name: "columnChooserButton"
   }), React__default.createElement(dataGrid.Item, {