ywana-core8 0.0.226 → 0.0.230

package/dist/index.umd.js

@@ -211,7 +211,7 @@
    * Text
    */
 
-  var Text = function Text(_ref) {
+  var Text$1 = function Text(_ref) {
     var children = _ref.children;
     var site = React.useContext(SiteContext);
 
@@ -243,7 +243,7 @@
       if (onChange) onChange(id, value);
     }
 
-    var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
+    var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text$1, null, label);
     return value === true ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "checkbox",
       key: id + "1"
@@ -301,7 +301,7 @@
     }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: icon,
       size: "small"
-    }) : null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, null, label)), action ? /*#__PURE__*/React__default["default"].createElement("span", {
+    }) : null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text$1, null, label)), action ? /*#__PURE__*/React__default["default"].createElement("span", {
       className: "meta"
     }, action) : null);
   };
@@ -411,7 +411,7 @@
     };
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, title ? /*#__PURE__*/React__default["default"].createElement("header", {
       className: "form-header"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
     }, title)) : '', /*#__PURE__*/React__default["default"].createElement("form", {
       className: "form-grid",
@@ -453,7 +453,7 @@
     var style = props.img ? {
       backgroundImage: "url(" + props.img + ")"
     } : {};
-    var title = /*#__PURE__*/React__default["default"].createElement(Text, null, props.title);
+    var title = /*#__PURE__*/React__default["default"].createElement(Text$1, null, props.title);
     return /*#__PURE__*/React__default["default"].createElement("header", {
       className: "header " + caption + " " + prominent + " " + dense + " " + theme + " " + props.className,
       style: style
@@ -540,7 +540,7 @@
         key: group.name
       }, /*#__PURE__*/React__default["default"].createElement("header", {
         key: group.name + "-header"
-      }, /*#__PURE__*/React__default["default"].createElement(Text, null, group.name)), /*#__PURE__*/React__default["default"].createElement("ul", {
+      }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, group.name)), /*#__PURE__*/React__default["default"].createElement("ul", {
         key: group.name + "-ul"
       }, group.items.map(function (item) {
         return /*#__PURE__*/React__default["default"].createElement(ListItem, {
@@ -577,9 +577,9 @@
       size: "small"
     }) : 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", {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, line1)), line2 ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "secondary-line"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, null, line2)) : null), meta ? /*#__PURE__*/React__default["default"].createElement("div", {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, line2)) : null), meta ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "meta"
     }, meta) : null);
   };
@@ -730,7 +730,7 @@
       if (onChange) onChange(id, value);
     }
 
-    var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
+    var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text$1, null, label);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "radio"
     }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -897,7 +897,7 @@
     var borderStyle = outlined ? "textfield-outlined" : "textfield";
     var labelStyle = label ? "" : "no-label";
     var style = labelStyle + " " + borderStyle;
-    var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
+    var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text$1, null, label);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "" + style,
       onClick: onClick
@@ -1349,7 +1349,7 @@
         colSpan: colspan
       }, id === "checked" ? /*#__PURE__*/React__default["default"].createElement(CheckBox, {
         onChange: checkAll
-      }) : /*#__PURE__*/React__default["default"].createElement(Text, {
+      }) : /*#__PURE__*/React__default["default"].createElement(Text$1, {
         key: "th_" + id
       }, label), sortable ? /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: "arrow_up",
@@ -1752,7 +1752,7 @@
         onDelete = _ref2.onDelete;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "token"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "caption",
       tag: "div"
     }, text), /*#__PURE__*/React__default["default"].createElement(Icon, {
@@ -1848,6 +1848,45 @@
     }));
   };
 
+  /**
+   * Tooltip
+   */
+
+  var Tooltip = function Tooltip(props) {
+    var _props$text = props.text,
+        text = _props$text === void 0 ? "..." : _props$text;
+    return /*#__PURE__*/React__default["default"].createElement(ReactTooltip, {
+      id: "filters",
+      effect: "solid",
+      className: "tooltip"
+    }, /*#__PURE__*/React__default["default"].createElement(Text, {
+      use: "body2"
+    }, text));
+  };
+
+  /**
+   * Thumbnail
+   */
+
+  var Thumbnail = function Thumbnail(props) {
+    var _props$src = props.src,
+        src = _props$src === void 0 ? "https://www.w3schools.com/howto/img_forest.jpg" : _props$src,
+        _props$empty = props.empty,
+        empty = _props$empty === void 0 ? "" : _props$empty,
+        _props$objectFit = props.objectFit,
+        objectFit = _props$objectFit === void 0 ? "cover" : _props$objectFit;
+    var image = src ? src : empty;
+    var style = {
+      objectFit: objectFit
+    };
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "thumbnail"
+    }, /*#__PURE__*/React__default["default"].createElement("img", {
+      src: image,
+      style: style
+    }));
+  };
+
   /**
    * Login Box
    */
