@nocobase/plugin-mobile-client 0.10.0-alpha.5 → 0.11.0-alpha.1

package/client.d.ts

@@ -1,4 +1,3 @@
-// @ts-nocheck
-export * from './lib/client';
-export { default } from './lib/client';
+export * from './src/client';
+export { default } from './src/client';
 

package/client.js

@@ -1,30 +1 @@
-"use strict";
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var _index = _interopRequireWildcard(require("./lib/client"));
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _index.default;
-  }
-});
-
-Object.keys(_index).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _index[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _index[key];
-    }
-  });
-});
+module.exports = require('./lib/client/index.js');

package/lib/client/MobileClientProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MobileClientProvider: React.NamedExoticComponent<object>;

package/lib/client/MobileClientProvider.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MobileClientProvider = void 0;
+function _client() {
+  const data = require("@nocobase/client");
+  _client = function _client() {
+    return data;
+  };
+  return data;
+}
+function _react() {
+  const data = _interopRequireWildcard(require("react"));
+  _react = function _react() {
+    return data;
+  };
+  return data;
+}
+function _reactRouterDom() {
+  const data = require("react-router-dom");
+  _reactRouterDom = function _reactRouterDom() {
+    return data;
+  };
+  return data;
+}
+var _configuration = require("./configuration");
+var _bridge = require("./core/bridge");
+var _locale = require("./locale");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const MobileClientProvider = _react().default.memo(props => {
+  const _useTranslation = (0, _locale.useTranslation)(),
+    t = _useTranslation.t;
+  const location = (0, _reactRouterDom().useLocation)();
+  const navigation = (0, _reactRouterDom().useNavigate)();
+  (0, _react().useEffect)(() => {
+    if ((0, _bridge.isJSBridge)() && location.pathname === '/admin') {
+      navigation('/mobile', {
+        replace: true
+      });
+    }
+  }, [location.pathname, navigation]);
+  return _react().default.createElement(_client().SettingsCenterProvider, {
+    settings: {
+      ['mobile-client']: {
+        title: t('Mobile Client-side'),
+        icon: 'MobileOutlined',
+        tabs: {
+          interface: {
+            title: t('Interface Configuration'),
+            component: _configuration.InterfaceConfiguration
+          },
+          app: {
+            title: t('App Configuration'),
+            component: _configuration.AppConfiguration
+          }
+        }
+      }
+    }
+  }, props.children);
+});
+exports.MobileClientProvider = MobileClientProvider;

