ywana-core8 0.0.752 → 0.0.754

package/dist/index.umd.js

@@ -197,6 +197,29 @@
       return _extends.apply(this, arguments);
     }
 
+    /**
+     * Tooltip
+     */
+
+    var Tooltip = function Tooltip(props) {
+      var _props$text = props.text,
+          text = _props$text === void 0 ? "" : _props$text,
+          _props$top = props.top,
+          top = _props$top === void 0 ? "1rem" : _props$top,
+          _props$left = props.left,
+          left = _props$left === void 0 ? "1rem" : _props$left;
+      var style = {
+        top: top,
+        left: left
+      };
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "tooltip"
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
+        className: "tooltip-text",
+        style: style
+      }, text), props.children);
+    };
+
     /**
      * Icon 
      */
@@ -205,6 +228,7 @@
       var icon = _ref.icon,
           _ref$size = _ref.size,
           size = _ref$size === void 0 ? "normal" : _ref$size,
+          tooltip = _ref.tooltip,
           _ref$clickable = _ref.clickable,
           clickable = _ref$clickable === void 0 ? false : _ref$clickable,
           _ref$disabled = _ref.disabled,
@@ -224,7 +248,10 @@
       }
 
       var style = disabled ? "disabled" : clickable ? "clickable" : "";
-      return /*#__PURE__*/React__default["default"].createElement("i", {
+      return tooltip ? /*#__PURE__*/React__default["default"].createElement(Tooltip, tooltip, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "icon " + size + " " + style + " " + className + " material-icons",
+        onClick: click
+      }, icon)) : /*#__PURE__*/React__default["default"].createElement("i", {
         className: "icon " + size + " " + style + " " + className + " material-icons",
         onClick: click
       }, icon);
@@ -746,6 +773,7 @@
           onSelect = _ref.onSelect;
       var id = item.id,
           icon = item.icon,
+          iconTooltip = item.iconTooltip,
           line1 = item.line1,
           line2 = item.line2,
           meta = item.meta;
@@ -761,7 +789,8 @@
         onClick: select
       }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: icon,
-        size: "small"
+        size: "small",
+        tooltip: iconTooltip
       }) : null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "primary-line"
       }, /*#__PURE__*/React__default["default"].createElement(Text, null, line1)), line2 ? /*#__PURE__*/React__default["default"].createElement("div", {
@@ -1836,7 +1865,7 @@
           isInfoOpen = _useState3[0],
           toggleInfo = _useState3[1];
 
-      var infoIcon = isInfoOpen ? 'expand_more' : 'expand_less';
+      var infoIcon = isInfoOpen ? 'expand_less' : 'expand_more';
       var style = isInfoOpen ? "expanded" : "";
       if (selected) style += " selected";
       return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("tr", {
@@ -2414,29 +2443,6 @@
       }));
     };
 
-    /**
-     * Tooltip
-     */
-
-    var Tooltip = function Tooltip(props) {
-      var _props$text = props.text,
-          text = _props$text === void 0 ? "" : _props$text,
-          _props$top = props.top,
-          top = _props$top === void 0 ? "1rem" : _props$top,
-          _props$left = props.left,
-          left = _props$left === void 0 ? "1rem" : _props$left;
-      var style = {
-        top: top,
-        left: left
-      };
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "tooltip"
-      }, /*#__PURE__*/React__default["default"].createElement("span", {
-        className: "tooltip-text",
-        style: style
-      }, text), props.children);
-    };
-
     /**
      * Thumbnail
      */