ywana-core8 0.0.272 → 0.0.275

package/dist/index.cjs

@@ -3,18 +3,18 @@ var React = require('react');
 var RSwitch = require('react-switch');
 var moment = require('moment');
 var momentRange = require('moment-range');
+var ResumableJS = require('resumablejs');
 var reactNotificationsComponent = require('react-notifications-component');
 require('react-notifications-component/dist/theme.css');
 var equal = require('deep-equal');
-var ResumableJS = require('resumablejs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var RSwitch__default = /*#__PURE__*/_interopDefaultLegacy(RSwitch);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
-var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 var ResumableJS__default = /*#__PURE__*/_interopDefaultLegacy(ResumableJS);
+var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 
 function _catch$2(body, recover) {
   try {
@@ -177,7 +177,7 @@ var Icon = function Icon(_ref) {
  * HTML Button
  */
 
-var Button$1 = function Button(_ref) {
+var Button = function Button(_ref) {
   var label = _ref.label,
       icon = _ref.icon,
       action = _ref.action,
@@ -226,7 +226,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;
@@ -271,7 +271,7 @@ var CheckBox = function CheckBox(props) {
     if (onChange) onChange(id, value);
   }
 
-  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
   return value === true ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "checkbox",
     key: id + "1"
@@ -329,7 +329,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$1, null, label)), action ? /*#__PURE__*/React__default["default"].createElement("span", {
+  }) : null, /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, null, label)), action ? /*#__PURE__*/React__default["default"].createElement("span", {
     className: "meta"
   }, action) : null);
 };
@@ -439,7 +439,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
   }, title)) : '', /*#__PURE__*/React__default["default"].createElement("form", {
     className: "form-grid",
@@ -481,7 +481,7 @@ var Header = function Header(props) {
   var style = props.img ? {
     backgroundImage: "url(" + props.img + ")"
   } : {};
-  var title = /*#__PURE__*/React__default["default"].createElement(Text$1, null, props.title);
+  var title = /*#__PURE__*/React__default["default"].createElement(Text, null, props.title);
   return /*#__PURE__*/React__default["default"].createElement("header", {
     className: "header " + caption + " " + prominent + " " + dense + " " + theme + " " + props.className,
     style: style
@@ -568,7 +568,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$1, null, group.name)), /*#__PURE__*/React__default["default"].createElement("ul", {
+    }, /*#__PURE__*/React__default["default"].createElement(Text, 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, {
@@ -605,9 +605,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$1, null, line1)), line2 ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, line1)), line2 ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "secondary-line"
-  }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, line2)) : null), meta ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, line2)) : null), meta ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "meta"
   }, meta) : null);
 };
@@ -787,7 +787,7 @@ var RadioButton = function RadioButton(props) {
     if (onChange) onChange(id, value);
   }
 
-  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "radio"
   }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -955,7 +955,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__default["default"].createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "" + style,
     onClick: onClick
@@ -1029,7 +1029,7 @@ var TextArea = function TextArea(props) {
 
   var labelStyle = label ? "" : "no-label";
   var style = "textarea " + labelStyle + " textarea-" + type;
-  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text$1, null, label);
+  var labelTxt = /*#__PURE__*/React__default["default"].createElement(Text, null, label);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "" + style,
     onClick: onClick
@@ -1483,7 +1483,7 @@ var DataTable = function DataTable(props) {
       colSpan: colspan
     }, id === "checked" ? /*#__PURE__*/React__default["default"].createElement(CheckBox, {
       onChange: checkAll
-    }) : /*#__PURE__*/React__default["default"].createElement(Text$1, {
+    }) : /*#__PURE__*/React__default["default"].createElement(Text, {
       key: "th_" + id
     }, label), sortable ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: "arrow_up",
