aio-table 5.0.0 → 5.0.4

package/index.js

@@ -19,7 +19,7 @@ var _js = require("@mdi/js");
 
 var _jquery = _interopRequireDefault(require("jquery"));
 
-var _rRangeSlider = _interopRequireDefault(require("./r-range-slider"));
+var _rRangeSlider = _interopRequireDefault(require("r-range-slider"));
 
 require("./index.css");
 
@@ -868,7 +868,9 @@ var AIOTable = /*#__PURE__*/function (_Component) {
           onChangeSort = _this$props5.onChangeSort,
           _this$props5$toggleAl = _this$props5.toggleAll,
           toggleAll = _this$props5$toggleAl === void 0 ? false : _this$props5$toggleAl,
-          id = _this$props5.id;
+          id = _this$props5.id,
+          _this$props5$toolbarI = _this$props5.toolbarItems,
+          toolbarItems = _this$props5$toolbarI === void 0 ? [] : _this$props5$toolbarI;
       var _this$state2 = this.state,
           groupDictionary = _this$state2.groupDictionary,
           sorts = _this$state2.sorts,
@@ -880,7 +882,7 @@ var AIOTable = /*#__PURE__*/function (_Component) {
       this.freezeColumns = [];
       this.unFreezeColumns = [];
       this.toolbar = {
-        show: toggleAll,
+        show: toggleAll === true || toolbarItems.length > 0,
         toggle: [{
           text: translate('Show Columns')
         }],
@@ -1533,7 +1535,9 @@ var RTableToolbar = /*#__PURE__*/function (_Component2) {
           translate = _this$context.translate,
           rtl = _this$context.rtl,
           toggleAllState = _this$context.toggleAllState,
-          padding = _this$context.padding;
+          padding = _this$context.padding,
+          _this$context$toolbar = _this$context.toolbarItems,
+          toolbarItems = _this$context$toolbar === void 0 ? [] : _this$context$toolbar;
       var _this$props8 = this.props,
           toggle = _this$props8.toggle,
           freeze = _this$props8.freeze,
@@ -1556,6 +1560,7 @@ var RTableToolbar = /*#__PURE__*/function (_Component2) {
       }, toggleAll !== false && /*#__PURE__*/_react.default.createElement(_aioButton.default, _extends({
         key: 0
       }, buttonProps, {
+        type: "button",
         title: translate('Toggle All'),
         onClick: function onClick() {
           return toggleAll();
@@ -1564,7 +1569,16 @@ var RTableToolbar = /*#__PURE__*/function (_Component2) {
           path: !toggleAllState ? _js.mdiCollapseAll : _js.mdiExpandAll,
           size: 0.7
         })
-      })), searchColumnIndex !== false && /*#__PURE__*/_react.default.createElement("div", {
+      })), toolbarItems.map(function (o, i) {
+        return /*#__PURE__*/_react.default.createElement(_aioButton.default, _extends({
+          type: "button"
+        }, o, {
+          rtl: rtl,
+          className: "aio-table-toolbar-button",
+          animate: true,
+          key: 'ti' + i
+        }));
+      }), searchColumnIndex !== false && /*#__PURE__*/_react.default.createElement("div", {
         key: 1,
         className: "aio-table-search"
       }, /*#__PURE__*/_react.default.createElement("input", {
@@ -2945,6 +2959,7 @@ var RTableFilter = /*#__PURE__*/function (_Component6) {
       }, /*#__PURE__*/_react.default.createElement(_aioButton.default, {
         type: "button",
         rtl: rtl,
+        caret: false,
         openRelatedTo: ".aio-table",
         text: icon,
         popOver: function popOver() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-table",
-  "version": "5.0.0",
+  "version": "5.0.4",
   "description": "all in one table. tree mode , simple mode , tree mode, gantt mode , groupby mode, freeze mode.",
   "main": "index.js",
   "scripts": {
@@ -21,8 +21,8 @@
     "@mdi/react": "1.5.0",
     "jquery": "3.6.0",
     "prop-types": "^15.7.2",
-    "r-range-slider": "^3.1.3",
-    "r-dropdown-button": "3.0.7",
+    "aio-button": "^2.0.0",
+    "r-range-slider": "^4.0.0",
     "react": "17.0.0",
     "react-dom": "17.0.0"
   },