@tachybase/client 1.3.17 → 1.3.18

package/es/application/CustomRouterContextProvider.mjs

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

package/es/application/schema-initializer/hooks/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ButtonProps } from 'antd';
 import { SchemaInitializerOptions } from '../types';
-export * from './useAriaAttributeOfMenuItem';
+export { useAriaAttributeOfMenuItem } from './useAriaAttributeOfMenuItem';
 /**
  * @internal
  */

package/es/application/schema-initializer/hooks/index.mjs

@@ -4,7 +4,7 @@ import { useApp } from "../../hooks/index.mjs";
 import { SchemaInitializerChild, SchemaInitializerItems } from "../components/index.mjs";
 import { SchemaInitializerButton } from "../components/SchemaInitializerButton.mjs";
 import { withInitializer } from "../hoc/index.mjs";
-export * from "./useAriaAttributeOfMenuItem.mjs";
+import { useAriaAttributeOfMenuItem } from "./useAriaAttributeOfMenuItem.mjs";
 function useSchemaInitializerMenuItems(items, name, onClick) {
     const getMenuItems = useGetSchemaInitializerMenuItems(onClick);
     return useMemo(()=>getMenuItems(items, name), [
@@ -150,4 +150,4 @@ function useSchemaInitializerRender(name, options) {
     ]);
     return res;
 }
-export { useGetSchemaInitializerMenuItems, useSchemaInitializerMenuItems, useSchemaInitializerRender };
+export { useAriaAttributeOfMenuItem, useGetSchemaInitializerMenuItems, useSchemaInitializerMenuItems, useSchemaInitializerRender };

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("../".concat(targetSchema['x-uid'], "/").concat(PathHandler.getInstance().toWildcardPath({
+        if (targetSchema) navigate("./sub/".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 { useFilterOptions } from "../../../../schema-component/index.mjs";
+import { OpenMode, useFilterOptions } from "../../../../schema-component/index.mjs";
 import { VariableInput } from "../../../../schema-settings/VariableInput/VariableInput.mjs";
 import { RoleResourceCollectionContext } from "../RolesResourcesActions.mjs";
 const rolesResourcesScopesCollection = {
@@ -27,7 +27,8 @@ const useFormBlockProps = ()=>{
             resourceName: name
         });
     }, [
-        name
+        name,
+        ctx.form
     ]);
     return {
         form: ctx.form
@@ -104,7 +105,7 @@ const scopesSchema = {
                                             'x-component': 'Action',
                                             'x-component-props': {
                                                 icon: 'PlusOutlined',
-                                                openMode: 'drawer',
+                                                openMode: OpenMode.DRAWER_MODE,
                                                 type: 'primary'
                                             },
                                             properties: {
@@ -228,7 +229,7 @@ const scopesSchema = {
                                                             'x-decorator': 'ACLActionProvider',
                                                             'x-component': 'Action.Link',
                                                             'x-component-props': {
-                                                                openMode: 'drawer',
+                                                                openMode: OpenMode.DRAWER_MODE,
                                                                 icon: 'EditOutlined'
                                                             },
                                                             properties: {

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

@@ -1,36 +1,53 @@
-import { jsx } from "react/jsx-runtime";
-import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card } from "antd";
 import { useParams } from "react-router-dom";
 import { AppNotFound } from "../index.mjs";
 import { DataBlockProvider } from "../../data-source/index.mjs";
-import { RecordContext_deprecated } from "../../record-provider/index.mjs";
+import { RecordContext_deprecated, RecordProvider } 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();
-    if (!params['*']) return /*#__PURE__*/ jsx(RemoteSchemaComponent, {
+    const pathParams = PathHandler.getInstance().parse(params['*'], params.name);
+    if (!pathParams) return /*#__PURE__*/ jsx(RemoteSchemaComponent, {
         uid: params.name,
         onlyRenderProperties: true
     });
-    {
-        const path = PathHandler.getInstance().parse(params['*'], params.name);
-        if (!path) return /*#__PURE__*/ jsx(AppNotFound, {});
-        return /*#__PURE__*/ jsx(DataBlockProvider, {
+    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, {
             params: {
-                filterByTk: path.filterByTk
+                filterByTk: pathParams.filterByTk
             },
             action: "get",
-            collection: path.collection,
+            collection: pathParams.collection,
             children: /*#__PURE__*/ jsx(RecordContext_deprecated.Provider, {
                 value: {
-                    id: path.filterByTk
+                    id: pathParams.filterByTk
                 },
-                children: /*#__PURE__*/ jsx(RemoteSchemaComponent, {
-                    uid: params.name,
-                    onlyRenderProperties: true
+                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
+                            })
+                        })
+                    ]
                 })
             })
-        });
-    }
+        })
+    });
 };
 export { DynamicPage };

package/es/built-in/dynamic-page/DynamicPage.style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    'dynamic-page': import("antd-style").SerializedStyles;
+}>;

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

