@steroidsjs/core 2.1.0-beta.3 → 2.1.0-beta.33

package/components/social/GoogleProvider.d.ts

@@ -1,7 +1,7 @@
 export default class GoogleProvider {
     _components: any;
     clientId: string;
-    constructor(components: any);
+    constructor(components: any, config: any);
     init(): Promise<any>;
     start(): Promise<{
         token: any;

package/components/social/GoogleProvider.js

@@ -37,9 +37,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 exports.__esModule = true;
 var GoogleProvider = /** @class */ (function () {
-    function GoogleProvider(components) {
+    function GoogleProvider(components, config) {
         this._components = components;
-        this.clientId = '';
+        this.clientId = config.clientId;
     }
     GoogleProvider.prototype.init = function () {
         return __awaiter(this, void 0, void 0, function () {

package/components/social/SteamProvider.d.ts

@@ -1,7 +1,7 @@
 export default class Vk {
     _components: any;
     clientId: string;
-    constructor(components: any);
+    constructor(components: any, config: any);
     init(): Promise<void>;
     start(): Promise<unknown>;
 }

package/components/social/SteamProvider.js

@@ -57,9 +57,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 exports.__esModule = true;
 var queryString = __importStar(require("qs"));
 var Vk = /** @class */ (function () {
-    function Vk(components) {
+    function Vk(components, config) {
         this._components = components;
-        this.clientId = '';
+        this.clientId = config.clientId;
     }
     Vk.prototype.init = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -74,14 +74,14 @@ var Vk = /** @class */ (function () {
             return __generator(this, function (_a) {
                 return [2 /*return*/, new Promise(function (resolve, reject) {
                         // Generate url
-                        var url = 'https://steamcommunity.com/openid/login?' +
-                            queryString.stringify({
+                        var url = 'https://steamcommunity.com/openid/login?'
+                            + queryString.stringify({
                                 'openid.mode': 'checkid_setup',
                                 'openid.ns': 'http://specs.openid.net/auth/2.0',
                                 'openid.identity': 'http://specs.openid.net/auth/2.0/identifier_select',
                                 'openid.claimed_id': 'http://specs.openid.net/auth/2.0/identifier_select',
                                 'openid.return_to': _this._components.http.getUrl('/api/v1/auth/social/proxy'),
-                                'openid.realm': location.origin
+                                'openid.realm': window.location.origin
                             });
                         // Open popup auth window
                         var width = 900;
@@ -107,14 +107,13 @@ var Vk = /** @class */ (function () {
                             .join(','));
                         popup.onbeforeunload = function () { return reject(); };
                         // This is a handler which is used by child window to pass auth result
-                        // @ts-ignore
                         window.authCallback = function (link) {
-                            var params = queryString.parse(new URL(link).search);
-                            if (!params['openid.mode']) {
+                            var query = queryString.parse(new URL(link).search);
+                            if (!query['openid.mode']) {
                                 reject();
                             }
                             else {
-                                resolve(params);
+                                resolve(query);
                             }
                         };
                     })];

package/components/social/VkProvider.d.ts

@@ -2,7 +2,7 @@ export default class VkProvider {
     _components: any;
     clientId: string;
     redirectUrl: any;
-    constructor(components: any);
+    constructor(components: any, config: any);
     init(): Promise<void>;
     start(): Promise<unknown>;
 }

package/components/social/VkProvider.js

@@ -57,10 +57,10 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 exports.__esModule = true;
 var queryString = __importStar(require("qs"));
 var VkProvider = /** @class */ (function () {
-    function VkProvider(components) {
+    function VkProvider(components, config) {
         this._components = components;
-        this.clientId = '';
-        this.redirectUrl = this._components.http.getUrl('/api/v1/auth/social/proxy');
+        this.clientId = config.clientId;
+        this.redirectUrl = config.redirectUrl || this._components.http.getUrl('/api/v1/auth/social/proxy');
     }
     VkProvider.prototype.init = function () {
         return __awaiter(this, void 0, void 0, function () {
@@ -75,8 +75,8 @@ var VkProvider = /** @class */ (function () {
             return __generator(this, function (_a) {
                 return [2 /*return*/, new Promise(function (resolve, reject) {
                         // Generate url
-                        var url = 'https://oauth.vk.com/authorize/?' +
-                            queryString.stringify({
+                        var url = 'https://oauth.vk.com/authorize/?'
+                            + queryString.stringify({
                                 client_id: _this.clientId,
                                 redirect_uri: _this.redirectUrl,
                                 scope: 'offline,public_profile',
@@ -106,16 +106,15 @@ var VkProvider = /** @class */ (function () {
                             .join(','));
                         popup.onbeforeunload = function () { return reject(); };
                         // This is a handler which is used by child window to pass auth result
-                        // @ts-ignore
                         window.authCallback = function (link) {
-                            var params = new URL(link).searchParams;
-                            var error = params.get('error');
+                            var query = new URL(link).searchParams;
+                            var error = query.get('error');
                             if (error) {
                                 reject(error);
                             }
                             else {
                                 resolve({
-                                    token: params.get('code')
+                                    token: query.get('code')
                                 });
                             }
                         };

package/hoc/components.d.ts

@@ -1,4 +1,4 @@
-import { IComponents } from '../hooks/useComponents';
+import { IComponents } from '../providers/ComponentsProvider';
 export interface IComponentsHocOutput extends IComponents {
     components?: IComponents;
 }

package/hoc/components.js

@@ -36,7 +36,7 @@ var exportComponents = function (components, names) {
     var props = {};
     names.forEach(function (items) {
         [].concat(items).forEach(function (name) {
-            props[name] = window.SteroidsComponents[name];
+            props[name] = components[name];
         });
     });
     return props;

package/hoc/file.d.ts

@@ -18,6 +18,7 @@ export interface IFileHocOutput {
     files?: any[];
     onBrowse?: any;
     onRemove?: any;
+    onAdd?: any;
 }
 declare const _default: () => any;
 export default _default;

package/hooks/index.d.ts

@@ -4,4 +4,5 @@ import useDataProvider from './useDataProvider';
 import useDataSelect from './useDataSelect';
 import useSelector from './useSelector';
 import useForm from './useForm';
-export { useBem, useComponents, useDataProvider, useDataSelect, useSelector, useForm, };
+import useSsr from './useSsr';
+export { useBem, useComponents, useDataProvider, useDataSelect, useSelector, useForm, useSsr, };

package/hooks/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.useForm = exports.useSelector = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = void 0;
+exports.useSsr = exports.useForm = exports.useSelector = exports.useDataSelect = exports.useDataProvider = exports.useComponents = exports.useBem = void 0;
 var useBem_1 = __importDefault(require("./useBem"));
 exports.useBem = useBem_1["default"];
 var useComponents_1 = __importDefault(require("./useComponents"));
@@ -16,3 +16,5 @@ var useSelector_1 = __importDefault(require("./useSelector"));
 exports.useSelector = useSelector_1["default"];
 var useForm_1 = __importDefault(require("./useForm"));
 exports.useForm = useForm_1["default"];
+var useSsr_1 = __importDefault(require("./useSsr"));
+exports.useSsr = useSsr_1["default"];

package/hooks/useAbsolutePositioning.d.ts

@@ -10,6 +10,11 @@ interface IStyleObj {
  */
 declare type Position = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | string;
 export interface IAbsolutePositioningInputProps {
+    /**
+     * Включает "умное" позиционирование - если компонент не может быть помещен в промежуток между целевым компонентом
+     * и краем viewport, тогда он будет показан в противоположном направлении от заданного в свойстве position.
+     */
+    autoPositioning?: boolean;
     /**
      * Дочерние элементы
      */

package/hooks/useAbsolutePositioning.js

@@ -12,11 +12,11 @@ function useAbsolutePositioning(props) {
     }), style = _d[0], setStyle = _d[1];
     var timerRef = react_1.useRef(null);
     var calculateAbsolutePosition = react_1.useCallback(function (newPosition, childRef, componentSize) {
-        if (newPosition === void 0) { newPosition = 'pos'; }
         var newStyle = { left: null, right: null, top: null };
         var _a = childRef.getBoundingClientRect(), top = _a.top, right = _a.right, left = _a.left, width = _a.width, height = _a.height;
         var parentDimensions = { top: top, right: right, left: left, width: width, height: height };
         parentDimensions.top += window.scrollY;
+        var useAutoPositioning = props.autoPositioning;
         // eslint-disable-next-line default-case
         switch (newPosition) {
             case 'top':
@@ -24,7 +24,7 @@ function useAbsolutePositioning(props) {
             case 'topRight':
                 // Проверка - выходит ли tooltip за верхний край страницы?
                 // Если да - меняем позицию на bottom
-                if ((parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + props.gap)) {
+                if (useAutoPositioning && ((parentDimensions.top - window.scrollY) <= Math.round(componentSize.height + props.gap))) {
                     newStyle.top = parentDimensions.top + parentDimensions.height;
                     newPosition = newPosition.replace('top', 'bottom');
                 }
@@ -35,9 +35,9 @@ function useAbsolutePositioning(props) {
             case 'bottom':
             case 'bottomLeft':
             case 'bottomRight':
-                /// Проверка - выходит ли tooltip за нижний край страницы?
+                // Проверка - выходит ли tooltip за нижний край страницы?
                 // Если да - меняем позицию на top
-                if ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY))
+                if (useAutoPositioning && ((window.innerHeight - (parentDimensions.top + parentDimensions.height - window.scrollY)))
                     <= Math.round(componentSize.height + props.gap)) {
                     newStyle.top = parentDimensions.top - componentSize.height;
                     newPosition = newPosition.replace('bottom', 'top');
@@ -51,7 +51,7 @@ function useAbsolutePositioning(props) {
             case 'leftBottom':
                 // Проверка - выходит ли tooltip за левый край страницы?
                 // Если да - меняем позицию на right
-                if (parentDimensions.left <= Math.round(componentSize.width + props.gap)) {
+                if (useAutoPositioning && (parentDimensions.left <= Math.round(componentSize.width + props.gap))) {
                     newStyle.left = parentDimensions.right;
                     newPosition = newPosition.replace('left', 'right');
                 }
@@ -64,7 +64,7 @@ function useAbsolutePositioning(props) {
             case 'rightBottom':
                 // Проверка - выходит ли tooltip за правый край страницы?
                 // Если да - меняем позицию на left
-                if (document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + props.gap)) {
+                if (useAutoPositioning && (document.body.clientWidth - parentDimensions.right <= Math.round(componentSize.width + props.gap))) {
                     newStyle.left = parentDimensions.left - componentSize.width;
                     newPosition = newPosition.replace('right', 'left');
                 }

package/hooks/useApplication.d.ts

@@ -1,29 +1,13 @@
-import * as React from 'react';
-import { PropsWithChildren } from 'react';
-import { IComponents } from './useComponents';
+/// <reference types="react" />
+import ClientStorageComponent from '../components/ClientStorageComponent';
+import HtmlComponent from '../components/HtmlComponent';
+import StoreComponent from '../components/StoreComponent';
+import UiComponent from '../components/UiComponent';
+import MetaComponent from '../components/MetaComponent';
+import { IComponents } from '../providers/ComponentsProvider';
 import { IRouteItem } from '../ui/nav/Router/Router';
-export interface IScreen {
-    width: number;
-    media: Record<string, any>;
-    setMedia: any;
-    isPhone: () => boolean;
-    isTablet: () => boolean;
-    isDesktop: () => boolean;
-    getDeviceType: () => string;
-}
-export declare const ScreenContext: React.Context<IScreen>;
-export interface IScreenProviderProps extends PropsWithChildren<any> {
-    media?: Record<string, any>;
-    skipTimeout?: boolean;
-}
-export declare const SCREEN_PHONE = "phone";
-export declare const SCREEN_TABLET = "tablet";
-export declare const SCREEN_DESKTOP = "desktop";
-declare global {
-    interface Window {
-        SteroidsComponents: IComponents;
-    }
-}
+import MetricsComponent from '../components/MetricsComponent';
+import { IScreenProviderProps } from '../providers/ScreenProvider';
 /**
  * Application HOC
  * Обертка над корневым компонентом приложения, используется только в `Application.tsx`. Добавляет через React Context
@@ -48,5 +32,24 @@ export interface IApplicationHookResult {
     renderApplication: (children?: any) => JSX.Element;
     components: IComponents;
 }
-export declare const ComponentsContext: React.Context<IComponents>;
+export declare const defaultComponents: {
+    clientStorage: {
+        className: typeof ClientStorageComponent;
+    };
+    html: {
+        className: typeof HtmlComponent;
+    };
+    meta: {
+        className: typeof MetaComponent;
+    };
+    store: {
+        className: typeof StoreComponent;
+    };
+    ui: {
+        className: typeof UiComponent;
+    };
+    metrics: {
+        className: typeof MetricsComponent;
+    };
+};
 export default function useApplication(config?: IApplicationHookConfig): IApplicationHookResult;

package/hooks/useApplication.js

@@ -44,86 +44,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.ComponentsContext = exports.SCREEN_DESKTOP = exports.SCREEN_TABLET = exports.SCREEN_PHONE = exports.ScreenContext = void 0;
+exports.defaultComponents = void 0;
 var React = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var merge_1 = __importDefault(require("lodash-es/merge"));
 var react_1 = require("react");
-var react_use_1 = require("react-use");
 var ClientStorageComponent_1 = __importDefault(require("../components/ClientStorageComponent"));
 var HtmlComponent_1 = __importDefault(require("../components/HtmlComponent"));
 var StoreComponent_1 = __importDefault(require("../components/StoreComponent"));
 var UiComponent_1 = __importDefault(require("../components/UiComponent"));
 var MetaComponent_1 = __importDefault(require("../components/MetaComponent"));
+var ComponentsProvider_1 = __importDefault(require("../providers/ComponentsProvider"));
 var Router_1 = __importDefault(require("../ui/nav/Router/Router"));
 var MetricsComponent_1 = __importDefault(require("../components/MetricsComponent"));
-exports.ScreenContext = React.createContext({});
-exports.SCREEN_PHONE = 'phone';
-exports.SCREEN_TABLET = 'tablet';
-exports.SCREEN_DESKTOP = 'desktop';
-function ScreenProvider(props) {
-    var _a;
-    var _b = react_1.useState(typeof window !== 'undefined' ? window.innerWidth : 1280), width = _b[0], setWidth = _b[1];
-    var _c = react_1.useState(props.media || (_a = {},
-        _a[exports.SCREEN_PHONE] = 320,
-        _a[exports.SCREEN_TABLET] = 768,
-        _a[exports.SCREEN_DESKTOP] = 1024,
-        _a)), media = _c[0], setMedia = _c[1];
-    var timer = null;
-    var onResize = function () {
-        if (timer) {
-            clearTimeout(timer);
-        }
-        if (props.skipTimeout) {
-            setWidth(window.innerWidth);
-        }
-        else {
-            timer = setTimeout(function () { return setWidth(window.innerWidth); }, 100);
-        }
-    };
-    react_use_1.useMount(function () {
-        if (typeof window !== 'undefined') {
-            window.addEventListener('resize', onResize, false);
-        }
-    });
-    react_use_1.useUnmount(function () {
-        if (typeof window !== 'undefined') {
-            window.removeEventListener('resize', onResize);
-        }
-    });
-    var getDeviceType = react_1.useCallback(function () {
-        if (width < media[exports.SCREEN_TABLET]) {
-            return exports.SCREEN_PHONE;
-        }
-        if (width < media[exports.SCREEN_DESKTOP]) {
-            return exports.SCREEN_TABLET;
-        }
-        return exports.SCREEN_DESKTOP;
-    }, [width, media]);
-    var isPhone = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_PHONE; }, [getDeviceType]);
-    var isTablet = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_TABLET; }, [getDeviceType]);
-    var isDesktop = react_1.useCallback(function () { return getDeviceType() === exports.SCREEN_DESKTOP; }, [getDeviceType]);
-    var value = react_1.useMemo(function () { return ({
-        width: width,
-        media: media,
-        setMedia: setMedia,
-        isPhone: isPhone,
-        isTablet: isTablet,
-        isDesktop: isDesktop,
-        getDeviceType: getDeviceType
-    }); }, [
-        width,
-        media,
-        setMedia,
-        isPhone,
-        isTablet,
-        isDesktop,
-        getDeviceType,
-    ]);
-    return (React.createElement(exports.ScreenContext.Provider, { value: value }, props.children));
-}
-exports.ComponentsContext = React.createContext({});
-var defaultComponents = {
+var ScreenProvider_1 = __importDefault(require("../providers/ScreenProvider"));
+var useComponents_1 = __importDefault(require("./useComponents"));
+exports.defaultComponents = {
     clientStorage: {
         className: ClientStorageComponent_1["default"]
     },
@@ -151,31 +87,30 @@ var defaultComponents = {
 };
 function useApplication(config) {
     if (config === void 0) { config = {}; }
-    var components;
-    // Store global (in global mode)
-    var useGlobal = config.useGlobal !== false && typeof window !== 'undefined';
-    if (useGlobal) {
+    var useGlobal = config.useGlobal !== false;
+    var components = useComponents_1["default"]();
+    if (useGlobal && !process.env.IS_SSR) {
         components = window.SteroidsComponents || null;
     }
     // Create components
     if (!components) {
         components = {};
-        var componentsConfig_1 = merge_1["default"]({}, defaultComponents, config.components);
+        var componentsConfig_1 = merge_1["default"]({}, exports.defaultComponents, config.components);
         Object.keys(componentsConfig_1).forEach(function (name) {
             if (typeof componentsConfig_1[name] === 'function') {
                 componentsConfig_1[name] = { className: componentsConfig_1[name] };
             }
             var _a = componentsConfig_1[name], className = _a.className, componentConfig = __rest(_a, ["className"]);
             // Append reducers to store
-            if (name === 'store' && config.reducers) {
-                componentConfig.reducers = config.reducers;
+            if (name === 'store') {
+                if (config.reducers) {
+                    componentConfig.reducers = config.reducers;
+                }
             }
             // eslint-disable-next-line new-cap
             components[name] = new className(components, componentConfig);
         });
-        if (useGlobal) {
-            window.SteroidsComponents = components;
-        }
+        window.SteroidsComponents = components;
         // Init callback
         if (config.onInit) {
             config.onInit(components);
@@ -190,10 +125,10 @@ function useApplication(config) {
             content = (React.createElement(Router_1["default"], { routes: config.routes(), wrapperView: config.layoutView(), wrapperProps: config.layoutProps }));
         }
         if (config.screen) {
-            content = (React.createElement(ScreenProvider, __assign({}, config.screen), content));
+            content = (React.createElement(ScreenProvider_1["default"], __assign({}, config.screen), content));
         }
-        if (!useGlobal) {
-            content = (React.createElement(exports.ComponentsContext.Provider, { value: components }, content));
+        if (!(useGlobal || process.env.IS_SSR)) {
+            content = (React.createElement(ComponentsProvider_1["default"], { components: components }, content));
         }
         return (React.createElement(react_redux_1.Provider, { store: components.store.store }, content));
     }, [components, config, useGlobal]);

package/hooks/useComponents.d.ts

@@ -1,15 +1,2 @@
-export interface IComponents {
-    api?: any;
-    clientStorage?: any;
-    html?: any;
-    http?: any;
-    locale?: any;
-    store?: any;
-    ui?: any;
-    resource?: any;
-    ws?: any;
-    pushNotification?: any;
-    meta?: any;
-    [key: string]: any;
-}
+import { IComponents } from '../providers/ComponentsProvider';
 export default function useComponents(): IComponents;

package/hooks/useComponents.js

@@ -1,12 +1,11 @@
 "use strict";
-//import {useContext} from 'react';
 exports.__esModule = true;
+var react_1 = require("react");
+var ComponentsProvider_1 = require("../providers/ComponentsProvider");
 function useComponents() {
-    if (typeof window !== 'undefined' && window.SteroidsComponents) {
+    if (!process.env.IS_SSR) {
         return window.SteroidsComponents;
     }
-    // TODO Get components from context
-    //return useContext(ComponentsContext);
-    return null;
+    return react_1.useContext(ComponentsProvider_1.ComponentsContext); // eslint-disable-line react-hooks/rules-of-hooks
 }
 exports["default"] = useComponents;

package/hooks/useDataProvider.d.ts

@@ -22,6 +22,7 @@ export declare type DataProviderItems = string | ({
 }) | (string | number | {
     id: string | number | boolean;
     label: string | any;
+    [key: string]: any;
 })[];
 export interface IDataProviderConfig {
     /**

package/hooks/useDataProvider.js

@@ -54,6 +54,7 @@ var react_redux_1 = require("react-redux");
 var isString_1 = __importDefault(require("lodash-es/isString"));
 var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
 var react_1 = require("react");
+var react_use_1 = require("react-use");
 var data_1 = require("../utils/data");
 var index_1 = require("./index");
 var fields_1 = require("../reducers/fields");
@@ -88,6 +89,7 @@ function useDataProvider(config) {
     // Fetch data
     var delayTimerRef = react_1.useRef(null);
     var isAutoFetchedRef = react_1.useRef(false);
+    var prevQuery = react_use_1.usePrevious(config.query);
     react_1.useEffect(function () {
         var fetchRemote = function () { return __awaiter(_this, void 0, void 0, function () {
             var searchHandler, result, newItems;
@@ -129,14 +131,14 @@ function useDataProvider(config) {
             if (delayTimerRef.current) {
                 clearTimeout(delayTimerRef.current);
             }
-            // Min length query logic
-            if (config.query && config.query.length >= autoComplete.minLength) {
+            // Changed query logic
+            if (prevQuery !== config.query) {
                 // Search with delay
                 delayTimerRef.current = setTimeout(fetchRemote, autoComplete.delay);
             }
         }
-    }, [autoComplete, components.api, components.http, config.autoFetch, config.dataProvider, config.query,
-        dataProvider, dataProvider.action, dataProvider.onSearch, sourceItems]);
+    }, [autoComplete, components.api, components.http, config.autoFetch, config.dataProvider,
+        config.query, dataProvider, dataProvider.action, dataProvider.onSearch, prevQuery, sourceItems]);
     return {
         sourceItems: sourceItems,
         items: items,

package/hooks/useDataSelect.d.ts

@@ -1,3 +1,8 @@
+interface IDataSelectItem {
+    id: number | string | boolean;
+    label?: string;
+    [key: string]: unknown;
+}
 export interface IDataSelectConfig {
     /**
      * Возможность множественного выбора
@@ -5,14 +10,10 @@ export interface IDataSelectConfig {
      */
     multiple?: boolean;
     /**
-     * Список с элементами
+     * Список с видимыми элементами
      * @example [{id: 1, label: 'Krasnoyarsk'}, {id: 2, label: 'Moscow'}]
      */
-    items: {
-        id: number | string | boolean;
-        label?: string;
-        [key: string]: unknown;
-    }[];
+    items?: IDataSelectItem[];
     /**
      * Сделать активным первый элемент в списке
      * @example true
@@ -22,7 +23,7 @@ export interface IDataSelectConfig {
      * Список с идентификаторами выбранных элементов
      * @example [1, 4]
      */
-    selectedIds: any;
+    selectedIds?: any;
     /**
      * Первичный ключ для item
      * @example id
@@ -31,7 +32,11 @@ export interface IDataSelectConfig {
     /**
      * Значение поля в форме
      */
-    inputValue: any;
+    inputValue?: any;
+    /**
+     *  Список со всеми элементами
+     */
+    sourceItems?: IDataSelectItem[];
 }
 export interface IDataSelectResult {
     isOpened: boolean;
@@ -42,5 +47,7 @@ export interface IDataSelectResult {
     setHoveredId: (id: PrimaryKey) => void;
     selectedIds: PrimaryKey[];
     setSelectedIds: (ids: PrimaryKey | PrimaryKey[], skipToggle?: boolean) => void;
+    selectedItems: IDataSelectItem[];
 }
 export default function useDataSelect(config: IDataSelectConfig): IDataSelectResult;
+export {};