ywana-core8 0.0.326 → 0.0.329

package/dist/index.modern.js

@@ -151,11 +151,16 @@ var Icon = function Icon(_ref) {
       size = _ref$size === void 0 ? "normal" : _ref$size,
       _ref$clickable = _ref.clickable,
       clickable = _ref$clickable === void 0 ? false : _ref$clickable,
-      action = _ref.action;
+      action = _ref.action,
+      _ref$eventPropagation = _ref.eventPropagation,
+      eventPropagation = _ref$eventPropagation === void 0 ? false : _ref$eventPropagation;
 
   function click(event) {
-    event.stopPropagation();
-    event.preventDefault();
+    if (!eventPropagation) {
+      event.stopPropagation();
+      event.preventDefault();
+    }
+
     if (action) action(event);
   }
 
@@ -2697,7 +2702,11 @@ var UploadArea = function UploadArea(props) {
 
   useEffect(function () {
     var resumable = props.resumable;
-    if (resumable && areaElement) resumable.assignDrop(areaElement.current);
+
+    if (resumable && areaElement) {
+      resumable.assignDrop(areaElement.current);
+      resumable.assignBrowse(areaElement.current);
+    }
   }, []);
 
   var onDragOver = function onDragOver() {
@@ -2714,9 +2723,10 @@ var UploadArea = function UploadArea(props) {
     onDragOver: onDragOver,
     onDragLeave: onDragLeave,
     ref: areaElement
-  }, /*#__PURE__*/React.createElement(UploadIcon, {
+  }, /*#__PURE__*/React.createElement(Icon, {
     icon: icon,
-    resumable: props.resumable
+    clickable: true,
+    eventPropagation: false
   }), /*#__PURE__*/React.createElement("label", null, label));
 };
 /**
@@ -2730,8 +2740,8 @@ var UploadIcon = function UploadIcon(_ref) {
   var iconElement = useRef();
   useEffect(function () {
     if (resumable && iconElement.current) {
-      console.log('UploadIcon.effect', resumable, iconElement.current);
       resumable.assignBrowse(iconElement.current);
+      console.log('uploadicon');
     }
   }, [iconElement]);
   return /*#__PURE__*/React.createElement("div", {
@@ -2803,7 +2813,8 @@ var UploadProgress = function UploadProgress(_ref) {
  */
 
 var Uploader = function Uploader(_ref) {
-  var label = _ref.label,
+  var icon = _ref.icon,
+      label = _ref.label,
       target = _ref.target,
       accept = _ref.accept,
       _ref$simultaneousUplo = _ref.simultaneousUploads,
@@ -2876,6 +2887,7 @@ var Uploader = function Uploader(_ref) {
     className: "uploader " + className
   }, state === UPLOAD_STATES.IDLE ? /*#__PURE__*/React.createElement(UploadArea, {
     resumable: resumable,
+    icon: icon,
     label: label
   }) : /*#__PURE__*/React.createElement(UploadProgress, {
     files: files
@@ -3269,15 +3281,19 @@ var Dialog = function Dialog(props) {
       title = _props$title === void 0 ? "Dialog" : _props$title,
       children = props.children,
       actions = props.actions,
-      className = props.className;
+      className = props.className,
+      _props$eventPropagati = props.eventPropagation,
+      eventPropagation = _props$eventPropagati === void 0 ? false : _props$eventPropagati;
 
   function close() {
     site.closeDialog();
   }
 
   function prevent(e) {
-    e.preventDefault();
-    e.stopPropagation();
+    if (!eventPropagation) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
   }
 
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
@@ -3379,7 +3395,8 @@ var UploadDialog = function UploadDialog(_ref) {
     title: title,
     open: true,
     onAction: onAction,
-    actions: actions
+    actions: actions,
+    eventPropagation: true
   }, /*#__PURE__*/React.createElement(Uploader, {
     label: label,
     accept: accept,
@@ -5992,5 +6009,5 @@ var isFunction = function isFunction(value) {
   return value && (Object.prototype.toString.call(value) === "[object Function]" || "function" === typeof value || value instanceof Function);
 };
 
-export { Avatar, Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TableEditor, TablePage, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, Uploader, View, Viewer, WaitScreen, isFunction };
+export { Avatar, Button, CheckBox, Chip, Chips, CircularProgress, CollectionContext, CollectionEditor$1 as CollectionEditor, CollectionPage, CollectionTree, Content, ContentEditor, ContentForm, CreateContentDialog, DataTable, Dialog, DropDown, EditContentDialog, FORMATS, FieldEditor, Form, HTTPClient, Header, Icon, Kanban, KanbanCard, KanbanColumn, LinearProgress, List, ListEditor, LoginBox, Menu, MenuIcon, MenuItem, MenuSeparator, Page, PageContext, PageProvider, Planner, Property, RadioButton, ResetPasswordBox, Section, Session, Site, SiteContext, SiteProvider, Stack, Switch, TEXTFORMATS, TYPES, Tab, TabbedContentEditor, TableEditor, TablePage, Tabs, Text, TextArea, TextField, Thumbnail, TokenField, Tooltip, Tree, TreeItem, TreeNode, TreededContentEditor, UploadArea, UploadDialog, UploadFile, UploadIcon, Uploader, View, Viewer, WaitScreen, isFunction };
 //# sourceMappingURL=index.modern.js.map