ywana-core8 0.0.223 → 0.0.227

package/dist/index.cjs

@@ -214,7 +214,7 @@ var SiteContext = React__default["default"].createContext({});
  * Text
  */
 
-var Text = function Text(_ref) {
+var Text$1 = function Text(_ref) {
   var children = _ref.children;
   var site = React.useContext(SiteContext);
 
@@ -246,7 +246,7 @@ var CheckBox = function CheckBox(props) {
     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"
@@ -304,7 +304,7 @@ var Chip = function Chip(props) {
   }, 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);
 };
@@ -414,7 +414,7 @@ var Form = function Form(_ref) {
   };
   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",
@@ -456,7 +456,7 @@ var Header = function Header(props) {
   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
@@ -543,7 +543,7 @@ var GroupedList = function GroupedList(props) {
       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, {
@@ -580,9 +580,9 @@ var ListItem = function ListItem(_ref) {
     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);
 };
@@ -733,7 +733,7 @@ var RadioButton = function RadioButton(props) {
     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", {
@@ -900,7 +900,7 @@ var TextField = function TextField(props) {
   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
@@ -1352,7 +1352,7 @@ var DataTable = function DataTable(props) {
       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",
@@ -1755,7 +1755,7 @@ var Token = function Token(_ref2) {
       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, {
@@ -1851,6 +1851,22 @@ var Switch = function Switch(props) {
   }));
 };
 
+/**
+ * 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
  */
@@ -1896,7 +1912,7 @@ var LoginBox = function LoginBox(_ref) {
   }
 
   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) {
@@ -1913,7 +1929,7 @@ var LoginBox = function LoginBox(_ref) {
     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,
@@ -1941,7 +1957,7 @@ var LoginBox = function LoginBox(_ref) {
     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));
 };
 
 /**
@@ -1995,7 +2011,7 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     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",
@@ -2050,7 +2066,7 @@ var Viewer = function Viewer(_ref) {
     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", {
@@ -2137,9 +2153,9 @@ var KanbanColumn = function KanbanColumn(_ref2) {
     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", {
@@ -2557,7 +2573,7 @@ var Dialog = function Dialog(props) {
     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))));
 };
 
 /**
@@ -2865,7 +2881,7 @@ var TreededContentEditor = function TreededContentEditor(_ref3) {
 
   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, {
@@ -3007,7 +3023,7 @@ var EntityEditor = function EntityEditor(_ref5) {
   });
   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, {
@@ -3259,7 +3275,7 @@ var CollectionEditor$1 = function CollectionEditor(_ref10) {
   };
   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"
@@ -3415,7 +3431,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     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);
@@ -3429,7 +3445,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     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"
@@ -3504,7 +3520,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
     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);
@@ -3518,7 +3534,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
     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"
@@ -3597,7 +3613,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     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);
@@ -3613,7 +3629,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     },
     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"
@@ -3703,9 +3719,22 @@ var CollectionPage = function CollectionPage(props) {
     }));
   }
 
+  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",
@@ -3714,10 +3743,10 @@ var CollectionPage = function CollectionPage(props) {
     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, {
@@ -3958,7 +3987,7 @@ var CollectionEditor = function CollectionEditor(props) {
 
   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,
@@ -4318,6 +4347,11 @@ var TablePage = function TablePage(props) {
       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,
@@ -4325,7 +4359,6 @@ var TablePage = function TablePage(props) {
       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,
@@ -4334,10 +4367,8 @@ var TablePage = function TablePage(props) {
       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,
@@ -4425,7 +4456,7 @@ var TablePage = function TablePage(props) {
         filter: editorFilter,
         onChange: change,
         onClose: closeAside,
-        editable: editable
+        editable: canEdit
       }) : null, rowChecked ? /*#__PURE__*/React__default["default"].createElement(TableSelector, {
         schema: schema,
         actions: selectionActions
@@ -4450,7 +4481,7 @@ var TablePage = function TablePage(props) {
 
   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",
@@ -4572,7 +4603,7 @@ var TableSelector = function TableSelector(props) {
 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"
   }, "..."));
@@ -4625,7 +4656,7 @@ var TableFilters = function TableFilters(props) {
   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",
@@ -4835,7 +4866,7 @@ var TableEditor = function TableEditor(props) {
 
   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",
@@ -5057,7 +5088,7 @@ var UploadArea = function UploadArea(props) {
     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);
 };
@@ -5127,7 +5158,7 @@ var UploadFile = function UploadFile(_ref) {
   });
   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, {
@@ -5141,7 +5172,7 @@ var UploadFile = function UploadFile(_ref) {
     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)) : '') : '';
 };
@@ -5302,7 +5333,7 @@ var UploadDialog = function UploadDialog(_ref) {
       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, {
@@ -5318,7 +5349,7 @@ var UploadDialog = function UploadDialog(_ref) {
     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"
@@ -5382,9 +5413,10 @@ exports.Tab = Tab;
 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;