ywana-core8 0.0.953 → 0.0.955

package/dist/index.modern.js

@@ -1,10 +1,10 @@
 import 'material-design-icons-iconfont/dist/material-design-icons.css';
 import React, { useContext, useState, useEffect, useCallback, Fragment, useRef, useMemo, Children } from 'react';
+import ResumableJS from 'resumablejs';
 import RSwitch from 'react-switch';
 import moment$1 from 'moment';
 import { extendMoment } from 'moment-range';
 import 'moment/locale/es';
-import ResumableJS from 'resumablejs';
 import { ReactNotifications, Store } from 'react-notifications-component';
 import 'react-notifications-component/dist/theme.css';
 import axios from 'axios';
@@ -1671,6 +1671,210 @@ var PasswordField = function PasswordField(props) {
   }));
 };
 
+/**
+ * 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 = useRef();
+  var _useState = useState(false),
+    drag = _useState[0],
+    setDrag = _useState[1];
+  var resumable = props.resumable;
+  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.createElement("div", {
+    className: "upload-area6 " + dragging,
+    onDragOver: onDragOver,
+    onDragLeave: onDragLeave,
+    ref: areaElement
+  }, /*#__PURE__*/React.createElement(UploadIcon, {
+    resumable: resumable
+  }), /*#__PURE__*/React.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 = useRef();
+  useEffect(function () {
+    if (resumable && iconElement.current) {
+      resumable.assignBrowse(iconElement.current);
+    }
+  }, [iconElement]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "upload-icon",
+    ref: iconElement
+  }, /*#__PURE__*/React.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.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "upload-file"
+  }, icon ? /*#__PURE__*/React.createElement(Icon, {
+    icon: icon
+  }) : null, /*#__PURE__*/React.createElement("label", null, name), state === UPLOAD_STATES.RUNNING ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(LinearProgress, {
+    progress: progress
+  }), /*#__PURE__*/React.createElement(Icon, {
+    icon: "close",
+    clickable: true
+  })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Icon, {
+    icon: "done"
+  })) : '', state === UPLOAD_STATES.ERROR ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("div", {
+    className: "error"
+  }, error), /*#__PURE__*/React.createElement(Icon, {
+    icon: "error"
+  })) : ''));
+};
+
+var UploadProgress = function UploadProgress(_ref) {
+  var _ref$files = _ref.files,
+    files = _ref$files === void 0 ? [] : _ref$files;
+  return /*#__PURE__*/React.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.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 = useMemo(function () {
+    var config = {
+      target: target,
+      chunkSize: 1 * 1024 * 1024,
+      simultaneousUploads: simultaneousUploads,
+      testChunks: false,
+      throttleProgressCallbacks: 1,
+      fileType: accept
+    };
+    var resumable = new ResumableJS(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 = useState(0),
+    setProgress = _useState[1];
+  var _useState2 = useState(UPLOAD_STATES.IDLE),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var _useState3 = 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.createElement(UploadArea, {
+          resumable: resumable,
+          icon: icon,
+          label: label
+        });
+      case "icon":
+        return /*#__PURE__*/React.createElement(UploadIcon, {
+          resumable: resumable,
+          icon: icon
+        });
+      default:
+        return /*#__PURE__*/React.createElement(UploadArea, {
+          resumable: resumable,
+          icon: icon,
+          label: label
+        });
+    }
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "uploader " + className
+  }, state === UPLOAD_STATES.IDLE ? renderView() : /*#__PURE__*/React.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);
 };
@@ -2054,6 +2258,13 @@ var DataTableCell = function DataTableCell(_ref6) {
               return _onChange(row.id, id, value);
             }
           });
+        case "Image":
+          return /*#__PURE__*/React.createElement(ImageCellViewer, {
+            id: id,
+            value: cell,
+            uploadURL: column.uploadURL,
+            onUpload: column.onUpload
+          });
         default:
           return cell;
       }