@@ -0,0 +1,26 @@
+import { createStyles } from "antd-style";
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n    display: flex;\n    flex-direction: column;\n    /* height: 100vh; */\n    .page-content {\n      /* height: 90%; */\n      margin: ",
+        "px;\n      overflow: hidden;\n\n      .ant-card-body {\n        position: relative;\n        height: 90vh;\n        overflow: hidden;\n        .ant-formily-layout {\n          height: 100%;\n          .ant-tb-grid {\n            height: 70vh;\n            overflow-x: hidden;\n            overflow-y: scroll;\n            margin-bottom: 200px;\n          }\n        }\n      }\n    }\n  "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = createStyles((param)=>{
+    let { css, token } = param;
+    return {
+        'dynamic-page': css(_templateObject(), token.paddingContentHorizontal)
+    };
+});
+export { useStyles };

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

@@ -0,0 +1,3 @@
+export declare const PageNavBar: ({ uid }: {
+    uid: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,47 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { ArrowLeftOutlined } from "@ant-design/icons";
+import { Typography } from "antd";
+import { useNavigate } from "react-router-dom";
+import { useRequest } from "../../api-client/index.mjs";
+import { useCompile } from "../../schema-component/index.mjs";
+import { useDocumentTitle } from "../document-title/index.mjs";
+import { useStyles } from "./PageNavBar.style.mjs";
+const { Title } = Typography;
+const PageNavBar = (param)=>{
+    let { uid } = param;
+    var _data_data;
+    const compile = useCompile();
+    const navigate = useNavigate();
+    const { data } = useRequest({
+        url: "/uiSchemas:getJsonSchema/".concat(uid)
+    });
+    const currentTitle = null == data ? void 0 : null == (_data_data = data.data) ? void 0 : _data_data.title;
+    const { styles } = useStyles();
+    const { title: documentTitle } = useDocumentTitle();
+    const title = useMemo(()=>compile(currentTitle || documentTitle), [
+        currentTitle,
+        documentTitle
+    ]);
+    const handleBack = ()=>{
+        navigate(-1);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: styles['page-nav-bar'],
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "nav-title",
+            onClick: handleBack,
+            children: [
+                /*#__PURE__*/ jsx(ArrowLeftOutlined, {}),
+                /*#__PURE__*/ jsx(Title, {
+                    level: 4,
+                    style: {
+                        margin: 0
+                    },
+                    children: title
+                })
+            ]
+        })
+    });
+};
+export { PageNavBar };

package/es/built-in/dynamic-page/PageNavBar.style.d.ts

@@ -0,0 +1,3 @@
+export declare const useStyles: (props?: unknown) => import("antd-style").ReturnStyles<{
+    'page-nav-bar': import("antd-style").SerializedStyles;
+}>;

package/es/built-in/dynamic-page/PageNavBar.style.mjs

@@ -0,0 +1,25 @@
+import { createStyles } from "antd-style";
+function _tagged_template_literal(strings, raw) {
+    if (!raw) raw = strings.slice(0);
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    const data = _tagged_template_literal([
+        "\n    position: sticky;\n    top: 0;\n    z-index: 1000;\n    background: #fff;\n    padding: 16px 24px;\n    border-bottom: 1px solid #f0f0f0;\n\n    .nav-title {\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      gap: 12px;\n      font-size: 16px;\n      color: #000;\n      cursor: pointer;\n    }\n  "
+    ]);
+    _templateObject = function() {
+        return data;
+    };
+    return data;
+}
+const useStyles = createStyles((param)=>{
+    let { css } = param;
+    return {
+        'page-nav-bar': css(_templateObject())
+    };
+});
+export { useStyles };

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

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

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

@@ -26,6 +26,9 @@ 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/locale/LocalePlugin.mjs

