ywana-core8 0.0.271 → 0.0.274

package/dist/index.umd.js

@@ -1,15 +1,15 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('react-notifications/lib/notifications.css'), require('deep-equal'), require('resumablejs')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'react-notifications/lib/notifications.css', 'deep-equal', 'resumablejs'], factory) :
-  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, null, global.deepEqual, global.resumablejs));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, notifications_css, equal, ResumableJS) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('react-switch'), require('moment'), require('moment-range'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('deep-equal')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'react-switch', 'moment', 'moment-range', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'deep-equal'], factory) :
+  (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, global.resumablejs, global.reactNotificationsComponent, null, global.deepEqual));
+})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment, momentRange, ResumableJS, reactNotificationsComponent, theme_css, equal) {
   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 {
@@ -172,7 +172,7 @@
    * HTML Button
    */
 
-  var Button$1 = function Button(_ref) {
+  var Button = function Button(_ref) {
     var label = _ref.label,
         icon = _ref.icon,
         action = _ref.action,
@@ -223,7 +223,8 @@
 
   var Text$1 = function Text(_ref) {
     var format = _ref.format,
-        children = _ref.children;
+        children = _ref.children,
+        className = _ref.className;
     var site = React.useContext(SiteContext);
     var value = children;
 
@@ -244,7 +245,9 @@
         break;
     }
 
-    return children ? /*#__PURE__*/React__default["default"].createElement("span", null, value) : '';
+    return children ? /*#__PURE__*/React__default["default"].createElement("span", {
+      className: className
+    }, value) : '';
   };
 
   /**
@@ -2112,7 +2115,7 @@
       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()
@@ -2120,7 +2123,7 @@
       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(),
@@ -2203,10 +2206,10 @@
       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(),
@@ -2660,6 +2663,204 @@
     }, 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
    */
@@ -2800,7 +3001,24 @@
       confirm: function confirm(message) {
         return window.confirm(message);
       },
-      notify: function notify(_ref2) {//NotificationManager.info(body, title)
+      notify: function notify(_ref2) {
+        var title = _ref2.title,
+            body = _ref2.body,
+            _ref2$type = _ref2.type,
+            type = _ref2$type === void 0 ? "success" : _ref2$type;
+        reactNotificationsComponent.Store.addNotification({
+          title: title,
+          message: body,
+          type: type,
+          insert: "top",
+          container: "top-right",
+          animationIn: ["animate__animated", "animate__fadeIn"],
+          animationOut: ["animate__animated", "animate__fadeOut"],
+          dismiss: {
+            duration: 3000,
+            onScreen: true
+          }
+        });
       }
     };
     return /*#__PURE__*/React__default["default"].createElement(SiteContext.Provider, {
@@ -2841,7 +3059,7 @@
   };
 
   var SiteNotifications = function SiteNotifications() {
-    return /*#__PURE__*/React__default["default"].createElement("div", null);
+    return /*#__PURE__*/React__default["default"].createElement(reactNotificationsComponent.ReactNotifications, null);
   };
   /**
    * Site Header
@@ -3044,6 +3262,51 @@
     }) : 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))));
   };
 
+  /**
+   * 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$1, {
+      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
+    }));
+  };
+
   /**
    * Content Form 
    */
@@ -3836,7 +4099,7 @@
       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
@@ -3895,14 +4158,14 @@
       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");
@@ -3984,14 +4247,14 @@
       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");
@@ -4079,12 +4342,12 @@
       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");
@@ -4215,11 +4478,11 @@
     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, {
+    }, /*#__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
@@ -4483,7 +4746,7 @@
     }, /*#__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,
@@ -4966,7 +5229,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$1, null, title)
-    }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button$1, {
+    }, canAdd ? /*#__PURE__*/React__default["default"].createElement(Button, {
       icon: "add",
       label: "A\xF1adir",
       action: add,
@@ -5057,7 +5320,7 @@
     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() {
@@ -5540,328 +5803,12 @@
     };
   };
 
-  /**
-   * 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;
@@ -5926,7 +5873,6 @@
   exports.TreeNode = TreeNode;
   exports.TreededContentEditor = TreededContentEditor;
   exports.UploadArea = UploadArea;
-  exports.UploadButton = UploadButton;
   exports.UploadDialog = UploadDialog;
   exports.UploadFile = UploadFile;
   exports.Uploader = Uploader;