@plasmicpkgs/antd 0.0.65 → 0.0.68

package/dist/antd.cjs.development.js

@@ -28,6 +28,7 @@ var rcSelect = require('rc-select');
 var Select = _interopDefault(require('antd/lib/select'));
 var AntdSlider = _interopDefault(require('antd/lib/slider'));
 var Switch = _interopDefault(require('antd/lib/switch'));
+var antd = require('antd');
 var AntdTabs = _interopDefault(require('antd/lib/tabs'));
 var rcTabs = require('rc-tabs');
 
@@ -1707,6 +1708,48 @@ function Tabs(props) {
     }
   }));
 }
+
+function AddTab(_ref) {
+  var studioOps = _ref.studioOps;
+
+  var _React$useState = React.useState(""),
+      tabKey = _React$useState[0],
+      setTabKey = _React$useState[1];
+
+  var appendNewTab = function appendNewTab(tabKey) {
+    if (tabKey !== "") {
+      studioOps.appendToChildren({
+        type: "component",
+        name: "AntdTabPane",
+        props: {
+          key: tabKey
+        }
+      });
+    }
+  };
+
+  return React.createElement("div", {
+    style: {
+      width: "100%",
+      display: "flex",
+      flexDirection: "row",
+      gap: "10px",
+      justifyContent: "space-between"
+    }
+  }, React.createElement(antd.Input, {
+    placeholder: "Tab key",
+    onChange: function onChange(e) {
+      return setTabKey(e.target.value);
+    },
+    value: tabKey
+  }), React.createElement(antd.Button, {
+    onClick: function onClick() {
+      appendNewTab(tabKey);
+      setTabKey("");
+    }
+  }, "Add tab"));
+}
+
 var tabsMeta = {
   name: "AntdTabs",
   displayName: "Antd Tabs",
@@ -1810,6 +1853,33 @@ var tabsMeta = {
       }]
     }
   },
+  actions: [{
+    type: "custom-action",
+    comp: AddTab
+  }, {
+    type: "button-action",
+    label: "Delete current tab",
+    onClick: function onClick(_ref2) {
+      var componentProps = _ref2.componentProps,
+          studioOps = _ref2.studioOps;
+
+      if (componentProps.activeKey) {
+        var tabPanes = [];
+        traverseReactEltTree(componentProps.children, function (elt) {
+          if ((elt == null ? void 0 : elt.type) === rcTabs.TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+            tabPanes.push(elt.key);
+          }
+        });
+        var currentTabPos = tabPanes.findIndex(function (tabKey) {
+          return tabKey === componentProps.activeKey;
+        });
+
+        if (currentTabPos !== -1) {
+          studioOps.removeChildAt(currentTabPos);
+        }
+      }
+    }
+  }],
   importPath: "@plasmicpkgs/antd",
   importName: "Tabs"
 };