dtable-ui-component 6.0.120-xms.20 → 6.0.121

package/lib/DTableDropdownItem/index.js

@@ -69,7 +69,8 @@ const DTableDropdownItem = _ref => {
         className: "item-icon"
       }), leftSlotContent || null]
     }), renderedIcon(), typeof content === 'string' && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "item-text",
+      className: "item-text text-truncate",
+      title: content,
       "aria-label": content,
       children: content
     }), typeof content !== 'string' && (content || ''), rightSlotContent && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/lib/DTableModalHeader/index.js

@@ -10,7 +10,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["children"];
@@ -27,10 +26,7 @@ const DTableModalHeader = _ref => {
     onClick: props.toggle,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
       icon: "x",
-      className: "dtable-modal-close-inner",
-      id: "seatable-modal-x",
-      tooltip: (0, _lang.getLocale)('Close'),
-      title: (0, _lang.getLocale)('Close')
+      className: "dtable-modal-close-inner"
     })
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalHeader, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {

package/lib/IconButton/index.js

@@ -9,47 +9,25 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _DTableToolTip = _interopRequireDefault(require("../DTableToolTip"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["disabled", "className", "id", "icon", "title", "placement", "tooltip", "children", "style", "onClick"];
+const _excluded = ["disabled", "className", "icon", "children"];
 const IconButton = _ref => {
   let {
       disabled,
       className,
-      id,
       icon,
-      title,
-      placement,
-      tooltip,
-      children,
-      style,
-      onClick
+      children
     } = _ref,
-    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const iconWrapper = /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    otherProperties = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({
     className: (0, _classnames.default)('seatable-icon-btn', className, {
       'disabled': disabled
-    }),
-    id: id,
-    style: style,
-    role: "button",
-    "aria-label": title,
-    onClick: onClick
-  }, others), {}, {
+    })
+  }, otherProperties), {}, {
     children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
       className: (0, _classnames.default)('seatable-icon dtable-font', "dtable-icon-".concat(icon)),
       "aria-hidden": "true"
     }), children]
   }));
-  if (tooltip && id) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [iconWrapper, /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableToolTip.default, {
-        target: id,
-        placement: placement,
-        children: tooltip
-      })]
-    });
-  }
-  return iconWrapper;
 };
 var _default = exports.default = IconButton;

package/lib/NotificationPopover/index.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _IconButton = _interopRequireDefault(require("../IconButton"));
-var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class NotificationPopover extends _react.default.Component {
@@ -63,10 +62,7 @@ class NotificationPopover extends _react.default.Component {
           className: "notification-header",
           children: [headerText, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
             icon: "x",
-            onClick: this.props.onNotificationListToggle,
-            id: "notification-popover-x",
-            tooltip: (0, _lang.getLocale)('Close'),
-            title: (0, _lang.getLocale)('Close')
+            onClick: this.props.onNotificationListToggle
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "notification-body",

package/lib/RowExpandDialog/header/index.js

@@ -43,15 +43,13 @@ const Header = _ref => {
       children: [copyURL && /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         icon: "url",
         onClick: () => copyURL(),
-        tooltip: (0, _lang.getLocale)('Get_URL'),
-        title: (0, _lang.getLocale)('Get_URL'),
-        id: "row-expand-url"
+        "aria-label": (0, _lang.getLocale)('Get_URL'),
+        title: (0, _lang.getLocale)('Get_URL')
       }), children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconButton.default, {
         icon: "x",
         onClick: onToggle,
         title: (0, _lang.getLocale)('Close_expanded_record'),
-        tooltip: (0, _lang.getLocale)('Close_expanded_record'),
-        id: "row-expand-x"
+        "aria-label": (0, _lang.getLocale)('Close_expanded_record')
       })]
     }),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.120xms.20",
+  "version": "6.0.121",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "^5.0.8",