ywana-core8 0.0.541 → 0.0.542

package/dist/index.cjs

@@ -3652,6 +3652,35 @@ var View = function View(props) {
     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
@@ -6667,13 +6696,13 @@ var TableEditor$1 = function TableEditor(props) {
   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()));
 };
@@ -8078,6 +8107,7 @@ exports.TYPES = TYPES;
 exports.Tab = Tab;
 exports.TabbedContentEditor = TabbedContentEditor;
 exports.TabbedTablePage = TabbedTablePage;
+exports.TabbedView = TabbedView;
 exports.TableEditor = TableEditor$1;
 exports.TablePage = TablePage;
 exports.Tabs = Tabs;