@tachybase/client 0.23.48 → 1.0.6

package/es/user/CurrentUserProvider.mjs

@@ -33,9 +33,12 @@ const useCurrentRoles = ()=>{
     return options;
 };
 const CurrentUserProvider = (props)=>{
-    const result = (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useRequest)({
-        url: 'auth:check'
-    });
+    const api = (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useAPIClient)();
+    const result = (0, __WEBPACK_EXTERNAL_MODULE__api_client_index_mjs__.useRequest)(()=>api.request({
+            url: '/auth:check',
+            skipNotify: true,
+            skipAuth: true
+        }).then((res)=>null == res ? void 0 : res.data));
     if (result.loading) return;
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime__.jsx)(CurrentUserContext.Provider, {
         value: result,

package/lib/api-client/APIClient.js

@@ -59,7 +59,9 @@ function notify(type, messages, instance) {
     var _messages_map;
     if (!(null == messages ? void 0 : messages.length)) return;
     instance[type]({
-        message: null === (_messages_map = messages.map) || void 0 === _messages_map ? void 0 : _messages_map.call(messages, (item)=>external_react_default().createElement('div', {}, 'string' == typeof item ? item : item.message))
+        message: null === (_messages_map = messages.map) || void 0 === _messages_map ? void 0 : _messages_map.call(messages, (item, index)=>external_react_default().createElement('div', {
+                key: "".concat(index, "_").concat(item.message)
+            }, 'string' == typeof item ? item : item.message))
     });
 }
 const handleErrorMessage = (error, notification)=>{
@@ -71,7 +73,6 @@ const handleErrorMessage = (error, notification)=>{
         notify('error', messages, notification);
     };
 };
-const errorCache = new Map();
 function offsetToTimeZone(offset) {
     const hours = Math.floor(Math.abs(offset));
     const minutes = Math.abs(offset % 1 * 60);
@@ -84,40 +85,114 @@ const getCurrentTimezone = ()=>{
     const timezoneOffset = new Date().getTimezoneOffset() / -60;
     return offsetToTimeZone(timezoneOffset);
 };
+const errorCache = new Map();
 class APIClient extends sdk_namespaceObject.APIClient {
-    service(uid) {
-        return this.services[uid];
+    cloneInstance() {
+        const api = new APIClient(this.options);
+        api.options = this.options;
+        api.services = this.services;
+        api.storage = this.storage;
+        api.app = this.app;
+        api.auth = this.auth;
+        api.notification = this.notification;
+        const handlers = [];
+        for (const handler of this.axios.interceptors.response['handlers'])if ('handleNotificationError' === handler.rejected['_name']) handlers.push({
+            ...handler,
+            rejected: api.handleNotificationError.bind(api)
+        });
+        else handlers.push(handler);
+        api.axios.interceptors.response['handlers'] = handlers;
+        return api;
     }
     getHeaders() {
-        var _window_location, _window;
+        var _this_app, _window_location, _window;
         const headers = super.getHeaders();
-        const appName = this.app.getName();
+        const appName = null === (_this_app = this.app) || void 0 === _this_app ? void 0 : _this_app.getName();
         if (appName) headers['X-App'] = appName;
         headers['X-Timezone'] = getCurrentTimezone();
         headers['X-Hostname'] = null === (_window = window) || void 0 === _window ? void 0 : null === (_window_location = _window.location) || void 0 === _window_location ? void 0 : _window_location.hostname;
         return headers;
     }
+    service(uid) {
+        return this.services[uid];
+    }
     interceptors() {
         this.axios.interceptors.request.use((config)=>{
             config.headers['X-With-ACL-Meta'] = true;
-            const appName = this.app ? (0, sdk_namespaceObject.getSubAppName)(this.app.getPublicPath()) : null;
-            if (appName) config.headers['X-App'] = appName;
+            const headers = this.getHeaders();
+            Object.keys(headers).forEach((key)=>{
+                config.headers[key] = config.headers[key] || headers[key];
+            });
             return config;
         });
         super.interceptors();
         this.useNotificationMiddleware();
         this.axios.interceptors.response.use((response)=>response, (error)=>{
-            var _error_response_data, _error_response;
-            const errs = (null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : null === (_error_response_data = _error_response.data) || void 0 === _error_response_data ? void 0 : _error_response_data.errors) || [
+            const errs = this.toErrMessages(error);
+            if (errs.find((error)=>'ROLE_NOT_FOUND_ERR' === error.code)) {
+                this.auth.setRole(null);
+                window.location.reload();
+            }
+            if (errs.find((error)=>'TOKEN_INVALID' === error.code || 'USER_LOCKED' === error.code)) this.auth.setToken(null);
+            if (errs.find((error)=>'ROLE_NOT_FOUND_FOR_USER' === error.code)) {
+                this.auth.setRole(null);
+                window.location.reload();
+            }
+            throw error;
+        });
+    }
+    toErrMessages(error) {
+        var _error_response, _error_response_data, _error_response1, _error_response_data1, _error_response2, _error_response3;
+        if ('string' == typeof (null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : _error_response.data)) {
+            var _error_response4;
+            const tempElement = document.createElement('div');
+            tempElement.innerHTML = null == error ? void 0 : null === (_error_response4 = error.response) || void 0 === _error_response4 ? void 0 : _error_response4.data;
+            return [
                 {
-                    message: 'Server error'
+                    message: tempElement.textContent || tempElement.innerText
                 }
             ];
-            if (errs.find((error)=>'ROLE_NOT_FOUND_ERR' === error.code)) this.auth.setRole(null);
-            throw error;
-        });
+        }
+        return (null == error ? void 0 : null === (_error_response1 = error.response) || void 0 === _error_response1 ? void 0 : null === (_error_response_data = _error_response1.data) || void 0 === _error_response_data ? void 0 : _error_response_data.errors) || (null == error ? void 0 : null === (_error_response2 = error.response) || void 0 === _error_response2 ? void 0 : null === (_error_response_data1 = _error_response2.data) || void 0 === _error_response_data1 ? void 0 : _error_response_data1.messages) || (null == error ? void 0 : null === (_error_response3 = error.response) || void 0 === _error_response3 ? void 0 : _error_response3.error) || [
+            {
+                message: error.message || 'Server error'
+            }
+        ];
+    }
+    async handleNotificationError(error) {
+        var _error_config, _error_response_data, _error_response, _error_response_data1, _error_response1;
+        if (this.silence) throw error;
+        const skipNotify = null === (_error_config = error.config) || void 0 === _error_config ? void 0 : _error_config.skipNotify;
+        if (skipNotify && ('function' == typeof skipNotify && skipNotify(error) || true === skipNotify)) throw error;
+        const redirectTo = null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : null === (_error_response_data = _error_response.data) || void 0 === _error_response_data ? void 0 : _error_response_data.redirectTo;
+        if (redirectTo) return window.location.href = redirectTo;
+        if ((null == error ? void 0 : null === (_error_response1 = error.response) || void 0 === _error_response1 ? void 0 : null === (_error_response_data1 = _error_response1.data) || void 0 === _error_response_data1 ? void 0 : _error_response_data1.type) === 'application/json') handleErrorMessage(error, this.notification);
+        else {
+            var _error_response_data_error, _error_response_data2, _error_response2;
+            if (errorCache.size > 10) errorCache.clear();
+            const maintaining = !!(null == error ? void 0 : null === (_error_response2 = error.response) || void 0 === _error_response2 ? void 0 : null === (_error_response_data2 = _error_response2.data) || void 0 === _error_response_data2 ? void 0 : null === (_error_response_data_error = _error_response_data2.error) || void 0 === _error_response_data_error ? void 0 : _error_response_data_error.maintaining);
+            if (this.app.maintaining !== maintaining) this.app.maintaining = maintaining;
+            if (this.app.maintaining) {
+                var _error_response_data3, _error_response3;
+                this.app.error = null == error ? void 0 : null === (_error_response3 = error.response) || void 0 === _error_response3 ? void 0 : null === (_error_response_data3 = _error_response3.data) || void 0 === _error_response_data3 ? void 0 : _error_response_data3.error;
+                throw error;
+            }
+            if (this.app.error) this.app.error = null;
+            let errs = this.toErrMessages(error);
+            errs = errs.filter((error)=>{
+                const lastTime = errorCache.get(error.message);
+                if (lastTime && new Date().getTime() - lastTime < 500) return false;
+                errorCache.set(error.message, new Date().getTime());
+                return true;
+            });
+            if (0 === errs.length) throw error;
+            notify('error', errs, this.notification);
+        }
+        throw error;
     }
     useNotificationMiddleware() {
+        const errorHandler = this.handleNotificationError.bind(this);
+        errorHandler['_name'] = 'handleNotificationError';
         this.axios.interceptors.response.use((response)=>{
             var _response_data_messages, _response_data;
             if (null === (_response_data = response.data) || void 0 === _response_data ? void 0 : null === (_response_data_messages = _response_data.messages) || void 0 === _response_data_messages ? void 0 : _response_data_messages.length) {
@@ -130,43 +205,12 @@ class APIClient extends sdk_namespaceObject.APIClient {
                 notify('success', messages, this.notification);
             }
             return response;
-        }, (error)=>{
-            var _error_response_data, _error_response, _error_response_data1, _error_response1;
-            if (this.silence) throw error;
-            const redirectTo = null == error ? void 0 : null === (_error_response = error.response) || void 0 === _error_response ? void 0 : null === (_error_response_data = _error_response.data) || void 0 === _error_response_data ? void 0 : _error_response_data.redirectTo;
-            if (redirectTo) return window.location.href = redirectTo;
-            if ((null == error ? void 0 : null === (_error_response1 = error.response) || void 0 === _error_response1 ? void 0 : null === (_error_response_data1 = _error_response1.data) || void 0 === _error_response_data1 ? void 0 : _error_response_data1.type) === 'application/json') handleErrorMessage(error, this.notification);
-            else {
-                var _error_response_data_error, _error_response_data2, _error_response2, _error_response_data3, _error_response3, _error_response_data4, _error_response4;
-                if (errorCache.size > 10) errorCache.clear();
-                const maintaining = !!(null == error ? void 0 : null === (_error_response2 = error.response) || void 0 === _error_response2 ? void 0 : null === (_error_response_data2 = _error_response2.data) || void 0 === _error_response_data2 ? void 0 : null === (_error_response_data_error = _error_response_data2.error) || void 0 === _error_response_data_error ? void 0 : _error_response_data_error.maintaining);
-                if (this.app.maintaining !== maintaining) this.app.maintaining = maintaining;
-                if (this.app.maintaining) {
-                    var _error_response_data5, _error_response5;
-                    this.app.error = null == error ? void 0 : null === (_error_response5 = error.response) || void 0 === _error_response5 ? void 0 : null === (_error_response_data5 = _error_response5.data) || void 0 === _error_response_data5 ? void 0 : _error_response_data5.error;
-                    throw error;
-                }
-                if (this.app.error) this.app.error = null;
-                let errs = (null == error ? void 0 : null === (_error_response3 = error.response) || void 0 === _error_response3 ? void 0 : null === (_error_response_data3 = _error_response3.data) || void 0 === _error_response_data3 ? void 0 : _error_response_data3.errors) || (null == error ? void 0 : null === (_error_response4 = error.response) || void 0 === _error_response4 ? void 0 : null === (_error_response_data4 = _error_response4.data) || void 0 === _error_response_data4 ? void 0 : _error_response_data4.messages) || [
-                    {
-                        message: 'Server error'
-                    }
-                ];
-                errs = errs.filter((error)=>{
-                    const lastTime = errorCache.get(error.message);
-                    if (lastTime && new Date().getTime() - lastTime < 500) return false;
-                    errorCache.set(error.message, new Date().getTime());
-                    return true;
-                });
-                if (0 === errs.length) throw error;
-                notify('error', errs, this.notification);
-            }
-            throw error;
-        });
+        }, errorHandler);
     }
     silent() {
-        this.silence = true;
-        return this;
+        const api = this.cloneInstance();
+        api.silence = true;
+        return api;
     }
     constructor(...args){
         super(...args), _define_property(this, "services", {}), _define_property(this, "silence", false), _define_property(this, "app", void 0), _define_property(this, "notification", external_antd_namespaceObject.notification);

package/lib/application/Application.js

@@ -152,6 +152,11 @@ class Application {
     getRouteUrl(pathname) {
         return this.options.publicPath.replace(/\/$/g, '') + pathname;
     }
+    getHref(pathname) {
+        const name = this.name;
+        if (name && 'main' !== name) return this.getPublicPath() + 'apps/' + name + '/' + pathname.replace(/^\//g, '');
+        return this.getPublicPath() + pathname.replace(/^\//g, '');
+    }
     getCollectionManager(dataSource) {
         var _this_dataSourceManager_getDataSource;
         return null === (_this_dataSourceManager_getDataSource = this.dataSourceManager.getDataSource(dataSource)) || void 0 === _this_dataSourceManager_getDataSource ? void 0 : _this_dataSourceManager_getDataSource.collectionManager;
@@ -283,6 +288,15 @@ class Application {
         root.render(/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {}));
         return root;
     }
+    addFieldInterfaceComponentOption(fieldName, componentOption) {
+        return this.dataSourceManager.collectionFieldInterfaceManager.addFieldInterfaceComponentOption(fieldName, componentOption);
+    }
+    addGlobalVar(key, value) {
+        (0, external_lodash_namespaceObject.set)(this.globalVars, key, value);
+    }
+    getGlobalVar(key) {
+        return (0, external_lodash_namespaceObject.get)(this.globalVars, key);
+    }
     constructor(options = {}){
         _define_property(this, "options", void 0);
         _define_property(this, "providers", void 0);
@@ -305,6 +319,7 @@ class Application {
         _define_property(this, "pluginContextMenu", void 0);
         _define_property(this, "AttachmentPreviewManager", void 0);
         _define_property(this, "name", void 0);
+        _define_property(this, "globalVars", void 0);
         _define_property(this, "loading", void 0);
         _define_property(this, "maintained", void 0);
         _define_property(this, "maintaining", void 0);
@@ -318,6 +333,7 @@ class Application {
             ...components_index_js_namespaceObject,
             CollectionField: CollectionField_js_namespaceObject.CollectionField
         };
+        this.globalVars = {};
         this.loading = true;
         this.maintained = false;
         this.maintaining = false;
@@ -351,6 +367,9 @@ class Application {
         this.name = this.options.name || (0, sdk_namespaceObject.getSubAppName)(options.publicPath) || 'main';
         this.pluginContextMenu = new external_PluginContextMenu_js_namespaceObject.PluginContextMenu(options.pluginMenuItems);
         this.AttachmentPreviewManager = new external_AttachmentPreviewManager_js_namespaceObject.AttachmentPreviewManager(options.attachmentItem, this);
+        this.i18n.on('languageChanged', (lng)=>{
+            this.apiClient.auth.locale = lng;
+        });
     }
 }
 var __webpack_export_target__ = exports;

package/lib/application/CustomRouterContextProvider.js

@@ -0,0 +1,276 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = function(module) {
+        var getter = module && module.__esModule ? function() {
+            return module['default'];
+        } : function() {
+            return module;
+        };
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __webpack_require__.d = function(exports1, definition) {
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = function(obj, prop) {
+        return Object.prototype.hasOwnProperty.call(obj, prop);
+    };
+})();
+(()=>{
+    __webpack_require__.r = function(exports1) {
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    useCurrentSearchParams: ()=>useCurrentSearchParams,
+    useIsInSettingsPage: ()=>useIsInSettingsPage,
+    useLocationNoUpdate: ()=>useLocationNoUpdate,
+    CurrentTabUidContext: ()=>CurrentTabUidContext,
+    useIsSubPageClosedByPageMenu: ()=>useIsSubPageClosedByPageMenu,
+    useMatchAdmin: ()=>useMatchAdmin,
+    useMatchAdminName: ()=>useMatchAdminName,
+    useNavigateNoUpdate: ()=>useNavigateNoUpdate,
+    CurrentPageUidContext: ()=>CurrentPageUidContext,
+    useCurrentPageUid: ()=>useCurrentPageUid,
+    useLocationSearch: ()=>useLocationSearch,
+    useRouterBasename: ()=>useRouterBasename,
+    LocationSearchContext: ()=>LocationSearchContext,
+    IsSubPageClosedByPageMenuProvider: ()=>IsSubPageClosedByPageMenuProvider,
+    useIsAdminPage: ()=>useIsAdminPage,
+    useCurrentTabUid: ()=>useCurrentTabUid,
+    CustomRouterContextProvider: ()=>CustomRouterContextProvider,
+    CurrentPageUidProvider: ()=>CurrentPageUidProvider,
+    CurrentTabUidProvider: ()=>CurrentTabUidProvider
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
+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 NavigateNoUpdateContext = /*#__PURE__*/ external_react_default().createContext(null);
+NavigateNoUpdateContext.displayName = 'NavigateNoUpdateContext';
+const LocationNoUpdateContext = /*#__PURE__*/ external_react_default().createContext(null);
+LocationNoUpdateContext.displayName = 'LocationNoUpdateContext';
+const LocationSearchContext = /*#__PURE__*/ external_react_default().createContext('');
+LocationSearchContext.displayName = 'LocationSearchContext';
+const IsAdminPageContext = /*#__PURE__*/ external_react_default().createContext(false);
+IsAdminPageContext.displayName = 'IsAdminPageContext';
+const CurrentPageUidContext = /*#__PURE__*/ external_react_default().createContext('');
+CurrentPageUidContext.displayName = 'CurrentPageUidContext';
+const MatchAdminContext = /*#__PURE__*/ external_react_default().createContext(false);
+MatchAdminContext.displayName = 'MatchAdminContext';
+const MatchAdminNameContext = /*#__PURE__*/ external_react_default().createContext(false);
+MatchAdminNameContext.displayName = 'MatchAdminNameContext';
+const IsInSettingsPageContext = /*#__PURE__*/ external_react_default().createContext(false);
+IsInSettingsPageContext.displayName = 'IsInSettingsPageContext';
+const CurrentTabUidContext = /*#__PURE__*/ external_react_default().createContext('');
+CurrentTabUidContext.displayName = 'CurrentTabUidContext';
+const SearchParamsContext = /*#__PURE__*/ external_react_default().createContext(new URLSearchParams());
+SearchParamsContext.displayName = 'SearchParamsContext';
+const RouterBasenameContext = /*#__PURE__*/ external_react_default().createContext('');
+RouterBasenameContext.displayName = 'RouterBasenameContext';
+const IsSubPageClosedByPageMenuContext = /*#__PURE__*/ external_react_default().createContext({
+    isSubPageClosedByPageMenu: ()=>false,
+    setFieldSchema: ()=>{},
+    reset: ()=>{}
+});
+IsSubPageClosedByPageMenuContext.displayName = 'IsSubPageClosedByPageMenuContext';
+const IsSubPageClosedByPageMenuProvider = (param)=>{
+    let { children } = param;
+    const params = (0, external_react_router_dom_namespaceObject.useParams)();
+    const prevParamsRef = (0, external_react_namespaceObject.useRef)({});
+    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 ? void 0 : _fieldSchema_xcomponentprops.openMode) === 'page' && !!(null === (_prevParamsRef_current_ = prevParamsRef.current['*']) || void 0 === _prevParamsRef_current_ ? void 0 : _prevParamsRef_current_.includes(fieldSchema['x-uid']));
+        prevParamsRef.current = params;
+        return result;
+    }, [
+        fieldSchema,
+        params
+    ]);
+    const reset = (0, external_react_namespaceObject.useCallback)(()=>{
+        prevParamsRef.current = {};
+    }, []);
+    const value = (0, external_react_namespaceObject.useMemo)(()=>({
+            isSubPageClosedByPageMenu,
+            setFieldSchema,
+            reset
+        }), [
+        isSubPageClosedByPageMenu,
+        reset
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IsSubPageClosedByPageMenuContext.Provider, {
+        value: value,
+        children: children
+    });
+};
+const RouterBasenameProvider = (param)=>{
+    let { children } = param;
+    const basenameOfCurrentRouter = (0, external_react_router_dom_namespaceObject.useHref)('/');
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RouterBasenameContext.Provider, {
+        value: basenameOfCurrentRouter,
+        children: children
+    });
+};
+const SearchParamsProvider = (param)=>{
+    let { children } = param;
+    const [searchParams] = (0, external_react_router_dom_namespaceObject.useSearchParams)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SearchParamsContext.Provider, {
+        value: searchParams,
+        children: children
+    });
+};
+const IsInSettingsPageProvider = (param)=>{
+    let { children } = param;
+    const isInSettingsPage = (0, external_react_router_dom_namespaceObject.useLocation)().pathname.includes('/settings');
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IsInSettingsPageContext.Provider, {
+        value: isInSettingsPage,
+        children: children
+    });
+};
+const MatchAdminProvider = (param)=>{
+    let { children } = param;
+    const isMatchAdmin = !!(0, external_react_router_dom_namespaceObject.useMatch)('/admin');
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MatchAdminContext.Provider, {
+        value: isMatchAdmin,
+        children: children
+    });
+};
+const MatchAdminNameProvider = (param)=>{
+    let { children } = param;
+    const isMatchAdminName = !!(0, external_react_router_dom_namespaceObject.useMatch)('/admin/:name');
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MatchAdminNameContext.Provider, {
+        value: isMatchAdminName,
+        children: children
+    });
+};
+const IsAdminPageProvider = (param)=>{
+    let { children } = param;
+    const location = (0, external_react_router_dom_namespaceObject.useLocation)();
+    const isAdminPage = location.pathname.startsWith('/admin');
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IsAdminPageContext.Provider, {
+        value: isAdminPage,
+        children: children
+    });
+};
+const CurrentPageUidProvider = (param)=>{
+    let { children } = param;
+    const params = (0, external_react_router_dom_namespaceObject.useParams)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CurrentPageUidContext.Provider, {
+        value: params.name,
+        children: children
+    });
+};
+const CurrentTabUidProvider = (param)=>{
+    let { children } = param;
+    const params = (0, external_react_router_dom_namespaceObject.useParams)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CurrentTabUidContext.Provider, {
+        value: params.tabUid,
+        children: children
+    });
+};
+const NavigateNoUpdateProvider = (param)=>{
+    let { children } = param;
+    const navigate = (0, external_react_router_dom_namespaceObject.useNavigate)();
+    const navigateRef = external_react_default().useRef(navigate);
+    navigateRef.current = navigate;
+    const navigateNoUpdate = external_react_default().useCallback((to, options)=>{
+        navigateRef.current(to, options);
+    }, []);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigateNoUpdateContext.Provider, {
+        value: navigateNoUpdate,
+        children: children
+    });
+};
+const LocationNoUpdateProvider = (param)=>{
+    let { children } = param;
+    const location = (0, external_react_router_dom_namespaceObject.useLocation)();
+    const locationRef = external_react_default().useRef({});
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        Object.assign(locationRef.current, location);
+    }, [
+        location
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LocationNoUpdateContext.Provider, {
+        value: locationRef.current,
+        children: children
+    });
+};
+const LocationSearchProvider = (param)=>{
+    let { children } = param;
+    const location = (0, external_react_router_dom_namespaceObject.useLocation)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LocationSearchContext.Provider, {
+        value: location.search,
+        children: children
+    });
+};
+const useNavigateNoUpdate = ()=>external_react_default().useContext(NavigateNoUpdateContext);
+const useLocationNoUpdate = ()=>external_react_default().useContext(LocationNoUpdateContext);
+const useLocationSearch = ()=>external_react_default().useContext(LocationSearchContext);
+const useIsAdminPage = ()=>external_react_default().useContext(IsAdminPageContext);
+const useCurrentPageUid = ()=>external_react_default().useContext(CurrentPageUidContext);
+const useMatchAdmin = ()=>external_react_default().useContext(MatchAdminContext);
+const useMatchAdminName = ()=>external_react_default().useContext(MatchAdminNameContext);
+const useIsInSettingsPage = ()=>external_react_default().useContext(IsInSettingsPageContext);
+const useCurrentTabUid = ()=>external_react_default().useContext(CurrentTabUidContext);
+const useCurrentSearchParams = ()=>external_react_default().useContext(SearchParamsContext);
+const useRouterBasename = ()=>external_react_default().useContext(RouterBasenameContext);
+const useIsSubPageClosedByPageMenu = (fieldSchema)=>{
+    const { isSubPageClosedByPageMenu, setFieldSchema, reset } = external_react_default().useContext(IsSubPageClosedByPageMenuContext);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        setFieldSchema(fieldSchema);
+    }, [
+        fieldSchema,
+        setFieldSchema
+    ]);
+    return {
+        isSubPageClosedByPageMenu,
+        reset
+    };
+};
+const CustomRouterContextProvider = (param)=>{
+    let { children } = param;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(NavigateNoUpdateProvider, {
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LocationNoUpdateProvider, {
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IsAdminPageProvider, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(LocationSearchProvider, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MatchAdminProvider, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(MatchAdminNameProvider, {
+                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(SearchParamsProvider, {
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RouterBasenameProvider, {
+                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IsInSettingsPageProvider, {
+                                        children: children
+                                    })
+                                })
+                            })
+                        })
+                    })
+                })
+            })
+        })
+    });
+};
+var __webpack_export_target__ = exports;
+for(var __webpack_i__ in __webpack_exports__)__webpack_export_target__[__webpack_i__] = __webpack_exports__[__webpack_i__];
+if (__webpack_exports__.__esModule) Object.defineProperty(__webpack_export_target__, '__esModule', {
+    value: true
+});

