ods-component-lib 1.18.81 → 1.18.83

package/dist/index.modern.js

@@ -1,4 +1,4 @@
-import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Tooltip, Badge } from 'antd';
+import { Alert, AutoComplete, Button, Dropdown, Calendar, Card as Card$1, Checkbox, DatePicker, Divider, Collapse, Image, Input, InputNumber, List, Modal, notification, Radio, Rate, Select, Space, Spin, Switch, Tabs, Table, Tag, Timeline, TimePicker, Typography, theme, Tooltip, Badge } from 'antd';
 import styled, { ThemeProvider } from 'styled-components';
 import React, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import Marquee from 'react-fast-marquee';
@@ -505,7 +505,17 @@ function OdsDivider(props) {
 }
 
 var _templateObject$8;
-var StyledDropdown = styled(Dropdown)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
+var StyledCollapse = styled(Collapse)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n //\n"])));
+
+function OdsCollapse(props) {
+  return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
+    theme: lightTheme
+  }, React.createElement(StyledCollapse, Object.assign({}, props))));
+}
+OdsCollapse.Panel = StyledCollapse.Panel;
+
+var _templateObject$9;
+var StyledDropdown = styled(Dropdown)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 var handleMenuClick = function handleMenuClick(e) {
   console.log('click', e);
@@ -526,8 +536,8 @@ function OdsImage(props) {
   return React.createElement(Image, Object.assign({}, props));
 }
 
-var _templateObject$9;
-var StyledInput = styled(Input)(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$a;
+var StyledInput = styled(Input)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsInput(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
@@ -572,8 +582,8 @@ function OdsTextArea(props) {
   }, React.createElement(StyledInput.TextArea, Object.assign({}, props), props === null || props === void 0 ? void 0 : props.children)));
 }
 
-var _templateObject$a;
-var StyledInputNumber = styled(InputNumber)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$b;
+var StyledInputNumber = styled(InputNumber)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsInputNumber(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
@@ -581,15 +591,15 @@ function OdsInputNumber(props) {
   }, React.createElement(StyledInputNumber, Object.assign({}, props))));
 }
 
-var _templateObject$b;
-var StyledList = styled(List)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$c;
+var StyledList = styled(List)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n //\n"])));
 
-function OdsList(props) {
-  props.size = "default";
+function _OdsList(props) {
+  var _props$size;
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
     theme: lightTheme
-  }, React.createElement(StyledList, {
-    size: props.size,
+  }, React.createElement(StyledList, Object.assign({
+    size: (_props$size = props.size) != null ? _props$size : "default",
     header: props.showHeader && React.createElement("div", null, props.headerText),
     footer: props.showFooter && React.createElement("div", null, props.footerText),
     bordered: true,
@@ -597,8 +607,11 @@ function OdsList(props) {
     renderItem: function renderItem(item) {
       return React.createElement(List.Item, null, item);
     }
-  }, props.children)));
+  }, props), props.children)));
 }
+var OdsList = function OdsList(props) {
+  return _OdsList(props);
+};
 
 function OdsModalOld(props) {
   return React.createElement(React.Fragment, null, React.createElement(Modal, Object.assign({}, props, {
@@ -632,8 +645,8 @@ var OdsNotification = function OdsNotification(props) {
   return null;
 };
 
-var _templateObject$c;
-var StyledRadio = styled(Radio)(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$d;
+var StyledRadio = styled(Radio)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 var darkTheme = {
   token: {
@@ -882,8 +895,8 @@ function OdsRadioGroup(props) {
   }, props), props.children));
 }
 
-var _templateObject$d;
-var StyledRate = styled(Rate)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$e;
+var StyledRate = styled(Rate)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 var customIcons = {
   1: React.createElement(FrownOutlined, null),
@@ -899,8 +912,8 @@ function OdsRate(props) {
   }, React.createElement(StyledRate, Object.assign({}, props))));
 }
 
-var _templateObject$e;
-var StyledSelect = styled(Select)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
+var _templateObject$f;
+var StyledSelect = styled(Select)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n  width: 100%;\n"])));
 
 var OdsMultiSelect = function OdsMultiSelect(props) {
   var options = props.options,
@@ -982,8 +995,8 @@ function OdsSelect(props) {
   }, React.createElement(StyledSelect, Object.assign({}, props))));
 }
 
-var _templateObject$f;
-var StyledSpin = styled(Spin)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$g;
+var StyledSpin = styled(Spin)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsSpin(props) {
   var _useState = useState(true),
@@ -993,8 +1006,8 @@ function OdsSpin(props) {
   }), props.children));
 }
 
