@plasmicpkgs/antd 2.0.44 → 2.0.46

package/dist/antd.esm.js

@@ -329,7 +329,10 @@ const checkboxGroupMeta = {
 };
 function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
-  doRegisterComponent(CheckboxGroup, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
+  doRegisterComponent(
+    CheckboxGroup,
+    customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta
+  );
 }
 
 var __defProp$5 = Object.defineProperty;
@@ -416,7 +419,10 @@ const collapstePanelMeta = {
 };
 function registerCollapsePanel(loader, customCollapsePanelMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
-  doRegisterComponent(CollapsePanel, customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta);
+  doRegisterComponent(
+    CollapsePanel,
+    customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta
+  );
 }
 const collapsteMeta = {
   name: "AntdCollapse",
@@ -491,9 +497,12 @@ const collapsteMeta = {
 };
 function Collapse(props) {
   const _a = props, { openIcon, closeIcon } = _a, rest = __objRest$3(_a, ["openIcon", "closeIcon"]);
-  return /* @__PURE__ */ React.createElement(AntdCollapse, __spreadProps$3(__spreadValues$5({}, rest), {
-    expandIcon: openIcon || closeIcon ? ({ isActive }) => isActive ? openIcon : closeIcon : void 0
-  }));
+  return /* @__PURE__ */ React.createElement(
+    AntdCollapse,
+    __spreadProps$3(__spreadValues$5({}, rest), {
+      expandIcon: openIcon || closeIcon ? ({ isActive }) => isActive ? openIcon : closeIcon : void 0
+    })
+  );
 }
 function registerCollapse(loader, customCollapseMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
@@ -667,7 +676,10 @@ const dropdownButtonMeta = {
 };
 function registerDropdownButton(loader, customDropdownButtonMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
-  doRegisterComponent(DropdownButton, customDropdownButtonMeta != null ? customDropdownButtonMeta : dropdownButtonMeta);
+  doRegisterComponent(
+    DropdownButton,
+    customDropdownButtonMeta != null ? customDropdownButtonMeta : dropdownButtonMeta
+  );
 }
 
 var __defProp$3 = Object.defineProperty;
@@ -1679,28 +1691,28 @@ var __objRest$2 = (source, exclude) => {
     }
   return target;
 };
-const Slider = React.forwardRef((_a, ref) => {
-  var _b = _a, { value, defaultValue, value2, defaultValue2 } = _b, props = __objRest$2(_b, ["value", "defaultValue", "value2", "defaultValue2"]);
-  const newProps = __spreadValues$2({}, props);
-  if (props.range) {
-    if (typeof value === "number" || typeof value2 === "number") {
-      newProps.value = [value != null ? value : 0, value2 != null ? value2 : 0];
-    }
-    if (typeof defaultValue === "number" || typeof defaultValue2 === "number") {
-      newProps.defaultValue = [defaultValue != null ? defaultValue : 0, defaultValue2 != null ? defaultValue2 : 0];
-    }
-  } else {
-    if (typeof value === "number") {
-      newProps.value = value;
-    }
-    if (typeof defaultValue === "number") {
-      newProps.defaultValue = defaultValue;
+const Slider = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { value, defaultValue, value2, defaultValue2 } = _b, props = __objRest$2(_b, ["value", "defaultValue", "value2", "defaultValue2"]);
+    const newProps = __spreadValues$2({}, props);
+    if (props.range) {
+      if (typeof value === "number" || typeof value2 === "number") {
+        newProps.value = [value != null ? value : 0, value2 != null ? value2 : 0];
+      }
+      if (typeof defaultValue === "number" || typeof defaultValue2 === "number") {
+        newProps.defaultValue = [defaultValue != null ? defaultValue : 0, defaultValue2 != null ? defaultValue2 : 0];
+      }
+    } else {
+      if (typeof value === "number") {
+        newProps.value = value;
+      }
+      if (typeof defaultValue === "number") {
+        newProps.defaultValue = defaultValue;
+      }
     }
+    return /* @__PURE__ */ React.createElement(AntdSlider, __spreadProps$1(__spreadValues$2({}, newProps), { ref }));
   }
-  return /* @__PURE__ */ React.createElement(AntdSlider, __spreadProps$1(__spreadValues$2({}, newProps), {
-    ref
-  }));
-});
+);
 const sliderMeta = {
   name: "AntdSlider",
   displayName: "Antd Slider",
@@ -1882,9 +1894,7 @@ function TableValue(props) {
   var _a;
   const { className } = props;
   const column = useSelector("currentColumn");
-  return /* @__PURE__ */ React.createElement("div", {
-    className
-  }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
+  return /* @__PURE__ */ React.createElement("div", { className }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
 }
 function ColumnWrapper(props) {
   return props.children;
@@ -1894,47 +1904,47 @@ function TableWrapper(props) {
   const { className, items, columns, size, onSelect, pagination } = props;
   const tableColumns = (_b = (_a = columns == null ? void 0 : columns.props) == null ? void 0 : _a.children) != null ? _b : columns;
   const columnDefinitions = React.useMemo(() => {
-    return React.Children.map(tableColumns, (column, columnIndex) => {
-      if (!column) {
-        return void 0;
-      }
-      const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest$1(_a2, ["columnTemplate", "title", "dataIndex"]);
-      const columnDefinition = {
-        columnIndex,
-        title,
-        dataIndex,
-        key: columnIndex,
-        render: (value, record, rowIndex) => {
-          return /* @__PURE__ */ React.createElement(DataProvider, {
-            name: "currentRow",
-            data: record
-          }, /* @__PURE__ */ React.createElement(DataProvider, {
-            name: "currentRowIndex",
-            data: rowIndex
-          }, /* @__PURE__ */ React.createElement(DataProvider, {
-            name: "currentColumn",
-            data: value
-          }, repeatedElement(rowIndex, /* @__PURE__ */ React.createElement(ColumnWrapper, __spreadValues$1({}, rest), columnTemplate)))));
+    return React.Children.map(
+      tableColumns,
+      (column, columnIndex) => {
+        if (!column) {
+          return void 0;
         }
-      };
-      return columnDefinition;
-    }).filter(Boolean);
+        const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest$1(_a2, ["columnTemplate", "title", "dataIndex"]);
+        const columnDefinition = {
+          columnIndex,
+          title,
+          dataIndex,
+          key: columnIndex,
+          render: (value, record, rowIndex) => {
+            return /* @__PURE__ */ React.createElement(DataProvider, { name: "currentRow", data: record }, /* @__PURE__ */ React.createElement(DataProvider, { name: "currentRowIndex", data: rowIndex }, /* @__PURE__ */ React.createElement(DataProvider, { name: "currentColumn", data: value }, repeatedElement(
+              rowIndex,
+              /* @__PURE__ */ React.createElement(ColumnWrapper, __spreadValues$1({}, rest), columnTemplate)
+            ))));
+          }
+        };
+        return columnDefinition;
+      }
+    ).filter(Boolean);
   }, [tableColumns]);
-  return /* @__PURE__ */ React.createElement(Table, {
-    className,
-    columns: columnDefinitions,
-    dataSource: items,
-    size,
-    onRow: (record) => {
-      return {
-        onMouseUp: () => {
-          return onSelect == null ? void 0 : onSelect(record.id);
-        }
-      };
-    },
-    pagination: pagination ? void 0 : pagination,
-    rowKey: "id"
-  });
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      className,
+      columns: columnDefinitions,
+      dataSource: items,
+      size,
+      onRow: (record) => {
+        return {
+          onMouseUp: () => {
+            return onSelect == null ? void 0 : onSelect(record.id);
+          }
+        };
+      },
+      pagination: pagination ? void 0 : pagination,
+      rowKey: "id"
+    }
+  );
 }
 const DEFAULT_ITEMS = [
   {
@@ -2141,12 +2151,15 @@ function Tabs(props) {
     "leftTabBarExtraContent",
     "rightTabBarExtraContent"
   ]);
-  return /* @__PURE__ */ React.createElement(AntdTabs, __spreadProps(__spreadValues({}, otherProps), {
-    tabBarExtraContent: {
-      left: leftTabBarExtraContent,
-      right: rightTabBarExtraContent
-    }
-  }));
+  return /* @__PURE__ */ React.createElement(
+    AntdTabs,
+    __spreadProps(__spreadValues({}, otherProps), {
+      tabBarExtraContent: {
+        left: leftTabBarExtraContent,
+        right: rightTabBarExtraContent
+      }
+    })
+  );
 }
 function NavigateTabs({ componentProps, studioOps }) {
   const tabPanes = [];
@@ -2159,31 +2172,44 @@ function NavigateTabs({ componentProps, studioOps }) {
   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$1, {
-    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$1, {
-    style: { width: "100%" },
-    onClick: () => {
-      if (tabPanes.length > 0) {
-        const nextTabPos = (currTabPos + 1) % tabPanes.length;
-        studioOps.updateProps({ activeKey: tabPanes[nextTabPos] });
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        display: "flex",
+        flexDirection: "row",
+        gap: "10px",
+        justifyContent: "space-between"
       }
-    }
-  }, "Next tab"));
+    },
+    /* @__PURE__ */ React.createElement(
+      Button$1,
+      {
+        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$1,
+      {
+        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");
@@ -2336,13 +2362,16 @@ const tabsMeta = {
           return void 0;
         };
         const tabKey = generateNewKey();
-        studioOps.appendToSlot({
-          type: "component",
-          name: "AntdTabPane",
-          props: {
-            key: tabKey
-          }
-        }, "children");
+        studioOps.appendToSlot(
+          {
+            type: "component",
+            name: "AntdTabPane",
+            props: {
+              key: tabKey
+            }
+          },
+          "children"
+        );
         studioOps.updateProps({ activeKey: tabKey });
       }
     },

package/dist/index.js

@@ -359,7 +359,10 @@ const checkboxGroupMeta = {
 };
 function registerCheckboxGroup(loader, customCheckboxGroupMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
-  doRegisterComponent(CheckboxGroup__default.default, customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta);
+  doRegisterComponent(
+    CheckboxGroup__default.default,
+    customCheckboxGroupMeta != null ? customCheckboxGroupMeta : checkboxGroupMeta
+  );
 }
 
 var __defProp$5 = Object.defineProperty;
@@ -446,7 +449,10 @@ const collapstePanelMeta = {
 };
 function registerCollapsePanel(loader, customCollapsePanelMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
-  doRegisterComponent(CollapsePanel__default.default, customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta);
+  doRegisterComponent(
+    CollapsePanel__default.default,
+    customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta
+  );
 }
 const collapsteMeta = {
   name: "AntdCollapse",
@@ -521,9 +527,12 @@ const collapsteMeta = {
 };
 function Collapse(props) {
   const _a = props, { openIcon, closeIcon } = _a, rest = __objRest$3(_a, ["openIcon", "closeIcon"]);
-  return /* @__PURE__ */ React__default.default.createElement(AntdCollapse__default.default, __spreadProps$3(__spreadValues$5({}, rest), {
-    expandIcon: openIcon || closeIcon ? ({ isActive }) => isActive ? openIcon : closeIcon : void 0
-  }));
+  return /* @__PURE__ */ React__default.default.createElement(
+    AntdCollapse__default.default,
+    __spreadProps$3(__spreadValues$5({}, rest), {
+      expandIcon: openIcon || closeIcon ? ({ isActive }) => isActive ? openIcon : closeIcon : void 0
+    })
+  );
 }
 function registerCollapse(loader, customCollapseMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
@@ -697,7 +706,10 @@ const dropdownButtonMeta = {
 };
 function registerDropdownButton(loader, customDropdownButtonMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
-  doRegisterComponent(DropdownButton__default.default, customDropdownButtonMeta != null ? customDropdownButtonMeta : dropdownButtonMeta);
+  doRegisterComponent(
+    DropdownButton__default.default,
+    customDropdownButtonMeta != null ? customDropdownButtonMeta : dropdownButtonMeta
+  );
 }
 
 var __defProp$3 = Object.defineProperty;
@@ -1709,28 +1721,28 @@ var __objRest$2 = (source, exclude) => {
     }
   return target;
 };
-const Slider = React__default.default.forwardRef((_a, ref) => {
-  var _b = _a, { value, defaultValue, value2, defaultValue2 } = _b, props = __objRest$2(_b, ["value", "defaultValue", "value2", "defaultValue2"]);
-  const newProps = __spreadValues$2({}, props);
-  if (props.range) {
-    if (typeof value === "number" || typeof value2 === "number") {
-      newProps.value = [value != null ? value : 0, value2 != null ? value2 : 0];
-    }
-    if (typeof defaultValue === "number" || typeof defaultValue2 === "number") {
-      newProps.defaultValue = [defaultValue != null ? defaultValue : 0, defaultValue2 != null ? defaultValue2 : 0];
-    }
-  } else {
-    if (typeof value === "number") {
-      newProps.value = value;
-    }
-    if (typeof defaultValue === "number") {
-      newProps.defaultValue = defaultValue;
+const Slider = React__default.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { value, defaultValue, value2, defaultValue2 } = _b, props = __objRest$2(_b, ["value", "defaultValue", "value2", "defaultValue2"]);
+    const newProps = __spreadValues$2({}, props);
+    if (props.range) {
+      if (typeof value === "number" || typeof value2 === "number") {
+        newProps.value = [value != null ? value : 0, value2 != null ? value2 : 0];
+      }
+      if (typeof defaultValue === "number" || typeof defaultValue2 === "number") {
+        newProps.defaultValue = [defaultValue != null ? defaultValue : 0, defaultValue2 != null ? defaultValue2 : 0];
+      }
+    } else {
+      if (typeof value === "number") {
+        newProps.value = value;
+      }
+      if (typeof defaultValue === "number") {
+        newProps.defaultValue = defaultValue;
+      }
     }
+    return /* @__PURE__ */ React__default.default.createElement(AntdSlider__default.default, __spreadProps$1(__spreadValues$2({}, newProps), { ref }));
   }
-  return /* @__PURE__ */ React__default.default.createElement(AntdSlider__default.default, __spreadProps$1(__spreadValues$2({}, newProps), {
-    ref
-  }));
-});
+);
 const sliderMeta = {
   name: "AntdSlider",
   displayName: "Antd Slider",
@@ -1912,9 +1924,7 @@ function TableValue(props) {
   var _a;
   const { className } = props;
   const column = host.useSelector("currentColumn");
-  return /* @__PURE__ */ React__default.default.createElement("div", {
-    className
-  }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
+  return /* @__PURE__ */ React__default.default.createElement("div", { className }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
 }
 function ColumnWrapper(props) {
   return props.children;
@@ -1924,47 +1934,47 @@ function TableWrapper(props) {
   const { className, items, columns, size, onSelect, pagination } = props;
   const tableColumns = (_b = (_a = columns == null ? void 0 : columns.props) == null ? void 0 : _a.children) != null ? _b : columns;
   const columnDefinitions = React__default.default.useMemo(() => {
-    return React__default.default.Children.map(tableColumns, (column, columnIndex) => {
-      if (!column) {
-        return void 0;
-      }
-      const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest$1(_a2, ["columnTemplate", "title", "dataIndex"]);
-      const columnDefinition = {
-        columnIndex,
-        title,
-        dataIndex,
-        key: columnIndex,
-        render: (value, record, rowIndex) => {
-          return /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
-            name: "currentRow",
-            data: record
-          }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
-            name: "currentRowIndex",
-            data: rowIndex
-          }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, {
-            name: "currentColumn",
-            data: value
-          }, host.repeatedElement(rowIndex, /* @__PURE__ */ React__default.default.createElement(ColumnWrapper, __spreadValues$1({}, rest), columnTemplate)))));
+    return React__default.default.Children.map(
+      tableColumns,
+      (column, columnIndex) => {
+        if (!column) {
+          return void 0;
         }
-      };
-      return columnDefinition;
-    }).filter(Boolean);
+        const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest$1(_a2, ["columnTemplate", "title", "dataIndex"]);
+        const columnDefinition = {
+          columnIndex,
+          title,
+          dataIndex,
+          key: columnIndex,
+          render: (value, record, rowIndex) => {
+            return /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentRow", data: record }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentRowIndex", data: rowIndex }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentColumn", data: value }, host.repeatedElement(
+              rowIndex,
+              /* @__PURE__ */ React__default.default.createElement(ColumnWrapper, __spreadValues$1({}, rest), columnTemplate)
+            ))));
+          }
+        };
+        return columnDefinition;
+      }
+    ).filter(Boolean);
   }, [tableColumns]);
-  return /* @__PURE__ */ React__default.default.createElement(Table__default.default, {
-    className,
-    columns: columnDefinitions,
-    dataSource: items,
-    size,
-    onRow: (record) => {
-      return {
-        onMouseUp: () => {
-          return onSelect == null ? void 0 : onSelect(record.id);
-        }
-      };
-    },
-    pagination: pagination ? void 0 : pagination,
-    rowKey: "id"
-  });
+  return /* @__PURE__ */ React__default.default.createElement(
+    Table__default.default,
+    {
+      className,
+      columns: columnDefinitions,
+      dataSource: items,
+      size,
+      onRow: (record) => {
+        return {
+          onMouseUp: () => {
+            return onSelect == null ? void 0 : onSelect(record.id);
+          }
+        };
+      },
+      pagination: pagination ? void 0 : pagination,
+      rowKey: "id"
+    }
+  );
 }
 const DEFAULT_ITEMS = [
   {
@@ -2171,12 +2181,15 @@ function Tabs(props) {
     "leftTabBarExtraContent",
     "rightTabBarExtraContent"
   ]);
-  return /* @__PURE__ */ React__default.default.createElement(AntdTabs__default.default, __spreadProps(__spreadValues({}, otherProps), {
-    tabBarExtraContent: {
-      left: leftTabBarExtraContent,
-      right: rightTabBarExtraContent
-    }
-  }));
+  return /* @__PURE__ */ React__default.default.createElement(
+    AntdTabs__default.default,
+    __spreadProps(__spreadValues({}, otherProps), {
+      tabBarExtraContent: {
+        left: leftTabBarExtraContent,
+        right: rightTabBarExtraContent
+      }
+    })
+  );
 }
 function NavigateTabs({ componentProps, studioOps }) {
   const tabPanes = [];
@@ -2189,31 +2202,44 @@ function NavigateTabs({ componentProps, studioOps }) {
   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] });
+  return /* @__PURE__ */ React__default.default.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        display: "flex",
+        flexDirection: "row",
+        gap: "10px",
+        justifyContent: "space-between"
       }
-    }
-  }, "Next tab"));
+    },
+    /* @__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");
@@ -2366,13 +2392,16 @@ const tabsMeta = {
           return void 0;
         };
         const tabKey = generateNewKey();
-        studioOps.appendToSlot({
-          type: "component",
-          name: "AntdTabPane",
-          props: {
-            key: tabKey
-          }
-        }, "children");
+        studioOps.appendToSlot(
+          {
+            type: "component",
+            name: "AntdTabPane",
+            props: {
+              key: tabKey
+            }
+          },
+          "children"
+        );
         studioOps.updateProps({ activeKey: tabKey });
       }
     },