ods-component-lib 1.17.121 → 1.17.124

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Input, Form, Image, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography } from 'antd';
+import { Alert, 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 Marquee from 'react-fast-marquee';
 import React, { useState, useRef, useEffect } from 'react';
@@ -9,7 +9,7 @@ import PhoneInput from 'react-phone-input-2';
 import message from 'antd/es/message';
 import Parser from 'html-react-parser';
 import { locale, loadMessages } from 'devextreme/localization';
-import { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, RemoteOperations, 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, Summary, TotalItem, StateStoring } from 'devextreme-react/data-grid';
+import { DataGrid, LoadPanel, Paging, Pager, SearchPanel, FilterRow, FilterPanel, 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, Summary, TotalItem, StateStoring } from 'devextreme-react/data-grid';
 import { Item } from 'devextreme-react/form';
 import { exportDataGrid as exportDataGrid$1 } from 'devextreme/pdf_exporter';
 import { exportDataGrid } from 'devextreme/excel_exporter';
@@ -654,9 +654,7 @@ var StyledList = styled(List)(_templateObject$b || (_templateObject$b = _taggedT
 
 function OdsList(props) {
   props.size = "default";
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledList, {
+  return React.createElement(React.Fragment, null, React.createElement(StyledList, {
     size: props.size,
     header: props.showHeader && React.createElement("div", null, props.headerText),
     footer: props.showFooter && React.createElement("div", null, props.footerText),
@@ -665,7 +663,7 @@ function OdsList(props) {
     renderItem: function renderItem(item) {
       return React.createElement(List.Item, null, item);
     }
-  }, props.children)));
+  }, props.children));
 }
 
 function OdsMessage(type, content, duration) {
@@ -731,15 +729,13 @@ function OdsMessage(type, content, duration) {
 }
 
 function OdsModal(props) {
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(Modal, Object.assign({}, props, {
+  return React.createElement(React.Fragment, null, React.createElement(Modal, Object.assign({}, props, {
     open: props.open,
     onOk: props.onOk,
     onCancel: props.onCancel
   }), React.createElement("div", {
     className: "content"
-  }, Parser(props.content)))));
+  }, Parser(props.content))));
 }
 
 var OdsNotification = function OdsNotification(props) {
@@ -1018,52 +1014,14 @@ var customIcons = {
   6: React.createElement(HeartOutlined, null)
 };
 function OdsRate(props) {
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledRate, Object.assign({}, props))));
+  return React.createElement(React.Fragment, null, React.createElement(StyledRate, Object.assign({}, props)));
 }
 
 var _templateObject$e;
 var StyledSelect = styled(Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
-function OdsCustomMultiSelect(props) {
-  var _useState = useState(false),
-    open = _useState[0],
-    setOpen = _useState[1];
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledSelect, Object.assign({}, props, {
-    open: open,
-    onDropdownVisibleChange: function onDropdownVisibleChange(visible) {
-      return setOpen(visible);
-    },
-    dropdownRender: function dropdownRender(menu) {
-      return React.createElement(React.Fragment, null, menu, React.createElement(OdsDivider, {
-        style: {
-          margin: '8px 0'
-        }
-      }), React.createElement(Space, {
-        style: {
-          padding: '0 8px 4px',
-          width: "100%"
-        }
-      }, React.createElement(OdsButton, {
-        style: {
-          width: "100%"
-        },
-        type: "primary",
-        onClick: function onClick() {
-          return setOpen(false);
-        }
-      }, props.buttonLabel)));
-    }
-  }))));
-}
-
 function OdsSelect(props) {
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledSelect, Object.assign({}, props))));
+  return React.createElement(React.Fragment, null, React.createElement(StyledSelect, Object.assign({}, props)));
 }
 
 var _templateObject$f;
@@ -1073,20 +1031,16 @@ function OdsSpin(props) {
   var _useState = useState(true),
     loading = _useState[0];
   props.size = "default";
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledSpin, Object.assign({}, props, {
+  return React.createElement(React.Fragment, null, React.createElement(StyledSpin, Object.assign({}, props, {
     spinning: loading
-  }), props.children)));
+  }), props.children));
 }
 
 var _templateObject$g;
 var StyledSwitch = styled(Switch)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsSwitch(props) {
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledSwitch, Object.assign({}, props))));
+  return React.createElement(React.Fragment, null, React.createElement(StyledSwitch, Object.assign({}, props)));
 }
 
 var _templateObject$h;
@@ -1118,24 +1072,20 @@ function OdsTab(props) {
     setTabPosition = _useState2[1];
   setTabPosition("top");
   setSize("middle");
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledTabs, Object.assign({}, props, {
+  return React.createElement(React.Fragment, null, React.createElement(StyledTabs, Object.assign({}, props, {
     tabPosition: tabPosition,
     size: size,
     defaultActiveKey: "1",
     items: items$1,
     onChange: onChange
-  }), props.children)));
+  }), props.children));
 }
 
 var _templateObject$i;
 var StyledTable = styled(Table)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsBasicTable(props) {
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledTable, Object.assign({}, props))));
+  return React.createElement(React.Fragment, null, React.createElement(StyledTable, Object.assign({}, props)));
 }
 
 var rowSelection = {
@@ -1159,9 +1109,7 @@ var _templateObject$j;
 var StyledTag = styled(Tag)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsTag(props) {
-  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
-    theme: lightTheme
-  }, React.createElement(StyledTag, Object.assign({}, props), props.children)));
+  return React.createElement(React.Fragment, null, React.createElement(StyledTag, Object.assign({}, props), props.children));
 }
 
 var _templateObject$k;
@@ -1368,6 +1316,7 @@ function grid(props, dataGridRef) {
     filterSyncEnabled: true,
     height: window.innerHeight - 164,
     repaintChangesOnly: true,
+    remoteOperations: props.remoteOperations !== undefined ? props.remoteOperations : false,
     ref: dataGridRef
   }, React.createElement(LoadPanel, {
     enabled: true
@@ -1385,13 +1334,6 @@ function grid(props, dataGridRef) {
     visible: true
   }), React.createElement(FilterPanel, {
     visible: true
-  }), props.remoteOperations && React.createElement(RemoteOperations, {
-    filtering: true,
-    paging: false,
-    sorting: true,
-    summary: false,
-    grouping: false,
-    groupPaging: false
   }), props.headerFilterEnable && React.createElement(HeaderFilter, {
     visible: true
   }), React.createElement(ColumnChooser, {
@@ -1645,9 +1587,16 @@ function grid$1(props) {
       headerCellRender: headerCellRender
     }), " ");
   }), React.createElement(Summary, null, React.createElement(TotalItem, {
-    column: props.totalColumunName == undefined ? "Id" : props.totalColumunName,
+    column: "Id",
     summaryType: "count",
-    displayFormat: props.TotaDatalLanguage + " : {0} "
+    displayFormat: "{0} Total Data"
+  }), props.sumaryRowItems && props.sumaryRowItems.map(function (item) {
+    return React.createElement(TotalItem, {
+      column: item.columnName,
+      summaryType: item.aggregateFn,
+      valueFormat: item.valueFormat ? item.valueFormat : "",
+      displayFormat: "Total: {0}"
+    });
   }))));
 }
 
@@ -2187,5 +2136,5 @@ var DxTreeView = function DxTreeView(props) {
   }));
 };
 
-export { DxTreeList, DxTreeView, OdsAlert, OdsAutoComplete, OdsBannerAlert, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsCustomMultiSelect, 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, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+export { DxTreeList, DxTreeView, OdsAlert, OdsAutoComplete, OdsBannerAlert, 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, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map