ywana-core8 0.0.223 → 0.0.227

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,22 @@
     }));
   };
 
+  /**
+   * 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));
+  };
+
   /**
    * Login Box
    */
@@ -1893,7 +1909,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 +1926,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 +1954,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 +2008,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 +2063,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 +2150,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", {
@@ -2554,7 +2570,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 +2878,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 +3020,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 +3272,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 +3428,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 +3442,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 +3517,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 +3531,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 +3610,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 +3626,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"
@@ -3700,9 +3716,22 @@
       }));
     }
 
+    function renderActions() {
+      return actions.map(function (element) {
+        var action = function action() {
+          return element.props.action(pageContext);
+        };
+
+        var clone = React__default["default"].cloneElement(element, {
+          action: action
+        });
+        return clone;
+      });
+    }
+
     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",
@@ -3711,10 +3740,10 @@
       icon: "refresh",
       label: "Reload",
       action: reload
-    }), actions), /*#__PURE__*/React__default["default"].createElement("menu", {
+    }), 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, {
@@ -3955,7 +3984,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,
@@ -4315,6 +4344,11 @@
         schema = props.schema,
         url = props.url,
         field = props.field,
+        _props$autosave = props.autosave,
+        autosave = _props$autosave === void 0 ? true : _props$autosave,
+        _props$delay = props.delay,
+        delay = _props$delay === void 0 ? 1000 : _props$delay,
+        editable = props.editable,
         _props$actions = props.actions,
         actions = _props$actions === void 0 ? [] : _props$actions,
         _props$dev = props.dev,
@@ -4322,7 +4356,6 @@
         tableActions = props.tableActions,
         _props$selectionActio = props.selectionActions,
         selectionActions = _props$selectionActio === void 0 ? [] : _props$selectionActio,
-        editable = props.editable,
         _props$canFilter = props.canFilter,
         canFilter = _props$canFilter === void 0 ? false : _props$canFilter,
         _props$canQuery = props.canQuery,
@@ -4331,10 +4364,8 @@
         canAdd = _props$canAdd === void 0 ? true : _props$canAdd,
         _props$canDelete = props.canDelete,
         canDelete = _props$canDelete === void 0 ? true : _props$canDelete,
-        _props$autosave = props.autosave,
-        autosave = _props$autosave === void 0 ? true : _props$autosave,
-        _props$delay = props.delay,
-        delay = _props$delay === void 0 ? 1000 : _props$delay,
+        _props$canEdit = props.canEdit,
+        canEdit = _props$canEdit === void 0 ? true : _props$canEdit,
         groupBy = props.groupBy,
         validator = props.validator,
         scenario = props.scenario,
@@ -4422,7 +4453,7 @@
           filter: editorFilter,
           onChange: change,
           onClose: closeAside,
-          editable: editable
+          editable: canEdit
         }) : null, rowChecked ? /*#__PURE__*/React__default["default"].createElement(TableSelector, {
           schema: schema,
           actions: selectionActions
@@ -4447,7 +4478,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",
@@ -4569,7 +4600,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"
     }, "..."));
@@ -4622,7 +4653,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",
@@ -4832,7 +4863,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",
@@ -5054,7 +5085,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);
   };
@@ -5124,7 +5155,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, {
@@ -5138,7 +5169,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)) : '') : '';
   };
@@ -5299,7 +5330,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, {
@@ -5315,7 +5346,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"
@@ -5379,9 +5410,10 @@
   exports.TabbedContentEditor = TabbedContentEditor;
   exports.TablePage = TablePage;
   exports.Tabs = Tabs;
-  exports.Text = Text;
+  exports.Text = Text$1;
   exports.TextField = TextField;
   exports.TokenField = TokenField;
+  exports.Tooltip = Tooltip;
   exports.Tree = Tree;
   exports.TreeItem = TreeItem;
   exports.TreeNode = TreeNode;