sea-chart 1.1.134 → 1.1.136

package/dist/components/color-popover/color-rules/rule-filters/index.css

@@ -82,39 +82,6 @@
   color: #fff;
 }
 
-.statistic-color-rule-filters .filter-term input {
-  display: flex;
-  width: 100%;
-  height: 30px;
-  background-color: #ffffff;
-  padding-left: 8px;
-  padding-right: 8px;
-  outline: none;
-  border-radius: 3px;
-  font-size: 0.875rem;
-}
-
-.statistic-color-rule-filters .custom-select:hover,
-.statistic-color-rule-filters .filter-term input:hover {
-  border-color: rgb(179, 179, 179);
-}
-
-.statistic-color-rule-filters .filter-term input.disabled:hover {
-  border-color: rgba(0, 40, 100, 0.12);
-}
-
-.statistic-color-rule-filters .filter-term input:hover:focus {
-  border-color: #1991eb;
-}
-
-.statistic-color-rule-filters .filter-term input:focus {
-  color: #495057;
-  background-color: #fff;
-  border-color: #1991eb;
-  outline: 0;
-  box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
-}
-
 .statistic-color-rule-filters .filter-term .date-picker-container input:focus {
   color: #495057;
   background-color: #fff;
@@ -193,18 +160,6 @@
 
 .filter-header-icon .dtable-font {
   font-size: 14px;
-  color: #aaa;
+  color: var(--bs-icon-secondary-color);
   cursor: default;
 }
-
-.statistic-color-rule-filters .custom-select,
-.statistic-color-rule-filters .filter-term,
-.statistic-color-rule-filters .filter-term input,
-.statistic-color-rule-filters .filter-item .condition>div,
-.statistic-color-rule-filters .filter-item .filter-term input:focus {
-  height: 30px;
-  line-height: 30px;
-  background-color: #f5f5f5;
-  border-color: rgba(0, 40, 100, 0.12);
-  box-shadow: unset;
-}

package/dist/components/color-popover/color-rules-popover.css

@@ -24,11 +24,9 @@
   height: 40px;
   font-size: 14px;
   font-weight: 500;
-  border-top: 1px solid #dedede;
+  border-top: 1px solid var(--bs-border-secondary-color);
   background: #fff;
   padding: 0 1rem;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
   position: relative;
 }
 

package/dist/components/common-add-tool/index.css

@@ -4,11 +4,9 @@
   height: 40px;
   font-size: 14px;
   font-weight: 500;
-  border-top: 1px solid #dedede;
+  border-top: 1px solid var(--bs-border-secondary-color);
   background: #fff;
   padding: 0 1rem;
-  border-bottom-left-radius: 3px;
-  border-bottom-right-radius: 3px;
   position: relative;
 }
 

package/dist/components/common-add-tool/index.js

