dtable-statistic 5.3.52 → 5.3.53

package/es/assets/css/dashboard.css

@@ -78,14 +78,12 @@
   width: 24px;
   line-height: 24px;
   margin-right: 4px;
-  color: var(--dashboard-header-icon-color);
 }
 
 .statistic-header .op-item-icon-wrapper:last-child {
   margin-right: 0;
 }
 
-.statistic-header .op-item-icon-wrapper:hover,
 .statistic-header .add-stat:hover {
   color: var(--dashboard-header-icon-hover-color);
 }
@@ -94,10 +92,6 @@
   background-color: var(--add-stat-item-bg-hover-color);
 }
 
-.statistic-header .op-item-icon-wrapper:hover .op-item-icon {
-  color: var(--op-item-icon-hover-color);
-}
-
 .statistic-header .op-item-icon-wrapper .op-item-icon {
   font-size: 16px;
 }
@@ -271,7 +265,6 @@
   line-height: 24px;
   text-align: center;
   margin-right: 10px;
-  color: var(--stat-item-font-color);
   cursor: pointer;
 }
 
@@ -279,10 +272,6 @@
   font-size: 14px;
 }
 
-.statistic-list .statistic-chart-preview-microscope:hover {
-  color: var(--stat-item-font-hover-color);
-}
-
 /* chart operation dropdown menu */
 .statistic-chart-preview .dtable-icon-down3 {
   font-size: 12px;

package/es/components/dialog/enlarged-chart-dialog.js

@@ -97,15 +97,15 @@ class EnlargeChartDialog extends _react.Component {
       close: /*#__PURE__*/_react.default.createElement("div", {
         className: "header-close-list"
       }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "op-item-icon-wrapper",
+        className: "op-item-icon-wrapper seatable-icon-btn",
         onClick: () => this.onExportChart(statItem)
       }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-download"
+        className: "dtable-font dtable-icon-download"
       })), /*#__PURE__*/_react.default.createElement("span", {
-        className: "op-item-icon-wrapper header-btn-close",
+        className: "op-item-icon-wrapper header-btn-close seatable-icon-btn",
         onClick: this.toggle
       }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "item-icon dtable-font dtable-icon-x"
+        className: "dtable-font dtable-icon-x"
       })))
     }, /*#__PURE__*/_react.default.createElement("span", null, statItem.config.type === _seaChart.CHART_TYPE.BASIC_NUMBER_CARD ? '' : this.props.statItem.style_config.title.text)), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: 'statistic-body-container statistic-microscope-content'

package/es/components/dropdown-menu/statistic-dropdown-menu.js