@@ -50,7 +50,7 @@ class LocalePlugin extends Plugin {
             setValidateLanguage(null == data ? void 0 : null == (_data_data2 = data.data) ? void 0 : _data_data2.lang);
             loadConstrueLocale(null == data ? void 0 : data.data);
             const dayjsLang = dayjsLocale[null == data ? void 0 : null == (_data_data3 = data.data) ? void 0 : _data_data3.lang] || 'en';
-            await import("dayjs/locale/".concat(dayjsLang));
+            await import("dayjs/locale/".concat(dayjsLang, ".js"));
             dayjs.locale(dayjsLang);
             const updateLocale = await import("dayjs/plugin/updateLocale");
             dayjs.extend(updateLocale.default);

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

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

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

@@ -1,7 +1,11 @@
 import React from 'react';
 import { TabsProps } from 'antd';
-export interface PageStyleContextValue {
-    style: string;
+export declare enum PageStyle {
+    CLASSICAL = "classical",
+    TAB_STYLE = "tab-style"
+}
+interface PageStyleContextValue {
+    pageStyle: PageStyle;
     items: TabsProps['items'];
     setItems: React.Dispatch<React.SetStateAction<TabsProps['items']>>;
 }
@@ -9,3 +13,4 @@ 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,8 +2,13 @@ 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({
-    style: 'classical'
+    pageStyle: "classical"
 });
 const PageStyleProvider = (param)=>{
     let { children } = param;
@@ -22,11 +27,11 @@ const PageStyleProvider = (param)=>{
     ]);
     return /*#__PURE__*/ jsx(PageStyleContext.Provider, {
         value: {
-            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',
+            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",
             items,
             setItems
         },
         children: children
     });
 };
-export { PageStyleContext, PageStyleProvider };
+export { PageStyle_provider_PageStyle as PageStyle, PageStyleContext, PageStyleProvider };

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

@@ -2,8 +2,9 @@ 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 { PageStyleContext } from "./PageStyle.provider.mjs";
+import { PageStyle, PageStyleContext } from "./PageStyle.provider.mjs";
 import { usePageStyle } from "./usePageStyle.mjs";
 function _tagged_template_literal(strings, raw) {
     if (!raw) raw = strings.slice(0);
@@ -30,20 +31,21 @@ 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 && title) {
+        if (targetKey) {
             const targetItem = items.find((value)=>value.key === targetKey);
-            if (targetItem) setTitle(targetItem.label);
+            if (targetItem) setTitle(null == targetItem ? void 0 : targetItem.label);
             else setItems([
                 ...items,
                 {
                     key: targetKey,
-                    label: title,
+                    label: title || t('Unnamed'),
                     children: outlet
                 }
             ]);
@@ -60,6 +62,6 @@ const TabContent = ()=>{
 const CustomAdminContent = ()=>{
     const params = useParams();
     const pageStyle = usePageStyle();
-    return params.name && 'tab' === pageStyle ? /*#__PURE__*/ jsx(TabContent, {}) : /*#__PURE__*/ jsx(Outlet, {});
+    return params.name && pageStyle === PageStyle.TAB_STYLE ? /*#__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: () => string;
+export declare const usePageStyle: () => import("./PageStyle.provider").PageStyle;

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).style;
+const usePageStyle = ()=>useContext(PageStyleContext).pageStyle;
 export { usePageStyle };

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

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

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

@@ -5,9 +5,10 @@ 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: 'tab',
-        eventKey: 'tab',
+        key: PageStyle.TAB_STYLE,
+        eventKey: PageStyle.TAB_STYLE,
         label: /*#__PURE__*/ jsx(Label, {})
     });
 function Label() {
@@ -17,15 +18,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) || 'classical',
+        defaultValue: (null == (_currentUser_data_data_systemSettings = currentUser.data.data.systemSettings) ? void 0 : _currentUser_data_data_systemSettings.pageStyle) || PageStyle.CLASSICAL,
         options: [
             {
                 label: t('classical'),
-                value: 'classical'
+                value: PageStyle.CLASSICAL
             },
             {
                 label: t('tabs'),
-                value: 'tab'
+                value: PageStyle.TAB_STYLE
             }
         ],
         onChange: updateUserPageStyle
@@ -41,7 +42,7 @@ function useUpdatePageStyleSettings() {
             await api.resource('users').updateProfile({
                 values: {
                     systemSettings: {
-                        ...currentUser.data.data.systemSettings || {},
+                        ...currentUser.data.data.systemSettings,
                         pageStyle
                     }
                 }
@@ -50,7 +51,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 } from "../../schema-component/index.mjs";
+import { ButtonEditor, OpenMode } 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: 'drawer'
+                    openMode: OpenMode.DRAWER_MODE
                 },
                 properties: {
                     drawer: {

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

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import "react";
+import { OpenMode } from "../../../schema-component/index.mjs";
 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: 'drawer',
+            openMode: OpenMode.DRAWER_MODE,
             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: 'drawer',
+            openMode: OpenMode.DRAWER_MODE,
             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: 'drawer',
+            openMode: OpenMode.DRAWER_MODE,
             icon: 'PlusOutlined'
         },
         properties: {

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

@@ -1,6 +1,7 @@
 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 = {
@@ -13,7 +14,7 @@ const AssociateActionInitializer = ()=>{
         'x-component': 'Action',
         'x-component-props': {
             actionType: 'associations',
-            openMode: 'drawer',
+            openMode: OpenMode.DRAWER_MODE,
             type: 'primary',
             icon: 'PlusOutlined'
         },

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

@@ -6,14 +6,17 @@ 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 { useActionContext, useDesignable } from "../../../schema-component/index.mjs";
+import { OpenMode, 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);
@@ -151,7 +154,7 @@ const createSubmitActionSettings = new SchemaSettings({
             useVisible () {
                 const { fieldSchema } = useActionContext();
                 const openMode = findSchema(fieldSchema);
-                return !openMode || 'page' === openMode;
+                return !openMode || openMode === OpenMode.PAGE;
             },
             useComponentProps () {
                 var _fieldSchema_xactionsettings;