-var _templateObject$g;
-var StyledSwitch = styled(Switch)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$h;
+var StyledSwitch = styled(Switch)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsSwitch(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
@@ -1002,8 +1015,8 @@ function OdsSwitch(props) {
   }, React.createElement(StyledSwitch, Object.assign({}, props))));
 }
 
-var _templateObject$h;
-var StyledTabs = styled(Tabs)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$i;
+var StyledTabs = styled(Tabs)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsTab(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
@@ -1011,8 +1024,8 @@ function OdsTab(props) {
   }, React.createElement(StyledTabs, Object.assign({}, props))));
 }
 
-var _templateObject$i;
-var StyledTable = styled(Table)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  //\n"])));
+var _templateObject$j;
+var StyledTable = styled(Table)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n  //\n"])));
 
 function OdsBasicTable(props) {
   return React.createElement(React.Fragment, null, React.createElement(StyledTable, Object.assign({}, props)));
@@ -1032,8 +1045,8 @@ function OdsSelectableTable(props) {
   })));
 }
 
-var _templateObject$j;
-var StyledTag = styled(Tag)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$k;
+var StyledTag = styled(Tag)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsTag(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
@@ -1041,15 +1054,15 @@ function OdsTag(props) {
   }, React.createElement(StyledTag, Object.assign({}, props), props.children)));
 }
 
-var _templateObject$k;
-var StyledtTimeline = styled(Timeline)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$l;
+var StyledtTimeline = styled(Timeline)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsTimeline(props) {
   return React.createElement(React.Fragment, null, React.createElement(StyledtTimeline, Object.assign({}, props), props.children));
 }
 
-var _templateObject$l;
-var StyledTimepicker = styled(TimePicker)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
+var _templateObject$m;
+var StyledTimepicker = styled(TimePicker)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
 var _excluded = ["enableSeconds"];
 function OdsRangeTimepicker(props) {
@@ -1084,8 +1097,8 @@ var OdsTimepicker = function OdsTimepicker(props) {
   }));
 };
 
-var _templateObject$m, _templateObject2, _templateObject3;
-var StyledtTypography = styled(Typography)(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$n, _templateObject2, _templateObject3;
+var StyledtTypography = styled(Typography)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n //\n"])));
 var StyledtTypographyParagraph = styled(Typography.Paragraph)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n //\n"])));
 var StyledtTypographyLink = styled(Typography.Link)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  // \n"])));
 
@@ -47464,13 +47477,15 @@ if (process.env.NODE_ENV === 'production') {
 }
 });
 
-var exportFormats$2 = ['xlsx'];
+var exportFormats$2 = ["xlsx"];
 var totalPageCount = 1;
 var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$1 = theme.useToken;
 var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$axiosRequest9, _props$axiosRequest10, _props$axiosRequest11, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+  var _props$showKebabMenu = props.showKebabMenu,
+    showKebabMenu = _props$showKebabMenu === void 0 ? false : _props$showKebabMenu;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _useState = useState([]),
@@ -47492,16 +47507,16 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var _useState5 = useState(0),
     scrollPosition = _useState5[0],
     setScrollPosition = _useState5[1];