@@ -1910,7 +1910,7 @@ var Token = function Token(_ref2) {
       onDelete = _ref2.onDelete;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "token"
-  }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "caption",
     tag: "div"
   }, text), /*#__PURE__*/React__default["default"].createElement(Icon, {
@@ -2012,14 +2012,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__default["default"].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__default["default"].createElement("div", {
     className: "tooltip"
-  }, /*#__PURE__*/React__default["default"].createElement(Text, {
-    use: "body2"
-  }, text));
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "tooltip-text",
+    style: style
+  }, text), props.children);
 };
 
 /**
@@ -2090,7 +2097,7 @@ var LoginBox = function LoginBox(_ref) {
   }
 
   function tx(txt) {
-    return /*#__PURE__*/React__default["default"].createElement(Text$1, null, txt);
+    return /*#__PURE__*/React__default["default"].createElement(Text, null, txt);
   }
 
   function changeUser(id, value) {
@@ -2107,7 +2114,7 @@ var LoginBox = function LoginBox(_ref) {
     src: logo
   }) : '', /*#__PURE__*/React__default["default"].createElement("div", {
     className: "title"
-  }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, title))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(TextField, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, title))), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(TextField, {
     label: tx(userLabel),
     value: user,
     onChange: changeUser,
@@ -2120,7 +2127,7 @@ var LoginBox = function LoginBox(_ref) {
     onEnter: ok,
     type: "password",
     outlined: true
-  })), /*#__PURE__*/React__default["default"].createElement("footer", null, onForgot ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  })), /*#__PURE__*/React__default["default"].createElement("footer", null, onForgot ? /*#__PURE__*/React__default["default"].createElement(Button, {
     label: tx(forgotLabel),
     action: forgot,
     disabled: !canForgot()
@@ -2128,14 +2135,14 @@ var LoginBox = function LoginBox(_ref) {
     className: "load-box"
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "refresh"
-  })) : /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  })) : /*#__PURE__*/React__default["default"].createElement(Button, {
     label: tx(loginLabel),
     action: ok,
     disabled: !canOK(),
     raised: true
   }), message ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "message"
-  }, /*#__PURE__*/React__default["default"].createElement(Text$1, null, message)) : null));
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, message)) : null));
 };
 
 /**
@@ -2189,7 +2196,7 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     src: logo
   }) : null, title ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "title"
-  }, /*#__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, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, null, title)) : null, children), /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
   }, "Change Password"), /*#__PURE__*/React__default["default"].createElement(TextField, {
     id: "password1",
@@ -2211,10 +2218,10 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     onEnter: ok
   }), error ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "error"
-  }, error) : null), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }, error) : null), /*#__PURE__*/React__default["default"].createElement("footer", null, /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "Close",
     action: close
-  }), /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "OK",
     raised: true,
     disabled: !canOK(),
@@ -2244,7 +2251,7 @@ var Viewer = function Viewer(_ref) {
     setShowDetails(!showDetails);
   }
 
-  var headerTitle = /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  var headerTitle = /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
   }, title);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2331,9 +2338,9 @@ var KanbanColumn = function KanbanColumn(_ref2) {
     icon: icon
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "title"
-  }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  }, /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
-  }, title), /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  }, title), /*#__PURE__*/React__default["default"].createElement(Text, {
     className: "secondary-text",
     use: "body2"
   }, subtitle)), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2474,7 +2481,7 @@ var Planner = function Planner(_ref) {
     });
     return period;
   }, [from, to]);
-  var label = /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  var label = /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
   }, title);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2537,7 +2544,7 @@ var Planner = function Planner(_ref) {
       className: "column-header"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "month-header " + first
-    }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "overline"
     }, date.moment.format("MMM"))));
   })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -2549,9 +2556,9 @@ var Planner = function Planner(_ref) {
       className: "column-header"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "date-header " + weekend
-    }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
+    }, /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "headline6"
-    }, date.moment.format("DD")), "\xA0", /*#__PURE__*/React__default["default"].createElement(Text$1, {
+    }, date.moment.format("DD")), "\xA0", /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "caption"
     }, date.moment.format("ddd"))));
   })), lanes.map(function (lane) {
@@ -2668,6 +2675,204 @@ var EventCard = function EventCard(props) {
   }, title);
 };
 
