ods-component-lib 1.17.66 → 1.17.68

package/dist/index.js

@@ -11,14 +11,15 @@ require('react-phone-input-2/lib/style.css');
 var PhoneInput = _interopDefault(require('react-phone-input-2'));
 var message = _interopDefault(require('antd/es/message'));
 var Parser = _interopDefault(require('html-react-parser'));
+var localization = require('devextreme/localization');
 var dataGrid = require('devextreme-react/data-grid');
+var form = require('devextreme-react/form');
 var pdf_exporter = require('devextreme/pdf_exporter');
 var excel_exporter = require('devextreme/excel_exporter');
 var jsPDF = _interopDefault(require('jspdf'));
 var exceljs = require('exceljs');
 var fileSaverEs = require('file-saver-es');
 var moment = _interopDefault(require('moment'));
-var form = require('devextreme-react/form');
 var devextremeReact = require('devextreme-react');
 var AspNetData = require('devextreme-aspnet-data-nojquery');
 var treeView = require('devextreme-react/tree-view');
@@ -1198,6 +1199,7 @@ var renderMenuItem = function renderMenuItem() {
 };
 function OdsDataGrid(props) {
   var dataGridRef = React.useRef(null);
+  console.log('deneme12: ', sessionStorage.getItem("locale"));
   return grid(props, dataGridRef);
 }
 function grid(props, dataGridRef) {
@@ -1257,6 +1259,10 @@ function grid(props, dataGridRef) {
     state.selectionFilter = [];
     localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
   };
+  React.useEffect(function () {
+    localization.locale(sessionStorage.getItem("locale"));
+    localization.loadMessages(JSON.parse(sessionStorage.getItem("localTranslation")));
+  }, []);
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
     className: "odsDatagrid",
     style: {
@@ -1273,15 +1279,7 @@ function grid(props, dataGridRef) {
     onRowInserted: props.onRowInserted,
     onRowUpdated: props.onRowUpdated,
     onRowRemoved: props.onRowRemoved,
-    onEditingStart: props.onEditingStart,
-    onInitNewRow: props.onInitNewRow,
-    onRowInserting: props.onRowInserting,
-    onRowUpdating: props.onRowUpdating,
-    onRowRemoving: props.onRowRemoving,
     onSaving: props.onSaving,
-    onSaved: props.onSaved,
-    onEditCanceling: props.onEditCanceling,
-    onEditCanceled: props.onEditCanceled,
     allowColumnReordering: true,
     showRowLines: true,
     showBorders: true,
@@ -1289,6 +1287,7 @@ function grid(props, dataGridRef) {
     focusedRowEnabled: false,
     wordWrapEnabled: false,
     noDataText: "No Data",
+    onEditCanceling: props.onEditCanceling,
     onExporting: onExporting,
     height: window.innerHeight - 164,
     repaintChangesOnly: true,
@@ -1342,7 +1341,24 @@ function grid(props, dataGridRef) {
     allowDeleting: props.edit.allowDeleting,
     allowAdding: props.edit.allowAdding,
     useIcons: true
-  }), React__default.createElement(dataGrid.Scrolling, {
+  }, props.edit.mode === "popup" && React__default.createElement(dataGrid.Popup, {
+    title: props.popupTitle,
+    showTitle: true,
+    width: 700,
+    height: 300,
+    showCloseButton: false
+  }), React__default.createElement(dataGrid.Form, null, props.formItems.map(function (formItem) {
+    return React__default.createElement(form.Item, {
+      itemType: formItem.itemType,
+      colCount: formItem.colCount,
+      colSpan: formItem.colSpan
+    }, formItem.items.map(function (subItem) {
+      return React__default.createElement(form.Item, {
+        key: subItem.dataField,
+        dataField: subItem.dataField
+      });
+    }));
+  }))), React__default.createElement(dataGrid.Scrolling, {
     mode: props.scroll.mode,
     showScrollbar: props.scroll.showScrollbar,
     scrollByContent: props.scroll.scrollByContent,
@@ -1370,25 +1386,41 @@ function grid(props, dataGridRef) {
         value: false
       }]
     }));
-  }), props.customEdit !== undefined && React__default.createElement(dataGrid.Column, {
-    dataField: "Actions",
-    caption: "Actions",
-    type: "buttons",
-    width: 110,
-    showInColumnChooser: false
-  }, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
-    hint: "Edit",
-    visible: true,
-    disabled: false,
-    icon: "edit",
-    onClick: props.editButtonClick
-  }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
-    hint: "Delete",
-    visible: true,
-    disabled: false,
-    icon: "trash",
-    onClick: props.deleteButtonClick
-  })), React__default.createElement(dataGrid.Toolbar, null, props.pageTitle && React__default.createElement(dataGrid.Item, {
+  }), function () {
+    if (props.customPopup !== undefined) {
+      return React__default.createElement(dataGrid.Column, {
+        dataField: "Actions",
+        caption: "Actions",
+        type: "buttons",
+        width: 110,
+        showInColumnChooser: false
+      }, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
+        hint: "Edit",
+        visible: true,
+        disabled: false,
+        icon: "edit",
+        onClick: props.editButtonClick
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
+        hint: "Delete",
+        visible: true,
+        disabled: false,
+        icon: "trash",
+        onClick: props.deleteButtonClick
+      }));
+    } else {
+      return React__default.createElement(dataGrid.Column, {
+        dataField: "Actions",
+        caption: "Actions",
+        type: "buttons",
+        width: 110,
+        showInColumnChooser: false
+      }, React__default.createElement(React__default.Fragment, null, props.edit.allowUpdating && React__default.createElement(dataGrid.Button, {
+        name: "edit"
+      }), props.edit.allowDeleting && React__default.createElement(dataGrid.Button, {
+        name: "delete"
+      })));
+    }
+  }(), React__default.createElement(dataGrid.Toolbar, null, props.pageTitle && React__default.createElement(dataGrid.Item, {
     location: "before"
   }, React__default.createElement(antd.Typography.Title, {
     level: 5,