-  var onCancelEditEvent = new CustomEvent('cancelEdit', {
+  var onCancelEditEvent = new CustomEvent("cancelEdit", {
     bubbles: true,
     detail: {
       rowData: null
     }
   });
   var headers = new Headers({
-    'Content-Type': 'application/json',
-    'Authorization': 'Bearer ' + (props.axiosRequest ? props.axiosRequest.token : ""),
-    "Accept-Language": props.language != "" ? props.language : 'EN'
+    "Content-Type": "application/json",
+    Authorization: "Bearer " + (props.axiosRequest ? props.axiosRequest.token : ""),
+    "Accept-Language": props.language != "" ? props.language : "EN"
   });
   useEffect(function () {
     totalPageCount = 1;
@@ -47563,7 +47578,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     var checkData = function checkData() {
       if (gridRef.current) {
         var _dataGridInstance = gridRef.current.instance;
-        var dataExists = data.length > 0;
+        var dataExists = data.length >= 15;
         var gridElement = _dataGridInstance.element();
         if (dataExists) {
           gridElement.classList.add('data-exists');
@@ -47596,7 +47611,6 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       var sortedColumn = sortingState.find(function (column) {
         return column.sortOrder !== undefined;
       });
-      console.log("sorted column", sortedColumn);
       if (sortedColumn) {
         if (sortedColumn.sortOrder) {
           dataGridInstance.option("columns[" + sortedColumn.index + "].sortOrder", sortedColumn.sortOrder);
@@ -47604,7 +47618,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
           var gridEvent = {
             component: dataGridInstance,
             fullName: fullName,
-            name: 'optionChanged',
+            name: "optionChanged",
             value: sortedColumn.sortOrder,
             previousValue: null,
             element: null
@@ -47616,11 +47630,11 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   };
   var checkRequestDataHasOnlySortingProperty = function checkRequestDataHasOnlySortingProperty(obj) {
     var keys = Object.keys(obj);
-    return keys.length === 1 && keys[0] === 'Sorting';
+    return keys.length === 1 && keys[0] === "Sorting";
   };
   var actionButtons = useMemo(function () {
     if (props.actionButtonGroup) {
-      if (props.actionButtonGroup.length >= 2 && !props.edit) {
+      if (showKebabMenu && props.actionButtonGroup.length >= 2 && !props.edit) {
         return props.actionButtonGroup.slice(0, 2);
       } else {
         return props.actionButtonGroup;
@@ -47683,7 +47697,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
                 });
               });
             }, function (error) {
-              console.error('Error fetching data:', error);
+              console.error("Error fetching data:", error);
               setLoading(false);
             });
           }, function (_wasThrown, _result) {
@@ -47703,7 +47717,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       totalRecordCount = data.RowCount;
     } else {
       var totalCount;
-      if (response) totalCount = response.headers.get('x-total-count');
+      if (response) totalCount = response.headers.get("x-total-count");
       if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.rowCount;
       if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.length;
       totalRecordCount = parseInt(totalCount, 10) || 0;
@@ -47712,14 +47726,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     setLoading(false);
   };
   var onEditorPreparing = useCallback(function (e) {
-    if (e.row !== undefined && e.parentType === 'dataRow') {
+    if (e.row !== undefined && e.parentType === "dataRow") {
       if (props.handleEditorPreparing) {
         props.handleEditorPreparing(e);
       }
     }
-    if (e.editorOptions && e.rowType === 'data' && e.parentType === 'dataRow') {
+    if (e.editorOptions && e.rowType === "data" && e.parentType === "dataRow") {
       e.editorOptions.onValueChanged = function (args) {
-        if (args.event && args.event.type === 'cancel') e.cellElement.dispatchEvent(onCancelEditEvent);
+        if (args.event && args.event.type === "cancel") e.cellElement.dispatchEvent(onCancelEditEvent);
       };
     }
   }, [props.isServerSide]);
@@ -47740,7 +47754,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }
   }, [totalPageCount]);
   var onExporting = useCallback(function (e) {
-    if (e.format === 'xlsx') {
+    if (e.format === "xlsx") {
       var workbook = new Workbook();
       if (props.filterData != null) {
         var newColumnFromFilterData = props.filterData.map(function (filterItem) {
@@ -47756,21 +47770,21 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       }
       exportDataGrid({
         component: e.component,
-        worksheet: workbook.addWorksheet('Main sheet'),
+        worksheet: workbook.addWorksheet("Main sheet"),
         autoFilterEnabled: true,
         customizeCell: function customizeCell(options) {
           var gridCell = options.gridCell,
             excelCell = options.excelCell;
           if (gridCell.column.dataType === "datetime" && gridCell.value) {
             var _gridCell$column$calc, _gridCell$column$meta;
-            if (((_gridCell$column$calc = gridCell.column.calculateFilterExpression) === null || _gridCell$column$calc === void 0 ? void 0 : _gridCell$column$calc.name) === "calculateFilterExpressionForColumn" && (_gridCell$column$meta = gridCell.column['meta']) !== null && _gridCell$column$meta !== void 0 && _gridCell$column$meta.hasCustomCellRenderer) {
+            if (((_gridCell$column$calc = gridCell.column.calculateFilterExpression) === null || _gridCell$column$calc === void 0 ? void 0 : _gridCell$column$calc.name) === "calculateFilterExpressionForColumn" && (_gridCell$column$meta = gridCell.column["meta"]) !== null && _gridCell$column$meta !== void 0 && _gridCell$column$meta.hasCustomCellRenderer) {
               var date = moment(gridCell.value);
               var offsetMinutes = date.utcOffset();
-              var sign = offsetMinutes >= 0 ? '+' : '-';
+              var sign = offsetMinutes >= 0 ? "+" : "-";
               var hours = Math.floor(Math.abs(offsetMinutes) / 60);
               var minutes = Math.abs(offsetMinutes) % 60;
-              var formattedOffset = "(UTC" + sign + hours.toString().padStart(2, '0') + ":" + minutes.toString().padStart(2, '0') + ")";
-              var formattedDate = date.format('DD.MM.YYYY HH:mm') + " " + formattedOffset;
+              var formattedOffset = "(UTC" + sign + hours.toString().padStart(2, "0") + ":" + minutes.toString().padStart(2, "0") + ")";
+              var formattedDate = date.format("DD.MM.YYYY HH:mm") + " " + formattedOffset;
               excelCell.value = formattedDate;
             }
           }
@@ -47828,7 +47842,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     localStorage.setItem(props.exportFileName + "Storage", JSON.stringify(state));
   }, [props.filterEnabledShow]);
   var onEditorPrepared = useCallback(function (info) {
-    if (info.parentType === 'filterRow' && info.editorName === "dxSelectBox" && info.dataField === "IsActive") {
+    if (info.parentType === "filterRow" && info.editorName === "dxSelectBox" && info.dataField === "IsActive") {
       if (info.dataSource != null && info.dataSource.length > 0) {
         info.showAllText = info.dataSource.find(function (i) {
           return i.value === null;
@@ -47873,7 +47887,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   var actionCellRender = useMemo(function () {
     return React.createElement(DropDownButton, {
       icon: server_browser.renderToString(React.createElement(DynamicIcon, {
-        iconName: 'kebabMenu'
+        iconName: "kebabMenu"
       })),
       dataSource: kebabMenuButtons,
       onItemClick: function onItemClick(e) {
@@ -47907,12 +47921,12 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     gridElement.scrollTop = scrollPosition;
   }, [data.length]);
   useEffect(function () {
-    document.querySelectorAll('.dx-scrollable-container').forEach(function (container) {
-      container.addEventListener('scrollend', handleScroll);
+    document.querySelectorAll(".dx-scrollable-container").forEach(function (container) {
+      container.addEventListener("scrollend", handleScroll);
     });
     return function () {
-      document.querySelectorAll('.dx-scrollable-container').forEach(function (container) {
-        container.removeEventListener('scrollend', handleScroll);
+      document.querySelectorAll(".dx-scrollable-container").forEach(function (container) {
+        container.removeEventListener("scrollend", handleScroll);
       });
     };
   }, [data.length]);
@@ -48003,7 +48017,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     onContentReady: handleContentReady,
     onFilterValueChange: onFilterValueChange,
     onOptionChanged: props.onOptionChanged,
-    onToolbarPreparing: onToolbarPreparing
+    onToolbarPreparing: props.onToolbarPreparing || onToolbarPreparing
   }, columns.current.map(function (col) {
     return React.createElement(Column, Object.assign({
       key: col.dataField
@@ -48020,10 +48034,10 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     }), col.useDynamicHeaderFilter && React.createElement(HeaderFilter, {
       allowSearch: true,
       dataSource: [{
-        text: '(Blanks)',
+        text: "(Blanks)",
         value: null
       }].concat(data.filter(function (item) {
-        return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !== '';
+        return item[col.dataField] !== null && item[col.dataField] !== undefined && item[col.dataField] !== "";
       }).map(function (item) {
         return {
           text: item[col.dataField].toString(),
@@ -48067,7 +48081,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       })),
       onClick: buttonItem.onClick
     });
-  })), kebabMenuButtons.length > 0 && React.createElement(Column, {
+  })), showKebabMenu && kebabMenuButtons.length > 0 && React.createElement(Column, {
     dataField: "Actionss",
     fixed: true,
     allowSorting: false,
@@ -48171,8 +48185,8 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   })));
 };
 
-var _templateObject$n;
-var StyledBadge = styled(Badge)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n //\n"])));
+var _templateObject$o;
+var StyledBadge = styled(Badge)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n //\n"])));
 
 function OdsBadge(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
@@ -48194,5 +48208,5 @@ function OdsModal(props) {
   }), props.content));
 }
 
-export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsDropdown as OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsRemoteDataGrid, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
+export { DxTreeList, OdsAlert, OdsAutoComplete, OdsBadge, OdsBadgeRibbon, OdsBannerAlert, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDatepicker, OdsDisplayGrid, OdsDivider, OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsModal, OdsModalOld, OdsMultiSelect, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, 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