@steroidsjs/core 3.0.0-beta.11 → 3.0.0-beta.111

package/components/LocaleComponent.d.ts

@@ -1,30 +1,77 @@
-import moment from 'moment';
-import 'moment/locale/it';
-import 'moment/locale/ru';
+import dayjs from 'dayjs';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ru';
+export interface ILocaleComponentConfig {
+    /**
+     * Разница времени с бекендом (в микросекундах)
+     */
+    backendTimeDiff?: null;
+    /**
+     * Временная зона бекенда
+     */
+    backendTimeZone?: any;
+    /**
+     * Язык приложения
+     * @example ru
+     */
+    language?: string;
+    /**
+     * Исходный язык
+     */
+    sourceLanguage?: string;
+    /**
+     * Переводы сообщений
+     */
+    translations?: any;
+}
+/**
+ * Интерфейс для LocaleComponent
+ */
+export interface ILocaleComponent extends ILocaleComponentConfig {
+    /**
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
+     * @param date Дата
+     * @param format Формат даты
+     * @returns Экземпляр `dayjs`
+     */
+    dayjs(date?: string, format?: string): dayjs.Dayjs;
+    /**
+     * Алиас для метода `translate`
+     * @param message Сообщение для перевода
+     * @param params Параметры перевода
+     * @returns Переведенное сообщение
+     */
+    t(message: string, params?: Record<string, any>): string;
+    /**
+     * Перевод сообщения
+     * @param message Сообщение для перевода
+     * @param params Параметры перевода
+     * @returns Переведенное сообщение
+     */
+    translate(message: string, params?: Record<string, any>): string;
+}
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны
- *
- * Пример строки: `{__('{count} {count, plural, one{день} few{дня} many{дней}}', {count: 2})}`
  */
