@steroidsjs/core 3.0.0-beta.9 → 3.0.0-beta.90

package/index.d.ts

@@ -48,21 +48,9 @@ declare type PrimaryKey = number | string;
 declare type Size = 'small' | 'middle' | 'large' | string;
 
 /**
- * Макет формы или ее части, влияющий на расположение полей
+ * Ориентация элемента
  */
-declare type FormLayoutName = 'default' | 'horizontal' | 'inline' | string;
-
-/**
- * Свойства для настройки макета формы
- */
-declare type FormLayout = FormLayoutName | boolean | {
-    layout?: FormLayoutName | boolean,
-    className?: string,
-    style?: any,
-    label?: boolean,
-    cols?: number[],
-    [key: string]: any,
-};
+declare type Orientation = 'horizontal' | 'vertical' | string;
 
 /**
  * Объект из свойства `input` от redux-form
@@ -89,9 +77,34 @@ declare type CustomStyle = React.CSSProperties;
  * Переопределение view React компонента для кастомизации отображения
  * @example MyCustomView
  */
-declare type CustomView = React.ReactNode | React.FunctionComponent;
+declare type CustomView = React.ReactNode | ((props: React.ComponentProps<any>) => JSX.Element);
+
+/**
+ * Кастомная иконка
+ * @example custom-icon
+ */
+declare type CustomIcon = string | React.ReactElement;
 
 /**
  * HTTP метод
  */
 declare type HttpMethod = 'get' | 'post' | 'put' | 'delete' | string;
