@tachybase/client 1.3.18 → 1.3.19

package/es/schema-items/OpenModeSchemaItems.mjs

@@ -1,13 +1,10 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
+import "react";
 import { useField, useFieldSchema } from "@tachybase/schema";
 import { Select } from "antd";
 import { useTranslation } from "react-i18next";
 import { SchemaInitializerItem, SchemaInitializerSelect } from "../application/index.mjs";
-import { useIsMobile } from "../block-provider/index.mjs";
-import { PageStyle } from "../built-in/page-style/PageStyle.provider.mjs";
-import { usePageStyle } from "../built-in/page-style/usePageStyle.mjs";
-import { OpenMode, useDesignable } from "../schema-component/index.mjs";
+import { useDesignable } from "../schema-component/index.mjs";
 import { SchemaSettingsSelectItem } from "../schema-settings/index.mjs";
 const SchemaInitializerOpenModeSchemaItems = (options)=>{
     var _fieldSchema_xcomponentprops, _fieldSchema_xcomponentprops1, _fieldSchema_xcomponentprops2;
@@ -16,16 +13,7 @@ const SchemaInitializerOpenModeSchemaItems = (options)=>{
     const field = useField();
     const { t } = useTranslation();
     const { dn } = useDesignable();
-    const isMobile = useIsMobile();
-    const pageStyle = usePageStyle();
-    const defaultOpenMode = useMemo(()=>{
-        if (isMobile || pageStyle === PageStyle.TAB_STYLE) return OpenMode.PAGE;
-        return OpenMode.DRAWER_MODE;
-    }, [
-        isMobile,
-        pageStyle
-    ]);
-    const openModeValue = (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openMode']) || defaultOpenMode;
+    const openModeValue = (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openMode']) || 'drawer';
     var _fieldSchema_xcomponentprops_openSize;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -34,11 +22,11 @@ const SchemaInitializerOpenModeSchemaItems = (options)=>{
                 options: [
                     {
                         label: t('Drawer'),
-                        value: OpenMode.DRAWER_MODE
+                        value: 'drawer'
                     },
                     {
                         label: t('Dialog'),
-                        value: OpenMode.MODAL
+                        value: 'modal'
                     }
                 ],
                 value: openModeValue,
@@ -58,8 +46,8 @@ const SchemaInitializerOpenModeSchemaItems = (options)=>{
                 }
             }) : null,
             openSize && [
-                OpenMode.MODAL,
-                OpenMode.DRAWER_MODE
+                'modal',
+                'drawer'
             ].includes(openModeValue) ? /*#__PURE__*/ jsx(SchemaInitializerItem, {
                 children: /*#__PURE__*/ jsxs("div", {
                     style: {
@@ -86,7 +74,7 @@ const SchemaInitializerOpenModeSchemaItems = (options)=>{
                                     value: 'large'
                                 }
                             ],
-                            value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops2 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops2['openMode']) === OpenMode.MODAL ? 'large' : 'middle',
+                            value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops2 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops2['openMode']) == 'modal' ? 'large' : 'middle',
                             onChange: (value)=>{
                                 field.componentProps.openSize = value;
                                 const schema = {
@@ -118,16 +106,7 @@ const SchemaSettingOpenModeSchemaItems = (options)=>{
     const field = useField();
     const { t } = useTranslation();
     const { dn } = useDesignable();
-    const pageStyle = usePageStyle();
-    const isMobile = useIsMobile();
-    const defaultOpenMode = useMemo(()=>{
-        if (isMobile || pageStyle === PageStyle.TAB_STYLE) return OpenMode.PAGE;
-        return OpenMode.DRAWER_MODE;
-    }, [
-        isMobile,
-        pageStyle
-    ]);
-    const openModeValue = (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openMode']) || defaultOpenMode;
+    const openModeValue = (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openMode']) || 'drawer';
     var _fieldSchema_xcomponentprops_openSize;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -136,19 +115,19 @@ const SchemaSettingOpenModeSchemaItems = (options)=>{
                 options: [
                     {
                         label: t('Drawer'),
-                        value: OpenMode.DRAWER_MODE
+                        value: 'drawer'
                     },
                     {
                         label: t('Dialog'),
-                        value: OpenMode.MODAL
+                        value: 'modal'
                     },
                     {
                         label: t('Sheet'),
-                        value: OpenMode.SHEET
+                        value: 'sheet'
                     },
                     {
                         label: t('Page'),
-                        value: OpenMode.PAGE
+                        value: 'page'
                     }
                 ],
                 value: openModeValue,
@@ -168,8 +147,8 @@ const SchemaSettingOpenModeSchemaItems = (options)=>{
                 }
             }) : null,
             openSize && [
-                OpenMode.MODAL,
-                OpenMode.DRAWER_MODE
+                'modal',
+                'drawer'
             ].includes(openModeValue) ? /*#__PURE__*/ jsx(SchemaSettingsSelectItem, {
                 title: t('Popup size'),
                 options: [
@@ -186,7 +165,7 @@ const SchemaSettingOpenModeSchemaItems = (options)=>{
                         value: 'large'
                     }
                 ],
-                value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops2 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops2['openMode']) === OpenMode.MODAL ? 'large' : 'middle',
+                value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops2 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops2['openMode']) == 'modal' ? 'large' : 'middle',
                 onChange: (value)=>{
                     field.componentProps.openSize = value;
                     const schema = {

package/es/schema-templates/schemas/uiSchemaTemplates.mjs

@@ -108,7 +108,7 @@ const uiSchemaTemplatesSchema = {
                                             'x-action': 'update',
                                             'x-component': 'Action.Link',
                                             'x-component-props': {
-                                                openMode: 'drawer-mode',
+                                                openMode: 'drawer',
                                                 icon: 'EditOutlined'
                                             },
                                             properties: {

package/lib/application/CustomRouterContextProvider.js

@@ -59,7 +59,6 @@ var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_
 const external_lodash_namespaceObject = require("lodash");
 var external_lodash_default = /*#__PURE__*/ __webpack_require__.n(external_lodash_namespaceObject);
 const external_react_router_dom_namespaceObject = require("react-router-dom");
-const index_js_namespaceObject = require("../schema-component/index.js");
 const NavigateNoUpdateContext = /*#__PURE__*/ external_react_default().createContext(null);
 NavigateNoUpdateContext.displayName = 'NavigateNoUpdateContext';
 const LocationNoUpdateContext = /*#__PURE__*/ external_react_default().createContext(null);
@@ -95,7 +94,7 @@ const IsSubPageClosedByPageMenuProvider = (param)=>{
     const [fieldSchema, setFieldSchema] = (0, external_react_namespaceObject.useState)(null);
     const isSubPageClosedByPageMenu = (0, external_react_namespaceObject.useCallback)(()=>{
         var _fieldSchema_xcomponentprops, _prevParamsRef_current_;
-        const result = external_lodash_default().isEmpty(params['*']) && (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.openMode) === index_js_namespaceObject.OpenMode.PAGE && !!(null == (_prevParamsRef_current_ = prevParamsRef.current['*']) ? void 0 : _prevParamsRef_current_.includes(fieldSchema['x-uid']));
+        const result = external_lodash_default().isEmpty(params['*']) && (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.openMode) === 'page' && !!(null == (_prevParamsRef_current_ = prevParamsRef.current['*']) ? void 0 : _prevParamsRef_current_.includes(fieldSchema['x-uid']));
         prevParamsRef.current = params;
         return result;
     }, [

package/lib/application/components/AppComponent.js

@@ -74,9 +74,7 @@ const AppComponent = (0, schema_namespaceObject.observer)((props)=>{
                     app.renderComponent('AppMain')
                 ]
             }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_click_to_react_component_namespaceObject.ClickToComponent, {
-                editor: process.env.REACT_APP_CLICK_TO_COMPONENT_EDITOR || 'vscode'
-            })
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_click_to_react_component_namespaceObject.ClickToComponent, {})
         ]
     });
 }, {

package/lib/block-provider/hooks/index.js

@@ -15,7 +15,7 @@ var __webpack_modules__ = {
     "../../filter-provider/utils": function(module) {
         module.exports = require("../../filter-provider/utils.js");
     },
-    "../../": function(module) {
+    "../..": function(module) {
         module.exports = require("../../index.js");
     },
     "../../record-provider": function(module) {
@@ -182,7 +182,7 @@ var __webpack_exports__ = {};
     var react_i18next__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__("react-i18next");
     var react_router_dom__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__("react-router-dom");
     var react_to_print__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__("react-to-print");
-    var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../../");
+    var ___WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__("../..");
     var _api_client__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__("../../api-client");
     var _built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__("../../built-in/dynamic-page/utils");
     var _collection_manager__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__("../../collection-manager");
@@ -525,7 +525,7 @@ var __webpack_exports__ = {};
                 if (s['x-component'] === pageDetailsViewer) return s;
                 return buf;
             });
-            if (targetSchema) navigate("./sub/".concat(targetSchema['x-uid'], "/").concat(_built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_13__.PathHandler.getInstance().toWildcardPath({
+            if (targetSchema) navigate("../".concat(targetSchema['x-uid'], "/").concat(_built_in_dynamic_page_utils__WEBPACK_IMPORTED_MODULE_13__.PathHandler.getInstance().toWildcardPath({
                 collection: collection.name,
                 filterByTk
             })));

package/lib/built-in/acl/Configuration/schemas/scopes.js

@@ -56,8 +56,7 @@ const useFormBlockProps = ()=>{
             resourceName: name
         });
     }, [
-        name,
-        ctx.form
+        name
     ]);
     return {
         form: ctx.form
@@ -134,7 +133,7 @@ const scopesSchema = {
                                             'x-component': 'Action',
                                             'x-component-props': {
                                                 icon: 'PlusOutlined',
-                                                openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+                                                openMode: 'drawer',
                                                 type: 'primary'
                                             },
                                             properties: {
@@ -258,7 +257,7 @@ const scopesSchema = {
                                                             'x-decorator': 'ACLActionProvider',
                                                             'x-component': 'Action.Link',
                                                             'x-component-props': {
-                                                                openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+                                                                openMode: 'drawer',
                                                                 icon: 'EditOutlined'
                                                             },
                                                             properties: {

package/lib/built-in/dynamic-page/DynamicPage.js

@@ -27,56 +27,39 @@ __webpack_require__.d(__webpack_exports__, {
     DynamicPage: ()=>DynamicPage
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_antd_namespaceObject = require("antd");
+require("react");
 const external_react_router_dom_namespaceObject = require("react-router-dom");
 const external_index_js_namespaceObject = require("../index.js");
 const index_js_namespaceObject = require("../../data-source/index.js");
 const external_record_provider_index_js_namespaceObject = require("../../record-provider/index.js");
 const external_schema_component_index_js_namespaceObject = require("../../schema-component/index.js");
-const external_DynamicPage_style_js_namespaceObject = require("./DynamicPage.style.js");
-const external_PageNavBar_js_namespaceObject = require("./PageNavBar.js");
 const external_utils_js_namespaceObject = require("./utils.js");
 const DynamicPage = ()=>{
-    const { styles } = (0, external_DynamicPage_style_js_namespaceObject.useStyles)();
     const params = (0, external_react_router_dom_namespaceObject.useParams)();
-    const pathParams = external_utils_js_namespaceObject.PathHandler.getInstance().parse(params['*'], params.name);
-    if (!pathParams) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
+    if (!params['*']) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
         uid: params.name,
         onlyRenderProperties: true
     });
-    if (!pathParams.sub || !pathParams.collection || !pathParams.filterByTk || !pathParams.schemaId) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.AppNotFound, {});
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: styles['dynamic-page'],
-        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.DataBlockProvider, {
+    {
+        const path = external_utils_js_namespaceObject.PathHandler.getInstance().parse(params['*'], params.name);
+        if (!path) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_index_js_namespaceObject.AppNotFound, {});
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.DataBlockProvider, {
             params: {
-                filterByTk: pathParams.filterByTk
+                filterByTk: path.filterByTk
             },
             action: "get",
-            collection: pathParams.collection,
+            collection: path.collection,
             children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_record_provider_index_js_namespaceObject.RecordContext_deprecated.Provider, {
                 value: {
-                    id: pathParams.filterByTk
+                    id: path.filterByTk
                 },
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_record_provider_index_js_namespaceObject.RecordProvider, {
-                    record: {
-                        id: pathParams.filterByTk
-                    },
-                    children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_PageNavBar_js_namespaceObject.PageNavBar, {
-                            uid: pathParams.sub
-                        }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_antd_namespaceObject.Card, {
-                            className: "page-content",
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
-                                uid: pathParams.sub,
-                                onlyRenderProperties: true
-                            })
-                        })
-                    ]
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_schema_component_index_js_namespaceObject.RemoteSchemaComponent, {
+                    uid: params.name,
+                    onlyRenderProperties: true
                 })
             })
-        })
-    });
+        });
+    }
 };
 exports.DynamicPage = __webpack_exports__.DynamicPage;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/lib/built-in/dynamic-page/utils.js

@@ -54,9 +54,6 @@ class PathHandler {
             if (!value) continue;
             let validKey = true;
             switch(key){
-                case 'sub':
-                    result.sub = value;
-                    break;
                 case 'collection':
                     result.collection = value;
                     break;

package/lib/built-in/page-style/CustomAdminHeader.js

@@ -27,12 +27,12 @@ __webpack_require__.d(__webpack_exports__, {
     CustomAdminHeader: ()=>CustomAdminHeader
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
+require("react");
 const external_TabHeader_js_namespaceObject = require("./TabHeader.js");
 const external_usePageStyle_js_namespaceObject = require("./usePageStyle.js");
 const CustomAdminHeader = ()=>{
     const pageStyle = (0, external_usePageStyle_js_namespaceObject.usePageStyle)();
-    return pageStyle === external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TabHeader_js_namespaceObject.TabHeader, {}) : null;
+    return 'tab' === pageStyle ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_TabHeader_js_namespaceObject.TabHeader, {}) : null;
 };
 exports.CustomAdminHeader = __webpack_exports__.CustomAdminHeader;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [

package/lib/built-in/page-style/PageStyle.provider.js

@@ -24,7 +24,6 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    PageStyle: ()=>PageStyle_provider_PageStyle,
     PageStyleContext: ()=>PageStyleContext,
     PageStyleProvider: ()=>PageStyleProvider
 });
@@ -32,13 +31,8 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const index_js_namespaceObject = require("../../user/index.js");
 const external_useTabSettings_js_namespaceObject = require("./useTabSettings.js");
-var PageStyle_provider_PageStyle = /*#__PURE__*/ function(PageStyle) {
-    PageStyle["CLASSICAL"] = "classical";
-    PageStyle["TAB_STYLE"] = "tab-style";
-    return PageStyle;
-}({});
 const PageStyleContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)({
-    pageStyle: "classical"
+    style: 'classical'
 });
 const PageStyleProvider = (param)=>{
     let { children } = param;
@@ -57,18 +51,16 @@ const PageStyleProvider = (param)=>{
     ]);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(PageStyleContext.Provider, {
         value: {
-            pageStyle: (null == currentUser ? void 0 : null == (_currentUser_data = currentUser.data) ? void 0 : null == (_currentUser_data_data = _currentUser_data.data) ? void 0 : null == (_currentUser_data_data_systemSettings = _currentUser_data_data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || "classical",
+            style: (null == currentUser ? void 0 : null == (_currentUser_data = currentUser.data) ? void 0 : null == (_currentUser_data_data = _currentUser_data.data) ? void 0 : null == (_currentUser_data_data_systemSettings = _currentUser_data_data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || 'classical',
             items,
             setItems
         },
         children: children
     });
 };
-exports.PageStyle = __webpack_exports__.PageStyle;
 exports.PageStyleContext = __webpack_exports__.PageStyleContext;
 exports.PageStyleProvider = __webpack_exports__.PageStyleProvider;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
-    "PageStyle",
     "PageStyleContext",
     "PageStyleProvider"
 ].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];

package/lib/built-in/page-style/TabContent.js

@@ -32,7 +32,6 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const external_react_namespaceObject = require("react");
 const css_namespaceObject = require("@emotion/css");
 const external_react_router_dom_namespaceObject = require("react-router-dom");
-const external_index_js_namespaceObject = require("../../index.js");
 const index_js_namespaceObject = require("../document-title/index.js");
 const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
 const external_usePageStyle_js_namespaceObject = require("./usePageStyle.js");
@@ -61,21 +60,20 @@ const TabContentInternal = (param)=>{
         }, item.key));
 };
 const TabContent = ()=>{
-    const { t } = (0, external_index_js_namespaceObject.useTranslation)();
     const { title, setTitle } = (0, index_js_namespaceObject.useDocumentTitle)();
     const location = (0, external_react_router_dom_namespaceObject.useLocation)();
     const { items, setItems } = (0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext);
     const targetKey = location.pathname;
     const outlet = (0, external_react_router_dom_namespaceObject.useOutlet)();
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (targetKey) {
+        if (targetKey && title) {
             const targetItem = items.find((value)=>value.key === targetKey);
-            if (targetItem) setTitle(null == targetItem ? void 0 : targetItem.label);
+            if (targetItem) setTitle(targetItem.label);
             else setItems([
                 ...items,
                 {
                     key: targetKey,
-                    label: title || t('Unnamed'),
+                    label: title,
                     children: outlet
                 }
             ]);
@@ -92,7 +90,7 @@ const TabContent = ()=>{
 const CustomAdminContent = ()=>{
     const params = (0, external_react_router_dom_namespaceObject.useParams)();
     const pageStyle = (0, external_usePageStyle_js_namespaceObject.usePageStyle)();
-    return params.name && pageStyle === external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabContent, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.Outlet, {});
+    return params.name && 'tab' === pageStyle ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(TabContent, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.Outlet, {});
 };
 exports.CustomAdminContent = __webpack_exports__.CustomAdminContent;
 exports.TabContent = __webpack_exports__.TabContent;

package/lib/built-in/page-style/usePageStyle.js

@@ -28,7 +28,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const external_react_namespaceObject = require("react");
 const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
-const usePageStyle = ()=>(0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext).pageStyle;
+const usePageStyle = ()=>(0, external_react_namespaceObject.useContext)(external_PageStyle_provider_js_namespaceObject.PageStyleContext).style;
 exports.usePageStyle = __webpack_exports__.usePageStyle;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "usePageStyle"

package/lib/built-in/page-style/useTabSettings.js

@@ -35,10 +35,9 @@ const external_react_i18next_namespaceObject = require("react-i18next");
 const index_js_namespaceObject = require("../../api-client/index.js");
 const external_common_index_js_namespaceObject = require("../../common/index.js");
 const external_user_index_js_namespaceObject = require("../../user/index.js");
-const external_PageStyle_provider_js_namespaceObject = require("./PageStyle.provider.js");
 const useTabSettings = ()=>({
-        key: external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE,
-        eventKey: external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE,
+        key: 'tab',
+        eventKey: 'tab',
         label: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Label, {})
     });
 function Label() {
@@ -48,15 +47,15 @@ function Label() {
     const currentUser = (0, external_user_index_js_namespaceObject.useCurrentUserContext)();
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_common_index_js_namespaceObject.SelectWithTitle, {
         title: t('Page style'),
-        defaultValue: (null == (_currentUser_data_data_systemSettings = currentUser.data.data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || external_PageStyle_provider_js_namespaceObject.PageStyle.CLASSICAL,
+        defaultValue: (null == (_currentUser_data_data_systemSettings = currentUser.data.data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || 'classical',
         options: [
             {
                 label: t('classical'),
-                value: external_PageStyle_provider_js_namespaceObject.PageStyle.CLASSICAL
+                value: 'classical'
             },
             {
                 label: t('tabs'),
-                value: external_PageStyle_provider_js_namespaceObject.PageStyle.TAB_STYLE
+                value: 'tab'
             }
         ],
         onChange: updateUserPageStyle
@@ -72,7 +71,7 @@ function useUpdatePageStyleSettings() {
             await api.resource('users').updateProfile({
                 values: {
                     systemSettings: {
-                        ...currentUser.data.data.systemSettings,
+                        ...currentUser.data.data.systemSettings || {},
                         pageStyle
                     }
                 }
@@ -81,7 +80,7 @@ function useUpdatePageStyleSettings() {
                 data: {
                     ...currentUser.data.data,
                     systemSettings: {
-                        ...currentUser.data.data.systemSettings,
+                        ...currentUser.data.data.systemSettings || {},
                         pageStyle
                     }
                 }

package/lib/built-in/quick-access/PopupActionSchemaInitializerItem.js

@@ -103,7 +103,7 @@ function QuickAccessPopupActionSchemaInitializerItem(props) {
                     icon: values.icon,
                     iconColor: values.iconColor,
                     refreshDataBlockRequest: false,
-                    openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE
+                    openMode: 'drawer'
                 },
                 properties: {
                     drawer: {

package/lib/locale/en_US.js

@@ -823,7 +823,6 @@ module.exports = {
   "UI editor": "UI editor",
   Unconnected: "Unconnected",
   Unique: "Unique",
-  Unnamed: "Unnamed",
   "Unsaved changes": "Unsaved changes",
   Untitled: "Untitled",
   Update: "Update",

package/lib/modules/actions/add-child/CreateChildInitializer.js

@@ -27,7 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     CreateChildInitializer: ()=>CreateChildInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_js_namespaceObject = require("../../../schema-component/index.js");
+require("react");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const CreateChildInitializer = (props)=>{
     const schema = {
@@ -39,7 +39,7 @@ const CreateChildInitializer = (props)=>{
         'x-component': 'Action',
         'x-visible': '{{treeTable}}',
         'x-component-props': {
-            openMode: index_js_namespaceObject.OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             type: 'link',
             addChild: true,
             style: {

package/lib/modules/actions/add-new/CreateActionInitializer.js

@@ -27,8 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     CreateActionInitializer: ()=>CreateActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
-const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const CreateActionInitializer = ()=>{
     const schema = {
@@ -41,7 +41,7 @@ const CreateActionInitializer = ()=>{
         'x-component': 'Action',
         'x-decorator': 'ACLActionProvider',
         'x-component-props': {
-            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             type: 'primary',
             component: 'CreateRecordAction',
             icon: 'PlusOutlined'

package/lib/modules/actions/add-record/CustomizeAddRecordActionInitializer.js

@@ -27,8 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     CustomizeAddRecordActionInitializer: ()=>CustomizeAddRecordActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
-const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const BlockInitializer_js_namespaceObject = require("../../../schema-initializer/items/BlockInitializer.js");
 const CustomizeAddRecordActionInitializer = ()=>{
     const schema = {
@@ -39,7 +39,7 @@ const CustomizeAddRecordActionInitializer = ()=>{
         'x-component': 'Action',
         'x-action': 'customize:create',
         'x-component-props': {
-            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             icon: 'PlusOutlined'
         },
         properties: {

package/lib/modules/actions/associate/AssociateActionInitializer.js

@@ -29,7 +29,6 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
-const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const AssociateActionInitializer = ()=>{
     const schema = {
@@ -42,7 +41,7 @@ const AssociateActionInitializer = ()=>{
         'x-component': 'Action',
         'x-component-props': {
             actionType: 'associations',
-            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             type: 'primary',
             icon: 'PlusOutlined'
         },

package/lib/modules/actions/submit/createSubmitActionSettings.js

@@ -42,10 +42,7 @@ const external_schema_settings_SchemaSettings_js_namespaceObject = require("../.
 const Tree = (0, schema_namespaceObject.connect)(external_antd_namespaceObject.Tree, (0, schema_namespaceObject.mapProps)((props, field)=>{
     (0, external_react_namespaceObject.useEffect)(()=>{
         field.value = props.defaultCheckedKeys || [];
-    }, [
-        field.value,
-        props.defaultCheckedKeys
-    ]);
+    }, []);
     const [checkedKeys, setCheckedKeys] = (0, external_react_namespaceObject.useState)(props.defaultCheckedKeys || []);
     const onCheck = (checkedKeys)=>{
         setCheckedKeys(checkedKeys);
@@ -183,7 +180,7 @@ const createSubmitActionSettings = new SchemaSettings_js_namespaceObject.SchemaS
             useVisible () {
                 const { fieldSchema } = (0, external_schema_component_index_js_namespaceObject.useActionContext)();
                 const openMode = (0, Action_Designer_js_namespaceObject.findSchema)(fieldSchema);
-                return !openMode || openMode === external_schema_component_index_js_namespaceObject.OpenMode.PAGE;
+                return !openMode || 'page' === openMode;
             },
             useComponentProps () {
                 var _fieldSchema_xactionsettings;

package/lib/modules/actions/view-edit-popup/PopupActionInitializer.js

@@ -27,8 +27,8 @@ __webpack_require__.d(__webpack_exports__, {
     PopupActionInitializer: ()=>PopupActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+require("react");
 const index_js_namespaceObject = require("../../../application/index.js");
-const external_schema_component_index_js_namespaceObject = require("../../../schema-component/index.js");
 const items_index_js_namespaceObject = require("../../../schema-initializer/items/index.js");
 const PopupActionInitializer = (props)=>{
     const schema = {
@@ -39,7 +39,7 @@ const PopupActionInitializer = (props)=>{
         'x-settings': 'actionSettings:popup',
         'x-component': (null == props ? void 0 : props['x-component']) || 'Action.Link',
         'x-component-props': {
-            openMode: external_schema_component_index_js_namespaceObject.OpenMode.DRAWER_MODE
+            openMode: 'drawer'
         },
         properties: {
             drawer: {

package/lib/modules/actions/view-edit-popup/UpdateActionInitializer.js

@@ -27,7 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     UpdateActionInitializer: ()=>UpdateActionInitializer
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
-const index_js_namespaceObject = require("../../../schema-component/index.js");
+require("react");
 const ActionInitializer_js_namespaceObject = require("../../../schema-initializer/items/ActionInitializer.js");
 const UpdateActionInitializer = (props)=>{
     const schema = {
@@ -38,7 +38,7 @@ const UpdateActionInitializer = (props)=>{
         'x-settings': 'actionSettings:edit',
         'x-component': 'Action',
         'x-component-props': {
-            openMode: index_js_namespaceObject.OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             icon: 'EditOutlined'
         },
         properties: {