@plasmicpkgs/antd 2.0.5 → 2.0.7

package/skinny/registerTabs.js

@@ -1,346 +1,334 @@
-import registerComponent from '@plasmicapp/host/registerComponent';
-import { Button } from 'antd';
-import AntdTabs from 'antd/es/tabs';
-import React from 'react';
-import { t as traverseReactEltTree } from './customControls-f5378e2f.js';
+'use strict';
 
-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 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: "antd/es/tabs/TabPane",
-  isDefaultExport: true
-};
-const TabPane = AntdTabs.TabPane;
-function registerTabPane(loader, customTabPaneMeta) {
-  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
-  doRegisterComponent(AntdTabs.TabPane, customTabPaneMeta != null ? customTabPaneMeta : tabPaneMeta);
-}
-function Tabs(props) {
-  const _a = props, {
-    leftTabBarExtraContent,
-    rightTabBarExtraContent
-  } = _a, otherProps = __objRest(_a, [
-    "leftTabBarExtraContent",
-    "rightTabBarExtraContent"
-  ]);
-  return /* @__PURE__ */ React.createElement(AntdTabs, __spreadProps(__spreadValues({}, otherProps), {
-    tabBarExtraContent: {
-      left: leftTabBarExtraContent,
-      right: rightTabBarExtraContent
-    }
-  }));
-}
-function NavigateTabs({ componentProps, studioOps }) {
-  const tabPanes = [];
-  traverseReactEltTree(componentProps.children, (elt) => {
-    if ((elt == null ? void 0 : elt.type) === AntdTabs.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.createElement("div", {
-    style: {
-      width: "100%",
-      display: "flex",
-      flexDirection: "row",
-      gap: "10px",
-      justifyContent: "space-between"
-    }
-  }, /* @__PURE__ */ React.createElement(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.createElement(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.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();
-        traverseReactEltTree(props.children, (elt) => {
-          if ((elt == null ? void 0 : elt.type) === AntdTabs.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();
-          traverseReactEltTree(componentProps.children, (elt) => {
-            if ((elt == null ? void 0 : elt.type) === AntdTabs.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 = [];
-          traverseReactEltTree(componentProps.children, (elt) => {
-            if ((elt == null ? void 0 : elt.type) === AntdTabs.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(...args);
-  doRegisterComponent(Tabs, customTabsMeta != null ? customTabsMeta : tabsMeta);
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib_es6 = require('./tslib.es6-40998fef.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-8143c119.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var registerComponent__default = /*#__PURE__*/_interopDefaultLegacy(registerComponent);
+var AntdTabs__default = /*#__PURE__*/_interopDefaultLegacy(AntdTabs);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+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__default['default'].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__default['default'].createElement(AntdTabs__default['default'], 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__default['default'].createElement("div", { style: {
+            width: "100%",
+            display: "flex",
+            flexDirection: "row",
+            gap: "10px",
+            justifyContent: "space-between",
+        } },
+        React__default['default'].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__default['default'].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__default['default'].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__default['default'].apply(void 0, args);
+    };
+    doRegisterComponent(Tabs, customTabsMeta !== null && customTabsMeta !== void 0 ? customTabsMeta : tabsMeta);
 }
 
-export { TabPane, Tabs, registerTabPane, registerTabs, tabPaneMeta, tabsMeta };
+exports.Tabs = Tabs;
+exports.registerTabPane = registerTabPane;
+exports.registerTabs = registerTabs;
+exports.tabPaneMeta = tabPaneMeta;
+exports.tabsMeta = tabsMeta;
 //# sourceMappingURL=registerTabs.js.map