ods-component-lib 1.18.37 → 1.18.38

package/dist/index.modern.js

@@ -481,15 +481,14 @@ function OdsCheckboxGroup(props) {
 var _templateObject$6;
 var StyledDatepicker = styled(DatePicker)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  width:100%;\n"])));
 
-function OdsDateRangePicker(props) {
+function StyledOdsDateRangePicker(props) {
   return React.createElement(React.Fragment, null, React.createElement(ThemeProvider, {
     theme: lightTheme
-  }, React.createElement(StyledDatepicker.RangePicker, Object.assign({}, props, {
-    style: {
-      width: '100%'
-    }
-  }))));
+  }, React.createElement(StyledDatepicker.RangePicker, Object.assign({}, props))));
 }
+var OdsDateRangePicker = function OdsDateRangePicker(props) {
+  return React.createElement(StyledOdsDateRangePicker, Object.assign({}, props));
+};
 
 function StyledOdsDatepicker(props) {
   var _useState = useState("middle"),
@@ -1044,7 +1043,7 @@ function OdsTab(props) {
 }
 
 var _templateObject$i;
-var StyledTable = styled(Table)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n //\n"])));
+var StyledTable = styled(Table)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  //\n"])));
 
 function OdsBasicTable(props) {
   return React.createElement(React.Fragment, null, React.createElement(StyledTable, Object.assign({}, props)));
@@ -1052,14 +1051,11 @@ function OdsBasicTable(props) {
 
 var rowSelection = {
   onChange: function onChange(selectedRowKeys, selectedRows) {
-    console.log("selectedRowKeys: " + selectedRowKeys, 'selectedRows: ', selectedRows);
+    console.log("selectedRowKeys: " + selectedRowKeys, "selectedRows: ", selectedRows);
   }
 };
 function OdsSelectableTable(props) {
-  var _useState = useState('checkbox'),
-    selectionType = _useState[0],
-    setSelectionType = _useState[1];
-  setSelectionType('checkbox');
+  var selectionType = "checkbox";
   return React.createElement(React.Fragment, null, React.createElement(StyledTable, Object.assign({}, props, {
     rowSelection: _extends({
       type: selectionType
@@ -1336,7 +1332,7 @@ function OdsDataGrid(props) {
   }, React.createElement(Item, null, React.createElement(GridIcon, null)), !props.columnChooserPositionDisabled && React.createElement(Position, {
     my: "right top",
     at: "right bottom",
-    of: ".dx-datagrid-column-chooser-button"
+    of: document.querySelector("." + props.dataGridPageName) ? "." + props.dataGridPageName + " .dx-datagrid-column-chooser-button" : ".dx-datagrid-column-chooser-button"
   }), React.createElement(ColumnChooserSearch, {
     enabled: true
   }), React.createElement(ColumnChooserSelection, {
@@ -17484,7 +17480,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     allowUpdating: props.edit.allowUpdating,
     allowDeleting: props.edit.allowDeleting,
     allowAdding: props.edit.allowAdding,
-    useIcons: props.edit.useIcons
+    useIcons: true
   }, props.edit.mode === "popup" && React.createElement("div", null, React.createElement(Popup, {
     showTitle: true,
     width: 700,
@@ -17540,7 +17536,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }, !props.columnChooserPositionDisabled && React.createElement(Position, {
     my: "right top",
     at: "right bottom",
-    of: ".dx-datagrid-column-chooser-button"
+    of: document.querySelector("." + props.dataGridPageName) ? "." + props.dataGridPageName + " .dx-datagrid-column-chooser-button" : ".dx-datagrid-column-chooser-button"
   }), React.createElement(ColumnChooserSearch, {
     enabled: true,
     editorOptions: {