ywana-core8 0.0.278 → 0.0.281

package/dist/index.umd.js

@@ -2721,7 +2721,7 @@
         resumable.assignBrowse(iconElement.current);
         console.log('uploadicon');
       }
-    }, []);
+    }, [iconElement]);
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "upload-icon",
       ref: iconElement
@@ -3274,6 +3274,56 @@
     }) : 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 id = props.id,
+        className = props.className,
+        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("section", {
+      id: id,
+      className: "view " + className
+    }, /*#__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
    */
@@ -3298,7 +3348,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");
       }
@@ -5888,6 +5938,7 @@
   exports.UploadDialog = UploadDialog;
   exports.UploadFile = UploadFile;
   exports.Uploader = Uploader;
+  exports.View = View;
   exports.Viewer = Viewer;
   exports.WaitScreen = WaitScreen;
   exports.isFunction = isFunction;