ywana-core8 0.0.278 → 0.0.281

package/dist/index.cjs

@@ -2726,7 +2726,7 @@ var UploadIcon = function UploadIcon(_ref) {
       resumable.assignBrowse(iconElement.current);
       console.log('uploadicon');
     }
-  }, []);
+  }, [iconElement]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "upload-icon",
     ref: iconElement
@@ -3279,6 +3279,56 @@ var Dialog = function Dialog(props) {
   }) : 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
  */
@@ -3303,7 +3353,7 @@ var UploadDialog = function UploadDialog(_ref) {
   }
 
   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");
     }
@@ -5893,6 +5943,7 @@ exports.UploadArea = UploadArea;
 exports.UploadDialog = UploadDialog;
 exports.UploadFile = UploadFile;
 exports.Uploader = Uploader;
+exports.View = View;
 exports.Viewer = Viewer;
 exports.WaitScreen = WaitScreen;
 exports.isFunction = isFunction;