ywana-core8 0.0.541 → 0.0.542

package/dist/index.umd.js

@@ -3647,6 +3647,35 @@
       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);
   };
+  var TabbedView = function TabbedView(props) {
+    var title = props.title,
+        className = props.className;
+
+    var _useState2 = React.useState(0),
+        tab = _useState2[0],
+        setTab = _useState2[1];
+
+    var children = React__default["default"].Children.toArray(props.children);
+    var tabs = children.map(function (child) {
+      return /*#__PURE__*/React__default["default"].createElement(Tab, {
+        key: child.props.label,
+        label: child.props.label
+      });
+    });
+    var toolbar = /*#__PURE__*/React__default["default"].createElement(Tabs, {
+      selected: tab,
+      onChange: function onChange(tab) {
+        return setTab(tab);
+      }
+    }, tabs);
+    return /*#__PURE__*/React__default["default"].createElement(View, {
+      title: title,
+      toolbar: toolbar,
+      className: className
+    }, /*#__PURE__*/React__default["default"].createElement(Stack, {
+      selected: tab
+    }, children));
+  };
 
   /**
    * Upload Dialog
@@ -6662,13 +6691,13 @@
     return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header, {
       icon: icon,
       title: /*#__PURE__*/React__default["default"].createElement(Text, null, title)
-    }, /*#__PURE__*/React__default["default"].createElement(DropDown, {
+    }, groupBy ? /*#__PURE__*/React__default["default"].createElement(DropDown, {
       id: "groupBy",
       label: "Agrupar Por",
       value: groupBy,
       options: buildGroupOptions(schema),
       onChange: changeGroup
-    })), /*#__PURE__*/React__default["default"].createElement("main", {
+    }) : null), /*#__PURE__*/React__default["default"].createElement("main", {
       className: "table-editor"
     }, renderGroups()));
   };
@@ -8073,6 +8102,7 @@
   exports.Tab = Tab;
   exports.TabbedContentEditor = TabbedContentEditor;
   exports.TabbedTablePage = TabbedTablePage;
+  exports.TabbedView = TabbedView;
   exports.TableEditor = TableEditor$1;
   exports.TablePage = TablePage;
   exports.Tabs = Tabs;