-export default class LocaleComponent {
-    backendTimeDiff: null;
-    backendTimeZone: any;
+export default class LocaleComponent implements ILocaleComponent {
+    backendTimeDiff?: null;
+    backendTimeZone?: any;
     /**
      * Язык приложения
      * @example ru
      */
-    language: string;
-    sourceLanguage: string;
-    translations: any;
+    language?: string;
+    sourceLanguage?: string;
+    translations?: any;
     constructor(components: any, config: any);
     /**
-     * Получение экземпляра `moment` с учетом временной зоны бекенда
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
      * @param date Дата
      * @param format Формат
      */
-    moment(date?: string, format?: string): moment.Moment;
+    dayjs(date?: string, format?: string): dayjs.Dayjs;
     t(message: any, params?: {}): any;
     translate(message: any, params?: {}): any;
-    _pasteComponents(message: any, components: any): any;
+    protected _pasteComponents(message: any, components: any): any;
 }

package/components/LocaleComponent.js

@@ -26,17 +26,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable import/no-extraneous-dependencies */
 var React = __importStar(require("react"));
 var intl_messageformat_1 = __importDefault(require("intl-messageformat"));
-var moment_1 = __importDefault(require("moment"));
+var dayjs_1 = __importDefault(require("dayjs"));
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
-require("moment/locale/it");
-require("moment/locale/ru");
+require("dayjs/locale/it");
+require("dayjs/locale/ru");
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны
- *
- * Пример строки: `{__('{count} {count, plural, one{день} few{дня} many{дней}}', {count: 2})}`
  */
 var LocaleComponent = /** @class */ (function () {
     function LocaleComponent(components, config) {
@@ -56,24 +55,24 @@ var LocaleComponent = /** @class */ (function () {
         }
     }
     /**
-     * Получение экземпляра `moment` с учетом временной зоны бекенда
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
      * @param date Дата
      * @param format Формат
      */
-    LocaleComponent.prototype.moment = function (date, format) {
+    LocaleComponent.prototype.dayjs = function (date, format) {
         if (date === void 0) { date = undefined; }
         if (format === void 0) { format = undefined; }
         if (date && this.backendTimeZone) {
             if (date.length === 16
-                && (0, moment_1["default"])(date, 'YYYY-MM-DD HH:mm').isValid()) {
+                && (0, dayjs_1["default"])(date, 'YYYY-MM-DD HH:mm').isValid()) {
                 date += ':00';
             }
             if (date.length === 19
-                && (0, moment_1["default"])(date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
+                && (0, dayjs_1["default"])(date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
                 date += this.backendTimeZone;
             }
         }
-        return (0, moment_1["default"])(date, format).locale(this.language);
+        return (0, dayjs_1["default"])(date, format).locale(this.language);
     };
     LocaleComponent.prototype.t = function (message, params) {
         if (params === void 0) { params = {}; }

package/components/MetaComponent.d.ts

@@ -23,11 +23,37 @@ export interface ModelAttribute {
     fromStringConverter?: (value: string, type: string, item: any) => any;
     toStringConverter?: (value: any, type: string, item: any) => string | null;
 }
+export interface IMetaComponent {
+    /**
+     * Изменить модель
+     */
+    setModel(name: string, item: Model): void;
+    /**
+     * Получить модель
+     */
+    getModel(name: string): Model;
+    /**
+     * Изменить тип
+     */
+    setType(name: string, config: Record<string, any>): void;
+    /**
+     * Получить тип
+     */
+    getType(name: string): any;
+    /**
+     * Форматирование названия модели
+     */
+    normalizeName(name: string): string;
+    /**
+     * Форматирование модели модели
+     */
+    normalizeModel(inputModel: Model, defaultModel: Model | any): Model;
+}
 /**
  * Meta Component
  * Компонент для работы с мета-данными моделей и типами приложения (appType)
  */
-export default class MetaComponent {
+export default class MetaComponent implements IMetaComponent {
     defaultPrimaryKey: string;
     defaultAttributeType: string;
     models: any;
@@ -36,14 +62,14 @@ export default class MetaComponent {
     constructor(components: any);
     setModel(name: string, item: Model): void;
     getModel(name: string): any;
-    setType(name: any, config: any): void;
+    setType(name: string, config: Record<string, any>): void;
     getType(name: string): any;
-    normalizeName(name: any): any;
+    normalizeName(name: string): string;
     normalizeModel(inputModel: Model, defaultModel?: Model | any): {
         primaryKey: any;
         attributes: any[];
     };
-    _defaultTypes(): {
+    protected _defaultTypes(): {
         autoTime: {
             jsType: string;
             field: string;

package/components/MetricsComponent.d.ts

@@ -17,7 +17,26 @@ type ConfigType = {
     };
     enable?: boolean;
 };
-export default class MetricsComponent {
+export interface IMetricsComponent {
+    /**
+     * Отписаться от метрик
+     */
+    unsubscribe: VoidFunction;
+    /**
+     * Отменить прослушивание метрик
+     */
+    unlisten: VoidFunction;
+    /**
+     * Поменять счетчики
+     * @param values Значения
+     */
+    setCounters(values: any): void;
+}
+/**
+ * Metrics Component
+ * Компонент для добавления метрик в приложение (например яндекс метрики)
+ */
+export default class MetricsComponent implements IMetricsComponent {
     _components: any;
     _prevUrl: string;
     _isMetricsInitialized: boolean;

package/components/MetricsComponent.js

@@ -6,6 +6,10 @@ exports.__esModule = true;
 var upperFirst_1 = __importDefault(require("lodash-es/upperFirst"));
 var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
 var auth_1 = require("../reducers/auth");
+/**
+ * Metrics Component
+ * Компонент для добавления метрик в приложение (например яндекс метрики)
+ */
 var MetricsComponent = /** @class */ (function () {
     function MetricsComponent(components, config) {
         if (config === void 0) { config = {}; }

package/components/ResourceComponent.d.ts

@@ -6,21 +6,97 @@ declare global {
         };
     }
 }
+export interface IResourceComponentConfig {
+    /**
+     * API-ключ Google для использования Google Maps и других сервисов.
+     */
+    googleApiKey?: string;
+    /**
+     * Языковой код, используемый для загрузки ресурсов.
+     */
+    language?: string;
+}
+export interface IResourceComponent extends IResourceComponentConfig {
+    /**
+     * Ключ сайта Google reCAPTCHA.
+     */
+    googleCaptchaSiteKey: string;
+    /**
+     * URL для загрузки Google Maps API.
+     */
+    readonly RESOURCE_GOOGLE_MAP_API: string;
+    /**
+     * URL для загрузки Yandex Maps API.
+     */
+    readonly RESOURCE_YANDEX_MAP_API: string;
+    /**
+     * URL для загрузки Twitter виджетов.
+     */
+    readonly RESOURCE_TWITTER_WIDGET: string;
+    /**
+     * URL для загрузки Geetest.
+     */
+    readonly RESOURCE_GEETEST_API: string;
+    /**
+     * URL для загрузки Google reCAPTCHA.
+     */
+    readonly RESOURCE_GOOGLE_CAPTCHA: string;
+    /**
+     * Метод для загрузки Google reCAPTCHA.
+     * @returns Промис, который разрешается с объектом window.grecaptcha.
+     */
+    loadGoogleCaptcha(): Promise<any>;
+    /**
+     * Метод для загрузки Google Maps API.
+     * @returns Промис, который разрешается с объектом window.google.maps.
+     */
+    loadGoogleMapApi(): Promise<any>;
+    /**
+     * Метод для загрузки Yandex Maps API.
+     * @returns Промис, который разрешается с объектом window.ymaps.
+     */
+    loadYandexMap(): Promise<any>;
+    /**
+     * Метод для загрузки Twitter виджетов.
+     * @returns Промис, который разрешается с объектом window.twttr.
+     */
+    loadTwitterWidget(): Promise<any>;
+    /**
+     * Метод для загрузки Geetest.
+     * @returns Промис, который разрешается с объектом window.initGeetest.
+     */
+    loadGeetest(): Promise<any>;
+    /**
+     * Метод для загрузки скрипта по указанному URL.
+     * @param url URL скрипта для загрузки.
+     * @param params Параметры запроса для URL скрипта.
+     * @param firstResolver Функция, которая возвращает объект, разрешающий промис.
+     * @returns Промис, который разрешается с результатом первого разрешенного промиса.
+     */
+    loadScript(url: string, params: any, firstResolver: () => any): Promise<any>;
+    /**
+     * Метод для ожидания выполнения определенного условия.
+     * @param condition Условие, которое должно быть выполнено.
+     * @param timeout (Необязательный) Таймаут ожидания в миллисекундах (по умолчанию 5000 мс).
+     * @returns Промис, который разрешается с результатом выполнения условия.
+     */
+    wait(condition: () => boolean, timeout?: number): Promise<any>;
+}
 /**
  * Resource Component
  * Компонент для подгрузки внешних API: Google Maps, Yandex Maps, Twitter, ...
  */
-export default class ResourceComponent {
-    _callbacks: any;
-    _components: any;
-    googleApiKey: string;
+export default class ResourceComponent implements IResourceComponent {
+    protected _callbacks: any;
+    protected _components: any;
+    googleApiKey?: string;
     googleCaptchaSiteKey: string;
-    language: string;
-    static RESOURCE_GOOGLE_MAP_API: string;
-    static RESOURCE_YANDEX_MAP_API: string;
-    static RESOURCE_TWITTER_WIDGET: string;
-    static RESOURCE_GEETEST_API: string;
-    static RESOURCE_GOOGLE_CAPTCHA: string;
+    language?: string;
+    readonly RESOURCE_GOOGLE_MAP_API = "//maps.googleapis.com/maps/api/js";
+    readonly RESOURCE_YANDEX_MAP_API = "https://api-maps.yandex.ru/2.1/";
+    readonly RESOURCE_TWITTER_WIDGET = "https://platform.twitter.com/widgets.js";
+    readonly RESOURCE_GEETEST_API = "//static.geetest.com/static/tools/gt.js";
+    readonly RESOURCE_GOOGLE_CAPTCHA = "https://www.google.com/recaptcha/api.js";
     constructor(components: any, config: any);
     loadGoogleCaptcha(): Promise<any>;
     loadGoogleMapApi(): Promise<any>;

package/components/ResourceComponent.js

@@ -35,8 +35,13 @@ var isArray_1 = __importDefault(require("lodash-es/isArray"));
  */
 var ResourceComponent = /** @class */ (function () {
     function ResourceComponent(components, config) {
+        this.RESOURCE_GOOGLE_MAP_API = '//maps.googleapis.com/maps/api/js';
+        this.RESOURCE_YANDEX_MAP_API = 'https://api-maps.yandex.ru/2.1/';
+        this.RESOURCE_TWITTER_WIDGET = 'https://platform.twitter.com/widgets.js';
+        this.RESOURCE_GEETEST_API = '//static.geetest.com/static/tools/gt.js';
+        this.RESOURCE_GOOGLE_CAPTCHA = 'https://www.google.com/recaptcha/api.js';
         this.googleApiKey = config.googleApiKey || '';
-        this.googleCaptchaSiteKey = config.googleCaptchaSiteKey || '';
+        this.googleCaptchaSiteKey = process.env.APP_RECAPTCHA_SITE_KEY || '';
         this.language = config.language || '';
         this._callbacks = {};
         this._components = components;
@@ -45,7 +50,7 @@ var ResourceComponent = /** @class */ (function () {
         if (window.grecaptcha) {
             return Promise.resolve(window.grecaptcha);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GOOGLE_CAPTCHA, { render: this.googleCaptchaSiteKey }, function () { return window.grecaptcha; });
+        return this.loadScript(this.RESOURCE_GOOGLE_CAPTCHA, { render: this.googleCaptchaSiteKey }, function () { return window.grecaptcha; });
     };
     ResourceComponent.prototype.loadGoogleMapApi = function () {
         var locale = this._components.locale;
@@ -54,7 +59,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.google.maps);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GOOGLE_MAP_API, {
+        return this.loadScript(this.RESOURCE_GOOGLE_MAP_API, {
             libraries: 'places,geometry',
             key: this.googleApiKey,
             language: this.language || locale.language
@@ -72,7 +77,7 @@ var ResourceComponent = /** @class */ (function () {
                 return window.ymaps.ready(function () { return resolve(window.ymaps); });
             });
         }
-        return this.loadScript(ResourceComponent.RESOURCE_YANDEX_MAP_API, {
+        return this.loadScript(this.RESOURCE_YANDEX_MAP_API, {
             lang: this.language || locale.language
         }, 
         // @ts-ignore
@@ -84,7 +89,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.twttr);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_TWITTER_WIDGET, {}, 
+        return this.loadScript(this.RESOURCE_TWITTER_WIDGET, {}, 
         // @ts-ignore
         function () { return new Promise(function (resolve) { return window.twttr.ready(function () { return resolve(window.twttr); }); }); });
     };
@@ -94,7 +99,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.initGeetest);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GEETEST_API + '?_t=' + new Date().getTime(), {}, 
+        return this.loadScript(this.RESOURCE_GEETEST_API + '?_t=' + new Date().getTime(), {}, 
         // @ts-ignore
         function () { return window.initGeetest; });
     };
@@ -147,11 +152,6 @@ var ResourceComponent = /** @class */ (function () {
         };
         return new Promise(checker);
     };
-    ResourceComponent.RESOURCE_GOOGLE_MAP_API = '//maps.googleapis.com/maps/api/js';
-    ResourceComponent.RESOURCE_YANDEX_MAP_API = 'https://api-maps.yandex.ru/2.1/';
-    ResourceComponent.RESOURCE_TWITTER_WIDGET = 'https://platform.twitter.com/widgets.js';
-    ResourceComponent.RESOURCE_GEETEST_API = '//static.geetest.com/static/tools/gt.js';
-    ResourceComponent.RESOURCE_GOOGLE_CAPTCHA = 'https://www.google.com/recaptcha/api.js';
     return ResourceComponent;
 }());
 exports["default"] = ResourceComponent;

package/components/SocialComponent.d.ts

@@ -1,8 +1,23 @@
+export interface ISocialComponent {
+    /**
+     * Провайдеры
+     */
+    providers: any;
+    /**
+     * Старт
+     * @param socialName Название social
+     */
+    start(socialName: string): void;
+    /**
+     * Инициализация компонента
+     */
+    init(): void;
+}
 /**
  * Social Component
  * Провайдер для социальных сетей. Обеспечивает вызов окна соц сети для oauth авторизации
  */
-export default class SocialComponent {
+export default class SocialComponent implements ISocialComponent {
     _components: any;
     _initializing: any;
     providers: any;

package/components/StoreComponent.d.ts

@@ -8,11 +8,54 @@ interface IStoreComponentConfig {
     initialState: any;
     history: any;
 }
+export interface IStoreComponent {
+    /**
+     * Редьюсеры
+     */
+    reducers: any;
+    /**
+     * Хранилище
+     */
+    store: any;
+    /**
+     * Инициализация
+     */
+    init(): void;
+    /**
+     * Инициализация хранилища
+     */
+    initStore(): void;
+    /**
+     * Конфигурация
+     */
+    configurate(): void;
+    /**
+     * Метод для dispatch
+     */
+    dispatch(action: any): void;
+    /**
+     * Получение состояние
+     */
+    getState(): void;
+    /**
+     * Подписка
+     */
+    subscribe(handler: any): void;
+    /**
+     * Добавление редьюсеров
+     */
+    addReducers(asyncReducers: any): void;
+    /**
+     * Метод, который вызывается при ошибке
+     */
+    errorHandler(error: any, action: any): void;
+    [key: string]: any;
+}
 /**
  * Store Component
  * Обертка над Redux Store со встроенными middleware (thunk, multi, promise..) и react-router
  */
-export default class StoreComponent {
+export default class StoreComponent implements IStoreComponent {
     _asyncReducers: any;
     _components: any;
     reducers: any;

package/components/UiComponent.d.ts

@@ -1,27 +1,148 @@
+import * as React from 'react';
 import { ReactNode } from 'react';
 import { IComponents } from '../providers/ComponentsProvider';
 /**
  * Ui Component
  * Компонент для подгрузки и конфигурации UI компонентов приложения
  */
-export default class UiComponent {
+export interface IUiApplicationComponent {
+    /**
+    * Компоненты приложения.
+    */
     components: IComponents;
-    _components: any;
-    _models: any;
+    /**
+    * Иконки для использования в приложении.
+    */
+    icons: {
+        [name: string]: string | number | ReactNode;
+    };
+    /**
+    * Компоненты полей формы для использования в приложении.
+    */
+    fields: any;
+    /**
+    * Компоненты форматтеры для использования в приложении.
+    */
+    formatters: any;
+    /**
+     * Добавляет компоненты представлений.
+     * @param {any} components - Компоненты представлений.
+     */
+    addViews(components: any): void;
+    /**
+     * Рендерит компонент представления.
+     * @param {any} Component - Компонент или путь к компоненту представления.
+     * @param {any} props - Свойства компонента.
+     * @param {boolean} [forceNode=false] - Флаг, указывающий на принудительное отображение компонента как узла.
+     * @returns {React.ReactElement<any>|null} Возвращает элемент React или null.
+     */
+    renderView(Component: any, props: any, forceNode?: boolean): React.ReactElement<any> | null;
+    /**
+     * Возвращает компонент представления по указанному пути.
+     * @param {string} path - Путь к компоненту представления.
+     * @returns {any} Компонент представления или undefined, если не найден.
+     */
+    getView(path: any): any;
+    /**
+     * Добавляет компоненты полей формы.
+     * @param {any} components - Компоненты полей формы.
+     */
+    addFields(components: any): void;
+    /**
+     * Возвращает компонент поля формы по указанному пути.
+     * @param {string} path - Путь к компоненту поля формы.
+     * @returns {React.ComponentType<any>|undefined} Компонент поля формы или undefined, если не найден.
+     */
+    getField(path: string): React.ComponentType<any> | undefined;
+    /**
+     * Возвращает свойства конфигурации компонента поля формы по указанному пути.
+     * @param {string} path - Путь к компоненту поля формы.
+     * @param {any} model - Модель.
+     * @param {any} attribute - Атрибут.
+     * @returns {any} Свойства конфигурации компонента поля формы.
+     */
+    getFieldProps(path: string, model?: any, attribute?: any): any;
+    /**
+     * Добавляет компоненты форматтеров.
+     * @param {any} components - Компоненты форматтеров.
+     */
+    addFormatters(components: any): void;
+    /**
+     * Возвращает компонент форматтера по указанному пути.
+     * @param {string} path - Путь к компоненту форматтера.
+     * @returns {React.ComponentType<any>|undefined} Компонент форматтера или undefined, если не найден.
+     */
+    getFormatter(path: string): React.ComponentType<any> | undefined;
+    /**
+     * Возвращает свойства конфигурации компонента форматтера по указанному пути.
+     * @param {string} path - Путь к компоненту форматтера.
+     * @returns {any} Свойства конфигурации компонента форматтера.
+     */
+    getFormatterProps(path: string): any;
+    /**
+     * Добавляет иконки.
+     * @param {{ [name: string]: string | ReactNode }} icons - Иконки.
+     */
+    addIcons(icons: {
+        [name: string]: string | ReactNode;
+    }): void;
+    /**
+     * Возвращает иконку по указанному имени.
+     * @param {string} name - Имя иконки.
+     * @returns {string | number | ReactNode | null} Иконка или null, если не найдена.
+     */
+    getIcon(name: string): string | number | ReactNode | null;
+    /**
+     * Добавляет модели.
+     * @param {any} models - Модели.
+     */
+    addModels(models: any): void;
+    /**
+     * Регистрирует поле формы.
+     * @param {string} formId - Идентификатор формы.
+     * @param {string} attribute - Атрибут.
+     * @param {any} type - Тип.
+     */
+    registerField(formId: string, attribute: string, type: any): void;
+    /**
+     * Возвращает зарегистрированные поля формы для указанного идентификатора формы.
+     * @param {string} formId - Идентификатор формы.
+     * @returns {any} Зарегистрированные поля формы.
+     */
+    getRegisteredFields(formId: string): any;
+    /**
+     * Задает элемент портала.
+     * @param {HTMLElement} element - Элемент портала.
+     */
+    setPortalElement(element: HTMLElement): void;
+    /**
+     * Возвращает элемент портала.
+     * @returns {HTMLElement | null} Элемент портала или null, если не задан.
+     */
+    getPortalElement(): HTMLElement | null;
+}
+/**
+ * Ui Component
+ * Компонент для подгрузки и конфигурации UI компонентов приложения
+ */
+export default class UiComponent implements IUiApplicationComponent {
+    components: IComponents;
+    protected _components: any;
+    protected _models: any;
     icons: {
         [name: string]: string | number | ReactNode;
     } | any;
     fields: any;
     formatters: any;
-    _registeredFields: any;
-    _portalElement: HTMLDivElement;
+    protected _registeredFields: any;
+    protected _portalElement: HTMLDivElement;
     constructor(components: any);
     addViews(components: any): void;
     renderView(Component: any, props: any, forceNode?: boolean): any;
     getView(path: any): any;
     addFields(components: any): void;
     getField(path: any): any;
-    getFieldProps(path: any, model?: any, attribute?: any): any;
+    getFieldProps(path: string, model?: string, attribute?: string): any;
     addFormatters(components: any): void;
     getFormatter(path: any): any;
     getFormatterProps(path: any): any;
@@ -30,9 +151,9 @@ export default class UiComponent {
     addModels(models: any): void;
     registerField(formId: any, attribute: any, type: any): void;
     getRegisteredFields(formId: any): any;
-    _add(group: any, items: any, defaultNamespace?: any): void;
-    _getComponent(group: any, path: any): any;
-    _getPropsConfig(group: any, path: any): any;
+    protected _add(group: any, items: any, defaultNamespace?: any): void;
+    protected _getComponent(group: any, path: any): any;
+    protected _getPropsConfig(group: any, path: any): any;
     setPortalElement(element: any): void;
     getPortalElement(): HTMLDivElement;
 }