@@ -2104,14 +2315,41 @@ var DataTableCell = function DataTableCell(_ref6) {
   }, 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.createElement(Uploader, {
+    view: "icon",
+    icon: "cloud_upload",
+    target: uploadURL,
+    onSuccess: success,
+    onError: error
+  }) : /*#__PURE__*/React.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;
   });
@@ -2176,9 +2414,9 @@ var EntityCellViewer = function EntityCellViewer(_ref7) {
 /**
  * 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.createElement(Icon, {
     icon: icon
@@ -2188,10 +2426,10 @@ var BooleanCellViewer = function BooleanCellViewer(_ref8) {
 /**
  * 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
@@ -2261,12 +2499,12 @@ var NumberCellViewer = function NumberCellViewer(_ref9) {
 /**
  * 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;
@@ -2336,12 +2574,12 @@ var StringCellViewer = function StringCellViewer(_ref10) {
 /**
  * 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);
   }
@@ -3891,210 +4129,6 @@ var EventCard = function EventCard(props) {
   }, 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 = useRef();
-  var _useState = useState(false),
-    drag = _useState[0],
-    setDrag = _useState[1];
-  var resumable = props.resumable;
-  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.createElement("div", {
-    className: "upload-area6 " + dragging,
-    onDragOver: onDragOver,
-    onDragLeave: onDragLeave,
-    ref: areaElement
-  }, /*#__PURE__*/React.createElement(UploadIcon, {
-    resumable: resumable
-  }), /*#__PURE__*/React.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 = useRef();
-  useEffect(function () {
-    if (resumable && iconElement.current) {
-      resumable.assignBrowse(iconElement.current);
-    }
-  }, [iconElement]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "upload-icon",
-    ref: iconElement
-  }, /*#__PURE__*/React.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.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "upload-file"
-  }, icon ? /*#__PURE__*/React.createElement(Icon, {
-    icon: icon
-  }) : null, /*#__PURE__*/React.createElement("label", null, name), state === UPLOAD_STATES.RUNNING ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(LinearProgress, {
-    progress: progress
-  }), /*#__PURE__*/React.createElement(Icon, {
-    icon: "close",
-    clickable: true
-  })) : '', state === UPLOAD_STATES.SUCCESS ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(Icon, {
-    icon: "done"
-  })) : '', state === UPLOAD_STATES.ERROR ? /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement("div", {
-    className: "error"
-  }, error), /*#__PURE__*/React.createElement(Icon, {
-    icon: "error"
-  })) : ''));
-};
-
-var UploadProgress = function UploadProgress(_ref) {
-  var _ref$files = _ref.files,
-    files = _ref$files === void 0 ? [] : _ref$files;
-  return /*#__PURE__*/React.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.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 = useMemo(function () {
-    var config = {
-      target: target,
-      chunkSize: 1 * 1024 * 1024,
-      simultaneousUploads: simultaneousUploads,
-      testChunks: false,
-      throttleProgressCallbacks: 1,
-      fileType: accept
-    };
-    var resumable = new ResumableJS(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 = useState(0),
-    setProgress = _useState[1];
-  var _useState2 = useState(UPLOAD_STATES.IDLE),
-    state = _useState2[0],
-    setState = _useState2[1];
-  var _useState3 = 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.createElement(UploadArea, {
-          resumable: resumable,
-          icon: icon,
-          label: label
-        });
-      case "icon":
-        return /*#__PURE__*/React.createElement(UploadIcon, {
-          resumable: resumable,
-          icon: icon
-        });
-      default:
-        return /*#__PURE__*/React.createElement(UploadArea, {
-          resumable: resumable,
-          icon: icon,
-          label: label
-        });
-    }
-  }
-  return /*#__PURE__*/React.createElement("div", {
-    className: "uploader " + className
-  }, state === UPLOAD_STATES.IDLE ? renderView() : /*#__PURE__*/React.createElement(UploadProgress, {
-    files: files
-  }));
-};
-
 /**
  * Page Context
  */