ywana-core8 0.0.39 → 0.0.40

package/dist/index.modern.js

@@ -164,7 +164,7 @@ var Icon = function Icon(_ref) {
  * HTML Button
  */
 
-var Button = function Button(_ref) {
+var Button$1 = function Button(_ref) {
   var label = _ref.label,
       icon = _ref.icon,
       action = _ref.action,
@@ -1541,7 +1541,7 @@ var LoginBox = function LoginBox(_ref) {
     onEnter: ok,
     type: "password",
     outlined: true
-  })), /*#__PURE__*/React.createElement("footer", null, onForgot ? /*#__PURE__*/React.createElement(Button, {
+  })), /*#__PURE__*/React.createElement("footer", null, onForgot ? /*#__PURE__*/React.createElement(Button$1, {
     label: tx(forgotLabel),
     action: forgot,
     disabled: !canForgot()
@@ -1549,7 +1549,7 @@ var LoginBox = function LoginBox(_ref) {
     className: "load-box"
   }, /*#__PURE__*/React.createElement(Icon, {
     icon: "refresh"
-  })) : /*#__PURE__*/React.createElement(Button, {
+  })) : /*#__PURE__*/React.createElement(Button$1, {
     label: tx(loginLabel),
     action: ok,
     disabled: !canOK(),
@@ -1632,10 +1632,10 @@ var ResetPasswordBox = function ResetPasswordBox(_ref) {
     onEnter: ok
   }), error ? /*#__PURE__*/React.createElement("div", {
     className: "error"
-  }, error) : null), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Button, {
+  }, error) : null), /*#__PURE__*/React.createElement("footer", null, /*#__PURE__*/React.createElement(Button$1, {
     label: "Close",
     action: close
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button$1, {
     label: "OK",
     raised: true,
     disabled: !canOK(),
@@ -2506,6 +2506,7 @@ var ContentEditor = function ContentEditor(_ref) {
   }
 
   var sections = content.sections();
+  console.log('-----------contentEditor------', filter);
   return /*#__PURE__*/React.createElement("div", {
     className: "content-editor"
   }, sections.map(function (section) {
@@ -3117,7 +3118,7 @@ var CollectionAdder = function CollectionAdder(_ref11) {
     className: "collection-adder"
   }, edit ? /*#__PURE__*/React.createElement(DataTable, _extends({}, table, {
     editable: true
-  })) : /*#__PURE__*/React.createElement(Button, {
+  })) : /*#__PURE__*/React.createElement(Button$1, {
     icon: "add",
     label: "Add",
     action: toggle
@@ -3133,6 +3134,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
       type = _ref.type,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? {} : _ref$value,
+      filter = _ref.filter,
       validator = _ref.validator,
       onOK = _ref.onOK;
   var site = useContext(SiteContext);
@@ -3170,18 +3172,20 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
     site.closeDialog();
   }
 
-  function createFilter(field, content) {
-    return field.required === true || field.optional === true; // TODO: execute props.filter
+  function filterForm(field, content) {
+    console.log('------ filterForm------------', field.id, filter);
+    var visible = field.required === true || field.optional === true;
+    return filter ? visible && filter(field, content) : visible;
   }
 
-  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button$1, {
     label: "CLOSE",
     action: function action() {
       return onAction("CLOSE");
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: "expand"
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button$1, {
     label: "OK",
     action: function action() {
       return onAction("OK");
@@ -3201,7 +3205,7 @@ var CreateContentDialog$1 = function CreateContentDialog(_ref) {
   }, /*#__PURE__*/React.createElement(ContentEditor, {
     content: content,
     onChange: change,
-    filter: createFilter
+    filter: filterForm
   }), errors.map(function (error) {
     return /*#__PURE__*/React.createElement(Text, {
       use: "overline",
@@ -3258,14 +3262,19 @@ var EditContentDialog = function EditContentDialog(_ref) {
     site.closeDialog();
   }
 
-  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  function filterForm(field, content) {
+    var visible = field.required === true || field.optional === true;
+    return filter ? visible && filter(field, content) : visible;
+  }
+
+  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button$1, {
     label: "CLOSE",
     action: function action() {
       return onAction("CLOSE");
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: "expand"
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button$1, {
     label: "OK",
     action: function action() {
       return onAction("OK");
@@ -3285,7 +3294,7 @@ var EditContentDialog = function EditContentDialog(_ref) {
   }, /*#__PURE__*/React.createElement(ContentEditor, {
     content: content,
     onChange: change,
-    filter: filter
+    filter: filterForm
   }), errors.map(function (error) {
     return /*#__PURE__*/React.createElement(Text, {
       use: "overline",
@@ -3353,12 +3362,12 @@ var CreateContentDialog = function CreateContentDialog(_ref) {
     return creation;
   }
 
-  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button$1, {
     label: "CLOSE",
     action: function action() {
       return onAction("CLOSE");
     }
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button$1, {
     label: "OK",
     action: function action() {
       return onAction("OK");
@@ -3475,11 +3484,11 @@ var CollectionPage = function CollectionPage(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "collection-page",
     title: /*#__PURE__*/React.createElement(Text, null, title)
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button$1, {
     icon: "add",
     label: "Add",
     action: add
-  }), /*#__PURE__*/React.createElement(Button, {
+  }), /*#__PURE__*/React.createElement(Button$1, {
     icon: "refresh",
     label: "Reload",
     action: reload
@@ -3737,7 +3746,7 @@ var CollectionEditor = function CollectionEditor(props) {
   }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem, {
     label: "Eliminar",
     onSelect: remove
-  }))), autosave === true ? null : /*#__PURE__*/React.createElement(Button, {
+  }))), autosave === true ? null : /*#__PURE__*/React.createElement(Button$1, {
     icon: "save",
     label: "Guardar Cambios",
     raised: true,
@@ -3993,7 +4002,8 @@ var TablePage = function TablePage(props) {
       autosave = _props$autosave === void 0 ? true : _props$autosave,
       groupBy = props.groupBy,
       validator = props.validator,
-      scenario = props.scenario;
+      scenario = props.scenario,
+      formFilter = props.formFilter;
 
   var _useContext = useContext(PageContext),
       pageContext = _useContext[0],
@@ -4037,13 +4047,15 @@ var TablePage = function TablePage(props) {
       } catch (e) {
         return Promise.reject(e);
       }
-    };
+    }; //site.openDialog(<EditContentDialog label={`Crear ${name}`} type={schema} onOK={onOK} validator={validator} />);
+
 
-    site.openDialog( /*#__PURE__*/React.createElement(EditContentDialog, {
-      label: "Crear " + name,
+    site.openDialog( /*#__PURE__*/React.createElement(CreateContentDialog$1, {
+      label: "Crearr " + name,
       type: schema,
       onOK: onOK,
-      validator: validator
+      validator: validator,
+      filter: formFilter
     }));
   }
 
@@ -4085,7 +4097,7 @@ var TablePage = function TablePage(props) {
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     className: "table-page",
     title: /*#__PURE__*/React.createElement(Text, null, title)
-  }, canAdd ? /*#__PURE__*/React.createElement(Button, {
+  }, canAdd ? /*#__PURE__*/React.createElement(Button$1, {
     icon: "add",
     label: "A\xF1adir",
     action: add,
@@ -4153,7 +4165,7 @@ var TableFilters = function TableFilters(props) {
   var content = new Content(filterSchema, form);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Header, {
     title: /*#__PURE__*/React.createElement(Text, null, "Filtros")
-  }, /*#__PURE__*/React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button$1, {
     icon: "filter_list_off",
     label: "Limpiar",
     action: clear
@@ -4553,7 +4565,80 @@ var UploadIcon = function UploadIcon(_ref) {
     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 = useRef();
+  useEffect(function () {
+    if (resumable && buttonElement) resumable.assignBrowse(buttonElement.current);
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "upload-button",
+    ref: buttonElement
+  }, /*#__PURE__*/React.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.createElement(Icon, {
+    icon: "image",
+    className: "error"
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    icon: "image"
+  });
+  return state !== STATES.IDLE ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: "upload-file"
+  }, icon, /*#__PURE__*/React.createElement(Text, {
+    use: "body1",
+    tag: "label"
+  }, file.fileName), state === STATES.RUNNING ? /*#__PURE__*/React.createElement(LinearProgress, {
+    progress: progress
+  }) : '', state === STATES.RUNNING ? /*#__PURE__*/React.createElement(Icon, {
+    icon: "close",
+    clickable: true
+  }) : '', state === STATES.SUCCESS ? /*#__PURE__*/React.createElement(Icon, {
+    icon: "done"
+  }) : '', state === STATES.ERROR ? /*#__PURE__*/React.createElement(Icon, {
+    icon: "error"
+  }) : ''), error ? /*#__PURE__*/React.createElement("div", {
+    className: "error"
+  }, /*#__PURE__*/React.createElement(Text, {
+    use: "overline"
+  }, error)) : '') : '';
+};
 
+var STATES = {
+  IDLE: 0,
+  RUNNING: 1,
+  SUCCESS: 2,
+  ERROR: 3,
+  COMPLETED: 4
+};
 /**
  * Uploader
  */
@@ -4562,22 +4647,19 @@ 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,
       onSuccess = _ref.onSuccess,
       onError = _ref.onError,
-      onComplete = _ref.onComplete;
-  var STATES = {
-    'IDLE': 0,
-    'RUNNING': 1,
-    'SUCCESS': 2,
-    'ERROR': 3,
-    'COMPLETED': 4
-  };
+      onComplete = _ref.onComplete,
+      _ref$errors = _ref.errors,
+      errors = _ref$errors === void 0 ? [] : _ref$errors;
   var resumable = useMemo(function () {
     var config = {
       target: target,
       chunkSize: 1 * 1024 * 1024,
-      simultaneousUploads: 1,
+      simultaneousUploads: simultaneousUploads,
       testChunks: false,
       throttleProgressCallbacks: 1,
       fileType: accept
@@ -4592,6 +4674,7 @@ var Uploader = function Uploader(_ref) {
   }, []);
 
   var _useState = useState(0),
+      progress = _useState[0],
       setProgress = _useState[1];
 
   var _useState2 = useState(STATES.IDLE),
@@ -4609,12 +4692,14 @@ var Uploader = function Uploader(_ref) {
   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) {
@@ -4635,54 +4720,32 @@ var Uploader = function Uploader(_ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "uploader " + className
-  }, /*#__PURE__*/React.createElement(UploadArea, {
+  }, state === STATES.IDLE ? /*#__PURE__*/React.createElement(UploadArea, {
     resumable: resumable,
     state: state,
     label: label,
-    error: error
-  }));
+    error: error,
+    progress: progress
+  }) : null, state === STATES.RUNNING || STATES.SUCCESS || STATES.ERROR ? /*#__PURE__*/React.createElement(UploadProgress, {
+    files: files,
+    errors: errors
+  }) : null);
 };
 
-/**
- * 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.createElement(Icon, {
-    icon: "image",
-    className: "error"
-  }) : /*#__PURE__*/React.createElement(Icon, {
-    icon: "image"
-  });
-  return state !== STATES.IDLE ? /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "upload-file"
-  }, icon, /*#__PURE__*/React.createElement(Text, {
-    use: "body1",
-    tag: "label"
-  }, file.fileName), state === STATES.RUNNING ? /*#__PURE__*/React.createElement(LinearProgress, {
-    progress: progress
-  }) : '', state === STATES.RUNNING ? /*#__PURE__*/React.createElement(Icon, {
-    icon: "close",
-    clickable: true
-  }) : '', state === STATES.SUCCESS ? /*#__PURE__*/React.createElement(Icon, {
-    icon: "done"
-  }) : '', state === STATES.ERROR ? /*#__PURE__*/React.createElement(Icon, {
-    icon: "error"
-  }) : ''), error ? /*#__PURE__*/React.createElement("div", {
-    className: "error"
-  }, /*#__PURE__*/React.createElement(Text, {
-    use: "overline"
-  }, error)) : '') : '';
+var UploadProgress = function UploadProgress(_ref2) {
+  var _ref2$files = _ref2.files,
+      files = _ref2$files === void 0 ? [] : _ref2$files,
+      errors = _ref2.errors;
+  return /*#__PURE__*/React.createElement("div", null, files.map(function (file) {
+    errors.some(function (e) {
+      return e === file.fileName;
+    }) ? "Fichero Mal Nombrado" : "";
+    return /*#__PURE__*/React.createElement(UploadFile, {
+      file: file,
+      state: STATES.RUNNING,
+      progress: file.progress()
+    });
+  }));
 };
 
 /**
@@ -4718,7 +4781,7 @@ var UploadDialog = function UploadDialog(_ref) {
     }
   }
 
-  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button, {
+  var actions = /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Button$1, {
     label: "CLOSE",
     action: function action() {
       return onAction("CLOSE");
@@ -4752,5 +4815,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, TYPES, Tab, TabbedContentEditor, TablePage, Tabs, Text, TextField, TokenField, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, Uploader, Viewer, isFunction };
+export { Button$1 as Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, Content, ContentEditor, ContentForm, CreateContentDialog$1 as CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, TYPES, Tab, TabbedContentEditor, TablePage, Tabs, Text, TextField, TokenField, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadButton, UploadDialog, UploadFile, Uploader, Viewer, isFunction };
 //# sourceMappingURL=index.modern.js.map