+/**
+ * Upload Area
+ */
+
+var UploadArea = function UploadArea(props) {
+  var icon = props.icon,
+      _props$label = props.label,
+      label = _props$label === void 0 ? 'Add file or drop file here...' : _props$label;
+  var areaElement = React.useRef();
+
+  var _useState = React.useState(false),
+      drag = _useState[0],
+      setDrag = _useState[1];
+
+  React.useEffect(function () {
+    var resumable = props.resumable;
+    if (resumable && areaElement) resumable.assignDrop(areaElement.current);
+  }, []);
+
+  var onDragOver = function onDragOver() {
+    setDrag(true);
+  };
+
+  var onDragLeave = function onDragLeave() {
+    setDrag(false);
+  };
+
+  var dragging = drag === true ? 'drag-over' : '';
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "upload-area6 " + dragging,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
+    ref: areaElement
+  }, /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
+    icon: icon,
+    resumable: props.resumable
+  }), /*#__PURE__*/React__default["default"].createElement("label", null, label));
+};
+/**
+ * Upload Icon
+ */
+
+var UploadIcon = function UploadIcon(_ref) {
+  var _ref$icon = _ref.icon,
+      icon = _ref$icon === void 0 ? "folder_open" : _ref$icon,
+      resumable = _ref.resumable;
+  var iconElement = React.useRef();
+  React.useEffect(function () {
+    if (resumable && iconElement) resumable.assignBrowse(iconElement.current);
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "upload-icon",
+    ref: iconElement
+  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: icon,
+    clickable: true
+  }));
+};
+
+var UPLOAD_STATES = {
+  IDLE: 0,
+  RUNNING: 1,
+  SUCCESS: 2,
+  ERROR: 3,
+  COMPLETED: 4
+};
+
+/**
+ * Upload File
+ */
+
+var UploadFile = function UploadFile(_ref) {
+  var file = _ref.file;
+  var icon = file.icon,
+      name = file.name,
+      state = file.state,
+      progress = file.progress,
+      error = file.error;
+  return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "upload-file"
+  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: icon
+  }) : null, /*#__PURE__*/React__default["default"].createElement("label", null, name), state === UPLOAD_STATES.RUNNING ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(LinearProgress, {
+    progress: progress
+  }), /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: "close",
+    clickable: true
+  })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: "done"
+  })) : '', state === UPLOAD_STATES.ERROR ? /*#__PURE__*/React__default["default"].createElement("main", null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "error"
+  }, error), /*#__PURE__*/React__default["default"].createElement(Icon, {
+    icon: "error"
+  })) : ''));
+};
+
+var UploadProgress = function UploadProgress(_ref) {
+  var _ref$files = _ref.files,
+      files = _ref$files === void 0 ? [] : _ref$files;
+  return /*#__PURE__*/React__default["default"].createElement("div", null, files.map(function (file) {
+    var f = {
+      icon: "description",
+      name: file.fileName,
+      progress: file.progress() * 100,
+      state: file.uploadState,
+      error: file.uploadError
+    };
+    return /*#__PURE__*/React__default["default"].createElement(UploadFile, {
+      key: f.name,
+      file: f
+    });
+  }));
+};
+
+/**
+ * Uploader
+ */
+
+var Uploader = function Uploader(_ref) {
+  var label = _ref.label,
+      target = _ref.target,
+      accept = _ref.accept,
+      _ref$simultaneousUplo = _ref.simultaneousUploads,
+      simultaneousUploads = _ref$simultaneousUplo === void 0 ? 1 : _ref$simultaneousUplo,
+      className = _ref.className,
+      onProgress = _ref.onProgress,
+      onSuccess = _ref.onSuccess,
+      onError = _ref.onError,
+      onComplete = _ref.onComplete;
+  var resumable = React.useMemo(function () {
+    var config = {
+      target: target,
+      chunkSize: 1 * 1024 * 1024,
+      simultaneousUploads: simultaneousUploads,
+      testChunks: false,
+      throttleProgressCallbacks: 1,
+      fileType: accept
+    };
+    var resumable = new ResumableJS__default["default"](config);
+    resumable.on('fileAdded', onFileAdded);
+    resumable.on('fileProgress', onFileProgress);
+    resumable.on('fileSuccess', onFileSuccess);
+    resumable.on('fileError', onFileError);
+    resumable.on('complete', onAllComplete);
+    return resumable;
+  }, []);
+
+  var _useState = React.useState(0),
+      setProgress = _useState[1];
+
+  var _useState2 = React.useState(UPLOAD_STATES.IDLE),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  var _useState3 = React.useState([]),
+      files = _useState3[0],
+      setFiles = _useState3[1];
+
+  function onFileAdded(file) {
+    files.push(file);
+    setFiles(files);
+    setState(UPLOAD_STATES.RUNNING);
+    resumable.upload();
+  }
+
+  function onFileProgress(file) {
+    file.uploadState = UPLOAD_STATES.RUNNING;
+    var progress = file.progress();
+    setProgress(progress);
+    if (onProgress) onProgress(files);
+  }
+
+  function onFileSuccess(file, message) {
+    file.uploadState = UPLOAD_STATES.SUCCESS;
+    if (onSuccess) onSuccess(file, message);
+  }
+
+  function onFileError(file, message) {
+    file.uploadState = UPLOAD_STATES.ERROR;
+    file.uploadError = message;
+    if (onError) onError(file, message);
+  }
+
+  function onAllComplete() {
+    setState(UPLOAD_STATES.COMPLETED);
+    if (onComplete) onComplete(files);
+  }
+
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "uploader " + className
+  }, state === UPLOAD_STATES.IDLE ? /*#__PURE__*/React__default["default"].createElement(UploadArea, {
+    resumable: resumable,
+    label: label
+  }) : /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
+    files: files
+  }));
+};
+
 /**
  * Page Context
  */
