@nocobase/client 0.7.6-alpha.2 → 0.8.0-alpha.10

package/es/schema-initializer/utils.js

@@ -93,7 +93,7 @@ export var useTableColumnInitializerFields = function useTableColumnInitializerF
       getInterface = _useCollectionManager.getInterface;
 
   return fields.filter(function (field) {
-    return (field === null || field === void 0 ? void 0 : field.interface) && (field === null || field === void 0 ? void 0 : field.interface) !== 'subTable';
+    return (field === null || field === void 0 ? void 0 : field.interface) && (field === null || field === void 0 ? void 0 : field.interface) !== 'subTable' && !(field === null || field === void 0 ? void 0 : field.isForeignKey);
   }).map(function (field) {
     var _field$uiSchema;
 
@@ -207,9 +207,9 @@ export var useFormItemInitializerFields = function useFormItemInitializerFields(
       block = _ref$block === void 0 ? 'Form' : _ref$block;
 
   return fields === null || fields === void 0 ? void 0 : (_fields$filter2 = fields.filter(function (field) {
-    return field === null || field === void 0 ? void 0 : field.interface;
+    return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : field.isForeignKey);
   })) === null || _fields$filter2 === void 0 ? void 0 : _fields$filter2.map(function (field) {
-    var _field$uiSchema3;
+    var _field$uiSchema3, _field$uiSchema4;
 
     var interfaceConfig = getInterface(field.interface);
     var schema = {
@@ -220,12 +220,13 @@ export var useFormItemInitializerFields = function useFormItemInitializerFields(
       'x-component': field.interface === 'o2m' ? 'TableField' : 'CollectionField',
       'x-decorator': 'FormItem',
       'x-collection-field': "".concat(name, ".").concat(field.name),
-      'x-component-props': {}
+      'x-component-props': {},
+      'x-read-pretty': field === null || field === void 0 ? void 0 : (_field$uiSchema3 = field.uiSchema) === null || _field$uiSchema3 === void 0 ? void 0 : _field$uiSchema3['x-read-pretty']
     }; // interfaceConfig?.schemaInitialize?.(schema, { field, block: 'Form', readPretty: form.readPretty });
 
     return {
       type: 'item',
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema3 = field.uiSchema) === null || _field$uiSchema3 === void 0 ? void 0 : _field$uiSchema3.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema4 = field.uiSchema) === null || _field$uiSchema4 === void 0 ? void 0 : _field$uiSchema4.title) || field.name,
       component: 'CollectionFieldInitializer',
       remove: removeGridFormItem,
       schemaInitialize: function schemaInitialize(s) {
@@ -264,7 +265,7 @@ export var useAssociatedFormItemInitializerFields = function useAssociatedFormIt
   var groups = fields === null || fields === void 0 ? void 0 : (_fields$filter3 = fields.filter(function (field) {
     return interfaces.includes(field.interface);
   })) === null || _fields$filter3 === void 0 ? void 0 : _fields$filter3.map(function (field) {
-    var _subFields$filter2, _field$uiSchema4;
+    var _subFields$filter2, _field$uiSchema5;
 
     var subFields = getCollectionFields(field.target);
     var items = subFields === null || subFields === void 0 ? void 0 : (_subFields$filter2 = subFields.filter(function (subField) {
@@ -306,7 +307,7 @@ export var useAssociatedFormItemInitializerFields = function useAssociatedFormIt
     });
     return {
       type: 'subMenu',
-      title: (_field$uiSchema4 = field.uiSchema) === null || _field$uiSchema4 === void 0 ? void 0 : _field$uiSchema4.title,
+      title: (_field$uiSchema5 = field.uiSchema) === null || _field$uiSchema5 === void 0 ? void 0 : _field$uiSchema5.title,
       children: items
     };
   });
@@ -332,17 +333,17 @@ export var useCustomFormItemInitializerFields = function useCustomFormItemInitia
 
   var remove = useRemoveGridFormItem();
   return fields === null || fields === void 0 ? void 0 : (_fields$filter4 = fields.filter(function (field) {
-    var _field$uiSchema5;
+    var _field$uiSchema6;
 
-    return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : (_field$uiSchema5 = field.uiSchema) === null || _field$uiSchema5 === void 0 ? void 0 : _field$uiSchema5['x-read-pretty']);
+    return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : (_field$uiSchema6 = field.uiSchema) === null || _field$uiSchema6 === void 0 ? void 0 : _field$uiSchema6['x-read-pretty']);
   })) === null || _fields$filter4 === void 0 ? void 0 : _fields$filter4.map(function (field) {
-    var _field$uiSchema6, _field$uiSchema7;
+    var _field$uiSchema7, _field$uiSchema8;
 
     var interfaceConfig = getInterface(field.interface);
     var schema = {
       type: 'string',
       name: field.name,
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema6 = field.uiSchema) === null || _field$uiSchema6 === void 0 ? void 0 : _field$uiSchema6.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema7 = field.uiSchema) === null || _field$uiSchema7 === void 0 ? void 0 : _field$uiSchema7.title) || field.name,
       'x-designer': 'FormItem.Designer',
       'x-component': 'AssignedField',
       'x-decorator': 'FormItem',
@@ -350,7 +351,7 @@ export var useCustomFormItemInitializerFields = function useCustomFormItemInitia
     };
     return {
       type: 'item',
-      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema7 = field.uiSchema) === null || _field$uiSchema7 === void 0 ? void 0 : _field$uiSchema7.title) || field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema8 = field.uiSchema) === null || _field$uiSchema8 === void 0 ? void 0 : _field$uiSchema8.title) || field.name,
       component: 'CollectionFieldInitializer',
       remove: remove,
       schemaInitialize: function schemaInitialize(s) {
@@ -366,6 +367,60 @@ export var useCustomFormItemInitializerFields = function useCustomFormItemInitia
     };
   });
 };