+
+declare interface IUiComponent {
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     * @example MyCustomView
+     */
+    view?: CustomView;
+
+    /**
+     * Дополнительный CSS-класс для элемента отображения
+     */
+    className?: CssClassName;
+
+    /**
+     * Объект CSS стилей
+     * @example {width: '45%'}
+     */
+    style?: CustomStyle;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@steroidsjs/core",
- "version": "3.0.0-beta.9",
+ "version": "3.0.0-beta.90",
  "description": "",
  "author": "Vladimir Kozhin <hello@kozhindev.com>",
  "repository": {
@@ -18,15 +18,20 @@
   "url": "https://github.com/steroids/react/issues"
  },
  "scripts": {
-  "docs": "typedoc --ignoreCompilerErrors --json typedoc.json .",
+  "docs": "node build/docs-autogen.js",
   "test": "jest",
   "lint": "eslint -c ./.eslintrc --ext .js,.jsx,.ts,.tsx ./src ./tests --quiet",
-  "build": "tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/",
+  "build": "tsc && cp ./{package.json,LICENSE,README.md} dist/ && cp src/index.d.ts dist/ && cp build/docs-autogen-result.json dist/ && cp build/locales/en.json dist/",
   "watch": "tsc -p tsconfig-debug.json"
  },
  "dependencies": {
+  "@maskito/core": "^0.12.1",
+  "@maskito/kit": "^0.12.1",
+  "@maskito/react": "^0.12.1",
+  "@splidejs/react-splide": "^0.7.12",
   "axios": "^0.21.1",
   "connected-react-router": "^6.9.3",
+  "dayjs": "^1.11.9",
   "domready": "^1.0.8",
   "dot-prop-immutable": "^2.1.0",
   "fileup-core": "^1.2.7",
@@ -36,18 +41,16 @@
   "load-js": "^3.0.3",
   "lodash": "^4.17.21",
   "lodash-es": "^4.17.21",
-  "moment": "^2.29.1",
   "path-to-regexp": "^1.7.0",
   "qs": "^6.9.4",
   "query-string": "^6.14.0",
   "react": "^18.2.0",
   "react-click-outside": "^3.0.1",
-  "react-day-picker": "^8.2.1",
+  "react-day-picker": "^8.7.1",
   "react-dom": "^18.2.0",
   "react-grid-gallery": "^0.4.8",
   "react-helmet": "^6.1.0",
   "react-image-crop": "^9.0.2",
-  "react-input-mask": "^3.0.0-alpha.2",
   "react-redux": "^8.0.5",
   "react-router": "^5.2.0",
   "react-router-dom": "^5.2.0",
@@ -62,7 +65,7 @@
   "@babel/preset-env": "^7.13.15",
   "@babel/preset-react": "^7.13.13",
   "@babel/preset-typescript": "^7.13.0",
-  "@steroidsjs/eslint-config": "^2.1.3",
+  "@steroidsjs/eslint-config": "^2.1.4",
   "@testing-library/dom": "^8.20.0",
   "@testing-library/jest-dom": "^5.16.5",
   "@testing-library/react": "^13.4.0",
@@ -83,7 +86,9 @@
   "enzyme": "^3.11.0",
   "eslint": "^8.34.0",
   "jest": "^26.6.3",
+  "jest-environment-jsdom-fifteen": "^1.0.2",
   "jest-enzyme": "^7.1.2",
+  "rc-slider": "9.7.4",
   "ts-jest": "^26.5.1",
   "typescript": "^4.9.5"
  }

package/providers/ComponentsProvider.d.ts

@@ -1,19 +1,22 @@
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
+import { IClientStorageComponent } from '../components/ClientStorageComponent';
+import { ILocaleComponent } from '../components/LocaleComponent';
+import { IUiApplicationComponent } from '../components/UiComponent';
+import { IResourceComponent } from '../components/ResourceComponent';
 declare global {
     interface Window {
         SteroidsComponents: IComponents;
     }
 }
 export interface IComponents {
-    api?: any;
-    clientStorage?: any;
+    clientStorage?: IClientStorageComponent;
     html?: any;
     http?: any;
-    locale?: any;
+    locale?: ILocaleComponent;
     store?: any;
-    ui?: any;
-    resource?: any;
+    ui?: IUiApplicationComponent;
+    resource?: IResourceComponent;
     ws?: any;
     pushNotification?: any;
     meta?: any;

package/providers/ThemeProvider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export interface ITheme {
+    theme: string;
+    toggleTheme: VoidFunction;
+    setTheme: React.Dispatch<any>;
+}
+export interface IThemeProviderProps extends React.PropsWithChildren<any> {
+    themes?: string[];
+    themeStorageKey?: string;
+}
+export declare const LIGHT_THEME = "light";
+export declare const DARK_THEME = "dark";
+export declare const ThemeContext: React.Context<ITheme>;
+export default function ThemeProvider(props: IThemeProviderProps): JSX.Element;

package/providers/ThemeProvider.js

@@ -0,0 +1,62 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+exports.__esModule = true;
+exports.ThemeContext = exports.DARK_THEME = exports.LIGHT_THEME = void 0;
+var React = __importStar(require("react"));
+var hooks_1 = require("../hooks");
+exports.LIGHT_THEME = 'light';
+exports.DARK_THEME = 'dark';
+var DEFAULT_THEMES = [
+    exports.LIGHT_THEME,
+    exports.DARK_THEME,
+];
+var DEFAULT_THEME_STORAGE_KEY = 'theme';
+exports.ThemeContext = React.createContext({});
+function ThemeProvider(props) {
+    var themes = props.themes || DEFAULT_THEMES;
+    var themeStorageKey = props.themeStorageKey || DEFAULT_THEME_STORAGE_KEY;
+    var clientStorage = (0, hooks_1.useComponents)().clientStorage;
+    var _a = React.useState(clientStorage.get(themeStorageKey) || themes[0]), theme = _a[0], setTheme = _a[1];
+    var toggleTheme = React.useCallback(function () {
+        var themesExpectedCount = 2;
+        if (themes.length !== themesExpectedCount) {
+            throw new Error('toggleTheme callback can only be used if the number of themes is two');
+        }
+        var lightTheme = themes[0];
+        var darkTheme = themes[1];
+        setTheme(theme === lightTheme ? darkTheme : lightTheme);
+    }, [theme, themes]);
+    React.useEffect(function () {
+        document.querySelector('html').setAttribute('data-theme', theme);
+        clientStorage.set(themeStorageKey, theme);
+    }, [theme, clientStorage, themeStorageKey]);
+    var value = React.useMemo(function () { return ({
+        theme: theme,
+        toggleTheme: toggleTheme,
+        setTheme: setTheme
+    }); }, [theme, toggleTheme]);
+    return (React.createElement(exports.ThemeContext.Provider, { value: value }, props.children));
+}
+exports["default"] = ThemeProvider;

package/reducers/list.d.ts

@@ -10,3 +10,4 @@ export declare const getListItems: (state: any, listId: any) => any;
 export declare const getSelectedIds: (state: any, listId: any) => any;
 export declare const isSelected: (state: any, listId: any, itemId: any) => any;
 export declare const isSelectedAll: (state: any, listId: any) => any;
+export declare const getCheckedIds: (state: any, listId: any) => any;

package/reducers/list.js

@@ -24,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 var _a;
 exports.__esModule = true;
-exports.isSelectedAll = exports.isSelected = exports.getSelectedIds = exports.getListItems = exports.getIds = exports.getList = exports.isListInitialized = void 0;
+exports.getCheckedIds = exports.isSelectedAll = exports.isSelected = exports.getSelectedIds = exports.getListItems = exports.getIds = exports.getList = exports.isListInitialized = void 0;
 var get_1 = __importDefault(require("lodash-es/get"));
 var isMatch_1 = __importDefault(require("lodash-es/isMatch"));
 var every_1 = __importDefault(require("lodash-es/every"));
@@ -152,3 +152,6 @@ var isSelectedAll = function (state, listId) {
         && (0, every_1["default"])((0, exports.getIds)(state, listId).map(function (id) { return selectedIds.includes(id); })));
 };
 exports.isSelectedAll = isSelectedAll;
+// deprecated
+var getCheckedIds = function (state, listId) { return (0, get_1["default"])(state, ['list', 'selectedIds', listId]) || []; };
+exports.getCheckedIds = getCheckedIds;

package/reducers/router.d.ts

@@ -58,7 +58,6 @@ export declare const normalizeRoutes: (state: any, item: IRouteItem, activeIds:
     models?: string | string[];
     enums?: string | string[];
     role?: string;
-    fetch?: import("../hoc/fetch").IFetchHocConfigFunc;
     preloadData?: (match: Record<string, any>) => (import("../hooks/useFetch").IFetchConfig | import("../ui/list/List/List").IListProps)[];
 };
 /**

package/reducers/router.js

@@ -135,13 +135,13 @@ exports.normalizeRoutes = normalizeRoutes;
  */
 var findRecursive = function (item, predicate, pathItems) {
     if (pathItems === void 0) { pathItems = null; }
-    if (((0, isFunction_1["default"])(predicate) && predicate(item)) || predicate === item.id) {
+    if (((0, isFunction_1["default"])(predicate) && predicate(item)) || predicate === (item === null || item === void 0 ? void 0 : item.id)) {
         if (pathItems) {
             pathItems.push(item);
         }
         return item;
     }
-    if (Array.isArray((item.items))) {
+    if (Array.isArray((item === null || item === void 0 ? void 0 : item.items))) {
         var foundedItem = item.items.find(function (subItem) { return (0, exports.findRecursive)(subItem, predicate, pathItems); }) || null;
         if (foundedItem && pathItems) {
             pathItems.push(item);

package/ui/content/Accordion/Accordion.d.ts

@@ -1,33 +1,56 @@
 import * as React from 'react';
 export interface IAccordionIcon {
+    /**
+    * Пользовательская иконка открытия
+    * @example 'user
+    */
     open: React.ReactElement | string;
+    /**
+    * Пользовательская иконка закрытия
+    * @example 'user'
+    */
     close: React.ReactElement | string;
 }
-export interface IAccordionCommonProps {
-    view?: any;
-    style?: React.CSSProperties;
-    children?: any;
+/**
+ * Accordion
+ *
+ * Компонент-аккордеон позволяет создавать интерактивные списки или контейнеры,
+ * где содержимое может быть развернуто или свернуто по требованию пользователя.
+ * Каждый элемент аккордеона может быть раскрытым или свернутым, и пользователь может
+ * изменять их состояние путем нажатия на соответствующий заголовок элемента.
+ *
+ * Компонент `Accordion` обычно используется для создания разделов, подразделов или
+ * списков, где необходимо показывать или скрывать дополнительную информацию по требованию.
+ *
+ * Внутри компонента `Accordion` могут быть использованы дочерние элементы `AccordionItem`,
+ * каждый из которых представляет отдельный элемент аккордеона с заголовком и содержимым.
+ * При нажатии на заголовок, соответствующий элемент может быть развернут или свернут.
+ *
+ * Примечание: В компоненте `Accordion` должен быть указан хотя бы один дочерний элемент `AccordionItem`.
+ */
+export interface IAccordionProps extends IUiComponent {
     /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
+    * Дочерние элементы
+    */
+    children?: React.ReactNode;
     /**
-     * @example {true}
+     * Переводит Accordion в выключенное состояние
+     * @example true
      */
     disabled?: boolean;
     /**
      * Пользовательская иконка svg или название иконки или объект с иконками open и close
-     * @example {'circle'}
+     * @example 'circle'
      */
     icon?: IAccordionIcon | React.ReactElement | string;
     /**
    * Включает режим в котором можно открыть только один AccordionItem
-   * @example {true}
+   * @example true
    */
     hasOneOpenItem?: boolean;
     /**
      * Название AccordionItem
-     * @example {'Подробнее'}
+     * @example 'Подробнее'
      */
     title?: string;
     /**
@@ -36,7 +59,7 @@ export interface IAccordionCommonProps {
     theme?: 'light' | 'dark' | 'intermediate';
     /**
      * Номер активного AccordionItem, который может меняться динамический или быть статичным
-     * @example
+     * @example 1
      */
     activeKey?: number;
     /**
@@ -47,7 +70,7 @@ export interface IAccordionCommonProps {
     /**
      * Стилизация позиционирования.
      * При значении "top" верхняя часть шапки будет закруглена.
-     * @example {'top'}
+     * @example 'top'
      */
     position?: 'bottom' | 'middle' | 'top';
     /**
@@ -55,11 +78,13 @@ export interface IAccordionCommonProps {
      */
     showIcon?: boolean;
 }
-export interface IAccordionCommonViewProps extends IAccordionCommonProps {
+export interface IAccordionViewProps extends IAccordionProps {
     toggleAccordion?: (number: any) => void;
     toggleCollapse?: (number: any) => void;
     childIndex?: number;
     isShowMore?: boolean;
 }
-declare function Accordion(props: IAccordionCommonProps): JSX.Element;
+export type IAccordionItemProps = IAccordionProps;
+export type IAccordionItemViewProps = IAccordionViewProps;
+declare function Accordion(props: IAccordionProps): JSX.Element;
 export default Accordion;

package/ui/content/Accordion/AccordionItem.d.ts

@@ -1,6 +1,7 @@
-import { IAccordionCommonProps, IAccordionCommonViewProps } from './Accordion';
-declare function AccordionItem(props: IAccordionCommonProps): any;
+/// <reference types="react" />
+import { IAccordionItemProps } from './Accordion';
+declare function AccordionItem(props: IAccordionItemProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace AccordionItem {
-    var defaultProps: IAccordionCommonViewProps;
+    var defaultProps: import("./Accordion").IAccordionViewProps;
 }
 export default AccordionItem;

package/ui/content/Alert/Alert.d.ts

@@ -1,32 +1,46 @@
 import React from 'react';
-export interface IAlertProps {
-    view?: any;
-    className?: CssClassName;
+/**
+ * Alert
+ *
+ * Компонент оповещения, который отображает сообщения для пользователя.
+ * Он может быть использован для показа уведомлений, предупреждений или ошибок,
+ * которые требуют внимания пользователя.
+ *
+ * Компонент `Alert` может содержать текстовое сообщение и дополнительное описание,
+ * а также опциональную кнопку для закрытия оповещения.
+ *
+ * Оповещения могут иметь различные типы, такие как 'success', 'info', 'warning', 'error'
+ * или другие пользовательские типы.
+ *
+ * Компонент также предлагает настройки для отображения иконки, анимации, а также
+ * обратного вызова при закрытии оповещения.
+ */
+export interface IAlertProps extends IUiComponent {
     /**
     * Дочерние элементы
+    * @example {<span>children</span>}
     */
     children?: React.ReactNode;
     /**
      * Типы Оповещений
-     * @example {'info'}
+     * @example 'info'
      */
-    type: 'success' | 'info' | 'warning' | 'error' | 'default' | string;
+    type?: 'success' | 'info' | 'warning' | 'error' | 'default' | string;
     /** Основное сообщения Оповещения
-     * @example {'Sending is confirmed!'}
+     * @example 'Sending is confirmed!'
      */
     message?: string;
     /** Дополнительное содрежание сообщения.
-     * @example {'Please, check your email.'}
+     * @example 'Please, check your email.'
      */
     description?: string;
-    style?: React.CSSProperties;
     /**
      *  Нужно ли отображать кнопку, чтобы закрыть Оповещение
      */
     showClose?: boolean;
     /**
      * Нужно ли отображать иконку, соответствующую типа Оповещения
-     * @example {true}
+     * @example true
      */
     showIcon?: boolean;
     /**
@@ -34,12 +48,17 @@ export interface IAlertProps {
      * @example {() => console.log('this is callback')}
      */
     onClose?: () => void;
+    /**
+    * Флаг, который включает анимацию
+    * @example true
+    */
     animation?: boolean;
     /**
      * Время анимации в миллисекундах
-     * @example {1000}
+     * @example 1000
      */
     animationDuration?: number;
+    [key: string]: any;
 }
 export interface IAlertViewProps extends IAlertProps {
     isExist: boolean;

package/ui/content/Avatar/Avatar.d.ts

@@ -1,56 +1,58 @@
-export interface IAvatarProps {
+/// <reference types="react" />
+/**
+ * Avatar
+ *
+ * Компонент аватара, который отображает изображение пользователя или иконку.
+ * Он может использоваться для представления пользователя, контакта или профиля.
+ *
+ * Компонент `Avatar` позволяет указать размер, форму, изображение или иконку,
+ * а также добавить альтернативный текст и статус онлайна.
+ *
+ * Если изображение аватара не загружается, можно показать альтернативный текст
+ * или иконку вместо него.
+ */
+export interface IAvatarProps extends IUiComponent {
     /**
      * Альтернативный текст для изображения
-     * @example {'default image'}
+     * @example 'default image'
      */
     alt?: string;
-    /**
-     * Дополнительный CSS-класс
-     */
-    className?: CssClassName;
     /**
      * Дочерние элементы
      */
-    children?: CustomView;
+    children?: React.ReactNode;
     /**
      * Размер аватара
-     * @example {'md'}
+     * @example 'md'
      */
     size?: Size | number;
     /**
      * Форма аватара
-     * @example {'circle'}
+     * @example 'circle'
      */
     shape?: 'circle' | 'square' | string;
     /**
      * Ссылка на изображение для аватара
-     * @example {'https://user/avatar.png'}
+     * @example 'https://user/avatar.png'
      */
     src?: string;
+    /**
+    * Набор адаптивных изображений
+    */
     srcSet?: string;
     /**
      * Статус онлайна
-     * @example {true}
+     * @example true
      */
     status?: boolean;
-    /**
-     * Объект CSS стилей
-     * @example {width: '30px'}
-     */
-    style?: CustomStyle;
     /**
      * Заголовок аватарки
-     * @example {'Avatar'}
+     * @example 'Avatar'
      */
     title?: string;
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     * @example MyCustomView
-     */
-    view?: CustomView;
     /**
      * Наличие обводки вокруг аватара
-     * @example {true}
+     * @example true
      */
     hasBorder?: boolean;
 }
@@ -59,7 +61,7 @@ export interface IAvatarViewProps extends IAvatarProps {
     onError: () => void;
     formattedTitle: () => void;
 }
-declare function Avatar(props: IAvatarProps): any;
+declare function Avatar(props: IAvatarProps): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 declare namespace Avatar {
     var defaultProps: {
         size: string;

package/ui/content/Avatar/Avatar.js

@@ -35,7 +35,7 @@ function Avatar(props) {
     return components.ui.renderView(props.view || 'content.AvatarView', __assign(__assign({}, props), { isError: isError, onError: onError, formattedTitle: formattedTitle }));
 }
 Avatar.defaultProps = {
-    size: 'middle',
+    size: 'md',
     shape: 'circle',
     status: false
 };

package/ui/content/Avatar/AvatarGroup.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 export interface AvatarGroupProps {
-    view?: any;
-    children?: CustomView[];
-    style?: React.CSSProperties;
+    view?: CustomView;
+    children?: React.ReactNode[];
+    style?: CustomStyle;
     maxCount?: number;
 }
 export type IAvatarGroupViewProps = AvatarGroupProps;

package/ui/content/Badge/Badge.d.ts

@@ -1,47 +1,60 @@
-import React from 'react';
-interface ICounter {
+/// <reference types="react" />
+export interface ICounter {
+    /**
+    * Состояние счетчика
+    * @example true
+    */
     isEnable: boolean;
-    content: string | number;
-}
-export interface IBadgeProps {
     /**
-    * Дополнительный CSS-класс
+    * Содержимое счетчика
+    * @example 'Counter'
     */
-    className?: CssClassName;
+    content: string | number;
+}
+/**
+ * Badge
+ *
+ * Компонент бэйджа, который используется для отображения информационных меток на элементах пользовательского интерфейса.
+ * Он может использоваться для обозначения статуса, количества, типа или любой другой важной информации.
+ *
+ * Компонент `Badge` позволяет указать тип бэйджа, стиль скругления, наличие кнопки для закрытия,
+ * текст сообщения, отображение счетчика и размер.
+ *
+ * Если установлен флаг `showClose`, то пользователь может закрыть бэйдж, вызывая соответствующую callback функцию `onClose`.
+ */
+export interface IBadgeProps extends IUiComponent {
     /**
      * Тип badge
+     * @example 'primary'
      */
-    type: 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info';
+    type: ColorName;
     /**
      * Стиль скругления
      */
     roundingStyle: 'rounder' | 'squarer';
-    /**
-     * Переопределение view React компонента для кастомизации отображения
-     */
-    view?: CustomView;
     /**
      * Нужно ли отображать кнопку, чтобы закрыть badge
      */
     showClose?: boolean;
     /**
      * Callback функция вызываемая при нажатии на кнопку закрытия
-     * @example {() => console.log('this is callback')}
+     * @example () => console.log('Hello from onClose!')
      */
     onClose?: () => void;
     /** Текст для badge
-    * @example {'Sending is confirmed!'}
+    * @example 'Sending is confirmed!'
     */
     message?: string;
     /**
      * Нужно ли отображать счетчик
+     * @example {isEnable: true, content: 'Hello from counter!'}
      */
     counter: boolean | ICounter;
-    style?: React.CSSProperties;
     /**
      * Размер для badge
+     * @example 'md'
      */
-    size: 'small' | 'medium' | 'large';
+    size: Size;
 }
 export interface IBadgeViewProps extends IBadgeProps {
     isExist: boolean;