ywana-core8 0.0.953 → 0.0.955

package/dist/index.umd.js

@@ -1,14 +1,14 @@
 (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('moment/locale/es'), require('resumablejs'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('axios'), 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', 'moment/locale/es', 'resumablejs', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'axios', 'deep-equal'], factory) :
-    (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.reactSwitch, global.moment, global.momentRange, null, global.resumablejs, global.reactNotificationsComponent, null, global.axios, global.deepEqual));
-})(this, (function (exports, materialDesignIcons_css, React, RSwitch, moment$1, momentRange, es, ResumableJS, reactNotificationsComponent, theme_css, axios, equal) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('material-design-icons-iconfont/dist/material-design-icons.css'), require('react'), require('resumablejs'), require('react-switch'), require('moment'), require('moment-range'), require('moment/locale/es'), require('react-notifications-component'), require('react-notifications-component/dist/theme.css'), require('axios'), require('deep-equal')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'material-design-icons-iconfont/dist/material-design-icons.css', 'react', 'resumablejs', 'react-switch', 'moment', 'moment-range', 'moment/locale/es', 'react-notifications-component', 'react-notifications-component/dist/theme.css', 'axios', 'deep-equal'], factory) :
+    (global = global || self, factory(global.ywanaCore8 = {}, null, global.react, global.resumablejs, global.reactSwitch, global.moment, global.momentRange, null, global.reactNotificationsComponent, null, global.axios, global.deepEqual));
+})(this, (function (exports, materialDesignIcons_css, React, ResumableJS, RSwitch, moment$1, momentRange, es, reactNotificationsComponent, theme_css, axios, equal) {
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
     var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+    var ResumableJS__default = /*#__PURE__*/_interopDefaultLegacy(ResumableJS);
     var RSwitch__default = /*#__PURE__*/_interopDefaultLegacy(RSwitch);
     var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment$1);
-    var ResumableJS__default = /*#__PURE__*/_interopDefaultLegacy(ResumableJS);
     var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
     var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 
@@ -1673,6 +1673,210 @@
       }));
     };
 
+    /**
+     * Upload Area
+     */
+    var UploadArea = function UploadArea(props) {
+      var _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];
+      var resumable = props.resumable;
+      React.useEffect(function () {
+        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, {
+        resumable: 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.current) {
+          resumable.assignBrowse(iconElement.current);
+        }
+      }, [iconElement]);
+      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$1 = 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$1, {
+          key: f.name,
+          file: f
+        });
+      }));
+    };
+
+    /**
+     * Uploader
+     */
+    var Uploader = function Uploader(_ref) {
+      var icon = _ref.icon,
+        label = _ref.label,
+        _ref$view = _ref.view,
+        view = _ref$view === void 0 ? "area" : _ref$view,
+        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);
+      }
+      function renderView() {
+        switch (view) {
+          case "area":
+            return /*#__PURE__*/React__default["default"].createElement(UploadArea, {
+              resumable: resumable,
+              icon: icon,
+              label: label
+            });
+          case "icon":
+            return /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
+              resumable: resumable,
+              icon: icon
+            });
+          default:
+            return /*#__PURE__*/React__default["default"].createElement(UploadArea, {
+              resumable: resumable,
+              icon: icon,
+              label: label
+            });
+        }
+      }
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "uploader " + className
+      }, state === UPLOAD_STATES.IDLE ? renderView() : /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
+        files: files
+      }));
+    };
+
     var isFunction$1 = function isFunction(value) {
       return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
     };
@@ -2056,6 +2260,13 @@
                   return _onChange(row.id, id, value);
                 }
               });
+            case "Image":
+              return /*#__PURE__*/React__default["default"].createElement(ImageCellViewer, {
+                id: id,
+                value: cell,
+                uploadURL: column.uploadURL,
+                onUpload: column.onUpload
+              });
             default:
               return cell;
           }
@@ -2106,14 +2317,41 @@
       }, render(column.type));
     };
 
+    /**
+     * Image Cell Viewer
+     */
+    var ImageCellViewer = function ImageCellViewer(_ref7) {
+      var id = _ref7.id,
+        value = _ref7.value,
+        uploadURL = _ref7.uploadURL,
+        onUpload = _ref7.onUpload;
+      var canUpload = uploadURL ? true : false;
+      function success(file, message) {
+        if (onUpload) onUpload(id, file, message);
+      }
+      function error(file, message) {
+        if (onUpload) onUpload(id, file, message);
+        console.error(message);
+      }
+      return canUpload ? /*#__PURE__*/React__default["default"].createElement(Uploader, {
+        view: "icon",
+        icon: "cloud_upload",
+        target: uploadURL,
+        onSuccess: success,
+        onError: error
+      }) : /*#__PURE__*/React__default["default"].createElement("img", {
+        src: value
+      });
+    };
+
     /**
      * Entity Cell Viewer
      * @param {*} param0 
      * @returns 
      */
