ywana-core8 0.0.274 → 0.0.275

package/dist/index.modern.js

@@ -218,7 +218,7 @@ var TEXTFORMATS = {
  * Text
  */
 
-var Text$1 = function Text(_ref) {
+var Text = function Text(_ref) {
   var format = _ref.format,
       children = _ref.children,
       className = _ref.className;
@@ -263,7 +263,7 @@ var CheckBox = function CheckBox(props) {
     if (onChange) onChange(id, value);
   }
 
-  var labelTxt = /*#__PURE__*/React.createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React.createElement(Text, null, label);
   return value === true ? /*#__PURE__*/React.createElement("div", {
     className: "checkbox",
     key: id + "1"
@@ -321,7 +321,7 @@ var Chip = function Chip(props) {
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
     size: "small"
-  }) : null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Text$1, null, label)), action ? /*#__PURE__*/React.createElement("span", {
+  }) : null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Text, null, label)), action ? /*#__PURE__*/React.createElement("span", {
     className: "meta"
   }, action) : null);
 };
@@ -431,7 +431,7 @@ var Form = function Form(_ref) {
   };
   return /*#__PURE__*/React.createElement(Fragment, null, title ? /*#__PURE__*/React.createElement("header", {
     className: "form-header"
-  }, /*#__PURE__*/React.createElement(Text$1, {
+  }, /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, title)) : '', /*#__PURE__*/React.createElement("form", {
     className: "form-grid",
@@ -473,7 +473,7 @@ var Header = function Header(props) {
   var style = props.img ? {
     backgroundImage: "url(" + props.img + ")"
   } : {};
-  var title = /*#__PURE__*/React.createElement(Text$1, null, props.title);
+  var title = /*#__PURE__*/React.createElement(Text, null, props.title);
   return /*#__PURE__*/React.createElement("header", {
     className: "header " + caption + " " + prominent + " " + dense + " " + theme + " " + props.className,
     style: style
@@ -560,7 +560,7 @@ var GroupedList = function GroupedList(props) {
       key: group.name
     }, /*#__PURE__*/React.createElement("header", {
       key: group.name + "-header"
-    }, /*#__PURE__*/React.createElement(Text$1, null, group.name)), /*#__PURE__*/React.createElement("ul", {
+    }, /*#__PURE__*/React.createElement(Text, null, group.name)), /*#__PURE__*/React.createElement("ul", {
       key: group.name + "-ul"
     }, group.items.map(function (item) {
       return /*#__PURE__*/React.createElement(ListItem, {
@@ -597,9 +597,9 @@ var ListItem = function ListItem(_ref) {
     size: "small"
   }) : null, /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("div", {
     className: "primary-line"
-  }, /*#__PURE__*/React.createElement(Text$1, null, line1)), line2 ? /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Text, null, line1)), line2 ? /*#__PURE__*/React.createElement("div", {
     className: "secondary-line"
-  }, /*#__PURE__*/React.createElement(Text$1, null, line2)) : null), meta ? /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(Text, null, line2)) : null), meta ? /*#__PURE__*/React.createElement("div", {
     className: "meta"
   }, meta) : null);
 };
@@ -779,7 +779,7 @@ var RadioButton = function RadioButton(props) {
     if (onChange) onChange(id, value);
   }
 
-  var labelTxt = /*#__PURE__*/React.createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React.createElement(Text, null, label);
   return /*#__PURE__*/React.createElement("div", {
     className: "radio"
   }, /*#__PURE__*/React.createElement("input", {
@@ -947,7 +947,7 @@ var TextField = function TextField(props) {
   var borderStyle = outlined ? "textfield-outlined" : "textfield";
   var labelStyle = label ? "" : "no-label";
   var style = labelStyle + " " + borderStyle + " textfield-" + type;
-  var labelTxt = /*#__PURE__*/React.createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React.createElement(Text, null, label);
   return /*#__PURE__*/React.createElement("div", {
     className: "" + style,
     onClick: onClick
@@ -1021,7 +1021,7 @@ var TextArea = function TextArea(props) {
 
   var labelStyle = label ? "" : "no-label";
   var style = "textarea " + labelStyle + " textarea-" + type;
-  var labelTxt = /*#__PURE__*/React.createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React.createElement(Text, null, label);
   return /*#__PURE__*/React.createElement("div", {
     className: "" + style,
     onClick: onClick
@@ -1475,7 +1475,7 @@ var DataTable = function DataTable(props) {
       colSpan: colspan
     }, id === "checked" ? /*#__PURE__*/React.createElement(CheckBox, {
       onChange: checkAll
-    }) : /*#__PURE__*/React.createElement(Text$1, {
+    }) : /*#__PURE__*/React.createElement(Text, {
       key: "th_" + id
     }, label), sortable ? /*#__PURE__*/React.createElement(Icon, {
       icon: "arrow_up",
@@ -1902,7 +1902,7 @@ var Token = function Token(_ref2) {
       onDelete = _ref2.onDelete;
   return /*#__PURE__*/React.createElement("div", {
     className: "token"
-  }, /*#__PURE__*/React.createElement(Text$1, {
+  }, /*#__PURE__*/React.createElement(Text, {
     use: "caption",
     tag: "div"
   }, text), /*#__PURE__*/React.createElement(Icon, {
@@ -2004,14 +2004,21 @@ var Switch = function Switch(props) {
 
 var Tooltip = function Tooltip(props) {
   var _props$text = props.text,
-      text = _props$text === void 0 ? "..." : _props$text;
-  return /*#__PURE__*/React.createElement(ReactTooltip, {
-    id: "filters",
-    effect: "solid",
+      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.createElement("div", {
     className: "tooltip"
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "body2"
-  }, text));
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "tooltip-text",
+    style: style
+  }, text), props.children);
 };
 
 /**
@@ -2082,7 +2089,7 @@ var LoginBox = function LoginBox(_ref) {
   }
 
   function tx(txt) {
-    return /*#__PURE__*/React.createElement(Text$1, null, txt);
+    return /*#__PURE__*/React.createElement(Text, null, txt);
   }
 
   function changeUser(id, value) {
@@ -2099,7 +2106,7 @@ var LoginBox = function LoginBox(_ref) {
     src: logo
   }) : '', /*#__PURE__*/React.createElement("div", {
     className: "title"
-  }, /*#__PURE__*/React.createElement(Text$1, null, title))), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(TextField, {
+  }, /*#__PURE__*/React.createElement(Text, null, title))), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(TextField, {
     label: tx(userLabel),
     value: user,
     onChange: changeUser,
@@ -2127,7 +2134,7 @@ var LoginBox = function LoginBox(_ref) {
     raised: true
   }), message ? /*#__PURE__*/React.createElement("div", {
     className: "message"
-  }, /*#__PURE__*/React.createElement(Text$1, null, message)) : null));
+  }, /*#__PURE__*/React.createElement(Text, null, message)) : null));
 };
 
 /**
@@ -2181,7 +2188,7 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     src: logo
   }) : null, title ? /*#__PURE__*/React.createElement("div", {
     className: "title"
-  }, /*#__PURE__*/React.createElement(Text$1, null, title)) : null, children), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Text$1, {
+  }, /*#__PURE__*/React.createElement(Text, null, title)) : null, children), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, "Change Password"), /*#__PURE__*/React.createElement(TextField, {
     id: "password1",
@@ -2236,7 +2243,7 @@ var Viewer = function Viewer(_ref) {
     setShowDetails(!showDetails);
   }
 
-  var headerTitle = /*#__PURE__*/React.createElement(Text$1, {
+  var headerTitle = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, title);
   return /*#__PURE__*/React.createElement("div", {
@@ -2323,9 +2330,9 @@ var KanbanColumn = function KanbanColumn(_ref2) {
     icon: icon
   }), /*#__PURE__*/React.createElement("div", {
     className: "title"
-  }, /*#__PURE__*/React.createElement(Text$1, {
+  }, /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
-  }, title), /*#__PURE__*/React.createElement(Text$1, {
+  }, title), /*#__PURE__*/React.createElement(Text, {
     className: "secondary-text",
     use: "body2"
   }, subtitle)), /*#__PURE__*/React.createElement("div", {
@@ -2466,7 +2473,7 @@ var Planner = function Planner(_ref) {
     });
     return period;
   }, [from, to]);
-  var label = /*#__PURE__*/React.createElement(Text$1, {
+  var label = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, title);
   return /*#__PURE__*/React.createElement("div", {
@@ -2529,7 +2536,7 @@ var Planner = function Planner(_ref) {
       className: "column-header"
     }, /*#__PURE__*/React.createElement("div", {
       className: "month-header " + first
-    }, /*#__PURE__*/React.createElement(Text$1, {
+    }, /*#__PURE__*/React.createElement(Text, {
       use: "overline"
     }, date.moment.format("MMM"))));
   })), /*#__PURE__*/React.createElement("div", {
@@ -2541,9 +2548,9 @@ var Planner = function Planner(_ref) {
       className: "column-header"
     }, /*#__PURE__*/React.createElement("div", {
       className: "date-header " + weekend
-    }, /*#__PURE__*/React.createElement(Text$1, {
+    }, /*#__PURE__*/React.createElement(Text, {
       use: "headline6"
-    }, date.moment.format("DD")), "\xA0", /*#__PURE__*/React.createElement(Text$1, {
+    }, date.moment.format("DD")), "\xA0", /*#__PURE__*/React.createElement(Text, {
       use: "caption"
     }, date.moment.format("ddd"))));
   })), lanes.map(function (lane) {
@@ -3256,7 +3263,7 @@ var Dialog = function Dialog(props) {
     onClick: prevent
   }, /*#__PURE__*/React.createElement("header", null, icon ? /*#__PURE__*/React.createElement(MenuIcon, {
     icon: icon
-  }) : null, /*#__PURE__*/React.createElement(Text$1, null, title)), /*#__PURE__*/React.createElement("main", null, children), /*#__PURE__*/React.createElement("footer", null, actions))));
+  }) : null, /*#__PURE__*/React.createElement(Text, null, title)), /*#__PURE__*/React.createElement("main", null, children), /*#__PURE__*/React.createElement("footer", null, actions))));
 };
 
 /**
@@ -3288,7 +3295,7 @@ var UploadDialog = function UploadDialog(_ref) {
       return onAction("CLOSE");
     }
   }));
-  var title = /*#__PURE__*/React.createElement(Text$1, {
+  var title = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, label);
   return /*#__PURE__*/React.createElement(Dialog, {
@@ -3609,7 +3616,7 @@ var TreededContentEditor = function TreededContentEditor(_ref3) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "content-editor treeded-editor"
-  }, /*#__PURE__*/React.createElement("menu", null, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text$1, {
+  }, /*#__PURE__*/React.createElement("menu", null, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text, {
     use: "caption"
   }, "Tree Editor")), /*#__PURE__*/React.createElement(Tree, null, nodes.map(function (node, index) {
     return /*#__PURE__*/React.createElement(TreeNode, {
@@ -3749,7 +3756,7 @@ var EntityEditor = function EntityEditor(_ref5) {
   });
   return /*#__PURE__*/React.createElement("div", {
     className: "entity-editor"
-  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text$1, {
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text, {
     use: "caption"
   }, label)), /*#__PURE__*/React.createElement("main", null, fields.map(function (field) {
     return /*#__PURE__*/React.createElement(FieldEditor, {
@@ -4014,7 +4021,7 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "collection-editor"
-  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text$1, {
+  }, /*#__PURE__*/React.createElement("header", null, /*#__PURE__*/React.createElement(Text, {
     use: "caption"
   }, label), /*#__PURE__*/React.createElement("div", {
     className: "actions"
@@ -4170,7 +4177,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     disabled: !isValid,
     raised: true
   }));
-  var title = /*#__PURE__*/React.createElement(Text$1, {
+  var title = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, label);
   var content = new Content(type, form);
@@ -4184,7 +4191,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     onChange: change,
     filter: filterForm
   }), errors.map(function (error) {
-    return /*#__PURE__*/React.createElement(Text$1, {
+    return /*#__PURE__*/React.createElement(Text, {
       use: "overline",
       tag: "div",
       className: "error"
@@ -4259,7 +4266,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
     disabled: !isValid,
     raised: true
   }));
-  var title = /*#__PURE__*/React.createElement(Text$1, {
+  var title = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, label);
   var content = new Content(type, form);
@@ -4273,7 +4280,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
     onChange: change,
     filter: filterForm
   }), errors.map(function (error) {
-    return /*#__PURE__*/React.createElement(Text$1, {
+    return /*#__PURE__*/React.createElement(Text, {
       use: "overline",
       tag: "div",
       className: "error"
@@ -4352,7 +4359,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     disabled: !isValid,
     raised: true
   }));
-  var title = /*#__PURE__*/React.createElement(Text$1, {
+  var title = /*#__PURE__*/React.createElement(Text, {
     use: "headline6"
   }, label);
   var content = new Content(type, form);
@@ -4368,7 +4375,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     },
     onChange: change
   }), errors.map(function (error) {
-    return /*#__PURE__*/React.createElement(Text$1, {
+    return /*#__PURE__*/React.createElement(Text, {
       use: "overline",
       tag: "div",
       className: "error"
@@ -4474,7 +4481,7 @@ var CollectionPage = function CollectionPage(props) {
 
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "collection-page",
-    title: /*#__PURE__*/React.createElement(Text$1, null, title)
+    title: /*#__PURE__*/React.createElement(Text, null, title)
   }, /*#__PURE__*/React.createElement(Button, {
     icon: "add",
     label: "Add",
@@ -4486,7 +4493,7 @@ var CollectionPage = function CollectionPage(props) {
   }), renderActions()), /*#__PURE__*/React.createElement("menu", {
     className: "collection-page"
   }, /*#__PURE__*/React.createElement(Header, {
-    title: /*#__PURE__*/React.createElement(Text$1, null, "Lista de ", name)
+    title: /*#__PURE__*/React.createElement(Text, null, "Lista de ", name)
   }), levels ? /*#__PURE__*/React.createElement(CollectionTree, {
     levels: levels,
     onSelect: onSelect
@@ -4733,7 +4740,7 @@ var CollectionEditor = function CollectionEditor(props) {
 
   return selected && form ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     icon: icon,
-    title: /*#__PURE__*/React.createElement(Text$1, null, selected.name)
+    title: /*#__PURE__*/React.createElement(Text, null, selected.name)
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: "close",
     clickable: true,
@@ -5225,7 +5232,7 @@ var TablePage = function TablePage(props) {
 
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-page",
-    title: /*#__PURE__*/React.createElement(Text$1, null, title)
+    title: /*#__PURE__*/React.createElement(Text, null, title)
   }, canAdd ? /*#__PURE__*/React.createElement(Button, {
     icon: "add",
     label: "A\xF1adir",
@@ -5347,7 +5354,7 @@ var TableSelector = function TableSelector(props) {
 var TableQueries = function TableQueries(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-queries",
-    title: /*#__PURE__*/React.createElement(Text$1, null, "Queries")
+    title: /*#__PURE__*/React.createElement(Text, null, "Queries")
   }), /*#__PURE__*/React.createElement("main", {
     className: "table-queries"
   }, "..."));
@@ -5400,7 +5407,7 @@ var TableFilters = function TableFilters(props) {
   var content = new Content(filterSchema, form);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-filters",
-    title: /*#__PURE__*/React.createElement(Text$1, null, "Filters")
+    title: /*#__PURE__*/React.createElement(Text, null, "Filters")
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
@@ -5626,7 +5633,7 @@ var TableEditor = function TableEditor(props) {
 
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     icon: icon,
-    title: /*#__PURE__*/React.createElement(Text$1, null, title)
+    title: /*#__PURE__*/React.createElement(Text, null, title)
   }, /*#__PURE__*/React.createElement(DropDown, {
     id: "groupBy",
     label: "Agrupar Por",
@@ -5804,5 +5811,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Avatar, Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TableEditor, TablePage, Tabs, Text$1 as Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, Uploader, Viewer, WaitScreen, isFunction };
+export { Avatar, Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TableEditor, TablePage, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, Uploader, Viewer, WaitScreen, isFunction };
 //# sourceMappingURL=index.modern.js.map