@@ -77,9 +77,11 @@ class StatisticDropdownMenu extends _react.default.Component {
       tag: "span",
       "data-toggle": "dropdown",
       "aria-expanded": this.state.isItemMenuShow
+    }, /*#__PURE__*/_react.default.createElement("span", {
+      className: "seatable-icon-btn"
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "toggle-icon dtable-font dtable-icon-more-level"
-    })), /*#__PURE__*/_react.default.createElement(_DTableDropdownMenu2.default, {
+      className: "dtable-font dtable-icon-more-level"
+    }))), /*#__PURE__*/_react.default.createElement(_DTableDropdownMenu2.default, {
       className: (0, _classnames.default)({
         'statistic-dropdown-dark': theme === _constants.THEME_NAME_MAP.DARK
       })

package/es/desktop-dashboard.js

@@ -18,6 +18,7 @@ var _chartEditDialog = _interopRequireDefault(require("./components/dialog/chart
 var _dtableDbApi = _interopRequireDefault(require("./api/dtable-db-api"));
 var _chartService = _interopRequireDefault(require("./service/chart-service"));
 var _constants = require("./constants");
+var _reactstrap = require("reactstrap");
 var _icon = _interopRequireDefault(require("./assets/images/icon.png"));
 const KEY_LOCAL_THEME_MODE = 'statistics-theme-mode';
 class DesktopDashboard extends _react.Component {
@@ -183,43 +184,44 @@ class DesktopDashboard extends _react.Component {
       moveDashboard: this.props.moveDashboard
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: "statistic-header-operators d-flex align-items-center"
-    }, !isTableReadOnly && /*#__PURE__*/_react.default.createElement("button", {
+    }, !isTableReadOnly && /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
       className: "btn btn-secondary op-item add-stat",
+      size: "sm",
       onClick: this.onToggleAddChart
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "op-item-icon add-chart-icon dtable-font dtable-icon-add-table"
+      className: "dtable-font dtable-icon-add-table"
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "add-new-option"
     }, _reactIntlUniversal.default.get('Add_chart'))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-settings",
       onClick: this.onToggleColorThemeDialog
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "op-item-icon dtable-font dtable-icon-set-up"
+      className: "dtable-font dtable-icon-set-up"
     }), /*#__PURE__*/_react.default.createElement(_DTableToolTip2.default, {
       placement: "bottom",
       target: "btn-statistic-settings"
     }, _reactIntlUniversal.default.get('Settings'))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-full-screen",
       onClick: this.onToggleFullScreen
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: `op-item-icon dtable-font dtable-icon-full-screen ${isFullScreen ? 'full-screen-active' : ''}`
+      className: `dtable-font dtable-icon-full-screen ${isFullScreen ? 'full-screen-active' : ''}`
     }), /*#__PURE__*/_react.default.createElement(_DTableToolTip2.default, {
       placement: "bottom",
       target: "btn-statistic-full-screen"
     }, isFullScreen ? _reactIntlUniversal.default.get('Cancel_full_screen') : _reactIntlUniversal.default.get('Full_screen'))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-theme-setting",
       onClick: this.toggleThemeMode
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: `op-item-icon dtable-font ${theme === _constants.THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'}`
+      className: `dtable-font ${theme === _constants.THEME_NAME_MAP.DARK ? 'dtable-icon-day-mode' : 'dtable-icon-night-mode'}`
     }), /*#__PURE__*/_react.default.createElement(_DTableToolTip2.default, {
       placement: "bottom",
       target: "btn-statistic-theme-setting"
     }, darkMode ? _reactIntlUniversal.default.get('Light_mode') : _reactIntlUniversal.default.get('Dark_mode'))), /*#__PURE__*/_react.default.createElement("span", {
       onClick: this.onCloseDashboard,
-      className: "op-item-icon-wrapper",
+      className: "op-item-icon-wrapper seatable-icon-btn",
       id: "btn-statistic-close"
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: "op-item-icon dtable-font dtable-icon-x"

package/es/mobile-dashboard.js

@@ -72,7 +72,10 @@ class MobileDashboard extends _react.Component {
       className: `close ${_mobileDashboardModule.default['mobile-statistic-header-button']}`,
       onClick: this.onCloseDashboard
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: 'dtable-font dtable-icon-x'
+      className: "dtable-font dtable-icon-x",
+      style: {
+        fontSize: '16px'
+      }
     })))), /*#__PURE__*/_react.default.createElement("div", {
       className: _mobileDashboardModule.default['mobile-statistic-dashboard-wrapper']
     }, statItems.map(statItem => {

package/es/stat-list/chart-preview.js

@@ -123,7 +123,7 @@ class ChartPreview extends _react.Component {
     }, statName), /*#__PURE__*/_react.default.createElement("span", {
       className: "statistic-chart-preview-operations"
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "statistic-chart-preview-microscope",
+      className: "statistic-chart-preview-microscope seatable-icon-btn",
       onMouseDown: this.onMouseDown,
       onClick: this.onToggleShowEnlarged
     }, /*#__PURE__*/_react.default.createElement("i", {

package/es/tabs/index.js

@@ -241,21 +241,21 @@ class DashboardTabs extends _react.Component {
     }, this.renderTabs()), (canScrollPrev || canScrollNext) && !isMobile && /*#__PURE__*/_react.default.createElement("div", {
       className: _statisticTabsModule.default['views-scroll-control']
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: `${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-prev']} ${canScrollPrev && _statisticTabsModule.default['scroll-active']}`,
+      className: `seatable-icon-btn ${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-prev']} ${canScrollPrev && _statisticTabsModule.default['scroll-active']}`,
       onClick: this.onScrollWithControl.bind(this, SCROLL_TYPE.PREV)
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: `dtable-font dtable-icon-left-slide ${_statisticTabsModule.default['btn-scroll-icon']}`
     })), /*#__PURE__*/_react.default.createElement("span", {
-      className: `${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-next']} ${canScrollNext && _statisticTabsModule.default['scroll-active']}`,
+      className: `seatable-icon-btn ${_statisticTabsModule.default['scroll-control-btn']} ${_statisticTabsModule.default['scroll-next']} ${canScrollNext && _statisticTabsModule.default['scroll-active']}`,
       onClick: this.onScrollWithControl.bind(this, SCROLL_TYPE.NEXT)
     }, /*#__PURE__*/_react.default.createElement("i", {
       className: `dtable-font dtable-icon-right-slide ${_statisticTabsModule.default['btn-scroll-icon']}`
     }))), !isMobile && /*#__PURE__*/_react.default.createElement("div", {
-      className: _statisticTabsModule.default['btn-add-view'],
+      className: `seatable-icon-btn ${_statisticTabsModule.default['btn-add-view']}`,
       key: 'btn-add-view',
       onClick: this.onNewViewToggle
     }, /*#__PURE__*/_react.default.createElement("i", {
-      className: `${_statisticTabsModule.default['add-map-view-icon']} dtable-font dtable-icon-add-table`
+      className: "dtable-font dtable-icon-add-table"
     })), isShowNewViewDialog && /*#__PURE__*/_react.default.createElement(_newViewDialog.default, {
       onNewViewConfirm: this.onAddDashboard,
       onNewViewCancel: this.onNewViewCancel

package/es/tabs/statistic-tabs.module.css

@@ -95,26 +95,17 @@
 }
 
 .views-scroll-control .btn-scroll-icon {
-  color: var(--btn-scroll-icon-color);
   font-size: 12px;
   line-height: 24px;
 }
 
-.views-scroll-control .scroll-active .btn-scroll-icon {
-  color: var(--btn-scroll-icon-active-color);
-}
-
-.views-scroll-control .scroll-active:hover .btn-scroll-icon {
-  color: var(--btn-scroll-icon-active-hover-color);
-  opacity: 1;
-}
-
 .btn-add-view { 
   display: flex;
   align-items: center;
   width: 24px;
   height: 100%;
   margin-right: .5rem;
+  margin-top: 10px;
 }
 
 .add-map-view-icon {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.3.52",
+  "version": "5.3.53",
   "name": "dtable-statistic",
   "description": "statistics",
   "main": "dist/dtable-statistic.js",
@@ -16,7 +16,7 @@
     "react-grid-layout": "^1.2.5",
     "react-intl-universal": "^2.4.8",
     "reactstrap": "9.2.3",
-    "sea-chart": "^1.1.135"
+    "sea-chart": "^1.1.137"
   },
   "peerDependencies": {
     "dtable-ui-component": "~7.0.*",
@@ -50,7 +50,7 @@
     "dotenv": "^10.0.0",
     "dotenv-expand": "^5.1.0",
     "dtable-store": "^6.2.7",
-    "dtable-ui-component": "^7.0.0",
+    "dtable-ui-component": "^7.0.4",
     "dtable-utils": "^5.0.23",
     "eslint": "^8.3.0",
     "eslint-config-react-app": "^7.0.1",