ywana-core8 0.0.276 → 0.0.279

package/dist/index.umd.js

@@ -593,7 +593,6 @@
     }
 
     return /*#__PURE__*/React__default["default"].createElement("li", {
-      id: id,
       onClick: select
     }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
       icon: icon,
@@ -2718,8 +2717,11 @@
         resumable = _ref.resumable;
     var iconElement = React.useRef();
     React.useEffect(function () {
-      if (resumable && iconElement) resumable.assignBrowse(iconElement.current);
-    }, []);
+      if (resumable && iconElement.current) {
+        resumable.assignBrowse(iconElement.current);
+        console.log('uploadicon');
+      }
+    }, [iconElement]);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "upload-icon",
       ref: iconElement
@@ -3272,6 +3274,53 @@
     }) : null, /*#__PURE__*/React__default["default"].createElement(Text, null, title)), /*#__PURE__*/React__default["default"].createElement("main", null, children), /*#__PURE__*/React__default["default"].createElement("footer", null, actions))));
   };
 
+  /**
+   * View
+   */
+
+  var View = function View(props) {
+    var icon = props.icon,
+        title = props.title,
+        toolbar = props.toolbar,
+        menu = props.menu,
+        info = props.info,
+        onClose = props.onClose,
+        _props$canCollapse = props.canCollapse,
+        canCollapse = _props$canCollapse === void 0 ? false : _props$canCollapse,
+        children = props.children;
+
+    var _useState = React.useState(true),
+        open = _useState[0],
+        setOpen = _useState[1];
+
+    function toggle() {
+      setOpen(!open);
+    }
+
+    function close() {
+      if (onClose) onClose();
+    }
+
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "view"
+    }, /*#__PURE__*/React__default["default"].createElement("header", null, canCollapse ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "expand_more",
+      size: "small",
+      clickable: true,
+      action: toggle
+    }) : null, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: icon,
+      size: "small"
+    }) : null, title ? /*#__PURE__*/React__default["default"].createElement("label", null, title) : null, menu ? /*#__PURE__*/React__default["default"].createElement(MenuIcon, {
+      align: "alignRight"
+    }, menu) : null, onClose ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+      icon: "close",
+      size: "small",
+      clickable: true,
+      action: close
+    }) : null), toolbar ? /*#__PURE__*/React__default["default"].createElement("nav", null, toolbar) : null, open ? /*#__PURE__*/React__default["default"].createElement("main", null, children) : null, info ? /*#__PURE__*/React__default["default"].createElement("footer", null, info) : null);
+  };
+
   /**
    * Upload Dialog
    */
@@ -3296,7 +3345,7 @@
     }
 
     var actions = /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button, {
-      label: "CLOSE",
+      label: "CERRAR",
       action: function action() {
         return onAction("CLOSE");
       }
@@ -5886,6 +5935,7 @@
   exports.UploadDialog = UploadDialog;
   exports.UploadFile = UploadFile;
   exports.Uploader = Uploader;
+  exports.View = View;
   exports.Viewer = Viewer;
   exports.WaitScreen = WaitScreen;
   exports.isFunction = isFunction;