ywana-core8 0.0.752 → 0.0.753

package/dist/index.cjs

@@ -203,6 +203,29 @@ function _extends() {
   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 
  */
@@ -211,6 +234,7 @@ var Icon = function Icon(_ref) {
   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,
@@ -230,7 +254,10 @@ var Icon = function Icon(_ref) {
   }
 
   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);
@@ -752,6 +779,7 @@ var ListItem = function ListItem(_ref) {
       onSelect = _ref.onSelect;
   var id = item.id,
       icon = item.icon,
+      iconTooltip = item.iconTooltip,
       line1 = item.line1,
       line2 = item.line2,
       meta = item.meta;
@@ -767,7 +795,8 @@ var ListItem = function ListItem(_ref) {
     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", {
@@ -2420,29 +2449,6 @@ var Switch = function Switch(props) {
   }));
 };
 
-/**
- * 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
  */