@plasmicpkgs/antd 2.0.19 → 2.0.21

package/skinny/registerTabs.js

@@ -1,323 +1,356 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-b92c4a81.js');
 var registerComponent = require('@plasmicapp/host/registerComponent');
 var antd = require('antd');
 var AntdTabs = require('antd/lib/tabs');
-var rcTabs = require('rc-tabs');
 var React = require('react');
-var customControls = require('./customControls-ff79afdf.js');
+var customControls = require('./customControls-fb0b7e5f.js');
 
-var tabPaneMeta = {
-    name: "AntdTabPane",
-    displayName: "Antd Tab Pane",
-    props: {
-        tab: {
-            type: "slot",
-            defaultValue: [
-                {
-                    type: "text",
-                    value: "Tab",
-                },
-            ],
-        },
-        key: {
-            type: "string",
-            description: "Unique TabPane's key",
-            defaultValue: "tabPaneKey",
-        },
-        closable: {
-            type: "boolean",
-            description: "Wether the tab can be closed or not. Only works for editable tabs",
-            defaultValueHint: true,
-        },
-        disabled: {
-            type: "boolean",
-            description: "Disabled state of tab",
-            defaultValueHint: false,
-        },
-        forceRender: {
-            type: "boolean",
-            description: "Forced render of content in tabs, not lazy render after clicking on tabs",
-            defaultValueHint: false,
-        },
-        closeIcon: {
-            type: "slot",
-            hidePlaceholder: true,
-        },
-        children: {
-            type: "slot",
-            defaultValue: [
-                {
-                    type: "text",
-                    value: "Tab Content",
-                },
-            ],
-        },
-    },
-    parentComponentName: "AntdTabs",
-    importPath: "rc-tabs",
-    importName: "TabPane",
-};
-function registerTabPane(loader, customTabPaneMeta) {
-    var doRegisterComponent = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return loader ? loader.registerComponent.apply(loader, args) : registerComponent.apply(void 0, args);
-    };
-    doRegisterComponent(rcTabs.TabPane, customTabPaneMeta !== null && customTabPaneMeta !== void 0 ? customTabPaneMeta : tabPaneMeta);
-}
-function Tabs(props) {
-    var leftTabBarExtraContent = props.leftTabBarExtraContent, rightTabBarExtraContent = props.rightTabBarExtraContent, otherProps = tslib_es6.__rest(props, ["leftTabBarExtraContent", "rightTabBarExtraContent"]);
-    return (React.createElement(AntdTabs, tslib_es6.__assign({}, otherProps, { tabBarExtraContent: {
-            left: leftTabBarExtraContent,
-            right: rightTabBarExtraContent,
-        } })));
-}
-function NavigateTabs(_a) {
-    var componentProps = _a.componentProps, studioOps = _a.studioOps;
-    var tabPanes = [];
-    customControls.traverseReactEltTree(componentProps.children, function (elt) {
-        if ((elt === null || elt === void 0 ? void 0 : elt.type) === rcTabs.TabPane && typeof (elt === null || elt === void 0 ? void 0 : elt.key) === "string") {
-            tabPanes.push(elt.key);
-        }
-    });
-    var activeKey = componentProps.activeKey;
-    var currTabPos = activeKey
-        ? tabPanes.findIndex(function (tabKey) {
-            return tabKey === activeKey;
-        })
-        : 0;
-    return (React.createElement("div", { style: {
-            width: "100%",
-            display: "flex",
-            flexDirection: "row",
-            gap: "10px",
-            justifyContent: "space-between",
-        } },
-        React.createElement(antd.Button, { style: { width: "100%" }, onClick: function () {
-                if (tabPanes.length > 0) {
-                    var prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
-                    studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });
-                }
-            } }, "Prev tab"),
-        React.createElement(antd.Button, { style: { width: "100%" }, onClick: function () {
-                if (tabPanes.length > 0) {
-                    var nextTabPos = (currTabPos + 1) % tabPanes.length;
-                    studioOps.updateProps({ activeKey: tabPanes[nextTabPos] });
-                }
-            } }, "Next tab")));
-}
-function OutlineMessage() {
-    return React.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
-}
-var tabsMeta = {
-    name: "AntdTabs",
-    displayName: "Antd Tabs",
-    props: {
-        type: {
-            type: "choice",
-            options: ["line", "card", "editable-card"],
-            defaultValueHint: "line",
-            description: "Basic style of tabs",
-        },
-        addIcon: {
-            type: "slot",
-            hidePlaceholder: true,
-        },
-        animated: {
-            type: "object",
-            hidden: function (props) { return props.tabPosition !== "top" && !!props.tabPosition; },
-            defaultValueHint: { inkBar: true, tabPane: false },
-            description: "Whether to change tabs with animation. Can be either a boolean or specify for inkBar and tabPane",
-        },
-        hideAdd: {
-            type: "boolean",
-            hidden: function (props) { return props.type !== "editable-card"; },
-            defaultValueHint: false,
-            description: "Hide plus icon or not",
-        },
-        moreIcon: {
-            type: "slot",
-            hidePlaceholder: true,
-        },
-        size: {
-            type: "choice",
-            options: ["large", "default", "small"],
-            defaultValueHint: "default",
-            description: "Preset tab bar size",
-        },
-        tabPosition: {
-            type: "choice",
-            options: ["top", "right", "bottom", "left"],
-            defaultValueHint: "top",
-            description: "Position of tabs",
-        },
-        tabBarGutter: {
-            type: "number",
-            description: "The gap between tabs",
-        },
-        centered: {
-            type: "boolean",
-            description: "Centers tabs",
-            defaultValueHint: false,
-        },
-        leftTabBarExtraContent: {
-            type: "slot",
-            hidePlaceholder: true,
-        },
-        rightTabBarExtraContent: {
-            type: "slot",
-            hidePlaceholder: true,
-        },
-        tabBarStyle: {
-            type: "object",
-            description: "CSS for the Tab Bar style",
-        },
-        activeKey: {
-            type: "choice",
-            editOnly: true,
-            uncontrolledProp: "defaultActiveKey",
-            description: "Initial active TabPane's key",
-            options: function (props) {
-                var options = new Set();
-                customControls.traverseReactEltTree(props.children, function (elt) {
-                    if ((elt === null || elt === void 0 ? void 0 : elt.type) === rcTabs.TabPane && typeof (elt === null || elt === void 0 ? void 0 : elt.key) === "string") {
-                        options.add(elt.key);
-                    }
-                });
-                return Array.from(options.keys());
-            },
-        },
-        children: {
-            type: "slot",
-            allowedComponents: ["AntdTabPane"],
-            defaultValue: [
-                {
-                    type: "component",
-                    name: "AntdTabPane",
-                    props: {
-                        key: "1",
-                        tab: [
-                            {
-                                type: "text",
-                                value: "Tab",
-                            },
-                        ],
-                        children: [
-                            {
-                                type: "text",
-                                value: "Tab content",
-                            },
-                        ],
-                    },
-                },
-                {
-                    type: "component",
-                    name: "AntdTabPane",
-                    props: {
-                        key: "2",
-                        tab: [
-                            {
-                                type: "text",
-                                value: "Tab",
-                            },
-                        ],
-                        children: [
-                            {
-                                type: "text",
-                                value: "Tab content",
-                            },
-                        ],
-                    },
-                },
-            ],
-        },
-    },
-    actions: [
-        {
-            type: "custom-action",
-            control: NavigateTabs,
-        },
-        {
-            type: "button-action",
-            label: "Add new tab",
-            onClick: function (_a) {
-                var componentProps = _a.componentProps, studioOps = _a.studioOps;
-                // Get the first positive integer that isn't already a key
-                var generateNewKey = function () {
-                    var keysSet = new Set();
-                    customControls.traverseReactEltTree(componentProps.children, function (elt) {
-                        if ((elt === null || elt === void 0 ? void 0 : elt.type) === rcTabs.TabPane && typeof (elt === null || elt === void 0 ? void 0 : elt.key) === "string") {
-                            keysSet.add(elt.key);
-                        }
-                    });
-                    for (var keyCandidate = 1; keyCandidate <= keysSet.size + 1; keyCandidate++) {
-                        var strKey = keyCandidate.toString();
-                        if (!keysSet.has(strKey)) {
-                            return strKey;
-                        }
-                    }
-                    return undefined;
-                };
-                var tabKey = generateNewKey();
-                studioOps.appendToSlot({
-                    type: "component",
-                    name: "AntdTabPane",
-                    props: {
-                        key: tabKey,
-                    },
-                }, "children");
-                studioOps.updateProps({ activeKey: tabKey });
-            },
-        },
-        {
-            type: "button-action",
-            label: "Delete current tab",
-            onClick: function (_a) {
-                var componentProps = _a.componentProps, studioOps = _a.studioOps;
-                if (componentProps.activeKey) {
-                    var tabPanes_1 = [];
-                    customControls.traverseReactEltTree(componentProps.children, function (elt) {
-                        if ((elt === null || elt === void 0 ? void 0 : elt.type) === rcTabs.TabPane && typeof (elt === null || elt === void 0 ? void 0 : elt.key) === "string") {
-                            tabPanes_1.push(elt.key);
-                        }
-                    });
-                    var activeKey_1 = componentProps.activeKey;
-                    var currTabPos = tabPanes_1.findIndex(function (tabKey) {
-                        return tabKey === activeKey_1;
-                    });
-                    if (currTabPos !== -1) {
-                        studioOps.removeFromSlotAt(currTabPos, "children");
-                        if (tabPanes_1.length - 1 > 0) {
-                            var prevTabPos = (currTabPos - 1 + tabPanes_1.length) % tabPanes_1.length;
-                            studioOps.updateProps({ activeKey: tabPanes_1[prevTabPos] });
-                        }
-                    }
-                }
-            },
-        },
-        {
-            type: "custom-action",
-            control: OutlineMessage,
-        },
-    ],
-    importPath: "@plasmicpkgs/antd/skinny/registerTabs",
-    importName: "Tabs",
-};
-function registerTabs(loader, customTabsMeta) {
-    var doRegisterComponent = function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        return loader ? loader.registerComponent.apply(loader, args) : registerComponent.apply(void 0, args);
-    };
-    doRegisterComponent(Tabs, customTabsMeta !== null && customTabsMeta !== void 0 ? customTabsMeta : tabsMeta);
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
+var AntdTabs__default = /*#__PURE__*/_interopDefault(AntdTabs);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TabPane = AntdTabs__default.default.TabPane;
+const tabPaneMeta = {
+  name: "AntdTabPane",
+  displayName: "Antd Tab Pane",
+  props: {
+    tab: {
+      type: "slot",
+      defaultValue: [
+        {
+          type: "text",
+          value: "Tab"
+        }
+      ]
+    },
+    key: {
+      type: "string",
+      description: "Unique TabPane's key",
+      defaultValue: "tabPaneKey"
+    },
+    closable: {
+      type: "boolean",
+      description: "Wether the tab can be closed or not. Only works for editable tabs",
+      defaultValueHint: true
+    },
+    disabled: {
+      type: "boolean",
+      description: "Disabled state of tab",
+      defaultValueHint: false
+    },
+    forceRender: {
+      type: "boolean",
+      description: "Forced render of content in tabs, not lazy render after clicking on tabs",
+      defaultValueHint: false
+    },
+    closeIcon: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    children: {
+      type: "slot",
+      defaultValue: [
+        {
+          type: "text",
+          value: "Tab Content"
+        }
+      ]
+    }
+  },
+  parentComponentName: "AntdTabs",
+  importPath: "@plasmicpkgs/antd/skinny/registerTabs",
+  importName: "TabPane"
+};
+function registerTabPane(loader, customTabPaneMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
+  doRegisterComponent(TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
+}
+function Tabs(props) {
+  const _a = props, {
+    leftTabBarExtraContent,
+    rightTabBarExtraContent
+  } = _a, otherProps = __objRest(_a, [
+    "leftTabBarExtraContent",
+    "rightTabBarExtraContent"
+  ]);
+  return /* @__PURE__ */ React__default.default.createElement(AntdTabs__default.default, __spreadProps(__spreadValues({}, otherProps), {
+    tabBarExtraContent: {
+      left: leftTabBarExtraContent,
+      right: rightTabBarExtraContent
+    }
+  }));
+}
+function NavigateTabs({ componentProps, studioOps }) {
+  const tabPanes = [];
+  customControls.traverseReactEltTree(componentProps.children, (elt) => {
+    if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+      tabPanes.push(elt.key);
+    }
+  });
+  const activeKey = componentProps.activeKey;
+  const currTabPos = activeKey ? tabPanes.findIndex((tabKey) => {
+    return tabKey === activeKey;
+  }) : 0;
+  return /* @__PURE__ */ React__default.default.createElement("div", {
+    style: {
+      width: "100%",
+      display: "flex",
+      flexDirection: "row",
+      gap: "10px",
+      justifyContent: "space-between"
+    }
+  }, /* @__PURE__ */ React__default.default.createElement(antd.Button, {
+    style: { width: "100%" },
+    onClick: () => {
+      if (tabPanes.length > 0) {
+        const prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
+        studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });
+      }
+    }
+  }, "Prev tab"), /* @__PURE__ */ React__default.default.createElement(antd.Button, {
+    style: { width: "100%" },
+    onClick: () => {
+      if (tabPanes.length > 0) {
+        const nextTabPos = (currTabPos + 1) % tabPanes.length;
+        studioOps.updateProps({ activeKey: tabPanes[nextTabPos] });
+      }
+    }
+  }, "Next tab"));
+}
+function OutlineMessage() {
+  return /* @__PURE__ */ React__default.default.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
+}
+const tabsMeta = {
+  name: "AntdTabs",
+  displayName: "Antd Tabs",
+  props: {
+    type: {
+      type: "choice",
+      options: ["line", "card", "editable-card"],
+      defaultValueHint: "line",
+      description: "Basic style of tabs"
+    },
+    addIcon: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    animated: {
+      type: "object",
+      hidden: (props) => props.tabPosition !== "top" && !!props.tabPosition,
+      defaultValueHint: { inkBar: true, tabPane: false },
+      description: "Whether to change tabs with animation. Can be either a boolean or specify for inkBar and tabPane"
+    },
+    hideAdd: {
+      type: "boolean",
+      hidden: (props) => props.type !== "editable-card",
+      defaultValueHint: false,
+      description: "Hide plus icon or not"
+    },
+    moreIcon: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    size: {
+      type: "choice",
+      options: ["large", "default", "small"],
+      defaultValueHint: "default",
+      description: "Preset tab bar size"
+    },
+    tabPosition: {
+      type: "choice",
+      options: ["top", "right", "bottom", "left"],
+      defaultValueHint: "top",
+      description: "Position of tabs"
+    },
+    tabBarGutter: {
+      type: "number",
+      description: "The gap between tabs"
+    },
+    centered: {
+      type: "boolean",
+      description: "Centers tabs",
+      defaultValueHint: false
+    },
+    leftTabBarExtraContent: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    rightTabBarExtraContent: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    tabBarStyle: {
+      type: "object",
+      description: "CSS for the Tab Bar style"
+    },
+    activeKey: {
+      type: "choice",
+      editOnly: true,
+      uncontrolledProp: "defaultActiveKey",
+      description: "Initial active TabPane's key",
+      options: (props) => {
+        const options = /* @__PURE__ */ new Set();
+        customControls.traverseReactEltTree(props.children, (elt) => {
+          if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+            options.add(elt.key);
+          }
+        });
+        return Array.from(options.keys());
+      }
+    },
+    children: {
+      type: "slot",
+      allowedComponents: ["AntdTabPane"],
+      defaultValue: [
+        {
+          type: "component",
+          name: "AntdTabPane",
+          props: {
+            key: "1",
+            tab: [
+              {
+                type: "text",
+                value: "Tab"
+              }
+            ],
+            children: [
+              {
+                type: "text",
+                value: "Tab content"
+              }
+            ]
+          }
+        },
+        {
+          type: "component",
+          name: "AntdTabPane",
+          props: {
+            key: "2",
+            tab: [
+              {
+                type: "text",
+                value: "Tab"
+              }
+            ],
+            children: [
+              {
+                type: "text",
+                value: "Tab content"
+              }
+            ]
+          }
+        }
+      ]
+    }
+  },
+  actions: [
+    {
+      type: "custom-action",
+      control: NavigateTabs
+    },
+    {
+      type: "button-action",
+      label: "Add new tab",
+      onClick: ({ componentProps, studioOps }) => {
+        const generateNewKey = () => {
+          let keysSet = /* @__PURE__ */ new Set();
+          customControls.traverseReactEltTree(componentProps.children, (elt) => {
+            if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+              keysSet.add(elt.key);
+            }
+          });
+          for (let keyCandidate = 1; keyCandidate <= keysSet.size + 1; keyCandidate++) {
+            const strKey = keyCandidate.toString();
+            if (!keysSet.has(strKey)) {
+              return strKey;
+            }
+          }
+          return void 0;
+        };
+        const tabKey = generateNewKey();
+        studioOps.appendToSlot({
+          type: "component",
+          name: "AntdTabPane",
+          props: {
+            key: tabKey
+          }
+        }, "children");
+        studioOps.updateProps({ activeKey: tabKey });
+      }
+    },
+    {
+      type: "button-action",
+      label: "Delete current tab",
+      onClick: ({ componentProps, studioOps }) => {
+        if (componentProps.activeKey) {
+          const tabPanes = [];
+          customControls.traverseReactEltTree(componentProps.children, (elt) => {
+            if ((elt == null ? void 0 : elt.type) === TabPane && typeof (elt == null ? void 0 : elt.key) === "string") {
+              tabPanes.push(elt.key);
+            }
+          });
+          const activeKey = componentProps.activeKey;
+          const currTabPos = tabPanes.findIndex((tabKey) => {
+            return tabKey === activeKey;
+          });
+          if (currTabPos !== -1) {
+            studioOps.removeFromSlotAt(currTabPos, "children");
+            if (tabPanes.length - 1 > 0) {
+              const prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
+              studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });
+            }
+          }
+        }
+      }
+    },
+    {
+      type: "custom-action",
+      control: OutlineMessage
+    }
+  ],
+  importPath: "@plasmicpkgs/antd/skinny/registerTabs",
+  importName: "Tabs"
+};
+function registerTabs(loader, customTabsMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
+  doRegisterComponent(Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
 }
 
+exports.TabPane = TabPane;
 exports.Tabs = Tabs;
 exports.registerTabPane = registerTabPane;
 exports.registerTabs = registerTabs;