@@ -1893,7 +1932,7 @@
     }
 
     function tx(txt) {
-      return /*#__PURE__*/React__default["default"].createElement(Text, null, txt);
+      return /*#__PURE__*/React__default["default"].createElement(Text$1, null, txt);
     }
 
     function changeUser(id, value) {
@@ -1910,7 +1949,7 @@
       src: logo
     }) : '', /*#__PURE__*/React__default["default"].createElement("div", {
       className: "title"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, null, title))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(TextField, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, title))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(TextField, {
       label: tx(userLabel),
       value: user,
       onChange: changeUser,
@@ -1938,7 +1977,7 @@
       raised: true
     }), message ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "message"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, null, message)) : null));
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, message)) : null));
   };
 
   /**
@@ -1992,7 +2031,7 @@
       src: logo
     }) : null, title ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "title"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, null, title)) : null, children), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, title)) : null, children), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
     }, "Change Password"), /*#__PURE__*/React__default["default"].createElement(TextField, {
       id: "password1",
@@ -2047,7 +2086,7 @@
       setShowDetails(!showDetails);
     }
 
-    var headerTitle = /*#__PURE__*/React__default["default"].createElement(Text, {
+    var headerTitle = /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
     }, title);
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2134,9 +2173,9 @@
       icon: icon
     }), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "title"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
-    }, title), /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, title), /*#__PURE__*/React__default["default"].createElement(Text$1, {
       className: "secondary-text",
       use: "body2"
     }, subtitle)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2191,6 +2230,14 @@
     }) : /*#__PURE__*/React__default["default"].createElement("span", null, name));
   };
 
+  var WaitScreen = function WaitScreen() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "wait-screen"
+    }, /*#__PURE__*/React__default["default"].createElement(CircularProgress, {
+      size: "large"
+    }));
+  };
+
   /**
    * Page Context
    */
@@ -2554,7 +2601,7 @@
       onClick: prevent
     }, /*#__PURE__*/React__default["default"].createElement("header", null, icon ? /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
       icon: icon
-    }) : null, /*#__PURE__*/React__default["default"].createElement(Text, null, title)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, actions))));
+    }) : null, /*#__PURE__*/React__default["default"].createElement(Text$1, null, title)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, actions))));
   };
 
   /**
@@ -2862,7 +2909,7 @@
 
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "content-editor treeded-editor"
-    }, /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "caption"
     }, "Tree Editor")), /*#__PURE__*/React__default["default"].createElement(Tree, null, nodes.map(function (node, index) {
       return /*#__PURE__*/React__default["default"].createElement(TreeNode, {
@@ -3004,7 +3051,7 @@
     });
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "entity-editor"
-    }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "caption"
     }, label)), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
       return /*#__PURE__*/React__default["default"].createElement(FieldEditor, {
@@ -3256,7 +3303,7 @@
     };
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "collection-editor"
-    }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "caption"
     }, label), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "actions"
@@ -3412,7 +3459,7 @@
       disabled: !isValid,
       raised: true
     }));
-    var title = /*#__PURE__*/React__default["default"].createElement(Text, {
+    var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
     }, label);
     var content = new Content(type, form);
