ywana-core8 0.0.753 → 0.0.755

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.753",
+  "version": "0.0.755",
   "description": "ywana-core8",
   "homepage": "https://ywana.github.io/workspace",
   "author": "Ernesto Roldan Garcia",

package/src/html/chip.js

@@ -1,6 +1,7 @@
 import React from 'react'
-import { Icon } from './icon';
+import { Icon } from './icon'
 import { Text } from './text'
+import { Tooltip} from './tooltip'
 import './chip.css'
 
 /**
@@ -8,7 +9,7 @@ import './chip.css'
  */
 export const Chip = (props) => {
 
-    const { id, icon, label, action, outlined, selected, onSelect } = props
+    const { id, icon, label, tooltip, action, outlined, selected, onSelect } = props
 
     function select(event) {
         event.stopPropagation();
@@ -18,7 +19,15 @@ export const Chip = (props) => {
 
     let style = outlined ? "outlined" : "normal"
     if (selected) style = `${style} selected`
-    return (
+    return tooltip ? (
+        <Tooltip {...tooltip}>
+            <div className={`chip ${style}`} onClick={select}>
+                {icon ? <Icon icon={icon} size="small" /> : null}
+                <main><Text>{label}</Text></main>
+                {action ? <span className="meta">{action}</span> : null}
+            </div>
+        </Tooltip>
+    ) : (
         <div className={`chip ${style}`} onClick={select}>
             {icon ? <Icon icon={icon} size="small" /> : null}
             <main><Text>{label}</Text></main>

package/src/html/table.js

@@ -137,7 +137,7 @@ const DataTableRow = (props) => {
     const { index, row, columns = [], onSelect, editable, expanded = false } = props
     const { selected = false, className } = row
     const [isInfoOpen, toggleInfo] = useState(expanded)
-    const infoIcon = isInfoOpen ? 'expand_more' : 'expand_less'
+    const infoIcon = isInfoOpen ? 'expand_less' : 'expand_more'
     let style = isInfoOpen ? "expanded" : ""
     if (selected) style += " selected"
     return (