@@ -3066,7 +3271,52 @@ 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$1, 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, null, title)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, actions))));
+};
+
+/**
+ * Upload Dialog
+ */
+
+var UploadDialog = function UploadDialog(_ref) {
+  var label = _ref.label,
+      target = _ref.target,
+      accept = _ref.accept,
+      onSuccess = _ref.onSuccess,
+      onClose = _ref.onClose;
+  var site = React.useContext(SiteContext);
+
+  function onComplete(uploads) {
+    if (onSuccess) onSuccess(uploads);
+  }
+
+  function onAction(action) {
+    if (action === 'CLOSE') {
+      site.closeDialog();
+      onClose();
+    }
+  }
+
+  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
+    label: "CLOSE",
+    action: function action() {
+      return onAction("CLOSE");
+    }
+  }));
+  var title = /*#__PURE__*/React__default["default"].createElement(Text, {
+    use: "headline6"
+  }, label);
+  return /*#__PURE__*/React__default["default"].createElement(Dialog, {
+    title: title,
+    open: true,
+    onAction: onAction,
+    actions: actions
+  }, /*#__PURE__*/React__default["default"].createElement(Uploader, {
+    label: label,
+    accept: accept,
+    target: target,
+    onComplete: onComplete
+  }));
 };
 
 /**
@@ -3374,7 +3624,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("menu", null, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "caption"
   }, "Tree Editor")), /*#__PURE__*/React__default["default"].createElement(Tree, null, nodes.map(function (node, index) {
     return /*#__PURE__*/React__default["default"].createElement(TreeNode, {
@@ -3514,7 +3764,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "caption"
   }, label)), /*#__PURE__*/React__default["default"].createElement("main", null, fields.map(function (field) {
     return /*#__PURE__*/React__default["default"].createElement(FieldEditor, {
@@ -3779,7 +4029,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$1, {
+  }, /*#__PURE__*/React__default["default"].createElement("header", null, /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "caption"
   }, label), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "actions"
@@ -3861,7 +4111,7 @@ var CollectionAdder = function CollectionAdder(_ref11) {
     className: "collection-adder"
   }, edit ? /*#__PURE__*/React__default["default"].createElement(DataTable, _extends({}, table, {
     editable: true
-  })) : /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  })) : /*#__PURE__*/React__default["default"].createElement(Button, {
     icon: "add",
     label: "A\xF1adir",
     action: toggle
@@ -3920,14 +4170,14 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     return filter ? visible && filter(field, content) : visible;
   }
 
-  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "CLOSE",
     action: function action() {
       return onAction("CLOSE");
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "expand"
-  }), /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "OK",
     action: function action() {
       return onAction("OK");
@@ -3935,7 +4185,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     disabled: !isValid,
     raised: true
   }));
-  var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  var title = /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
   }, label);
   var content = new Content(type, form);