@@ -3426,7 +3473,7 @@
       onChange: change,
       filter: filterForm
     }), errors.map(function (error) {
-      return /*#__PURE__*/React__default["default"].createElement(Text, {
+      return /*#__PURE__*/React__default["default"].createElement(Text$1, {
         use: "overline",
         tag: "div",
         className: "error"
@@ -3501,7 +3548,7 @@
       disabled: !isValid,
       raised: true
     }));
-    var title = /*#__PURE__*/React__default["default"].createElement(Text, {
+    var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
     }, label);
     var content = new Content(type, form);
@@ -3515,7 +3562,7 @@
       onChange: change,
       filter: filterForm
     }), errors.map(function (error) {
-      return /*#__PURE__*/React__default["default"].createElement(Text, {
+      return /*#__PURE__*/React__default["default"].createElement(Text$1, {
         use: "overline",
         tag: "div",
         className: "error"
@@ -3594,7 +3641,7 @@
       disabled: !isValid,
       raised: true
     }));
-    var title = /*#__PURE__*/React__default["default"].createElement(Text, {
+    var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
     }, label);
     var content = new Content(type, form);
@@ -3610,7 +3657,7 @@
       },
       onChange: change
     }), errors.map(function (error) {
-      return /*#__PURE__*/React__default["default"].createElement(Text, {
+      return /*#__PURE__*/React__default["default"].createElement(Text$1, {
         use: "overline",
         tag: "div",
         className: "error"
@@ -3715,7 +3762,7 @@
 
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "collection-page",
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
+      title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, title)
     }, /*#__PURE__*/React__default["default"].createElement(Button$1, {
       icon: "add",
       label: "Add",
@@ -3727,7 +3774,7 @@
     }), renderActions()), /*#__PURE__*/React__default["default"].createElement("menu", {
       className: "collection-page"
     }, /*#__PURE__*/React__default["default"].createElement(Header, {
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Lista de ", name)
+      title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, "Lista de ", name)
     }), levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
       levels: levels
     }) : /*#__PURE__*/React__default["default"].createElement(CollectionList, {
@@ -3968,7 +4015,7 @@
 
     return selected && form ? /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       icon: icon,
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, selected.name)
+      title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, selected.name)
     }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "close",
       clickable: true,
@@ -4462,7 +4509,7 @@
 
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "table-page",
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
+      title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, title)
     }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
       icon: "add",
       label: "A\xF1adir",
@@ -4584,7 +4631,7 @@
   var TableQueries = function TableQueries(props) {
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "table-queries",
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Queries")
+      title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, "Queries")
     }), /*#__PURE__*/React__default["default"].createElement("main", {
       className: "table-queries"
     }, "..."));
@@ -4637,7 +4684,7 @@
     var content = new Content(filterSchema, form);
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       className: "table-filters",
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
+      title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, "Filters")
     }, /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "filter_list_off",
       size: "small",
@@ -4847,7 +4894,7 @@
 
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       icon: icon,
-      title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
+      title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, title)
     }, /*#__PURE__*/React__default["default"].createElement(DropDown, {
       id: "groupBy",
       label: "Agrupar Por",
@@ -5069,7 +5116,7 @@
       size: "xlarge"
     }) : '', state === STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "done_all"
-    }) : '', state === STATES.ERROR ? /*#__PURE__*/React__default["default"].createElement(Text, {
+    }) : '', state === STATES.ERROR ? /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "body1"
     }, error) : '', props.children);
   };
@@ -5139,7 +5186,7 @@
     });
     return state !== STATES.IDLE ? /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "upload-file"
-    }, icon, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, icon, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "body1",
       tag: "label"
     }, file.fileName), state === STATES.RUNNING ? /*#__PURE__*/React__default["default"].createElement(LinearProgress, {
@@ -5153,7 +5200,7 @@
       icon: "error"
     }) : ''), error ? /*#__PURE__*/React__default["default"].createElement("div", {
       className: "error"
-    }, /*#__PURE__*/React__default["default"].createElement(Text, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "overline"
     }, error)) : '') : '';
   };
@@ -5314,7 +5361,7 @@
         return onAction("CLOSE");
       }
     }));
-    var title = /*#__PURE__*/React__default["default"].createElement(Text, {
+    var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
       use: "headline6"
     }, label);
     return /*#__PURE__*/React__default["default"].createElement(Dialog, {
@@ -5330,7 +5377,7 @@
       target: target,
       onComplete: onComplete
     }), errors.map(function (error) {
-      return /*#__PURE__*/React__default["default"].createElement(Text, {
+      return /*#__PURE__*/React__default["default"].createElement(Text$1, {
         use: "overline",
         tag: "div",
         className: "error"
@@ -5394,9 +5441,11 @@
   exports.TabbedContentEditor = TabbedContentEditor;
   exports.TablePage = TablePage;
   exports.Tabs = Tabs;
-  exports.Text = Text;
+  exports.Text = Text$1;
   exports.TextField = TextField;
+  exports.Thumbnail = Thumbnail;
   exports.TokenField = TokenField;
+  exports.Tooltip = Tooltip;
   exports.Tree = Tree;
   exports.TreeItem = TreeItem;
   exports.TreeNode = TreeNode;
@@ -5407,6 +5456,7 @@
   exports.UploadFile = UploadFile;
   exports.Uploader = Uploader;
   exports.Viewer = Viewer;
+  exports.WaitScreen = WaitScreen;
   exports.isFunction = isFunction;
 
 }));