ywana-core8 0.0.274 → 0.0.277

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ywana-core8",
-  "version": "0.0.274",
+  "version": "0.0.277",
   "description": "ywana-core8",
   "author": "Ernesto Roldan Garcia",
   "license": "MIT",

package/src/html/list.js

@@ -66,7 +66,7 @@ const ListItem = ({ item, onSelect }) => {
     }
 
     return (
-        <li id={id} onClick={select}>
+        <li onClick={select}>
             {icon ? <Icon icon={icon} size="small" /> : null}
             <main>
                 <div className="primary-line"><Text>{line1}</Text></div>

package/src/html/table.js

@@ -42,10 +42,8 @@ export const DataTable = (props) => {
             // Loop until sorted (-1 or 1) or until the sort keys have been processed.
             while (sorted === 0 && index < sortKeys.length) {
                 const key = sortKeys[index];
-
                 if (key) {
                     const direction = sortObject[key];
-
                     sorted = keySort(a[key], b[key], direction);
                     index++;
                 }

package/src/html/tooltip-test.js

@@ -0,0 +1,13 @@
+import React, { useState } from 'react'
+import { Tooltip } from './tooltip'
+
+const TooltipTest = (prop) => {
+
+    return (
+        <>
+           <Tooltip text="role1" top="2rem" >
+               John Smith
+           </Tooltip>
+        </>
+    )
+}

package/src/html/tooltip.css

@@ -1,3 +1,19 @@
 .tooltip {
-    
+    position: relative;
+    cursor: pointer;
+}
+
+.tooltip-text {
+    display: none;
+    z-index: 10;
+}
+
+.tooltip:hover .tooltip-text {
+    display: block;
+    position: absolute;
+    border: solid 1px var(--divider-color);
+    background-color: var(--text-color-light);
+    color: var(--paper-color);
+    padding: .5rem;
+    border-radius: 4px;
 }

package/src/html/tooltip.js

@@ -6,12 +6,15 @@ import './tooltip.css'
  */
 export const Tooltip = (props) => {
 
-    const { text = "..." } = props
+    const { text = "", top = "1rem", left = "1rem" } = props
+
+    const style = { top, left }
 
     return (
-        <ReactTooltip id="filters" effect="solid" className="tooltip">
-            <Text use="body2">{text}</Text>
-        </ReactTooltip>
+        <div className="tooltip" >
+            <span className="tooltip-text" style={style}>{text}</span>
+            {props.children}
+        </div>
     )
 
 } 

package/src/site/site.js

@@ -70,6 +70,7 @@ export const SiteProvider = ({ children, siteLang, siteDictionary, showConsole }
         closePreview: () => { setPreview(null) },
 
         confirm: (message) => window.confirm(message),
+        prompt: (message) => window.prompt(message),
 
         notify: ({ title, body, type = "success" }) => {
             Store.addNotification({