@tachybase/client 1.3.18 → 1.3.19

package/es/application/CustomRouterContextProvider.mjs

@@ -2,7 +2,6 @@ import { jsx } from "react/jsx-runtime";
 import react, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import lodash from "lodash";
 import { useHref, useLocation, useMatch, useNavigate, useParams, useSearchParams } from "react-router-dom";
-import { OpenMode } from "../schema-component/index.mjs";
 const NavigateNoUpdateContext = /*#__PURE__*/ react.createContext(null);
 NavigateNoUpdateContext.displayName = 'NavigateNoUpdateContext';
 const LocationNoUpdateContext = /*#__PURE__*/ react.createContext(null);
@@ -38,7 +37,7 @@ const IsSubPageClosedByPageMenuProvider = (param)=>{
     const [fieldSchema, setFieldSchema] = useState(null);
     const isSubPageClosedByPageMenu = useCallback(()=>{
         var _fieldSchema_xcomponentprops, _prevParamsRef_current_;
-        const result = lodash.isEmpty(params['*']) && (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops.openMode) === OpenMode.PAGE && !!(null == (_prevParamsRef_current_ = prevParamsRef.current['*']) ? void 0 : _prevParamsRef_current_.includes(fieldSchema['x-uid']));
+        const result = lodash.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/es/application/components/AppComponent.mjs

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

package/es/block-provider/hooks/index.mjs

@@ -212,7 +212,7 @@ const useJumpDetails = ()=>{
             if (s['x-component'] === pageDetailsViewer) return s;
             return buf;
         });
-        if (targetSchema) navigate("./sub/".concat(targetSchema['x-uid'], "/").concat(PathHandler.getInstance().toWildcardPath({
+        if (targetSchema) navigate("../".concat(targetSchema['x-uid'], "/").concat(PathHandler.getInstance().toWildcardPath({
             collection: collection.name,
             filterByTk
         })));

package/es/built-in/acl/Configuration/schemas/scopes.mjs

@@ -1,6 +1,6 @@
 import { useContext, useEffect } from "react";
 import { useFormBlockContext } from "../../../../block-provider/index.mjs";
-import { OpenMode, useFilterOptions } from "../../../../schema-component/index.mjs";
+import { useFilterOptions } from "../../../../schema-component/index.mjs";
 import { VariableInput } from "../../../../schema-settings/VariableInput/VariableInput.mjs";
 import { RoleResourceCollectionContext } from "../RolesResourcesActions.mjs";
 const rolesResourcesScopesCollection = {
@@ -27,8 +27,7 @@ const useFormBlockProps = ()=>{
             resourceName: name
         });
     }, [
-        name,
-        ctx.form
+        name
     ]);
     return {
         form: ctx.form
@@ -105,7 +104,7 @@ const scopesSchema = {
                                             'x-component': 'Action',
                                             'x-component-props': {
                                                 icon: 'PlusOutlined',
-                                                openMode: OpenMode.DRAWER_MODE,
+                                                openMode: 'drawer',
                                                 type: 'primary'
                                             },
                                             properties: {
@@ -229,7 +228,7 @@ const scopesSchema = {
                                                             'x-decorator': 'ACLActionProvider',
                                                             'x-component': 'Action.Link',
                                                             'x-component-props': {
-                                                                openMode: OpenMode.DRAWER_MODE,
+                                                                openMode: 'drawer',
                                                                 icon: 'EditOutlined'
                                                             },
                                                             properties: {

package/es/built-in/dynamic-page/DynamicPage.mjs

@@ -1,53 +1,36 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Card } from "antd";
+import { jsx } from "react/jsx-runtime";
+import "react";
 import { useParams } from "react-router-dom";
 import { AppNotFound } from "../index.mjs";
 import { DataBlockProvider } from "../../data-source/index.mjs";
-import { RecordContext_deprecated, RecordProvider } from "../../record-provider/index.mjs";
+import { RecordContext_deprecated } from "../../record-provider/index.mjs";
 import { RemoteSchemaComponent } from "../../schema-component/index.mjs";
-import { useStyles } from "./DynamicPage.style.mjs";
-import { PageNavBar } from "./PageNavBar.mjs";
 import { PathHandler } from "./utils.mjs";
 const DynamicPage = ()=>{
-    const { styles } = useStyles();
     const params = useParams();
-    const pathParams = PathHandler.getInstance().parse(params['*'], params.name);
-    if (!pathParams) return /*#__PURE__*/ jsx(RemoteSchemaComponent, {
+    if (!params['*']) return /*#__PURE__*/ jsx(RemoteSchemaComponent, {
         uid: params.name,
         onlyRenderProperties: true
     });
-    if (!pathParams.sub || !pathParams.collection || !pathParams.filterByTk || !pathParams.schemaId) return /*#__PURE__*/ jsx(AppNotFound, {});
-    return /*#__PURE__*/ jsx("div", {
-        className: styles['dynamic-page'],
-        children: /*#__PURE__*/ jsx(DataBlockProvider, {
+    {
+        const path = PathHandler.getInstance().parse(params['*'], params.name);
+        if (!path) return /*#__PURE__*/ jsx(AppNotFound, {});
+        return /*#__PURE__*/ jsx(DataBlockProvider, {
             params: {
-                filterByTk: pathParams.filterByTk
+                filterByTk: path.filterByTk
             },
             action: "get",
-            collection: pathParams.collection,
+            collection: path.collection,
             children: /*#__PURE__*/ jsx(RecordContext_deprecated.Provider, {
                 value: {
-                    id: pathParams.filterByTk
+                    id: path.filterByTk
                 },
-                children: /*#__PURE__*/ jsxs(RecordProvider, {
-                    record: {
-                        id: pathParams.filterByTk
-                    },
-                    children: [
-                        /*#__PURE__*/ jsx(PageNavBar, {
-                            uid: pathParams.sub
-                        }),
-                        /*#__PURE__*/ jsx(Card, {
-                            className: "page-content",
-                            children: /*#__PURE__*/ jsx(RemoteSchemaComponent, {
-                                uid: pathParams.sub,
-                                onlyRenderProperties: true
-                            })
-                        })
-                    ]
+                children: /*#__PURE__*/ jsx(RemoteSchemaComponent, {
+                    uid: params.name,
+                    onlyRenderProperties: true
                 })
             })
-        })
-    });
+        });
+    }
 };
 export { DynamicPage };

package/es/built-in/dynamic-page/utils.d.ts

@@ -1,12 +1,11 @@
 interface PathParams {
     schemaId: string;
-    sub?: string;
     collection?: string;
     filterByTk?: string;
     sourceId?: string;
     tab?: string;
 }
-export interface ParsedPath extends PathParams {
+interface ParsedPath extends PathParams {
 }
 export declare class PathHandler {
     private static instance;

package/es/built-in/dynamic-page/utils.mjs

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

package/es/built-in/page-style/CustomAdminHeader.mjs

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
-import { PageStyle } from "./PageStyle.provider.mjs";
+import "react";
 import { TabHeader } from "./TabHeader.mjs";
 import { usePageStyle } from "./usePageStyle.mjs";
 const CustomAdminHeader = ()=>{
     const pageStyle = usePageStyle();
-    return pageStyle === PageStyle.TAB_STYLE ? /*#__PURE__*/ jsx(TabHeader, {}) : null;
+    return 'tab' === pageStyle ? /*#__PURE__*/ jsx(TabHeader, {}) : null;
 };
 export { CustomAdminHeader };

package/es/built-in/page-style/PageStyle.provider.d.ts

@@ -1,11 +1,7 @@
 import React from 'react';
 import { TabsProps } from 'antd';
-export declare enum PageStyle {
-    CLASSICAL = "classical",
-    TAB_STYLE = "tab-style"
-}
-interface PageStyleContextValue {
-    pageStyle: PageStyle;
+export interface PageStyleContextValue {
+    style: string;
     items: TabsProps['items'];
     setItems: React.Dispatch<React.SetStateAction<TabsProps['items']>>;
 }
@@ -13,4 +9,3 @@ export declare const PageStyleContext: React.Context<Partial<PageStyleContextVal
 export declare const PageStyleProvider: ({ children }: {
     children: any;
 }) => import("react/jsx-runtime").JSX.Element;
-export {};

package/es/built-in/page-style/PageStyle.provider.mjs

@@ -2,13 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { createContext, useEffect, useState } from "react";
 import { useCurrentUserContext, useCurrentUserSettingsMenu } from "../../user/index.mjs";
 import { useTabSettings } from "./useTabSettings.mjs";
-var PageStyle_provider_PageStyle = /*#__PURE__*/ function(PageStyle) {
-    PageStyle["CLASSICAL"] = "classical";
-    PageStyle["TAB_STYLE"] = "tab-style";
-    return PageStyle;
-}({});
 const PageStyleContext = /*#__PURE__*/ createContext({
-    pageStyle: "classical"
+    style: 'classical'
 });
 const PageStyleProvider = (param)=>{
     let { children } = param;
@@ -27,11 +22,11 @@ const PageStyleProvider = (param)=>{
     ]);
     return /*#__PURE__*/ 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
     });
 };
-export { PageStyle_provider_PageStyle as PageStyle, PageStyleContext, PageStyleProvider };
+export { PageStyleContext, PageStyleProvider };

package/es/built-in/page-style/TabContent.mjs

@@ -2,9 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useContext, useEffect } from "react";
 import { css } from "@emotion/css";
 import { Outlet, useLocation, useOutlet, useParams } from "react-router-dom";
-import { useTranslation } from "../../index.mjs";
 import { useDocumentTitle } from "../document-title/index.mjs";
-import { PageStyle, PageStyleContext } from "./PageStyle.provider.mjs";
+import { PageStyleContext } from "./PageStyle.provider.mjs";
 import { usePageStyle } from "./usePageStyle.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
@@ -31,21 +30,20 @@ const TabContentInternal = (param)=>{
         }, item.key));
 };
 const TabContent = ()=>{
-    const { t } = useTranslation();
     const { title, setTitle } = useDocumentTitle();
     const location = useLocation();
     const { items, setItems } = useContext(PageStyleContext);
     const targetKey = location.pathname;
     const outlet = useOutlet();
     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
                 }
             ]);
@@ -62,6 +60,6 @@ const TabContent = ()=>{
 const CustomAdminContent = ()=>{
     const params = useParams();
     const pageStyle = usePageStyle();
-    return params.name && pageStyle === PageStyle.TAB_STYLE ? /*#__PURE__*/ jsx(TabContent, {}) : /*#__PURE__*/ jsx(Outlet, {});
+    return params.name && 'tab' === pageStyle ? /*#__PURE__*/ jsx(TabContent, {}) : /*#__PURE__*/ jsx(Outlet, {});
 };
 export { CustomAdminContent, TabContent, TabContentInternal };

package/es/built-in/page-style/usePageStyle.d.ts

@@ -1 +1 @@
-export declare const usePageStyle: () => import("./PageStyle.provider").PageStyle;
+export declare const usePageStyle: () => string;

package/es/built-in/page-style/usePageStyle.mjs

@@ -1,4 +1,4 @@
 import { useContext } from "react";
 import { PageStyleContext } from "./PageStyle.provider.mjs";
-const usePageStyle = ()=>useContext(PageStyleContext).pageStyle;
+const usePageStyle = ()=>useContext(PageStyleContext).style;
 export { usePageStyle };

package/es/built-in/page-style/useTabSettings.d.ts

@@ -1,10 +1,9 @@
-import { PageStyle } from './PageStyle.provider';
 export declare const useTabSettings: () => {
-    key: PageStyle;
-    eventKey: PageStyle;
+    key: string;
+    eventKey: string;
     label: import("react/jsx-runtime").JSX.Element;
 };
 export declare function Label(): import("react/jsx-runtime").JSX.Element;
 export declare function useUpdatePageStyleSettings(): {
-    updateUserPageStyle: (pageStyle: PageStyle | null) => Promise<void>;
+    updateUserPageStyle: (pageStyle: string | null) => Promise<void>;
 };

package/es/built-in/page-style/useTabSettings.mjs

@@ -5,10 +5,9 @@ import { useTranslation } from "react-i18next";
 import { useAPIClient } from "../../api-client/index.mjs";
 import { SelectWithTitle } from "../../common/index.mjs";
 import { useCurrentUserContext } from "../../user/index.mjs";
-import { PageStyle } from "./PageStyle.provider.mjs";
 const useTabSettings = ()=>({
-        key: PageStyle.TAB_STYLE,
-        eventKey: PageStyle.TAB_STYLE,
+        key: 'tab',
+        eventKey: 'tab',
         label: /*#__PURE__*/ jsx(Label, {})
     });
 function Label() {
@@ -18,15 +17,15 @@ function Label() {
     const currentUser = useCurrentUserContext();
     return /*#__PURE__*/ jsx(SelectWithTitle, {
         title: t('Page style'),
-        defaultValue: (null == (_currentUser_data_data_systemSettings = currentUser.data.data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || 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: PageStyle.CLASSICAL
+                value: 'classical'
             },
             {
                 label: t('tabs'),
-                value: PageStyle.TAB_STYLE
+                value: 'tab'
             }
         ],
         onChange: updateUserPageStyle
@@ -42,7 +41,7 @@ function useUpdatePageStyleSettings() {
             await api.resource('users').updateProfile({
                 values: {
                     systemSettings: {
-                        ...currentUser.data.data.systemSettings,
+                        ...currentUser.data.data.systemSettings || {},
                         pageStyle
                     }
                 }
@@ -51,7 +50,7 @@ function useUpdatePageStyleSettings() {
                 data: {
                     ...currentUser.data.data,
                     systemSettings: {
-                        ...currentUser.data.data.systemSettings,
+                        ...currentUser.data.data.systemSettings || {},
                         pageStyle
                     }
                 }

package/es/built-in/quick-access/PopupActionSchemaInitializerItem.mjs

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import "react";
 import { useTranslation } from "react-i18next";
 import { SchemaSettings, useSchemaInitializer } from "../../application/index.mjs";
-import { ButtonEditor, OpenMode } from "../../schema-component/index.mjs";
+import { ButtonEditor } from "../../schema-component/index.mjs";
 import { SchemaSettingOpenModeSchemaItems } from "../../schema-items/index.mjs";
 import { ModalActionSchemaInitializerItem } from "./ModalActionSchemaInitializerItem.mjs";
 const quickAccessActionSettingsPopup = new SchemaSettings({
@@ -74,7 +74,7 @@ function QuickAccessPopupActionSchemaInitializerItem(props) {
                     icon: values.icon,
                     iconColor: values.iconColor,
                     refreshDataBlockRequest: false,
-                    openMode: OpenMode.DRAWER_MODE
+                    openMode: 'drawer'
                 },
                 properties: {
                     drawer: {

package/es/modules/actions/add-child/CreateChildInitializer.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { OpenMode } from "../../../schema-component/index.mjs";
+import "react";
 import { ActionInitializer } from "../../../schema-initializer/items/ActionInitializer.mjs";
 const CreateChildInitializer = (props)=>{
     const schema = {
@@ -11,7 +11,7 @@ const CreateChildInitializer = (props)=>{
         'x-component': 'Action',
         'x-visible': '{{treeTable}}',
         'x-component-props': {
-            openMode: OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             type: 'link',
             addChild: true,
             style: {

package/es/modules/actions/add-new/CreateActionInitializer.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { useSchemaInitializerItem } from "../../../application/index.mjs";
-import { OpenMode } from "../../../schema-component/index.mjs";
 import { ActionInitializer } from "../../../schema-initializer/items/ActionInitializer.mjs";
 const CreateActionInitializer = ()=>{
     const schema = {
@@ -13,7 +13,7 @@ const CreateActionInitializer = ()=>{
         'x-component': 'Action',
         'x-decorator': 'ACLActionProvider',
         'x-component-props': {
-            openMode: OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             type: 'primary',
             component: 'CreateRecordAction',
             icon: 'PlusOutlined'

package/es/modules/actions/add-record/CustomizeAddRecordActionInitializer.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { useSchemaInitializerItem } from "../../../application/index.mjs";
-import { OpenMode } from "../../../schema-component/index.mjs";
 import { BlockInitializer } from "../../../schema-initializer/items/BlockInitializer.mjs";
 const CustomizeAddRecordActionInitializer = ()=>{
     const schema = {
@@ -11,7 +11,7 @@ const CustomizeAddRecordActionInitializer = ()=>{
         'x-component': 'Action',
         'x-action': 'customize:create',
         'x-component-props': {
-            openMode: OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             icon: 'PlusOutlined'
         },
         properties: {

package/es/modules/actions/associate/AssociateActionInitializer.mjs

@@ -1,7 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import "react";
 import { useSchemaInitializerItem } from "../../../application/index.mjs";
-import { OpenMode } from "../../../schema-component/index.mjs";
 import { ActionInitializer } from "../../../schema-initializer/items/ActionInitializer.mjs";
 const AssociateActionInitializer = ()=>{
     const schema = {
@@ -14,7 +13,7 @@ const AssociateActionInitializer = ()=>{
         'x-component': 'Action',
         'x-component-props': {
             actionType: 'associations',
-            openMode: OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             type: 'primary',
             icon: 'PlusOutlined'
         },

package/es/modules/actions/submit/createSubmitActionSettings.mjs

@@ -6,17 +6,14 @@ import { useTranslation } from "react-i18next";
 import { useSchemaToolbar } from "../../../application/index.mjs";
 import { SchemaSettings } from "../../../application/schema-settings/SchemaSettings.mjs";
 import { useCollection_deprecated } from "../../../collection-manager/index.mjs";
-import { OpenMode, useActionContext, useDesignable } from "../../../schema-component/index.mjs";
+import { useActionContext, useDesignable } from "../../../schema-component/index.mjs";
 import { AfterSuccess, ButtonEditor, RemoveButton, SecondConFirm, WorkflowConfig, findSchema } from "../../../schema-component/antd/action/Action.Designer.mjs";
 import { useCollectionState } from "../../../schema-settings/DataTemplates/hooks/useCollectionState.mjs";
 import { SchemaSettingsModalItem } from "../../../schema-settings/SchemaSettings.mjs";
 const createSubmitActionSettings_Tree = connect(Tree, mapProps((props, field)=>{
     useEffect(()=>{
         field.value = props.defaultCheckedKeys || [];
-    }, [
-        field.value,
-        props.defaultCheckedKeys
-    ]);
+    }, []);
     const [checkedKeys, setCheckedKeys] = useState(props.defaultCheckedKeys || []);
     const onCheck = (checkedKeys)=>{
         setCheckedKeys(checkedKeys);
@@ -154,7 +151,7 @@ const createSubmitActionSettings = new SchemaSettings({
             useVisible () {
                 const { fieldSchema } = useActionContext();
                 const openMode = findSchema(fieldSchema);
-                return !openMode || openMode === OpenMode.PAGE;
+                return !openMode || 'page' === openMode;
             },
             useComponentProps () {
                 var _fieldSchema_xactionsettings;

package/es/modules/actions/view-edit-popup/PopupActionInitializer.mjs

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
+import "react";
 import { useSchemaInitializerItem } from "../../../application/index.mjs";
-import { OpenMode } from "../../../schema-component/index.mjs";
 import { BlockInitializer } from "../../../schema-initializer/items/index.mjs";
 const PopupActionInitializer = (props)=>{
     const schema = {
@@ -11,7 +11,7 @@ const PopupActionInitializer = (props)=>{
         'x-settings': 'actionSettings:popup',
         'x-component': (null == props ? void 0 : props['x-component']) || 'Action.Link',
         'x-component-props': {
-            openMode: OpenMode.DRAWER_MODE
+            openMode: 'drawer'
         },
         properties: {
             drawer: {

package/es/modules/actions/view-edit-popup/UpdateActionInitializer.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { OpenMode } from "../../../schema-component/index.mjs";
+import "react";
 import { ActionInitializer } from "../../../schema-initializer/items/ActionInitializer.mjs";
 const UpdateActionInitializer = (props)=>{
     const schema = {
@@ -10,7 +10,7 @@ const UpdateActionInitializer = (props)=>{
         'x-settings': 'actionSettings:edit',
         'x-component': 'Action',
         'x-component-props': {
-            openMode: OpenMode.DRAWER_MODE,
+            openMode: 'drawer',
             icon: 'EditOutlined'
         },
         properties: {

package/es/modules/actions/view-edit-popup/ViewActionInitializer.mjs

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { OpenMode } from "../../../schema-component/index.mjs";
+import "react";
 import { ActionInitializer } from "../../../schema-initializer/items/ActionInitializer.mjs";
 const ViewActionInitializer = (props)=>{
     const schema = {
@@ -10,7 +10,7 @@ const ViewActionInitializer = (props)=>{
         'x-settings': 'actionSettings:view',
         'x-component': 'Action',
         'x-component-props': {
-            openMode: OpenMode.DRAWER_MODE
+            openMode: 'drawer'
         },
         properties: {
             drawer: {

package/es/modules/fields/component/DrawerSubTable/drawerSubTableComponentFieldSettings.mjs

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
 import { useFieldComponentName } from "../../../../common/useFieldComponentName.mjs";
 import { useCollectionField } from "../../../../data-source/index.mjs";
-import { OpenMode, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
+import { useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
 import { isSubMode } from "../../../../schema-component/antd/association-field/util.mjs";
 import { useIsFieldReadPretty } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
@@ -126,7 +126,7 @@ const drawerSubTableComponentFieldSettings = new SchemaSettings({
                             value: 'large'
                         }
                     ],
-                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) === OpenMode.MODAL ? 'large' : 'middle',
+                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) == 'modal' ? 'large' : 'middle',
                     onChange: (value)=>{
                         field.componentProps.openSize = value;
                         fieldSchema['x-component-props'] = {

package/es/modules/fields/component/Picker/recordPickerComponentFieldSettings.mjs

@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
 import { SchemaSettings } from "../../../../application/schema-settings/SchemaSettings.mjs";
 import { useFieldComponentName } from "../../../../common/useFieldComponentName.mjs";
 import { useCollectionField } from "../../../../data-source/index.mjs";
-import { OpenMode, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
+import { useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
 import { isSubMode } from "../../../../schema-component/antd/association-field/util.mjs";
 import { useIsFieldReadPretty, useTitleFieldOptions } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
@@ -165,7 +165,7 @@ const recordPickerComponentFieldSettings = new SchemaSettings({
                             value: 'large'
                         }
                     ],
-                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) === OpenMode.MODAL ? 'large' : 'middle',
+                    value: null != (_fieldSchema_xcomponentprops_openSize = null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops['openSize']) ? _fieldSchema_xcomponentprops_openSize : (null == fieldSchema ? void 0 : null == (_fieldSchema_xcomponentprops1 = fieldSchema['x-component-props']) ? void 0 : _fieldSchema_xcomponentprops1['openMode']) == 'modal' ? 'large' : 'middle',
                     onChange: (value)=>{
                         field.componentProps.openSize = value;
                         fieldSchema['x-component-props'] = {

package/es/modules/fields/component/Select/selectComponentFieldSettings.mjs

@@ -9,7 +9,7 @@ import { useCollectionManager_deprecated, useCollection_deprecated } from "../..
 import { useFieldComponentName } from "../../../../common/useFieldComponentName.mjs";
 import { useCollectionField } from "../../../../data-source/index.mjs";
 import { useRecord } from "../../../../record-provider/index.mjs";
-import { OpenMode, removeNullCondition, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
+import { removeNullCondition, useDesignable, useFieldModeOptions, useIsAddNewForm } from "../../../../schema-component/index.mjs";
 import { isSubMode } from "../../../../schema-component/antd/association-field/util.mjs";
 import { useIsAssociationField, useIsFieldReadPretty, useIsMuiltipleAble, useIsSelectFieldMode, useTitleFieldOptions } from "../../../../schema-component/antd/form-item/FormItem.Settings.mjs";
 import { useColumnSchema } from "../../../../schema-component/antd/table-v2/Table.Column.Decorator.mjs";
@@ -192,7 +192,7 @@ const quickCreate = {
                             'x-component': 'Action',
                             'x-decorator': 'ACLActionProvider',
                             'x-component-props': {
-                                openMode: OpenMode.DRAWER_MODE,
+                                openMode: 'drawer',
                                 type: 'default',
                                 component: 'CreateRecordAction'
                             }