ods-component-lib 1.13.14 → 1.13.16

package/dist/index.modern.js

@@ -15,7 +15,7 @@ import { exportDataGrid } from 'devextreme/excel_exporter';
 import { Workbook } from 'exceljs';
 import { saveAs } from 'file-saver-es';
 import moment from 'moment';
-import { CheckBox, TreeList } from 'devextreme-react';
+import { CheckBox, Lookup, TreeList } from 'devextreme-react';
 import { TreeView } from 'devextreme-react/tree-view';
 
 function _extends() {
@@ -1463,19 +1463,19 @@ var customizeBooleanColumnRender$1 = function customizeBooleanColumnRender(e) {
     color: tagColor
   }, e.value ? 'Active' : 'Passive');
 };
-function OdsDataGrid$1(props) {
-  return grid$2(props);
-}
-function grid$2(props) {
+function OdsProfDataGrid(props) {
   var _useState = useState(true),
     showPageSizeSelector = _useState[0],
     setShowPageSizeSelector = _useState[1];
   var _useState2 = useState(true),
     enablePaging = _useState2[0],
     setEnablePaging = _useState2[1];
-  var _useState3 = useState(true),
-    loadPanelEnabled = _useState3[0],
-    setLoadPanelEnabled = _useState3[1];
+  var _useState3 = useState('standard'),
+    scrollingType = _useState3[0],
+    setScrollingType = _useState3[1];
+  var _useState4 = useState(true),
+    loadPanelEnabled = _useState4[0],
+    setLoadPanelEnabled = _useState4[1];
   var dataGridRef = useRef(null);
   var headerCellRender = function headerCellRender(colProperties) {
     return React.createElement("th", {
@@ -1484,7 +1484,7 @@ function grid$2(props) {
   };
   var fileName = props.exportFileName ? props.exportFileName + moment().format("YYYYMMDD") : "DatagridExportFile" + moment().format("YYYYMMDD");
   var onExporting = function onExporting(e) {
-    if (e.format === 'xlsx') {
+    if (e.format === 'excel') {
       var workbook = new Workbook();
       exportDataGrid({
         component: e.component,
@@ -1508,14 +1508,12 @@ function grid$2(props) {
       });
     }
   };
-  var showPageSizeSelectorChange = function showPageSizeSelectorChange(value) {
-    setShowPageSizeSelector(value);
-  };
   var onEnablePagingChange = function onEnablePagingChange(value) {
     setEnablePaging(value);
     refreshGrid();
   };
   var handleScrollingTypeChange = function handleScrollingTypeChange(newScrollingType) {
+    setScrollingType(newScrollingType);
     console.log(newScrollingType);
     debugger;
     refreshGrid();
@@ -1528,6 +1526,9 @@ function grid$2(props) {
       dataGridRef.current.instance.refresh();
     }
   };
+  var handleCheckboxChange = function handleCheckboxChange(e) {
+    setShowPageSizeSelector(e);
+  };
   return React.createElement(React.Fragment, null, React.createElement("div", {
     className: "odsDatagrid",
     style: {
@@ -1664,8 +1665,7 @@ function grid$2(props) {
     }
   }(), React.createElement(Toolbar, null, React.createElement(Item$1, {
     location: "after"
-  }, React.createElement(OdsButton, {
-    type: "primary",
+  }, React.createElement(Button$1, {
     onClick: props.onAddButton
   }, "Add New")), React.createElement(Item$1, {
     location: "after"
@@ -1673,19 +1673,19 @@ function grid$2(props) {
     id: 'showPageSizes',
     text: 'Show Page Size',
     value: showPageSizeSelector,
-    onValueChange: showPageSizeSelectorChange
+    onValueChanged: handleCheckboxChange
   })), React.createElement(Item$1, {
     location: "after"
   }, React.createElement(CheckBox, {
     id: 'showPages',
     text: 'Enable Paging',
     value: enablePaging,
-    onValueChange: onEnablePagingChange
+    onValueChanged: onEnablePagingChange
   })), React.createElement(Item$1, {
     location: "after"
-  }, React.createElement(OdsSelect, {
-    value: "standard",
-    options: [{
+  }, React.createElement(Lookup, {
+    value: scrollingType,
+    dataSource: [{
       value: "standard",
       label: "standard"
     }, {
@@ -1695,7 +1695,7 @@ function grid$2(props) {
       value: "infinite",
       label: "infinite"
     }],
-    onChange: handleScrollingTypeChange
+    onValueChange: handleScrollingTypeChange
   })), React.createElement(Item$1, {
     name: "columnChooserButton"
   }), React.createElement(Item$1, {
@@ -1779,5 +1779,5 @@ var DxTreeView = function DxTreeView(props) {
   }));
 };
 
-export { DxTreeList, DxTreeView, OdsAutoComplete, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDateRangePicker as OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsDataGrid$1 as OdsProfDataGrid, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+export { DxTreeList, DxTreeView, OdsAutoComplete, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDateRangePicker as OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsProfDataGrid, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map