ods-component-lib 1.11.17 → 1.12.1

package/dist/index.modern.js

@@ -685,13 +685,13 @@ function grid(props) {
       return React.createElement(Column, {
         type: "buttons",
         width: 110
-      }, React.createElement(Button$1, {
+      }, props.edit.allowUpdating && React.createElement(Button$1, {
         hint: "Edit",
         visible: true,
         disabled: false,
         icon: "edit",
         onClick: props.editButtonClick
-      }), React.createElement(Button$1, {
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
         hint: "Delete",
         visible: true,
         disabled: false,
@@ -702,13 +702,13 @@ function grid(props) {
       return React.createElement(Column, {
         type: "buttons",
         width: 110
-      }, React.createElement(React.Fragment, null, props.editEnable === true && React.createElement(Button$1, {
+      }, React.createElement(React.Fragment, null, props.edit.allowUpdating && React.createElement(Button$1, {
         name: "edit"
-      }), props.editEnable === true && React.createElement(Button$1, {
+      }), props.edit.allowDeleting && React.createElement(Button$1, {
         name: "delete"
       })));
     }
-  }(), React.createElement(Toolbar, null, props.editEnable === true && React.createElement(Item$1, {
+  }(), React.createElement(Toolbar, null, React.createElement(Item$1, {
     location: "after"
   }, React.createElement(OdsButton, {
     type: "primary",
@@ -724,6 +724,78 @@ function grid(props) {
   }))));
 }
 
+var exportFormats$1 = ['xlsx', 'pdf'];
+var searchEditorOptions$1 = {
+  placeholder: 'Search column'
+};
+function OdsDisplayGrid(props) {
+  return grid$1(props);
+}
+function grid$1(props) {
+  var headerCellRender = function headerCellRender(colProperties) {
+    return React.createElement("th", {
+      className: "dx-datagrid-headers"
+    }, colProperties.column.caption);
+  };
+  return React.createElement(React.Fragment, null, React.createElement(DataGrid, {
+    dataSource: props.dataSource,
+    columnAutoWidth: props.columnAutoWidth,
+    keyExpr: props.keyExpr,
+    allowColumnResizing: true,
+    columnResizingMode: "widget",
+    allowColumnReordering: true,
+    showRowLines: true,
+    showBorders: true,
+    width: "100%"
+  }, React.createElement(Paging, {
+    enabled: true,
+    defaultPageSize: props.pageSize
+  }), props.pagingEnable && React.createElement(Pager, {
+    visible: true,
+    displayMode: "full",
+    showPageSizeSelector: true,
+    showNavigationButtons: true,
+    allowedPageSizes: [5, 10, 20],
+    showInfo: true
+  }), props.searchEnable && React.createElement(SearchPanel, {
+    visible: true
+  }), props.filterEnable && React.createElement(FilterRow, {
+    visible: true
+  }), props.headerFilterEnable && React.createElement(HeaderFilter, {
+    visible: true
+  }), React.createElement(ColumnChooser, {
+    enabled: true,
+    mode: "select"
+  }, React.createElement(Position, {
+    my: "right top",
+    at: "right bottom",
+    of: ".dx-datagrid-column-chooser-button"
+  }), React.createElement(ColumnChooserSearch, {
+    enabled: true,
+    editorOptions: searchEditorOptions$1
+  }), React.createElement(ColumnChooserSelection, {
+    allowSelectAll: true,
+    selectByClick: true,
+    recursive: true
+  })), props.selectEnable && React.createElement(Selection, {
+    mode: "multiple",
+    deferred: true
+  }), React.createElement(Scrolling, {
+    mode: props.scrollingMode,
+    rowRenderingMode: props.scrollingMode
+  }), props.exportEnable === true && React.createElement(Export, {
+    enabled: true,
+    allowExportSelectedData: true,
+    formats: exportFormats$1
+  }), props.columns.map(function (col) {
+    return React.createElement(Column, Object.assign({
+      key: col.dataField
+    }, col, {
+      headerCellRender: headerCellRender
+    }), " ");
+  })));
+}
+
 var DxTreeList = function DxTreeList(props) {
   var _useState = useState(props.dataSource),
     dataSource = _useState[0];
@@ -796,5 +868,5 @@ var DxTreeView = function DxTreeView(props) {
   }));
 };
 
-export { DxTreeList, DxTreeView, OdsAutoComplete, OdsBasicForm, OdsBasicTable, OdsButton, OdsCalendar, OdsCard, OdsCheckbox, OdsCheckboxGroup, OdsCollapse, OdsDataGrid, OdsDateRangePicker, OdsDateRangePicker as OdsDatepicker, OdsDivider, OdsCollapse as OdsDropdown, OdsDropdownButton, OdsImage, OdsInput, OdsInputNumber, OdsLink, OdsList, OdsLogin, OdsMessage, OdsModal, OdsNotification, OdsParagraph, OdsPassword, OdsPhoneInput, 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, OdsRadio, OdsRadioGroup, OdsRangeTimepicker, OdsRate, OdsSearch, OdsSelect, OdsSelectableTable, OdsSpin, OdsSwitch, OdsTab, OdsBasicTable as OdsTable, OdsTag, OdsText, OdsTextArea, OdsTimeline, OdsTimepicker, OdsTitle };
 //# sourceMappingURL=index.modern.js.map