@@ -8,7 +8,7 @@ function CommonAddTool(props) {
     addIconClassName
   } = props;
   return /*#__PURE__*/React.createElement("div", {
-    className: `add-item-btn ${className ? className : ''}`,
+    className: `dtable-popover-footer add-item-btn ${className ? className : ''}`,
     onClick: e => {
       callBack(e);
     }

package/dist/components/drill-down-settings/drill-down-fields-popover/index.js

@@ -61,7 +61,8 @@ export default function DrillDownFieldsPopover(_ref) {
     boundariesElement: document.body
   }, /*#__PURE__*/React.createElement("div", {
     ref: popoverRef,
-    onClick: onPopoverInsideClick
+    onClick: onPopoverInsideClick,
+    className: "dtable-popover-container"
   }, /*#__PURE__*/React.createElement("div", {
     className: styles['drill-down-fields-container']
   }, /*#__PURE__*/React.createElement("table", {

package/dist/components/dtable-popover/index.js

@@ -76,11 +76,12 @@ class DTablePopover extends React.Component {
       fade: false,
       hideArrow: hideArrow,
       innerClassName: innerClassName,
-      className: popoverClassName,
+      className: `dtable-popover ${popoverClassName}`,
       modifiers: modifiers
     }, additionalProps), /*#__PURE__*/React.createElement("div", {
       ref: ref => this.dtablePopoverRef = ref,
-      onClick: this.onPopoverInsideClick
+      onClick: this.onPopoverInsideClick,
+      className: "dtable-popover-container"
     }, this.props.children));
   }
 }

package/dist/components/popover/hide-column-popover/hide-column-popover.js

@@ -162,7 +162,8 @@ class HideColumnPopover extends React.Component {
       boundariesElement: document.body
     }, /*#__PURE__*/React.createElement("div", {
       ref: ref => this.popoverRef = ref,
-      onClick: this.onPopoverInsideClick
+      onClick: this.onPopoverInsideClick,
+      className: "dtable-popover-container"
     }, /*#__PURE__*/React.createElement("div", {
       className: `field-settings ${isEmpty ? 'empty' : ''}`
     }, /*#__PURE__*/React.createElement("div", {

package/dist/components/popover/sort-popover/sort-popover.css

@@ -79,5 +79,5 @@
   align-items: center;
   justify-content: flex-end;
   padding: 1rem;
-  border-top: 1px solid #e9ecef;
+  border-top: 1px solid var(--bs-border-secondary-color);
 }

package/dist/components/popover/sort-popover/sort-popover.js

@@ -167,6 +167,9 @@ class SortPopover extends Component {
         readonly
       } = this.props;
       let selectedColumn = {
+        value: {
+          column
+        },
         label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
           className: "filter-header-icon"
         }, /*#__PURE__*/React.createElement(_DTableColumnIcon, {
@@ -179,6 +182,9 @@ class SortPopover extends Component {
       };
       let selectedTypeShow = sort.sort_type;
       let selectedSortType = selectedTypeShow && {
+        value: {
+          sortType: selectedTypeShow
+        },
         label: /*#__PURE__*/React.createElement("span", {
           className: "select-option-name"
         }, intl.get(selectedTypeShow))
@@ -261,7 +267,8 @@ class SortPopover extends Component {
       boundariesElement: document.body
     }, /*#__PURE__*/React.createElement("div", {
       ref: ref => this.sortPopoverRef = ref,
-      onClick: this.onPopoverInsideClick
+      onClick: this.onPopoverInsideClick,
+      className: "dtable-popover-container"
     }, /*#__PURE__*/React.createElement("div", {
       className: `sorts-list ${isEmpty ? 'empty-sorts-container' : ''}`
     }, isEmpty ? /*#__PURE__*/React.createElement("div", {
@@ -272,7 +279,7 @@ class SortPopover extends Component {
       className: "popover-add-tool",
       addIconClassName: "popover-add-icon"
     }), this.isNeedSubmit() && !readonly && /*#__PURE__*/React.createElement("div", {
-      className: "sort-popover-footer"
+      className: "sort-popover-footer dtable-popover-footer"
     }, /*#__PURE__*/React.createElement(Button, {
       className: "mr-2",
       onClick: this.onClosePopover

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sea-chart",
-  "version": "1.1.134",
+  "version": "1.1.136",
   "main": "./dist/index.js",
   "dependencies": {
     "@antv/data-set": "0.11.8",
@@ -25,7 +25,7 @@
   "peerDependencies": {
     "@antv/scale": "0.3.14",
     "d3-composite-projections": "~1.4.*",
-    "dtable-ui-component": "~6.0.*",
+    "dtable-ui-component": "~7.0.*",
     "dtable-utils": "~5.0.*",
     "prop-types": "15.8.1",
     "react": "^18.3.1",
@@ -102,7 +102,7 @@
     "dotenv": "6.2.0",
     "dotenv-expand": "5.1.0",
     "dtable-store": "~6.0.11",
-    "dtable-ui-component": "6.0.123",
+    "dtable-ui-component": "7.0.2",
     "ejs": "3.1.10",
     "eslint": "^6.8.0",
     "eslint-config-react-app": "^5.0.2",