+export var useCustomBulkEditFormItemInitializerFields = function useCustomBulkEditFormItemInitializerFields(options) {
+  var _fields$filter5;
+
+  var _useCollection6 = useCollection(),
+      name = _useCollection6.name,
+      fields = _useCollection6.fields;
+
+  var _useCollectionManager6 = useCollectionManager(),
+      getInterface = _useCollectionManager6.getInterface;
+
+  var form = useForm();
+
+  var _ref4 = options || {},
+      _ref4$readPretty = _ref4.readPretty,
+      readPretty = _ref4$readPretty === void 0 ? form.readPretty : _ref4$readPretty,
+      _ref4$block = _ref4.block,
+      block = _ref4$block === void 0 ? 'Form' : _ref4$block;
+
+  var remove = useRemoveGridFormItem();
+  return fields === null || fields === void 0 ? void 0 : (_fields$filter5 = fields.filter(function (field) {
+    var _field$uiSchema9;
+
+    return (field === null || field === void 0 ? void 0 : field.interface) && !(field === null || field === void 0 ? void 0 : (_field$uiSchema9 = field.uiSchema) === null || _field$uiSchema9 === void 0 ? void 0 : _field$uiSchema9['x-read-pretty']);
+  })) === null || _fields$filter5 === void 0 ? void 0 : _fields$filter5.map(function (field) {
+    var _field$uiSchema10, _field$uiSchema11;
+
+    var interfaceConfig = getInterface(field.interface);
+    var schema = {
+      type: 'string',
+      name: field.name,
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema10 = field.uiSchema) === null || _field$uiSchema10 === void 0 ? void 0 : _field$uiSchema10.title) || field.name,
+      'x-designer': 'FormItem.Designer',
+      'x-component': 'BulkEditField',
+      'x-decorator': 'FormItem',
+      'x-collection-field': "".concat(name, ".").concat(field.name)
+    };
+    return {
+      type: 'item',
+      title: (field === null || field === void 0 ? void 0 : (_field$uiSchema11 = field.uiSchema) === null || _field$uiSchema11 === void 0 ? void 0 : _field$uiSchema11.title) || field.name,
+      component: 'CollectionFieldInitializer',
+      remove: remove,
+      schemaInitialize: function schemaInitialize(s) {
+        var _interfaceConfig$sche6;
+
+        interfaceConfig === null || interfaceConfig === void 0 ? void 0 : (_interfaceConfig$sche6 = interfaceConfig.schemaInitialize) === null || _interfaceConfig$sche6 === void 0 ? void 0 : _interfaceConfig$sche6.call(interfaceConfig, s, {
+          field: field,
+          block: block,
+          readPretty: readPretty
+        });
+      },
+      schema: schema
+    };
+  });
+};
 
 var findSchema = function findSchema(schema, key, action) {
   if (!Schema.isSchemaInstance(schema)) return null;
@@ -493,8 +548,8 @@ export var useCollectionDataSourceItems = function useCollectionDataSourceItems(
   var _useTranslation2 = useTranslation(),
       t = _useTranslation2.t;
 
-  var _useCollectionManager6 = useCollectionManager(),
-      collections = _useCollectionManager6.collections;
+  var _useCollectionManager7 = useCollectionManager(),
+      collections = _useCollectionManager7.collections;
 
   var _useSchemaTemplateMan2 = useSchemaTemplateManager(),
       getTemplatesByCollection = _useSchemaTemplateMan2.getTemplatesByCollection;
@@ -504,7 +559,11 @@ export var useCollectionDataSourceItems = function useCollectionDataSourceItems(
     type: 'itemGroup',
     title: t('Select collection'),
     children: collections === null || collections === void 0 ? void 0 : (_collections$filter = collections.filter(function (item) {
-      return !item.inherit;
+      if (item.inherit) {
+        return false;
+      } else {
+        return !((item === null || item === void 0 ? void 0 : item.isThrough) && (item === null || item === void 0 ? void 0 : item.autoCreate));
+      }
     })) === null || _collections$filter === void 0 ? void 0 : _collections$filter.map(function (item, index) {
       var templates = getTemplatesByCollection(item.name).filter(function (template) {
         return componentName && template.componentName === componentName && (!template.resourceName || template.resourceName === item.name);

package/es/schema-settings/SchemaSettings.d.ts

@@ -31,6 +31,7 @@ declare type SchemaSettingsNested = {
     Popup?: React.FC<MenuItemProps & {
         schema?: ISchema;
     }>;
+    SwitchItem?: React.FC<SwitchItemProps>;
     [key: string]: any;
 };
 interface SchemaSettingsProviderProps {
@@ -44,4 +45,9 @@ interface SchemaSettingsProviderProps {
 }
 export declare const SchemaSettingsProvider: React.FC<SchemaSettingsProviderProps>;
 export declare const SchemaSettings: React.FC<SchemaSettingsProps> & SchemaSettingsNested;
+interface SwitchItemProps extends Omit<MenuItemProps, 'onChange'> {
+    title: string;
+    checked?: boolean;
+    onChange?: (v: boolean) => void;
+}
 export {};

package/es/schema-settings/SchemaSettings.js

@@ -39,7 +39,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import { css } from '@emotion/css';
 import { FormDialog, FormItem, FormLayout, Input } from '@formily/antd';
 import { createForm } from '@formily/core';
-import { SchemaOptionsContext, useField, useFieldSchema } from '@formily/react';
+import { SchemaOptionsContext, useField, useFieldSchema, useForm } from '@formily/react';
 import { uid } from '@formily/shared';
 import { Alert, Button, Dropdown, Menu, Modal, Select, Space, Switch } from 'antd';
 import classNames from 'classnames';
@@ -543,6 +543,7 @@ SchemaSettings.Remove = function (props) {
   var field = useField();
   var fieldSchema = useFieldSchema();
   var ctx = useBlockTemplateContext();
+  var form = useForm();
   return /*#__PURE__*/React.createElement(SchemaSettings.Item, {
     onClick: function onClick() {
       Modal.confirm(_objectSpread(_objectSpread({
@@ -565,6 +566,8 @@ SchemaSettings.Remove = function (props) {
           } else {
             dn.remove(null, options);
           }
+
+          delete form.values[fieldSchema.name];
         }
       }));
     }

package/es/schema-templates/BlockTemplatePage.d.ts

@@ -1 +1,2 @@
 export declare const BlockTemplatePage: () => JSX.Element;
+export declare const BlockTemplatesPane: () => JSX.Element;

package/es/schema-templates/BlockTemplatePage.js

@@ -21,4 +21,11 @@ export var BlockTemplatePage = function BlockTemplatePage() {
   }, /*#__PURE__*/React.createElement(SchemaComponent, {
     schema: uiSchemaTemplatesSchema
   }))));
+};
+export var BlockTemplatesPane = function BlockTemplatesPane() {
+  return /*#__PURE__*/React.createElement(CollectionManagerProvider, {
+    collections: [uiSchemaTemplatesCollection]
+  }, /*#__PURE__*/React.createElement(SchemaComponent, {
+    schema: uiSchemaTemplatesSchema
+  }));
 };

package/es/schema-templates/SchemaTemplateShortcut.js

@@ -12,7 +12,7 @@ export var SchemaTemplateShortcut = function SchemaTemplateShortcut() {
     icon: /*#__PURE__*/React.createElement(LayoutOutlined, null),
     title: t('Block templates'),
     onClick: function onClick() {
-      history.push('/admin/plugins/block-templates');
+      history.push('/admin/settings/block-templates/list');
     }
   });
 };

package/es/system-settings/SystemSettingsShortcut.d.ts

@@ -1 +1,3 @@
+export declare const SystemSettingsPane: () => JSX.Element;
 export declare const SystemSettingsShortcut: () => JSX.Element;
+export declare const SystemSettingsShortcut2: () => JSX.Element;

package/es/system-settings/SystemSettingsShortcut.js

@@ -23,9 +23,11 @@ function _asyncToGenerator(fn) { return function () { var self = this, args = ar
 import { SettingOutlined } from '@ant-design/icons';
 import { useForm } from '@formily/react';
 import { uid } from '@formily/shared';
+import { Card, message } from 'antd';
 import cloneDeep from 'lodash/cloneDeep';
 import React, { useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useHistory } from 'react-router-dom';
 import { useSystemSettings } from '.';
 import { i18n, PluginManager, useAPIClient, useRequest } from '..';
 import locale from '../locale';
@@ -84,6 +86,10 @@ var useSaveSystemSettingsValues = function useSaveSystemSettingsValues() {
       data = _useSystemSettings.data;
 
   var api = useAPIClient();
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
   return {
     run: function run() {
       return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
@@ -110,6 +116,7 @@ var useSaveSystemSettingsValues = function useSaveSystemSettingsValues() {
                 });
 
               case 6:
+                message.success(t('Saved successfully'));
                 lang = ((_values$enabledLangua = values.enabledLanguages) === null || _values$enabledLangua === void 0 ? void 0 : _values$enabledLangua[0]) || 'en-US';
 
                 if (values.enabledLanguages.length < 2 && api.auth.getLocale() !== lang) {
@@ -119,7 +126,7 @@ var useSaveSystemSettingsValues = function useSaveSystemSettingsValues() {
                   setVisible(false);
                 }
 
-              case 8:
+              case 9:
               case "end":
                 return _context2.stop();
             }
@@ -203,13 +210,103 @@ var schema = {
         type: 'void',
         'x-component': 'Action.Drawer.Footer',
         properties: {
+          submit: {
+            title: 'Submit',
+            'x-component': 'Action',
+            'x-component-props': {
+              type: 'primary',
+              htmlType: 'submit',
+              useAction: '{{ useSaveSystemSettingsValues }}'
+            }
+          },
           cancel: {
             title: 'Cancel',
             'x-component': 'Action',
             'x-component-props': {
               useAction: '{{ useCloseAction }}'
             }
-          },
+          }
+        }
+      }
+    }
+  })
+};
+var schema2 = {
+  type: 'object',
+  properties: _defineProperty({}, uid(), {
+    'x-decorator': 'Form',
+    'x-decorator-props': {
+      useValues: '{{ useSystemSettingsValues }}'
+    },
+    'x-component': 'div',
+    type: 'void',
+    title: '{{t("System settings")}}',
+    properties: {
+      title: {
+        type: 'string',
+        title: "{{t('System title')}}",
+        'x-decorator': 'FormItem',
+        'x-component': 'Input',
+        required: true
+      },
+      logo: {
+        type: 'string',
+        title: "{{t('Logo')}}",
+        'x-decorator': 'FormItem',
+        'x-component': 'Upload.Attachment',
+        'x-component-props': {
+          action: 'attachments:upload',
+          multiple: false // accept: 'jpg,png'
+
+        }
+      },
+      enabledLanguages: {
+        type: 'array',
+        title: '{{t("Enabled languages")}}',
+        'x-component': 'Select',
+        'x-component-props': {
+          mode: 'multiple'
+        },
+        'x-decorator': 'FormItem',
+        enum: langs,
+        'x-reactions': function xReactions(field) {
+          field.dataSource = langs.map(function (item) {
+            var _field$value2;
+
+            var label = item.label;
+
+            if (((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2[0]) === item.value) {
+              label += "(".concat(i18n.t('Default'), ")");
+            }
+
+            return {
+              label: label,
+              value: item.value
+            };
+          });
+        }
+      },
+      allowSignUp: {
+        type: 'boolean',
+        default: true,
+        'x-content': '{{t("Allow sign up")}}',
+        'x-component': 'Checkbox',
+        'x-decorator': 'FormItem'
+      },
+      smsAuthEnabled: {
+        type: 'boolean',
+        default: false,
+        'x-content': '{{t("Enable SMS authentication")}}',
+        'x-component': 'Checkbox',
+        'x-decorator': 'FormItem'
+      },
+      footer1: {
+        type: 'void',
+        'x-component': 'ActionBar',
+        'x-component-props': {
+          layout: 'one-column'
+        },
+        properties: {
           submit: {
             title: 'Submit',
             'x-component': 'Action',
@@ -218,20 +315,52 @@ var schema = {
               htmlType: 'submit',
               useAction: '{{ useSaveSystemSettingsValues }}'
             }
-          }
+          } // cancel: {
+          //   title: 'Cancel',
+          //   'x-component': 'Action',
+          //   'x-component-props': {
+          //     useAction: '{{ useCloseAction }}',
+          //   },
+          // },
+
         }
       }
     }
   })
 };
+export var SystemSettingsPane = function SystemSettingsPane() {
+  return /*#__PURE__*/React.createElement(Card, {
+    bordered: false
+  }, /*#__PURE__*/React.createElement(SchemaComponent, {
+    scope: {
+      useSaveSystemSettingsValues: useSaveSystemSettingsValues,
+      useSystemSettingsValues: useSystemSettingsValues,
+      useCloseAction: useCloseAction
+    },
+    schema: schema2
+  }));
+};
 export var SystemSettingsShortcut = function SystemSettingsShortcut() {
+  var _useTranslation2 = useTranslation(),
+      t = _useTranslation2.t;
+
+  var history = useHistory();
+  return /*#__PURE__*/React.createElement(PluginManager.Toolbar.Item, {
+    icon: /*#__PURE__*/React.createElement(SettingOutlined, null),
+    title: t('System settings'),
+    onClick: function onClick() {
+      history.push('/admin/settings/system-settings/system-settings');
+    }
+  });
+};
+export var SystemSettingsShortcut2 = function SystemSettingsShortcut2() {
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
+  var _useTranslation3 = useTranslation(),
+      t = _useTranslation3.t;
 
   return /*#__PURE__*/React.createElement(ActionContext.Provider, {
     value: {

package/lib/acl/ACLShortcut.d.ts

@@ -1 +1,3 @@
+export declare const ACLPane: () => JSX.Element;
 export declare const ACLShortcut: () => JSX.Element;
+export declare const ACLShortcut2: () => JSX.Element;

package/lib/acl/ACLShortcut.js

@@ -5,16 +5,20 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ACLShortcut = void 0;
+exports.ACLShortcut2 = exports.ACLShortcut = exports.ACLPane = void 0;
 
 var _icons = require("@ant-design/icons");
 
 var _shared = require("@formily/shared");
 
+var _antd = require("antd");
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactI18next = require("react-i18next");
 
+var _reactRouterDom = require("react-router-dom");
+
 var _pluginManager = require("../plugin-manager");
 
 var _schemaComponent = require("../schema-component");
@@ -53,15 +57,48 @@ var schema = {
     }
   })
 };
+var schema2 = {
+  type: 'object',
+  properties: _defineProperty({}, (0, _shared.uid)(), {
+    'x-component': 'RoleTable'
+  })
+};
+
+var ACLPane = function ACLPane() {
+  return /*#__PURE__*/_react.default.createElement(_antd.Card, {
+    bordered: false
+  }, /*#__PURE__*/_react.default.createElement(_schemaComponent.SchemaComponent, {
+    components: components,
+    schema: schema2
+  }));
+};
+
+exports.ACLPane = ACLPane;
 
 var ACLShortcut = function ACLShortcut() {
+  var _useTranslation = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation.t;
+
+  var history = (0, _reactRouterDom.useHistory)();
+  return /*#__PURE__*/_react.default.createElement(_pluginManager.PluginManager.Toolbar.Item, {
+    icon: /*#__PURE__*/_react.default.createElement(_icons.LockOutlined, null),
+    title: t('Roles & Permissions'),
+    onClick: function onClick() {
+      history.push('/admin/settings/acl/roles');
+    }
+  });
+};
+
+exports.ACLShortcut = ACLShortcut;
+
+var ACLShortcut2 = function ACLShortcut2() {
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
       visible = _useState2[0],
       setVisible = _useState2[1];
 
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
+  var _useTranslation2 = (0, _reactI18next.useTranslation)(),
+      t = _useTranslation2.t;
 
   return /*#__PURE__*/_react.default.createElement(_schemaComponent.ActionContext.Provider, {
     value: {
@@ -80,4 +117,4 @@ var ACLShortcut = function ACLShortcut() {
   }));
 };
 
-exports.ACLShortcut = ACLShortcut;
+exports.ACLShortcut2 = ACLShortcut2;

package/lib/api-client/APIClient.d.ts

@@ -2,6 +2,7 @@ import { APIClient as APIClientSDK } from '@nocobase/sdk';
 import { Result } from 'ahooks/lib/useRequest/src/types';
 export declare class APIClient extends APIClientSDK {
     services: Record<string, Result<any, any>>;
+    service(uid: string): Result<any, any>;
     interceptors(): void;
     notification(): void;
 }

package/lib/api-client/APIClient.js

@@ -54,11 +54,16 @@ var APIClient = /*#__PURE__*/function (_APIClientSDK) {
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-    _this.services = void 0;
+    _this.services = {};
     return _this;
   }
 
   _createClass(APIClient, [{
+    key: "service",
+    value: function service(uid) {
+      return this.services[uid];
+    }
+  }, {
     key: "interceptors",
     value: function interceptors() {
       _get(_getPrototypeOf(APIClient.prototype), "interceptors", this).call(this);

package/lib/application/Application.d.ts

@@ -4,6 +4,7 @@ export interface ApplicationOptions {
     apiClient?: any;
     i18n?: any;
     plugins?: any[];
+    dynamicImport?: any;
 }
 export declare const getCurrentTimezone: () => string;
 export declare type PluginCallback = () => Promise<any>;
@@ -13,6 +14,7 @@ export declare class Application {
     apiClient: APIClient;
     i18n: i18next;
     plugins: PluginCallback[];
+    options: ApplicationOptions;
     constructor(options: ApplicationOptions);
     use(component: any, props?: any): void;
     main(mainComponent: any): void;
@@ -20,5 +22,5 @@ export declare class Application {
      * TODO
      */
     plugin(plugin: PluginCallback): void;
-    render(): (props?: any) => JSX.Element;
+    render(): (props: any) => JSX.Element;
 }