package/lib/application/RouterManager.js

@@ -47,7 +47,10 @@ const external_react_namespaceObject = require("react");
 var external_react_default = /*#__PURE__*/ __webpack_require__.n(external_react_namespaceObject);
 const external_lodash_namespaceObject = require("lodash");
 const external_react_router_dom_namespaceObject = require("react-router-dom");
+const VariablesProvider_js_namespaceObject = require("../variables/VariablesProvider.js");
+var VariablesProvider_js_default = /*#__PURE__*/ __webpack_require__.n(VariablesProvider_js_namespaceObject);
 const index_js_namespaceObject = require("./components/index.js");
+const external_CustomRouterContextProvider_js_namespaceObject = require("./CustomRouterContextProvider.js");
 function _define_property(obj, key, value) {
     if (key in obj) Object.defineProperty(obj, key, {
         value: value,
@@ -59,6 +62,15 @@ function _define_property(obj, key, value) {
     return obj;
 }
 class RouterManager {
+    get basename() {
+        return this.router.basename;
+    }
+    get state() {
+        return this.router.state;
+    }
+    get navigate() {
+        return this.router.navigate;
+    }
     getRoutesTree() {
         const routes = {};
         for (const [name, route] of Object.entries(this.routes))(0, external_lodash_namespaceObject.set)(routes, name.split('.').join('.children.'), {
@@ -94,26 +106,46 @@ class RouterManager {
     setBasename(basename) {
         this.options.basename = basename;
     }
-    getRouterComponent() {
+    getRouterComponent(children) {
         const { type = 'browser', ...opts } = this.options;
-        const Routers = {
-            hash: external_react_router_dom_namespaceObject.HashRouter,
-            browser: external_react_router_dom_namespaceObject.BrowserRouter,
-            memory: external_react_router_dom_namespaceObject.MemoryRouter
+        const routerCreators = {
+            hash: external_react_router_dom_namespaceObject.createHashRouter,
+            browser: external_react_router_dom_namespaceObject.createBrowserRouter,
+            memory: external_react_router_dom_namespaceObject.createMemoryRouter
+        };
+        const routes = this.getRoutesTree();
+        const BaseLayoutContext = /*#__PURE__*/ (0, external_react_namespaceObject.createContext)(null);
+        const Provider = ()=>{
+            const BaseLayout = (0, external_react_namespaceObject.useContext)(BaseLayoutContext);
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CustomRouterContextProvider_js_namespaceObject.CustomRouterContextProvider, {
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseLayout, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(VariablesProvider_js_default(), {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.Outlet, {}),
+                            children
+                        ]
+                    })
+                })
+            });
         };
-        const ReactRouter = Routers[type];
-        const RenderRoutes = ()=>{
-            const routes = this.getRoutesTree();
-            const element = (0, external_react_router_dom_namespaceObject.useRoutes)(routes);
-            return element;
+        const ErrorElement = ()=>{
+            const error = (0, external_react_router_dom_namespaceObject.useRouteError)();
+            throw error;
         };
+        this.router = routerCreators[type]([
+            {
+                element: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Provider, {}),
+                errorElement: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ErrorElement, {}),
+                children: routes
+            }
+        ], opts);
         const RenderRouter = (param)=>{
             let { BaseLayout = index_js_namespaceObject.BlankComponent } = param;
-            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.RouterContextCleaner, {
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ReactRouter, {
-                    ...opts,
-                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseLayout, {
-                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RenderRoutes, {})
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(BaseLayoutContext.Provider, {
+                value: BaseLayout,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_js_namespaceObject.RouterContextCleaner, {
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_router_dom_namespaceObject.RouterProvider, {
+                        router: this.router
                     })
                 })
             });
@@ -136,8 +168,10 @@ class RouterManager {
         _define_property(this, "routes", {});
         _define_property(this, "options", void 0);
         _define_property(this, "app", void 0);
+        _define_property(this, "router", void 0);
         this.options = options;
         this.app = app;
+        this.routes = options.routes || {};
     }
 }
 function createRouterManager(options, app) {