package/lib/client/core/schema/components/container/Container.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MContainer = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = require("@formily/react");
   _react = function _react() {
@@ -73,38 +66,32 @@ const InternalContainer = props => {
   var _fieldSchema$properti;
   const Designer = (0, _client().useDesigner)();
   const fieldSchema = (0, _react().useFieldSchema)();
+  const navigate = (0, _reactRouterDom().useNavigate)();
   const params = (0, _reactRouterDom().useParams)();
   const location = (0, _reactRouterDom().useLocation)();
   const tabBarSchema = fieldSchema === null || fieldSchema === void 0 ? void 0 : (_fieldSchema$properti = fieldSchema.properties) === null || _fieldSchema$properti === void 0 ? void 0 : _fieldSchema$properti['tabBar'];
-  const tabBarCurrentFirstKey = (tabBarSchema === null || tabBarSchema === void 0 ? void 0 : tabBarSchema.properties) ? Object.keys(tabBarSchema.properties)[0] : null;
+  const tabBarCurrentFirstKey = tabBarSchema !== null && tabBarSchema !== void 0 && tabBarSchema.properties ? Object.keys(tabBarSchema.properties)[0] : null;
   let redirectToUid = null;
   if (tabBarCurrentFirstKey) {
     var _tabBarSchema$propert;
     redirectToUid = tabBarSchema === null || tabBarSchema === void 0 ? void 0 : (_tabBarSchema$propert = tabBarSchema.properties[tabBarCurrentFirstKey]) === null || _tabBarSchema$propert === void 0 ? void 0 : _tabBarSchema$propert['x-uid'];
   }
-  const tabRoutes = (0, _react2().useMemo)(() => {
-    if (!redirectToUid) {
-      return [];
+  (0, _react2().useEffect)(() => {
+    if (redirectToUid && !params.name) {
+      const locationPath = location.pathname.endsWith('/') ? location.pathname.slice(0, -1) : location.pathname;
+      navigate(`${locationPath}/tab_${redirectToUid}`, {
+        replace: true
+      });
     }
-    const locationPath = location.pathname.endsWith('/') ? location.pathname.slice(0, -1) : location.pathname;
-    return [!params.name ? {
-      type: 'redirect',
-      to: `${locationPath}/tab_${redirectToUid}`,
-      from: location.pathname
-    } : null, {
-      type: 'route',
-      path: location.pathname,
-      component: TabContentComponent
-    }].filter(Boolean);
-  }, [redirectToUid, params.name, location.pathname]);
+  }, [location.pathname, navigate, params.name, redirectToUid]);
   return _react2().default.createElement(_client().SortableItem, {
     eid: "nb-mobile-scroll-wrapper",
-    className: (0, _css().cx)('nb-mobile-container', (0, _css().css)`
+    className: (0, _client().cx)('nb-mobile-container', (0, _client().css)`
           & > .general-schema-designer > .general-schema-designer-icons {
             right: unset;
             left: 2px;
           }
-          background: #f0f2f5;
+          background: var(--nb-box-bg);
           display: flex;
           flex-direction: column;
           width: 100%;
@@ -114,18 +101,16 @@ const InternalContainer = props => {
         `)
   }, _react2().default.createElement(Designer, null), _react2().default.createElement("div", {
     style: {
-      paddingBottom: tabRoutes.length ? '50px' : '0px'
+      paddingBottom: redirectToUid ? '50px' : '0px'
     },
-    className: (0, _css().cx)('nb-mobile-container-content')
-  }, tabRoutes.length ? _react2().default.createElement(_client().RouteSwitch, {
-    routes: tabRoutes
-  }) : _react2().default.createElement(_client().SchemaComponent, {
+    className: (0, _client().cx)('nb-mobile-container-content')
+  }, redirectToUid ? _react2().default.createElement(TabContentComponent, null) : _react2().default.createElement(_client().SchemaComponent, {
     filterProperties: schema => {
       return schema['x-component'] !== 'MTabBar';
     },
     schema: fieldSchema
   })), _react2().default.createElement("div", {
-    className: (0, _css().cx)('nb-mobile-container-tab-bar', (0, _css().css)`
+    className: (0, _client().cx)('nb-mobile-container-tab-bar', (0, _client().css)`
             & > .general-schema-designer {
               --nb-designer-top: 20px;
             }

package/lib/client/core/schema/components/header/Header.Designer.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeaderDesigner = void 0;
+function _antdV() {
+  const data = require("@formily/antd-v5");
+  _antdV = function _antdV() {
+    return data;
+  };
+  return data;
+}
 function _react() {
   const data = require("@formily/react");
   _react = function _react() {
@@ -25,13 +32,6 @@ function _react2() {
   };
   return data;
 }
-function _antd() {
-  const data = require("@formily/antd");
-  _antd = function _antd() {
-    return data;
-  };
-  return data;
-}
 var _locale = require("../../../../locale");
 var _hooks = require("../../hooks");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -46,7 +46,7 @@ const HeaderDesigner = () => {
   }, _react2().default.createElement(_client().SchemaSettings.ModalItem, {
     title: t('Edit info'),
     components: {
-      Switch: _antd().Switch
+      Switch: _antdV().Switch
     },
     initialValues: field.componentProps,
     schema: {

package/lib/client/core/schema/components/header/Header.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MHeader = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = require("@formily/react");
   _react = function _react() {
@@ -73,7 +66,7 @@ const InternalHeader = props => {
     setTitle(compiledTitle);
   }, [compiledTitle]);
   return _react2().default.createElement(_client().SortableItem, {
-    className: (0, _css().cx)('nb-mobile-header', (0, _css().css)`
+    className: (0, _client().cx)('nb-mobile-header', (0, _client().css)`
           width: 100%;
           background: #fff;
         `)

package/lib/client/core/schema/components/menu/Menu.Item.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuItem = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = require("@formily/react");
   _react = function _react() {
@@ -69,7 +62,7 @@ const InternalMenuItem = props => {
     navigate(params.name ? `/mobile/${fieldSchema['x-uid']}` : `${locationPath}/${fieldSchema['x-uid']}`);
   };
   return _react2().default.createElement(_client().SortableItem, {
-    className: (0, _css().cx)('nb-mobile-menu-item', (0, _css().css)`
+    className: (0, _client().cx)('nb-mobile-menu-item', (0, _client().css)`
           width: 100%;
           background: var(--adm-color-background);
           > .adm-list-item {

package/lib/client/core/schema/components/menu/Menu.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { MenuItem } from './Menu.Item';
 import { MenuDesigner } from './Menu.Designer';
+import { MenuItem } from './Menu.Item';
 export declare const MMenu: React.FC<{}> & {
     Item: typeof MenuItem;
     Designer: typeof MenuDesigner;

package/lib/client/core/schema/components/menu/Menu.js

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MMenu = void 0;
 function _react() {
-  const data = _interopRequireDefault(require("react"));
+  const data = require("@formily/react");
   _react = function _react() {
     return data;
   };
   return data;
 }
-var _Menu = require("./Menu.Item");
 function _client() {
   const data = require("@nocobase/client");
   _client = function _client() {
@@ -19,35 +18,29 @@ function _client() {
   };
   return data;
 }
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
+function _antdMobile() {
+  const data = require("antd-mobile");
+  _antdMobile = function _antdMobile() {
     return data;
   };
   return data;
 }
-var _Menu2 = require("./Menu.Designer");
 function _react2() {
-  const data = require("@formily/react");
+  const data = _interopRequireDefault(require("react"));
   _react2 = function _react2() {
     return data;
   };
   return data;
 }
-function _antdMobile() {
-  const data = require("antd-mobile");
-  _antdMobile = function _antdMobile() {
-    return data;
-  };
-  return data;
-}
 var _locale = require("../../../../locale");
-var _schema = require("./schema");
 var _common = require("../../common");
+var _Menu = require("./Menu.Designer");
+var _Menu2 = require("./Menu.Item");
+var _schema = require("./schema");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const InternalMenu = props => {
   const Designer = (0, _client().useDesigner)();
-  const fieldSchema = (0, _react2().useFieldSchema)();
+  const fieldSchema = (0, _react().useFieldSchema)();
   const _useDesignable = (0, _client().useDesignable)(),
     insertBeforeEnd = _useDesignable.insertBeforeEnd,
     designable = _useDesignable.designable;
@@ -66,16 +59,16 @@ const InternalMenu = props => {
       properties
     });
   };
-  return _react().default.createElement(_client().SortableItem, {
-    className: (0, _css().cx)('nb-mobile-menu', (0, _css().css)`
+  return _react2().default.createElement(_client().SortableItem, {
+    className: (0, _client().cx)('nb-mobile-menu', (0, _client().css)`
           background: #ffffff;
           width: 100%;
           margin-bottom: var(--nb-spacing);
         `)
-  }, _react().default.createElement(_antdMobile().List, null, designable && _react().default.createElement(_antdMobile().List.Item, null, _react().default.createElement(Designer, null)), _react().default.createElement(_client().DndContext, null, _react().default.createElement(_client().SchemaComponent, {
+  }, _react2().default.createElement(_antdMobile().List, null, designable && _react2().default.createElement(_antdMobile().List.Item, null, _react2().default.createElement(Designer, null)), _react2().default.createElement(_client().DndContext, null, _react2().default.createElement(_client().SchemaComponent, {
     onlyRenderProperties: true,
     schema: fieldSchema
-  })), designable ? _react().default.createElement(_antdMobile().List.Item, null, _react().default.createElement(_client().SchemaInitializer.ActionModal, {
+  })), designable ? _react2().default.createElement(_antdMobile().List.Item, null, _react2().default.createElement(_client().SchemaInitializer.ActionModal, {
     buttonText: t('Add menu item'),
     title: t('Add menu item'),
     schema: _schema.menuItemSchema,
@@ -84,5 +77,5 @@ const InternalMenu = props => {
 };
 const MMenu = InternalMenu;
 exports.MMenu = MMenu;
-MMenu.Item = _Menu.MenuItem;
-MMenu.Designer = _Menu2.MenuDesigner;
+MMenu.Item = _Menu2.MenuItem;
+MMenu.Designer = _Menu.MenuDesigner;

package/lib/client/core/schema/components/page/Page.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MPage = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 function _react() {
   const data = require("@formily/react");
   _react = function _react() {
@@ -54,10 +47,10 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-const globalActionCSS = (0, _css().css)`
+const globalActionCSS = (0, _client().css)`
   #nb-position-container > & {
     height: 49px;
-    border-top: 1px solid #f0f2f5;
+    border-top: 1px solid var(--nb-box-bg);
     margin-bottom: 0px !important;
     padding: 0 var(--nb-spacing);
     align-items: center;
@@ -80,10 +73,10 @@ const InternalPage = props => {
   let hasGlobalActions = false;
   if (!tabsSchema && fieldSchema.properties) {
     hasGlobalActions = (0, _helpers.countGridCol)(fieldSchema.properties['grid'], 2) === 1;
-  } else if (searchParams.has('tab') && (tabsSchema === null || tabsSchema === void 0 ? void 0 : (_tabsSchema$propertie = tabsSchema.properties) === null || _tabsSchema$propertie === void 0 ? void 0 : _tabsSchema$propertie[searchParams.get('tab')])) {
+  } else if (searchParams.has('tab') && tabsSchema !== null && tabsSchema !== void 0 && (_tabsSchema$propertie = tabsSchema.properties) !== null && _tabsSchema$propertie !== void 0 && _tabsSchema$propertie[searchParams.get('tab')]) {
     var _tabsSchema$propertie2, _tabsSchema$propertie3;
     hasGlobalActions = (0, _helpers.countGridCol)((_tabsSchema$propertie2 = tabsSchema.properties[searchParams.get('tab')]) === null || _tabsSchema$propertie2 === void 0 ? void 0 : (_tabsSchema$propertie3 = _tabsSchema$propertie2.properties) === null || _tabsSchema$propertie3 === void 0 ? void 0 : _tabsSchema$propertie3['grid'], 2) === 1;
-  } else if (tabsSchema === null || tabsSchema === void 0 ? void 0 : tabsSchema.properties) {
+  } else if (tabsSchema !== null && tabsSchema !== void 0 && tabsSchema.properties) {
     const schema = Object.values(tabsSchema.properties).sort((t1, t2) => t1['x-index'] - t2['x-index'])[0];
     if (schema) {
       setTimeout(() => {
@@ -112,8 +105,8 @@ const InternalPage = props => {
   }, [hasGlobalActions, onlyInPage]);
   return _react2().default.createElement(_client().SortableItem, {
     eid: "nb-mobile-scroll-wrapper",
-    className: (0, _css().cx)('nb-mobile-page', (0, _css().css)`
-          background: #f0f2f5;
+    className: (0, _client().cx)('nb-mobile-page', (0, _client().css)`
+          background: var(--nb-box-bg);
           display: flex;
           flex-direction: column;
           width: 100%;
@@ -126,7 +119,7 @@ const InternalPage = props => {
     style: {
       paddingBottom: tabsSchema ? null : 'var(--nb-spacing)'
     },
-    className: (0, _css().cx)('nb-mobile-page-header', (0, _css().css)`
+    className: (0, _client().cx)('nb-mobile-page-header', (0, _client().css)`
             & > .ant-tabs > .ant-tabs-nav {
               .ant-tabs-tab {
                 margin: 0 !important;

package/lib/client/core/schema/components/settings/Settings.js

@@ -4,13 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MSettings = exports.InternalSettings = void 0;
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 function _client() {
   const data = require("@nocobase/client");
   _client = function _client() {
@@ -30,7 +23,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const InternalSettings = () => {
   const Designer = (0, _client().useDesigner)();
   return _react().default.createElement(_client().SortableItem, {
-    className: (0, _css().cx)('nb-mobile-setting', (0, _css().css)`
+    className: (0, _client().cx)('nb-mobile-setting', (0, _client().css)`
           margin-bottom: var(--nb-spacing);
         `)
   }, _react().default.createElement(Designer, null), _react().default.createElement(_client().SettingsMenu, {

package/lib/client/core/schema/components/tab-bar/TabBar.Item.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { TabBarItemProps } from 'antd-mobile';
+import React from 'react';
 export declare const Designer: () => React.JSX.Element;
 export declare const TabBarItem: React.FC<TabBarItemProps> & {
     Designer: typeof Designer;

package/lib/client/core/schema/components/tab-bar/TabBar.Item.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TabBarItem = exports.Designer = void 0;
 function _react() {
-  const data = _interopRequireDefault(require("react"));
+  const data = require("@formily/react");
   _react = function _react() {
     return data;
   };
@@ -18,52 +18,45 @@ function _client() {
   };
   return data;
 }
-var _locale = require("../../../../locale");
 function _react2() {
-  const data = require("@formily/react");
+  const data = _interopRequireDefault(require("react"));
   _react2 = function _react2() {
     return data;
   };
   return data;
 }
+var _locale = require("../../../../locale");
 var _hooks = require("../../hooks");
-function _css() {
-  const data = require("@emotion/css");
-  _css = function _css() {
-    return data;
-  };
-  return data;
-}
 var _schema = require("./schema");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const InternalItem = () => {
   // NOTE: nothing to do
   // return <TabBar.Item {...props}></TabBar.Item>;
   const Designer = (0, _client().useDesigner)();
-  return _react().default.createElement(_client().SortableItem, {
-    className: (0, _css().cx)('nb-mobile-tab-bar-item', (0, _css().css)`
+  return _react2().default.createElement(_client().SortableItem, {
+    className: (0, _client().cx)('nb-mobile-tab-bar-item', (0, _client().css)`
           position: absolute !important;
           width: 100%;
           height: 100%;
           top: 0;
           left: 0;
         `)
-  }, _react().default.createElement(Designer, null));
+  }, _react2().default.createElement(Designer, null));
 };
 const Designer = () => {
   const _useTranslation = (0, _locale.useTranslation)(),
     t = _useTranslation.t;
-  const fieldSchema = (0, _react2().useFieldSchema)();
+  const fieldSchema = (0, _react().useFieldSchema)();
   const _useSchemaPatch = (0, _hooks.useSchemaPatch)(),
     onUpdateComponentProps = _useSchemaPatch.onUpdateComponentProps;
-  const field = (0, _react2().useField)();
+  const field = (0, _react().useField)();
   const tabItems = Object.keys(fieldSchema.parent.properties).length;
-  return _react().default.createElement(_client().GeneralSchemaDesigner, null, _react().default.createElement(_client().SchemaSettings.ModalItem, {
+  return _react2().default.createElement(_client().GeneralSchemaDesigner, null, _react2().default.createElement(_client().SchemaSettings.ModalItem, {
     title: t('Edit info'),
     initialValues: field.componentProps,
     schema: _schema.tabItemSchema,
     onSubmit: onUpdateComponentProps
-  }), tabItems > 1 ? _react().default.createElement(_client().SchemaSettings.Remove, {
+  }), tabItems > 1 ? _react2().default.createElement(_client().SchemaSettings.Remove, {
     key: "remove",
     removeParentsIfNoChildren: true,
     confirm: {

package/lib/client/core/schema/components/tab-bar/TabBar.d.ts

@@ -1,5 +1,5 @@
-import { TabBarItem } from './TabBar.Item';
 import React from 'react';
+import { TabBarItem } from './TabBar.Item';
 export declare const InternalTabBar: React.FC;
 export declare const MTabBar: React.FC<{}> & {
     Item: typeof TabBarItem;