@plasmicpkgs/antd5 0.0.136 → 0.0.139

package/skinny/registerSelect.esm.js

@@ -1,8 +1,369 @@
-import 'antd';
-import 'react';
-import './utils-7d8f2418.esm.js';
-export { a as AntdOption, b as AntdOptionGroup, A as AntdSelect, o as optionComponentName, c as optionGroupComponentName, d as registerSelect, s as selectComponentName } from './registerSelect-d2c8e1c0.esm.js';
+import { Select } from 'antd';
+import React from 'react';
+import { r as registerComponentHelper, t as traverseReactEltTree } from './utils-7d8f2418.esm.js';
+import { r as reactNodeToString } from './react-utils-79d444f6.esm.js';
 import '@plasmicapp/host/registerComponent';
 import '@plasmicapp/host/registerGlobalContext';
 import 'classnames';
+
+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 AntdOption = Select.Option;
+const AntdOptionGroup = Select.OptGroup;
+function AntdSelect(props) {
+  const _a = props, {
+    popupClassName,
+    popupScopeClassName,
+    defaultStylesClassName,
+    suffixIcon,
+    mode,
+    useChildren
+  } = _a, rest = __objRest(_a, [
+    "popupClassName",
+    "popupScopeClassName",
+    "defaultStylesClassName",
+    "suffixIcon",
+    "mode",
+    "useChildren"
+  ]);
+  const curated = __spreadValues({}, rest);
+  if (useChildren) {
+    curated.options = void 0;
+  }
+  return /* @__PURE__ */ React.createElement(
+    Select,
+    __spreadValues(__spreadProps(__spreadValues({}, curated), {
+      mode: !mode || mode === "single" ? void 0 : mode,
+      popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`,
+      optionFilterProp: curated.options ? "label" : void 0,
+      filterOption: (input, option) => {
+        var _a2;
+        return (useChildren ? reactNodeToString(option == null ? void 0 : option.children) : (_a2 = option == null ? void 0 : option.label) != null ? _a2 : "").toLowerCase().includes(input.toLowerCase());
+      }
+    }), suffixIcon && { suffixIcon })
+  );
+}
+const selectComponentName = "plasmic-antd5-select";
+const optionComponentName = "plasmic-antd5-option";
+const optionGroupComponentName = "plasmic-antd5-option-group";
+function registerSelect(loader) {
+  registerComponentHelper(loader, AntdSelect, __spreadProps(__spreadValues({
+    name: selectComponentName,
+    displayName: "Select",
+    props: {
+      options: {
+        type: "array",
+        hidden: (ps) => !!ps.useChildren,
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.label || item.value,
+          fields: {
+            type: {
+              type: "choice",
+              options: [
+                { value: "option", label: "Option" },
+                { value: "option-group", label: "Option Group" }
+              ],
+              defaultValue: "option"
+            },
+            value: {
+              type: "string",
+              hidden: (_ps, _ctx, { item }) => item.type !== "option"
+            },
+            label: "string",
+            options: {
+              type: "array",
+              hidden: (_ps, _ctx, { item }) => {
+                return item.type !== "option-group";
+              },
+              itemType: {
+                type: "object",
+                nameFunc: (item) => item.label || item.value,
+                fields: {
+                  value: "string",
+                  label: "string"
+                }
+              }
+            }
+          }
+        },
+        defaultValue: [
+          {
+            value: "option1",
+            label: "Option 1",
+            type: "option"
+          },
+          {
+            value: "option2",
+            label: "Option 2",
+            type: "option"
+          }
+        ]
+      },
+      useChildren: {
+        displayName: "Use slot",
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: "Instead of configuring a list of options, customize the contents of the Select by dragging and dropping options in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Options, and also use Option Groups."
+      },
+      children: {
+        type: "slot",
+        allowedComponents: [optionComponentName, optionGroupComponentName],
+        hidden: (ps) => !ps.useChildren
+      },
+      placeholder: {
+        type: "slot",
+        defaultValue: "Select..."
+      },
+      suffixIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      open: {
+        type: "boolean",
+        editOnly: true,
+        uncontrolledProp: "defaultOpen"
+      },
+      value: {
+        type: "choice",
+        displayName: "Selected value",
+        editOnly: true,
+        uncontrolledProp: "defaultValue",
+        description: "Initial selected option",
+        multiSelect: (ps) => ps.mode === "multiple",
+        options: (ps) => {
+          var _a;
+          const options = /* @__PURE__ */ new Set();
+          if (!ps.useChildren) {
+            const rec = (op) => {
+              var _a2;
+              if (typeof op === "string") {
+                return [{ value: op, label: op }];
+              } else if ("options" in op) {
+                return ((_a2 = op.options) != null ? _a2 : []).flatMap((sub) => rec(sub));
+              } else {
+                return [{ value: op.value, label: op.label || op.value }];
+              }
+            };
+            return ((_a = ps.options) != null ? _a : []).flatMap((o) => rec(o));
+          } else {
+            traverseReactEltTree(ps.children, (elt) => {
+              var _a2;
+              if ((elt == null ? void 0 : elt.type) === Select.Option && typeof ((_a2 = elt == null ? void 0 : elt.props) == null ? void 0 : _a2.value) === "string") {
+                options.add(elt.props.value);
+              }
+            });
+          }
+          return Array.from(options.keys());
+        },
+        hidden: (ps) => !!ps.__plasmicFormField
+      },
+      mode: {
+        type: "choice",
+        options: ["single", "multiple"],
+        defaultValueHint: "single"
+      },
+      size: {
+        type: "choice",
+        options: ["small", "middle", "large"]
+      },
+      disabled: {
+        type: "boolean",
+        defaultValueHint: false
+      },
+      showSearch: {
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true
+      },
+      status: {
+        type: "choice",
+        options: ["error", "warning"],
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        defaultValueHint: true
+      },
+      autoFocus: {
+        type: "boolean",
+        displayName: "Focus automatically",
+        defaultValueHint: false,
+        advanced: true
+      },
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          { name: "value", type: "string" },
+          { name: "option", type: "object" }
+        ]
+      },
+      dropdownMatchSelectWidth: {
+        type: "boolean",
+        displayName: "Should dropdown match trigger button width?",
+        defaultValueHint: true,
+        advanced: true
+      },
+      triggerClassName: {
+        type: "class",
+        displayName: "Trigger styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":component .ant-select-selector.ant-select-selector",
+            label: "Base"
+          },
+          {
+            selector: ":component .ant-select-selector:hover",
+            label: "Hovered"
+          }
+        ],
+        advanced: true
+      },
+      popupScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "popup"
+      },
+      popupClassName: {
+        type: "class",
+        displayName: "Popup styles",
+        selectors: [],
+        advanced: true
+      },
+      optionClassName: {
+        type: "class",
+        displayName: "Option styles",
+        noSelf: true,
+        selectors: [
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option",
+            label: "Base"
+          },
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option-active",
+            label: "Focused"
+          },
+          {
+            selector: ":popup.ant-select-dropdown .ant-select-item-option-selected",
+            label: "Selected"
+          }
+        ],
+        advanced: true
+      },
+      placeholderClassName: {
+        type: "class",
+        displayName: "Placeholder styles",
+        selectors: [
+          {
+            selector: ":component .ant-select-selector .ant-select-selection-placeholder",
+            label: "Base"
+          }
+        ],
+        advanced: true
+      },
+      defaultStylesClassName: {
+        type: "themeResetClass"
+      }
+    },
+    states: {
+      value: {
+        type: "writable",
+        valueProp: "value",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }
+    }
+  }, { trapsSelection: true }), {
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdSelect"
+  }));
+  registerComponentHelper(loader, AntdOption, {
+    name: optionComponentName,
+    displayName: "Option",
+    parentComponentName: selectComponentName,
+    props: {
+      children: __spreadValues({
+        type: "slot",
+        defaultValue: "Option"
+      }, { mergeWithParent: true }),
+      value: {
+        type: "string"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdOption"
+  });
+  registerComponentHelper(loader, AntdOptionGroup, {
+    name: optionGroupComponentName,
+    displayName: "Option Group",
+    parentComponentName: selectComponentName,
+    props: {
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "component",
+            name: "plasmic-antd5-option",
+            props: {
+              value: "option1",
+              children: {
+                type: "text",
+                value: "Option 1"
+              }
+            }
+          },
+          {
+            type: "component",
+            name: "plasmic-antd5-option",
+            props: {
+              value: "option2",
+              children: {
+                type: "text",
+                value: "Option 1"
+              }
+            }
+          }
+        ]
+      },
+      label: {
+        type: "slot",
+        defaultValue: "Group label"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
+    importName: "AntdOptionGroup"
+  });
+}
+
+export { AntdOption, AntdOptionGroup, AntdSelect, optionComponentName, optionGroupComponentName, registerSelect, selectComponentName };
 //# sourceMappingURL=registerSelect.esm.js.map

package/skinny/registerSelect.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerSelect.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"registerSelect.esm.js","sources":["../src/registerSelect.tsx"],"sourcesContent":["import { Select } from \"antd\";\nimport React, { ComponentProps } from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\nimport { reactNodeToString } from \"./react-utils\";\n\nexport const AntdOption: typeof Select.Option = Select.Option;\nexport const AntdOptionGroup: typeof Select.OptGroup = Select.OptGroup;\n\nexport function AntdSelect(\n  props: ComponentProps<typeof Select> & {\n    popupScopeClassName?: string;\n    popupClassName?: string;\n    defaultStylesClassName?: string;\n    useChildren?: boolean;\n  }\n) {\n  const {\n    popupClassName,\n    popupScopeClassName,\n    defaultStylesClassName,\n    suffixIcon,\n    mode,\n    useChildren,\n    ...rest\n  } = props;\n  const curated = { ...rest };\n  if (useChildren) {\n    curated.options = undefined;\n  }\n  return (\n    <Select\n      {...curated}\n      mode={!mode || (mode as any) === \"single\" ? undefined : mode}\n      popupClassName={`${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`}\n      optionFilterProp={curated.options ? \"label\" : undefined}\n      filterOption={(input, option) =>\n        (useChildren\n          ? reactNodeToString(option?.children)\n          : option?.label ?? \"\"\n        )\n          .toLowerCase()\n          .includes(input.toLowerCase())\n      }\n      {...(suffixIcon && { suffixIcon })}\n    />\n  );\n}\n\nexport const selectComponentName = \"plasmic-antd5-select\";\nexport const optionComponentName = \"plasmic-antd5-option\";\nexport const optionGroupComponentName = \"plasmic-antd5-option-group\";\n\nexport function registerSelect(loader?: Registerable) {\n  registerComponentHelper(loader, AntdSelect, {\n    name: selectComponentName,\n    displayName: \"Select\",\n    props: {\n      options: {\n        type: \"array\",\n        hidden: (ps) => !!ps.useChildren,\n        itemType: {\n          type: \"object\",\n          nameFunc: (item: any) => item.label || item.value,\n          fields: {\n            type: {\n              type: \"choice\",\n              options: [\n                { value: \"option\", label: \"Option\" },\n                { value: \"option-group\", label: \"Option Group\" },\n              ],\n              defaultValue: \"option\",\n            },\n            value: {\n              type: \"string\",\n              hidden: (_ps: any, _ctx: any, { item }: any) =>\n                item.type !== \"option\",\n            },\n            label: \"string\",\n            options: {\n              type: \"array\",\n              hidden: (_ps: any, _ctx: any, { item }: any) => {\n                return item.type !== \"option-group\";\n              },\n              itemType: {\n                type: \"object\",\n                nameFunc: (item: any) => item.label || item.value,\n                fields: {\n                  value: \"string\",\n                  label: \"string\",\n                },\n              },\n            },\n          },\n        },\n        defaultValue: [\n          {\n            value: \"option1\",\n            label: \"Option 1\",\n            type: \"option\",\n          },\n          {\n            value: \"option2\",\n            label: \"Option 2\",\n            type: \"option\",\n          },\n        ],\n      },\n\n      useChildren: {\n        displayName: \"Use slot\",\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description:\n          \"Instead of configuring a list of options, customize the contents of the Select by dragging and dropping options in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Options, and also use Option Groups.\",\n      },\n\n      children: {\n        type: \"slot\",\n        allowedComponents: [optionComponentName, optionGroupComponentName],\n        hidden: (ps) => !ps.useChildren,\n      },\n\n      placeholder: {\n        type: \"slot\",\n        defaultValue: \"Select...\",\n      },\n      suffixIcon: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      open: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultOpen\",\n      },\n      value: {\n        type: \"choice\",\n        displayName: \"Selected value\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Initial selected option\",\n        multiSelect: (ps) => ps.mode === \"multiple\",\n        options: (ps) => {\n          const options = new Set<string>();\n          if (!ps.useChildren) {\n            const rec = (op: any) => {\n              if (typeof op === \"string\") {\n                return [{ value: op, label: op }];\n              } else if (\"options\" in op) {\n                return (op.options ?? []).flatMap((sub: any) => rec(sub));\n              } else {\n                return [{ value: op.value, label: op.label || op.value }];\n              }\n            };\n            return (ps.options ?? []).flatMap((o: any) => rec(o));\n          } else {\n            traverseReactEltTree(ps.children, (elt) => {\n              if (\n                elt?.type === Select.Option &&\n                typeof elt?.props?.value === \"string\"\n              ) {\n                options.add(elt.props.value);\n              }\n            });\n          }\n          return Array.from(options.keys());\n        },\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      mode: {\n        type: \"choice\",\n        options: [\"single\", \"multiple\"],\n        defaultValueHint: \"single\",\n      },\n      size: {\n        type: \"choice\",\n        options: [\"small\", \"middle\", \"large\"],\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      showSearch: {\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      status: {\n        type: \"choice\",\n        options: [\"error\", \"warning\"],\n        advanced: true,\n      },\n      bordered: {\n        type: \"boolean\",\n        defaultValueHint: true,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        displayName: \"Focus automatically\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [\n          { name: \"value\", type: \"string\" },\n          { name: \"option\", type: \"object\" },\n        ],\n      } as any,\n      dropdownMatchSelectWidth: {\n        type: \"boolean\",\n        displayName: \"Should dropdown match trigger button width?\",\n        defaultValueHint: true,\n        advanced: true,\n      },\n      triggerClassName: {\n        type: \"class\",\n        displayName: \"Trigger styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":component .ant-select-selector.ant-select-selector\",\n            label: \"Base\",\n          },\n          {\n            selector: \":component .ant-select-selector:hover\",\n            label: \"Hovered\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      popupScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"popup\",\n      } as any,\n      popupClassName: {\n        type: \"class\",\n        displayName: \"Popup styles\",\n        selectors: [],\n        advanced: true,\n      } as any,\n      optionClassName: {\n        type: \"class\",\n        displayName: \"Option styles\",\n        noSelf: true,\n        selectors: [\n          {\n            selector: \":popup.ant-select-dropdown .ant-select-item-option\",\n            label: \"Base\",\n          },\n          {\n            selector:\n              \":popup.ant-select-dropdown .ant-select-item-option-active\",\n            label: \"Focused\",\n          },\n          {\n            selector:\n              \":popup.ant-select-dropdown .ant-select-item-option-selected\",\n            label: \"Selected\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      placeholderClassName: {\n        type: \"class\",\n        displayName: \"Placeholder styles\",\n        selectors: [\n          {\n            selector:\n              \":component .ant-select-selector .ant-select-selection-placeholder\",\n            label: \"Base\",\n          },\n        ],\n        advanced: true,\n      } as any,\n      defaultStylesClassName: {\n        type: \"themeResetClass\",\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    ...({ trapsSelection: true } as any),\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSelect\",\n    importName: \"AntdSelect\",\n  });\n\n  registerComponentHelper(loader, AntdOption, {\n    name: optionComponentName,\n    displayName: \"Option\",\n    parentComponentName: selectComponentName,\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: \"Option\",\n        ...({ mergeWithParent: true } as any),\n      },\n      value: {\n        type: \"string\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSelect\",\n    importName: \"AntdOption\",\n  });\n\n  registerComponentHelper(loader, AntdOptionGroup, {\n    name: optionGroupComponentName,\n    displayName: \"Option Group\",\n    parentComponentName: selectComponentName,\n    props: {\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-option\",\n            props: {\n              value: \"option1\",\n              children: {\n                type: \"text\",\n                value: \"Option 1\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-option\",\n            props: {\n              value: \"option2\",\n              children: {\n                type: \"text\",\n                value: \"Option 1\",\n              },\n            },\n          },\n        ],\n      },\n      label: {\n        type: \"slot\",\n        defaultValue: \"Group label\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerSelect\",\n    importName: \"AntdOptionGroup\",\n  });\n}\n"],"names":["_a"],"mappings":"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"}

package/skinny/registerTabs.cjs.js

@@ -48,13 +48,17 @@ const AntdTabItem = ({ children }) => {
 };
 function getTabItems(items) {
   var _a;
-  if ((items == null ? void 0 : items.type) === AntdTabItem) {
-    return [items];
-  }
-  if (Array.isArray((_a = items == null ? void 0 : items.props) == null ? void 0 : _a.children)) {
-    return items.props.children.filter((item) => item.type === AntdTabItem);
-  }
-  return [];
+  return ((_a = items == null ? void 0 : items.type) == null ? void 0 : _a.name) == AntdTabItem.name ? [items] : items == null ? void 0 : items.props.children;
+}
+function getTabItemKeys(items) {
+  const keys = [];
+  utils.traverseReactEltTree(items, (elt) => {
+    var _a;
+    if (((_a = elt == null ? void 0 : elt.type) == null ? void 0 : _a.name) === AntdTabItem.name && typeof (elt == null ? void 0 : elt.key) === "string") {
+      keys.push(`${elt.key}`);
+    }
+  });
+  return keys;
 }
 function AntdTabs(props) {
   const _a = props, {
@@ -98,9 +102,6 @@ function AntdTabs(props) {
       return [];
     const tabItems = getTabItems(itemsRaw);
     return tabItems.map((currentItem) => {
-      if (!React__default.default.isValidElement(currentItem) || !React__default.default.isValidElement(currentItem.props.children)) {
-        return null;
-      }
       return __spreadProps(__spreadValues({}, currentItem.props), {
         key: currentItem.key,
         children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, currentItem.props.children)
@@ -117,7 +118,7 @@ function AntdTabs(props) {
         right: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, tabBarExtraContentRight)
       },
       tabPosition,
-      renderTabBar: sticky && tabPosition === "top" ? (props2, DefaultTabBar) => /* @__PURE__ */ React__default.default.createElement(
+      renderTabBar: sticky && tabPosition === "top" ? (tabBarProps, DefaultTabBar) => /* @__PURE__ */ React__default.default.createElement(
         "div",
         {
           style: {
@@ -128,7 +129,7 @@ function AntdTabs(props) {
         },
         /* @__PURE__ */ React__default.default.createElement(
           DefaultTabBar,
-          __spreadProps(__spreadValues({}, props2), {
+          __spreadProps(__spreadValues({}, tabBarProps), {
             style: { backgroundColor: tabBarBackground }
           })
         )
@@ -141,15 +142,6 @@ function AntdTabs(props) {
 function OutlineMessage() {
   return /* @__PURE__ */ React__default.default.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
 }
-function getActiveKeyOptions(props) {
-  const options = /* @__PURE__ */ new Set();
-  utils.traverseReactEltTree(getTabItems(props.items), (elt) => {
-    if ((elt == null ? void 0 : elt.type) === AntdTabItem && typeof (elt == null ? void 0 : elt.key) === "string") {
-      options.add(elt.key);
-    }
-  });
-  return Array.from(options.keys());
-}
 function registerTabs(loader) {
   utils.registerComponentHelper(loader, AntdTabs, {
     name: tabsComponentName,
@@ -165,7 +157,7 @@ function registerTabs(loader) {
         uncontrolledProp: "defaultActiveKey",
         type: "choice",
         description: `Initial active tab's key`,
-        options: getActiveKeyOptions
+        options: (ps) => getTabItemKeys(ps.items)
       },
       animated: {
         type: "boolean",
@@ -350,15 +342,13 @@ function registerTabs(loader) {
         label: "Add new tab",
         onClick: ({ componentProps, studioOps }) => {
           const generateNewKey = () => {
-            const keysSet = /* @__PURE__ */ new Set();
-            utils.traverseReactEltTree(getTabItems(componentProps.items), (elt) => {
-              if ((elt == null ? void 0 : elt.type) === AntdTabItem && typeof (elt == null ? void 0 : elt.key) === "string") {
-                keysSet.add(elt.key);
-              }
-            });
-            for (let keyCandidate = 1; keyCandidate <= keysSet.size + 1; keyCandidate++) {
+            const existingKeys = getTabItemKeys(componentProps.items);
+            for (let keyCandidate = 1; keyCandidate <= existingKeys.length + 1; keyCandidate++) {
               const strKey = keyCandidate.toString();
-              if (!keysSet.has(strKey)) {
+              const index = existingKeys.findIndex((k) => {
+                return strKey === k;
+              });
+              if (index === -1) {
                 return strKey;
               }
             }
@@ -391,12 +381,7 @@ function registerTabs(loader) {
         label: "Delete current tab",
         onClick: ({ componentProps, studioOps }) => {
           if (componentProps.activeKey) {
-            const tabPanes = [];
-            utils.traverseReactEltTree(getTabItems(componentProps.items), (elt) => {
-              if ((elt == null ? void 0 : elt.type) === AntdTabItem && typeof (elt == null ? void 0 : elt.key) === "string") {
-                tabPanes.push(elt.key);
-              }
-            });
+            const tabPanes = getTabItemKeys(componentProps.items);
             const activeKey = componentProps.activeKey;
             const currTabPos = tabPanes.findIndex((tabKey) => {
               return tabKey === activeKey;