@@ -3949,7 +4199,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     onChange: change,
     filter: filterForm
   }), errors.map(function (error) {
-    return /*#__PURE__*/React__default["default"].createElement(Text$1, {
+    return /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "overline",
       tag: "div",
       className: "error"
@@ -4009,14 +4259,14 @@ var EditContentDialog = function EditContentDialog(_ref) {
     return filter ? visible && filter(field, content) : visible;
   }
 
-  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "CLOSE",
     action: function action() {
       return onAction("CLOSE");
     }
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "expand"
-  }), /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "OK",
     action: function action() {
       return onAction("OK");
@@ -4024,7 +4274,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
     disabled: !isValid,
     raised: true
   }));
-  var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  var title = /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
   }, label);
   var content = new Content(type, form);
@@ -4038,7 +4288,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
     onChange: change,
     filter: filterForm
   }), errors.map(function (error) {
-    return /*#__PURE__*/React__default["default"].createElement(Text$1, {
+    return /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "overline",
       tag: "div",
       className: "error"
@@ -4104,12 +4354,12 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     return creation;
   }
 
-  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "CLOSE",
     action: function action() {
       return onAction("CLOSE");
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
     label: "OK",
     action: function action() {
       return onAction("OK");
@@ -4117,7 +4367,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     disabled: !isValid,
     raised: true
   }));
-  var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
+  var title = /*#__PURE__*/React__default["default"].createElement(Text, {
     use: "headline6"
   }, label);
   var content = new Content(type, form);
@@ -4133,7 +4383,7 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     },
     onChange: change
   }), errors.map(function (error) {
-    return /*#__PURE__*/React__default["default"].createElement(Text$1, {
+    return /*#__PURE__*/React__default["default"].createElement(Text, {
       use: "overline",
       tag: "div",
       className: "error"
@@ -4239,19 +4489,19 @@ var CollectionPage = function CollectionPage(props) {
 
   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$1, null, title)
-  }, /*#__PURE__*/React__default["default"].createElement(Button$1, {
+    title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
+  }, /*#__PURE__*/React__default["default"].createElement(Button, {
     icon: "add",
     label: "Add",
     action: add
-  }), /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }), /*#__PURE__*/React__default["default"].createElement(Button, {
     icon: "refresh",
     label: "Reload",
     action: reload
   }), renderActions()), /*#__PURE__*/React__default["default"].createElement("menu", {
     className: "collection-page"
   }, /*#__PURE__*/React__default["default"].createElement(Header, {
-    title: /*#__PURE__*/React__default["default"].createElement(Text$1, null, "Lista de ", name)
+    title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Lista de ", name)
   }), levels ? /*#__PURE__*/React__default["default"].createElement(CollectionTree, {
     levels: levels,
     onSelect: onSelect
@@ -4498,7 +4748,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$1, null, selected.name)
+    title: /*#__PURE__*/React__default["default"].createElement(Text, null, selected.name)
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "close",
     clickable: true,
@@ -4508,7 +4758,7 @@ var CollectionEditor = function CollectionEditor(props) {
   }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem, {
     label: "Eliminar",
     onSelect: remove
-  }))), autosave === true ? null : /*#__PURE__*/React__default["default"].createElement(Button$1, {
+  }))), autosave === true ? null : /*#__PURE__*/React__default["default"].createElement(Button, {
     icon: "save",
     label: "Guardar Cambios",
     raised: true,
@@ -4990,8 +5240,8 @@ 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$1, null, title)
-  }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
+    title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
+  }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button, {
     icon: "add",
     label: "A\xF1adir",
     action: add,
@@ -5082,7 +5332,7 @@ var TableSelector = function TableSelector(props) {
   var buttons = actions.map(function (_ref) {
     var label = _ref.label,
         _action = _ref.action;
-    return /*#__PURE__*/React__default["default"].createElement(Button$1, {
+    return /*#__PURE__*/React__default["default"].createElement(Button, {
       label: label,
       raised: true,
       action: function action() {
@@ -5112,7 +5362,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$1, null, "Queries")
+    title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Queries")
   }), /*#__PURE__*/React__default["default"].createElement("main", {
     className: "table-queries"
   }, "..."));
@@ -5165,7 +5415,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$1, null, "Filters")
+    title: /*#__PURE__*/React__default["default"].createElement(Text, null, "Filters")
   }, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: "filter_list_off",
     size: "small",
@@ -5391,7 +5641,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$1, null, title)
+    title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
   }, /*#__PURE__*/React__default["default"].createElement(DropDown, {
     id: "groupBy",
     label: "Agrupar Por",
@@ -5565,328 +5815,12 @@ var TableAPI = function TableAPI(url) {
   };
 };
 
-/**
- * Component
- */
-
-var UploadArea = function UploadArea(props) {
-  var STATES = {
-    'IDLE': 0,
-    'RUNNING': 1,
-    'SUCCESS': 2,
-    'ERROR': 3
-  };
-  var areaElement = React.useRef();
-
-  var _useState = React.useState(false),
-      drag = _useState[0],
-      setDrag = _useState[1];
-
-  React.useEffect(function () {
-    var resumable = props.resumable;
-    if (resumable && areaElement) resumable.assignDrop(areaElement.current);
-  }, []);
-
-  var onDragOver = function onDragOver() {
-    setDrag(true);
-  };
-
-  var onDragLeave = function onDragLeave() {
-    setDrag(false);
-  };
-
-  var _props$state = props.state,
-      state = _props$state === void 0 ? STATES.IDLE : _props$state,
-      _props$label = props.label,
-      label = _props$label === void 0 ? 'Add file or drop file here...' : _props$label,
-      error = props.error;
-  var dragging = drag === true ? 'drag-over' : '';
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "upload-area6 " + dragging,
-    onDragOver: onDragOver,
-    onDragLeave: onDragLeave,
-    ref: areaElement
-  }, state === STATES.IDLE ? /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
-    resumable: props.resumable
-  }) : '', state === STATES.IDLE ? /*#__PURE__*/React__default["default"].createElement("label", null, label) : '', state === STATES.RUNNING ? /*#__PURE__*/React__default["default"].createElement(CircularProgress, {
-    size: "xlarge"
-  }) : '', state === STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: "done_all"
-  }) : '', state === STATES.ERROR ? /*#__PURE__*/React__default["default"].createElement(Text$1, {
-    use: "body1"
-  }, error) : '', props.children);
-};
-/**
- * Component
- */
-
-var UploadIcon = function UploadIcon(_ref) {
-  var resumable = _ref.resumable;
-  var iconElement = React.useRef();
-  React.useEffect(function () {
-    if (resumable && iconElement) resumable.assignBrowse(iconElement.current);
-  }, []);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "upload-icon",
-    ref: iconElement
-  }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: "folder_open",
-    clickable: true
-  }));
-};
-/**
- * Upload Button
- */
-
-
-function UploadButton(_ref2) {
-  var resumable = _ref2.resumable,
-      _ref2$icon = _ref2.icon,
-      icon = _ref2$icon === void 0 ? "file_upload" : _ref2$icon,
-      _ref2$label = _ref2.label,
-      label = _ref2$label === void 0 ? "Upload" : _ref2$label;
-  var buttonElement = React.useRef();
-  React.useEffect(function () {
-    if (resumable && buttonElement) resumable.assignBrowse(buttonElement.current);
-  }, []);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "upload-button",
-    ref: buttonElement
-  }, /*#__PURE__*/React__default["default"].createElement(Button, {
-    icon: icon,
-    label: label,
-    outlined: true
-  }));
-}
-
-/**
- * Upload File
- */
-
-var UploadFile = function UploadFile(_ref) {
-  var file = _ref.file,
-      state = _ref.state,
-      progress = _ref.progress,
-      error = _ref.error;
-  var STATES = {
-    'IDLE': 0,
-    'RUNNING': 1,
-    'SUCCESS': 2,
-    'ERROR': 3
-  };
-  var icon = error ? /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: "image",
-    className: "error"
-  }) : /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: "image"
-  });
-  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$1, {
-    use: "body1",
-    tag: "label"
-  }, file.fileName), state === STATES.RUNNING ? /*#__PURE__*/React__default["default"].createElement(LinearProgress, {
-    progress: progress
-  }) : '', state === STATES.RUNNING ? /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: "close",
-    clickable: true
-  }) : '', state === STATES.SUCCESS ? /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: "done"
-  }) : '', state === STATES.ERROR ? /*#__PURE__*/React__default["default"].createElement(Icon, {
-    icon: "error"
-  }) : ''), error ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "error"
-  }, /*#__PURE__*/React__default["default"].createElement(Text$1, {
-    use: "overline"
-  }, error)) : '') : '';
-};
-
-var STATES = {
-  IDLE: 0,
-  RUNNING: 1,
-  SUCCESS: 2,
-  ERROR: 3,
-  COMPLETED: 4
-};
-/**
- * Uploader
- */
-
-var Uploader = function Uploader(_ref) {
-  var label = _ref.label,
-      target = _ref.target,
-      accept = _ref.accept,
-      _ref$simultaneousUplo = _ref.simultaneousUploads,
-      simultaneousUploads = _ref$simultaneousUplo === void 0 ? 1 : _ref$simultaneousUplo,
-      className = _ref.className,
-      onProgress = _ref.onProgress,
-      onSuccess = _ref.onSuccess,
-      onError = _ref.onError,
-      onComplete = _ref.onComplete,
-      _ref$errors = _ref.errors,
-      errors = _ref$errors === void 0 ? [] : _ref$errors;
-  var resumable = React.useMemo(function () {
-    var config = {
-      target: target,
-      chunkSize: 1 * 1024 * 1024,
-      simultaneousUploads: simultaneousUploads,
-      testChunks: false,
-      throttleProgressCallbacks: 1,
-      fileType: accept
-    };
-    var resumable = new ResumableJS__default["default"](config);
-    resumable.on('fileAdded', onFileAdded);
-    resumable.on('fileProgress', onFileProgress);
-    resumable.on('fileSuccess', onFileSuccess);
-    resumable.on('fileError', onFileError);
-    resumable.on('complete', onAllComplete);
-    return resumable;
-  }, []);
-
-  var _useState = React.useState(0),
-      progress = _useState[0],
-      setProgress = _useState[1];
-
-  var _useState2 = React.useState(STATES.IDLE),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var _useState3 = React.useState(),
-      error = _useState3[0],
-      setError = _useState3[1];
-
-  var _useState4 = React.useState([]),
-      files = _useState4[0],
-      setFiles = _useState4[1];
-
-  function onFileAdded(file) {
-    files.push(file);
-    setFiles(files);
-    setState(STATES.RUNNING);
-    resumable.upload();
-  }
-
-  function onFileProgress(file) {
-    var progress = file.progress();
-    setProgress(progress);
-    if (onProgress) onProgress(files);
-  }
-
-  function onFileSuccess(file, message) {
-    setState(STATES.SUCCESS);
-    if (onSuccess) onSuccess(file, message);
-  }
-
-  function onFileError(file, message) {
-    setError(message);
-    setState(STATES.ERROR);
-    if (onError) onError(file, message);
-  }
-
-  function onAllComplete() {
-    setState(STATES.IDLE);
-    if (onComplete) onComplete(files);
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "uploader " + className
-  }, state === STATES.IDLE ? /*#__PURE__*/React__default["default"].createElement(UploadArea, {
-    resumable: resumable,
-    state: state,
-    label: label,
-    error: error,
-    progress: progress
-  }) : null, state === STATES.RUNNING || STATES.SUCCESS || STATES.ERROR ? /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
-    files: files,
-    errors: errors
-  }) : null);
-};
-
-var UploadProgress = function UploadProgress(_ref2) {
-  var _ref2$files = _ref2.files,
-      files = _ref2$files === void 0 ? [] : _ref2$files,
-      errors = _ref2.errors;
-  return /*#__PURE__*/React__default["default"].createElement("div", null, files.map(function (file) {
-    errors.some(function (e) {
-      return e === file.fileName;
-    }) ? "Fichero Mal Nombrado" : "";
-    return /*#__PURE__*/React__default["default"].createElement(UploadFile, {
-      file: file,
-      state: STATES.RUNNING,
-      progress: file.progress()
-    });
-  }));
-};
-
-/**
- * Upload Dialog
- */
-
-var UploadDialog = function UploadDialog(_ref) {
-  var label = _ref.label,
-      target = _ref.target,
-      accept = _ref.accept,
-      onSuccess = _ref.onSuccess,
-      onClose = _ref.onClose,
-      _ref$onActionClose = _ref.onActionClose,
-      onActionClose = _ref$onActionClose === void 0 ? true : _ref$onActionClose;
-  var site = React.useContext(SiteContext);
-
-  var _useState = React.useState(),
-      file = _useState[0],
-      setFile = _useState[1];
-
-  var _useState2 = React.useState([]),
-      errors = _useState2[0];
-
-  function onComplete(uploads) {
-    setFile(uploads[0]);
-    if (onSuccess) onSuccess(uploads[0]);
-  }
-
-  function onAction(action) {
-    if (action === 'CLOSE' || onActionClose === true) {
-      site.closeDialog();
-      onClose();
-    }
-  }
-
-  var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button$1, {
-    label: "CLOSE",
-    action: function action() {
-      return onAction("CLOSE");
-    }
-  }));
-  var title = /*#__PURE__*/React__default["default"].createElement(Text$1, {
-    use: "headline6"
-  }, label);
-  return /*#__PURE__*/React__default["default"].createElement(Dialog, {
-    title: title,
-    open: true,
-    onAction: onAction,
-    actions: actions
-  }, file ? /*#__PURE__*/React__default["default"].createElement(UploadFile, {
-    file: file
-  }) : /*#__PURE__*/React__default["default"].createElement(Uploader, {
-    label: label,
-    accept: accept,
-    target: target,
-    onComplete: onComplete
-  }), errors.map(function (error) {
-    return /*#__PURE__*/React__default["default"].createElement(Text$1, {
-      use: "overline",
-      tag: "div",
-      className: "error"
-    }, error);
-  }));
-};
-
 var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
 exports.Avatar = Avatar;
-exports.Button = Button$1;
+exports.Button = Button;
 exports.CheckBox = CheckBox;
 exports.Chip = Chip;
 exports.Chips = Chips;
@@ -5940,7 +5874,7 @@ exports.TabbedContentEditor = TabbedContentEditor;
 exports.TableEditor = TableEditor;
 exports.TablePage = TablePage;
 exports.Tabs = Tabs;
-exports.Text = Text$1;
+exports.Text = Text;
 exports.TextArea = TextArea;
 exports.TextField = TextField;
 exports.Thumbnail = Thumbnail;
@@ -5951,7 +5885,6 @@ exports.TreeItem = TreeItem;
 exports.TreeNode = TreeNode;
 exports.TreededContentEditor = TreededContentEditor;
 exports.UploadArea = UploadArea;
-exports.UploadButton = UploadButton;
 exports.UploadDialog = UploadDialog;
 exports.UploadFile = UploadFile;
 exports.Uploader = Uploader;