-    var EntityCellViewer = function EntityCellViewer(_ref7) {
-      var item = _ref7.item,
-        value = _ref7.value;
+    var EntityCellViewer = function EntityCellViewer(_ref8) {
+      var item = _ref8.item,
+        value = _ref8.value;
       var fields = Object.values(item).filter(function (field) {
         return field.column === true;
       });
@@ -2178,9 +2416,9 @@
     /**
      * Boolean Cell Viewer
      */
-    var BooleanCellViewer = function BooleanCellViewer(_ref8) {
-      var _ref8$value = _ref8.value,
-        value = _ref8$value === void 0 ? false : _ref8$value;
+    var BooleanCellViewer = function BooleanCellViewer(_ref9) {
+      var _ref9$value = _ref9.value,
+        value = _ref9$value === void 0 ? false : _ref9$value;
       var icon = value === true ? "check_box" : "check_box_outline_blank";
       return /*#__PURE__*/React__default["default"].createElement(Icon, {
         icon: icon
@@ -2190,10 +2428,10 @@
     /**
      * NumberCellViewer
      */
-    var NumberCellViewer = function NumberCellViewer(_ref9) {
-      var value = _ref9.value,
-        format = _ref9.format,
-        maxDecimals = _ref9.maxDecimals;
+    var NumberCellViewer = function NumberCellViewer(_ref10) {
+      var value = _ref10.value,
+        format = _ref10.format,
+        maxDecimals = _ref10.maxDecimals;
       /*
           function formatNumber(number) {
               // convert number to numeric
@@ -2263,12 +2501,12 @@
     /**
      * String Cell Viewer
      */
-    var StringCellViewer = function StringCellViewer(_ref10) {
-      var id = _ref10.id,
-        value = _ref10.value,
-        format = _ref10.format,
-        options = _ref10.options,
-        action = _ref10.action;
+    var StringCellViewer = function StringCellViewer(_ref11) {
+      var id = _ref11.id,
+        value = _ref11.value,
+        format = _ref11.format,
+        options = _ref11.options,
+        action = _ref11.action;
       function buildOptions() {
         var opts = typeof options === 'function' ? options() : options;
         return opts;
@@ -2338,12 +2576,12 @@
     /**
      * String Cell Editor
      */
-    var StringCellEditor = function StringCellEditor(_ref11) {
-      var id = _ref11.id,
-        _ref11$value = _ref11.value,
-        value = _ref11$value === void 0 ? '' : _ref11$value,
-        options = _ref11.options,
-        onChange = _ref11.onChange;
+    var StringCellEditor = function StringCellEditor(_ref12) {
+      var id = _ref12.id,
+        _ref12$value = _ref12.value,
+        value = _ref12$value === void 0 ? '' : _ref12$value,
+        options = _ref12.options,
+        onChange = _ref12.onChange;
       function change(id, value) {
         if (onChange) onChange(id, value);
       }
@@ -3893,210 +4131,6 @@
       }, title);
     };
 
-    /**
-     * Upload Area
-     */
-    var UploadArea = function UploadArea(props) {
-      var _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];
-      var resumable = props.resumable;
-      React.useEffect(function () {
-        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, {
-        resumable: 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.current) {
-          resumable.assignBrowse(iconElement.current);
-        }
-      }, [iconElement]);
-      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$1 = 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$1, {
-          key: f.name,
-          file: f
-        });
-      }));
-    };
-
-    /**
-     * Uploader
-     */
-    var Uploader = function Uploader(_ref) {
-      var icon = _ref.icon,
-        label = _ref.label,
-        _ref$view = _ref.view,
-        view = _ref$view === void 0 ? "area" : _ref$view,
-        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);
-      }
-      function renderView() {
-        switch (view) {
-          case "area":
-            return /*#__PURE__*/React__default["default"].createElement(UploadArea, {
-              resumable: resumable,
-              icon: icon,
-              label: label
-            });
-          case "icon":
-            return /*#__PURE__*/React__default["default"].createElement(UploadIcon, {
-              resumable: resumable,
-              icon: icon
-            });
-          default:
-            return /*#__PURE__*/React__default["default"].createElement(UploadArea, {
-              resumable: resumable,
-              icon: icon,
-              label: label
-            });
-        }
-      }
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "uploader " + className
-      }, state === UPLOAD_STATES.IDLE ? renderView() : /*#__PURE__*/React__default["default"].createElement(UploadProgress, {
-        files: files
-      }));
-    };
-
     /**
      * Page Context
      */