@mw-kit/mw-ui 1.7.106 → 1.7.108

package/dist/index.modern.js

@@ -19503,6 +19503,14 @@ var hasChildren = function hasChildren(tabs, group) {
     return tab.group === group && !tab.primary;
   }) : false;
 };
+var mapComponents = function mapComponents(obj) {
+  return obj;
+};
+var buildComponent = function buildComponent(component, provider) {
+  return provider ? Object.assign(component, {
+    provider: provider
+  }) : component;
+};
 
 var _templateObject$19;
 var Close = styled.div(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n  position: relative;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n\n  background-color: var(--bgColor);\n  color: var(--color);\n  padding: 4px 8px;\n\n  transition: --color 0.5s, --bgColor 0.5s;\n\n  svg {\n    width: 14px;\n    height: 14px;\n\n    * {\n      transition: --color 0.5s;\n      stroke: var(--color);\n    }\n  }\n"])));
@@ -19532,13 +19540,12 @@ var Close$1 = function Close$1(props) {
           return;
         }
 
-        if (index < active) {
-          setActive(active - 1, newOptions[active - 1].data);
-        } else if (active === index) {
-          var newactive = active > 0 ? active - 1 : active;
-          setActive(newactive, newOptions[newactive].data);
-        }
+        var newactive = function () {
+          if (index < active) return active - 1;
+          return active > 0 ? active - 1 : active;
+        }();
 
+        setActive(newactive, newOptions[newactive].data);
         setOptions(newOptions);
       });
     } catch (e) {
@@ -19616,10 +19623,11 @@ var TabItem = function TabItem(props) {
       _props$tabs = props.tabs,
       tabs = _props$tabs[0],
       setTabs = _props$tabs[1],
+      sortedTabs = props.sortedTabs,
       onClose = props.onClose,
       alwaysOpen = props.alwaysOpen;
   var CloseComponent = alwaysOpen || tabs.length < 2 ? VoidClose : Close$1;
-  return React__default.createElement(React__default.Fragment, null, tabs.map(function (_ref) {
+  return React__default.createElement(React__default.Fragment, null, sortedTabs.map(function (_ref) {
     var index = _ref.index,
         tab = _objectWithoutPropertiesLoose(_ref, _excluded$3);
 
@@ -19681,7 +19689,9 @@ var VoidProvider = function VoidProvider(props) {
   });
 };
 
-var Tabs$1 = function Tabs$1(props) {
+var Component$3 = function Component(props) {
+  var components = props.components || {};
+
   var _ref = typeof props.options[1] === 'function' ? props.options : useState(props.options),
       options = _ref[0],
       setOptions = _ref[1];
@@ -19709,17 +19719,20 @@ var Tabs$1 = function Tabs$1(props) {
     internal: props.internal
   }), React__default.createElement(TabItem, {
     active: [active, setActive],
-    tabs: [sortedTabs, setOptions],
+    tabs: [options, setOptions],
+    sortedTabs: sortedTabs,
     onClose: props.onClose,
     alwaysOpen: props.alwaysOpen,
     internal: props.internal
   }))), options.map(function (tab, index) {
-    if (!('component' in tab)) return React__default.createElement(React__default.Fragment, {
-      key: index
-    });
-    var _tab$provider = tab.provider,
-        Provider = _tab$provider === void 0 ? VoidProvider : _tab$provider,
-        Component = tab.component;
+    if (tab.component === undefined) {
+      return React__default.createElement(React__default.Fragment, {
+        key: index
+      });
+    }
+
+    var Component = components[tab.component];
+    var Provider = Component.provider || VoidProvider;
 
     var setTab = function setTab(s) {
       setOptions(function (prev) {
@@ -19747,10 +19760,11 @@ var Tabs$1 = function Tabs$1(props) {
       data: tab.data,
       setTab: setTab,
       setLabel: setLabel
-    }, index === activeTabIndex ? {
+    }, index === active ? {
       active: true,
       children: React__default.createElement("div", null, React__default.createElement(Component, {
         data: tab.data,
+        label: tab.label,
         setLabel: setLabel
       }))
     } : {
@@ -19759,6 +19773,11 @@ var Tabs$1 = function Tabs$1(props) {
   }));
 };
 
+var Tabs$1 = Object.assign(Component$3, {
+  mapComponents: mapComponents,
+  buildComponent: buildComponent
+});
+
 var _templateObject$1d;
 var Container$q = styled.textarea(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteralLoose(["\n  width: ", ";\n  height: ", ";\n  resize: none;\n  outline: 0;\n  border: 1px solid #c8c8c8;\n  padding: 14px;\n  border-radius: 4px;\n  color: #192338;\n"])), function (props) {
   return "" + props.width;