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

package/hooks/useDataSelect.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.getLinearItems = void 0;
+exports.getFlattenedItems = void 0;
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var isArray_1 = __importDefault(require("lodash-es/isArray"));
 var isNil_1 = __importDefault(require("lodash-es/isNil"));
@@ -21,11 +21,11 @@ var react_use_1 = require("react-use");
 var defaultProps = {
     primaryKey: 'id'
 };
-var getLinearItems = function (items, groupAttribute) {
+var getFlattenedItems = function (items, groupAttribute) {
     var result = [];
     items.forEach(function (item) {
         if (groupAttribute && Array.isArray(item[groupAttribute])) {
-            result = result.concat((0, exports.getLinearItems)(item[groupAttribute], groupAttribute));
+            result = result.concat((0, exports.getFlattenedItems)(item[groupAttribute], groupAttribute));
         }
         else {
             result.push(item);
@@ -33,7 +33,7 @@ var getLinearItems = function (items, groupAttribute) {
     });
     return result;
 };
-exports.getLinearItems = getLinearItems;
+exports.getFlattenedItems = getFlattenedItems;
 var isIdExists = function (id) {
     if (typeof id === 'boolean') {
         return true;
@@ -43,7 +43,7 @@ var isIdExists = function (id) {
 function useDataSelect(config) {
     // Get primary key
     var primaryKey = config.primaryKey || defaultProps.primaryKey;
-    var linearItems = (0, react_1.useMemo)(function () { return (0, exports.getLinearItems)(config.items, config.groupAttribute); }, [config.groupAttribute, config.items]);
+    var flattenedItems = (0, react_1.useMemo)(function () { return (0, exports.getFlattenedItems)(config.items, config.groupAttribute); }, [config.groupAttribute, config.items]);
     // Initial select
     var initialSelectedIds = (0, react_1.useMemo)(function () {
         var _a;
@@ -53,22 +53,23 @@ function useDataSelect(config) {
         if (!(0, isNil_1["default"])(config.inputValue)) {
             return [].concat((0, isArray_1["default"])(config.inputValue) ? config.inputValue : [config.inputValue]);
         }
-        return config.selectFirst && linearItems.length > 0
-            ? [linearItems[0][primaryKey]]
+        return config.selectFirst && flattenedItems.length > 0
+            ? [flattenedItems[0][primaryKey]]
             : [];
-    }, [config.selectedIds, config.inputValue, config.selectFirst, linearItems, primaryKey]);
-    var initialSelectedItems = (0, react_1.useMemo)(function () { return linearItems.length > 0
+    }, [config.selectedIds, config.inputValue, config.selectFirst, flattenedItems, primaryKey]);
+    var initialSelectedItems = (0, react_1.useMemo)(function () { return flattenedItems.length > 0
         && initialSelectedIds.length > 0
         ? initialSelectedIds
-            .map(function (selectedId) { return linearItems.find(function (item) { return item.id === selectedId; }); })
+            .map(function (selectedId) { return flattenedItems.find(function (item) { return item.id === selectedId; }); })
             .filter(isIdExists)
-        : []; }, [initialSelectedIds, linearItems]);
+        : []; }, [initialSelectedIds, flattenedItems]);
     // State
     var _a = (0, react_1.useState)(false), isOpened = _a[0], setIsOpened = _a[1];
     var _b = (0, react_1.useState)(false), isFocused = _b[0], setIsFocused = _b[1];
     var _c = (0, react_1.useState)(null), hoveredId = _c[0], setHoveredId = _c[1];
     var _d = (0, react_1.useState)(initialSelectedIds), selectedIds = _d[0], setSelectedIdsInternal = _d[1];
     var _e = (0, react_1.useState)(initialSelectedItems), selectedItems = _e[0], setSelectedItemsInternal = _e[1];
+    var _f = (0, react_1.useState)(config.items.length === selectedIds.length), isSelectedAll = _f[0], setIsSelectedAll = _f[1];
     // Handler for select/toggle item by id
     var setSelectedIds = (0, react_1.useCallback)(function (ids, skipToggle) {
         if (skipToggle === void 0) { skipToggle = false; }
@@ -76,6 +77,10 @@ function useDataSelect(config) {
             if (!config.multiple && ids.length > 1) {
                 ids = [ids[0]];
             }
+            if (selectedItems.length === ids.length) {
+                setSelectedIds([]);
+                return;
+            }
             setSelectedIdsInternal(ids.sort());
         }
         else {
@@ -97,17 +102,24 @@ function useDataSelect(config) {
                 if (selectedIds.length !== 1 || selectedIds[0] !== id_1) {
                     setSelectedIdsInternal([id_1]);
                 }
+                else if (selectedIds.length === 1 && selectedIds[0] === id_1) {
+                    setSelectedIdsInternal([]);
+                }
                 setIsOpened(false);
             }
         }
-    }, [config.multiple, selectedIds]);
+    }, [config.multiple, selectedIds, selectedItems.length]);
+    var setSelectedAll = (0, react_1.useCallback)(function () {
+        var itemsIds = flattenedItems.map(function (item) { return item.id; });
+        setSelectedIds(itemsIds);
+    }, [flattenedItems, setSelectedIds]);
     // Update selected items on change selectedIds or items or source items
     var prevSelectedIdsLength = (0, react_use_1.usePrevious)(selectedIds.length);
     (0, react_use_1.useUpdateEffect)(function () {
         var newSelectedItems = [];
         var hasChanges = false;
         selectedIds.forEach(function (selectedId) {
-            var finedItem = linearItems.find(function (item) { return item[primaryKey] === selectedId; });
+            var finedItem = flattenedItems.find(function (item) { return item[primaryKey] === selectedId; });
             if (!finedItem && config.sourceItems) {
                 finedItem = config.sourceItems.find(function (item) { return item[primaryKey] === selectedId; });
             }
@@ -123,14 +135,14 @@ function useDataSelect(config) {
         if (hasChanges || prevSelectedIdsLength !== selectedIds.length) {
             setSelectedItemsInternal(newSelectedItems);
         }
-    }, [linearItems, config.sourceItems, primaryKey, selectedIds, selectedItems, prevSelectedIdsLength]);
+    }, [flattenedItems, config.sourceItems, primaryKey, selectedIds, selectedItems, prevSelectedIdsLength]);
     // Select first after fetch data
-    var prevItemsLength = (0, react_use_1.usePrevious)(linearItems.length);
+    var prevItemsLength = (0, react_use_1.usePrevious)(flattenedItems.length);
     (0, react_use_1.useUpdateEffect)(function () {
-        if (config.selectFirst && prevItemsLength === 0 && linearItems.length > 0) {
-            setSelectedIdsInternal([linearItems[0][primaryKey]]);
+        if (config.selectFirst && prevItemsLength === 0 && flattenedItems.length > 0) {
+            setSelectedIdsInternal([flattenedItems[0][primaryKey]]);
         }
-    }, [linearItems, config.selectFirst, prevItemsLength, primaryKey]);
+    }, [flattenedItems, config.selectFirst, prevItemsLength, primaryKey]);
     // Update selected items on change value
     var prevConfigSelectedIds = (0, react_use_1.usePrevious)(config.selectedIds || []);
     (0, react_use_1.useUpdateEffect)(function () {
@@ -146,6 +158,9 @@ function useDataSelect(config) {
             setSelectedIdsInternal(newSelectedIds);
         }
     }, [config.selectedIds, prevConfigSelectedIds, selectedIds, selectedItems]);
+    (0, react_use_1.useUpdateEffect)(function () {
+        setIsSelectedAll(config.items.length === selectedIds.length);
+    }, [config.items.length, selectedIds]);
     // Global key down handler for navigate on items
     // Support keys:
     // - tab
@@ -175,9 +190,9 @@ function useDataSelect(config) {
                 // Select first selected
                 setSelectedIds(selectedIds[0], true);
             }
-            else if (linearItems.length > 0) {
+            else if (flattenedItems.length > 0) {
                 // Select first result
-                setSelectedIds(linearItems[0], true);
+                setSelectedIds(flattenedItems[0], true);
             }
             setIsOpened(false);
         }
@@ -202,7 +217,7 @@ function useDataSelect(config) {
             else {
                 // Navigate on items by keys
                 var direction = isDown ? 1 : -1;
-                var keys = linearItems.map(function (item) { return item.id; });
+                var keys = flattenedItems.map(function (item) { return item.id; });
                 // Get current index
                 var index = hoveredId ? keys.indexOf(hoveredId) : -1;
                 if (index === -1 && selectedIds.length === 1) {
@@ -216,7 +231,7 @@ function useDataSelect(config) {
                 setHoveredId(keys[newIndex]);
             }
         }
-    }, [isFocused, isOpened, hoveredId, selectedIds, linearItems, setSelectedIds]);
+    }, [isFocused, isOpened, hoveredId, selectedIds, flattenedItems, setSelectedIds]);
     (0, react_use_1.useEvent)('keydown', onKeyDown);
     return {
         isOpened: isOpened,
@@ -227,7 +242,9 @@ function useDataSelect(config) {
         setHoveredId: setHoveredId,
         selectedIds: selectedIds,
         setSelectedIds: setSelectedIds,
-        selectedItems: selectedItems
+        selectedItems: selectedItems,
+        setSelectedAll: setSelectedAll,
+        isSelectedAll: isSelectedAll
     };
 }
 exports["default"] = useDataSelect;

package/hooks/useFetch.d.ts

@@ -1,6 +1,5 @@
 import { AxiosError } from 'axios';
 import { IComponents } from '../providers/ComponentsProvider';
-import { IApiMethod } from '../components/ApiComponent';
 declare global {
     interface Window {
         APP_PRELOADED_DATA: any;
@@ -8,21 +7,21 @@ declare global {
 }
 export interface IFetchConfig {
     id?: string | number;
-    url?: string | IApiMethod;
+    url?: string;
     method?: 'get' | 'post' | string;
     params?: Record<string, unknown>;
     onFetch?: (config: IFetchConfig, components: IComponents, addCancelToken: (token: any) => any) => any;
 }
-export interface IFetchResult {
+export interface IFetchResult<T> {
     data?: {
         providerData?: {
             type: string;
             value: string;
         };
         [key: string]: unknown;
-    } | any;
+    } | T;
     isLoading: boolean;
-    fetch?: (newParams?: Record<string, unknown>) => void;
+    fetch: (newParams?: Record<string, unknown>) => void;
     axiosError: AxiosError | null;
 }
 export declare const normalizeConfig: (config: any) => any;
@@ -38,4 +37,4 @@ export declare const fetchData: (config: any, components: any, addCancelToken: a
  * В процесс загрузки HOC будет отображать "Загрузка...", а после уже отрендерит компонент, передав данные в указанный
  * ключ `key`.
  */
-export default function useFetch(rawConfig?: IFetchConfig): IFetchResult;
+export default function useFetch<T = any>(rawConfig?: IFetchConfig): IFetchResult<T>;

package/hooks/useFetch.js

@@ -75,9 +75,6 @@ var defaultFetchHandler = function (config, components, addCancelToken) {
     var cancelToken = new axios_1["default"].CancelToken(function (cancel) {
         addCancelToken(cancel);
     });
-    if (typeof config.url === 'function') {
-        return config.url(components.api, config.params, config.options).then(function (result) { return result.data; });
-    }
     return components.http
         .send(config.method, config.url, config.params, __assign(__assign({}, config.options), { cancelToken: cancelToken }))
         .then(function (result) { return result.data; });

package/hooks/useFile.d.ts

@@ -1,2 +1,52 @@
-import { IFileHocInput, IFileHocOutput } from '../hoc/file';
-export default function useFile(props: IFileHocInput): IFileHocOutput;
+export interface IFileInput {
+    /**
+    * Параметры для input элемента
+    */
+    input?: FormInputType;
+    /**
+    * Множественный выбор файлов
+    */
+    multiple?: boolean;
+    /**
+    * Позволяет указать uploader
+    */
+    uploader?: any;
+    /**
+     * Экшен для отправки на бэкенд
+     * @example '/api/v1/user/avatar/crop'
+     */
+    backendUrl?: any;
+    /**
+    * Список mime-типов
+    */
+    mimeTypes?: any;
+    /**
+    * Использовать только изображения
+    */
+    imagesOnly?: any;
+    imagesProcessor?: any;
+    /**
+    * Точные размеры изображений
+    */
+    imagesExactSize?: any;
+    /**
+    * Начальные файлы
+    */
+    initialFiles?: any;
+    /**
+    * Параметры для uploader
+    */
+    uploaderConfig?: {
+        useFormData?: boolean;
+        fileFieldName?: string;
+    } | any;
+}
+export interface IFileOutput {
+    uploader?: any;
+    files?: any[];
+    onBrowse?: any;
+    onRemove?: any;
+    onAdd?: any;
+}
+export declare function generateBackendUrl(props: any): any;
+export default function useFile(props: IFileInput): IFileOutput;

package/hooks/useFile.js

@@ -14,6 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+exports.generateBackendUrl = void 0;
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var fileup_core_1 = __importDefault(require("fileup-core"));
@@ -42,6 +43,7 @@ function generateBackendUrl(props) {
         imagesExactSize: props.imagesExactSize
     });
 }
+exports.generateBackendUrl = generateBackendUrl;
 function useFile(props) {
     var http = (0, index_1.useComponents)().http;
     http.getAccessToken(); // TODO Run promise..

package/hooks/useForm.d.ts

@@ -3,7 +3,6 @@ export default function useForm(): {
     model: any;
     prefix: string | boolean;
     size: string;
-    layout: FormLayout;
     formDispatch: any;
     formSelector: (selector: (state: any, setValue: any) => any) => any;
 };

package/hooks/useForm.js

@@ -10,7 +10,6 @@ function useForm() {
             model: context.model,
             prefix: context.prefix,
             size: context.size,
-            layout: context.layout,
             formDispatch: context === null || context === void 0 ? void 0 : context.dispatch,
             formSelector: function (selector) { var _a; return (_a = context === null || context === void 0 ? void 0 : context.provider) === null || _a === void 0 ? void 0 : _a.select(context.formId, selector); }
         }

package/hooks/useList.d.ts

@@ -1,4 +1,3 @@
-import { IApiMethod } from '../components/ApiComponent';
 import { IAddressBarConfig } from '../hooks/useAddressBar';
 import { IList } from '../actions/list';
 import { ILayoutNamesProps } from '../ui/list/LayoutNames/LayoutNames';
@@ -8,7 +7,7 @@ import { IEmptyProps } from '../ui/list/Empty/Empty';
 import { IFormProps } from '../ui/form/Form/Form';
 import { Model } from '../components/MetaComponent';
 export type ListControlPosition = 'top' | 'bottom' | 'both' | string;
-interface ISortProps {
+export interface ISortConfig {
     /**
      * Включить сортировку
      * @example false
@@ -41,7 +40,7 @@ export interface IListConfig {
      * Url, который вернет коллекцию элементов
      * @example api/v1/articles
      */
-    action?: string | IApiMethod;
+    action?: string;
     /**
      * Тип HTTP запроса (GET | POST | PUT | DELETE)
      * @example GET
@@ -49,27 +48,53 @@ export interface IListConfig {
     actionMethod?: HttpMethod;
     /**
      * Подключение пагинации
-     * @example {loadMore: true}
+     * @example
+     * {
+     *  loadMore: true
+     * }
      */
     pagination?: boolean | IPaginationProps;
     /**
      * Переключение количества элементов в списке
-     * @example {sizes: [3, 6, 9], defaultValue: 3}
+     * @example
+     * {
+     *  sizes: [3, 6, 9],
+     *  defaultValue: 3
+     * }
      */
     paginationSize?: boolean | IPaginationSizeProps;
     /**
      * Подключение сортировки
-     * @example {enable: true, defaultSort: 'startDate'}
+     * @example
+     * {
+     *  enable: true,
+     *  defaultSort: 'startDate'
+     * }
      */
-    sort?: boolean | ISortProps;
+    sort?: boolean | ISortConfig;
     /**
      * Варианты расположения элементов коллекции
-     * @example {items: [{id: 'list', label: 'List'}, {id: 'grid', label: 'Grid'}]}
+     * @example
+     * {
+     *  items: [
+     *   {
+     *    id: 'list',
+     *    label: 'List'
+     *   },
+     *   {
+     *    id: 'grid',
+     *    label: 'Grid'
+     *   }
+     *  ]
+     * }
      */
     layout?: boolean | ILayoutNamesProps;
     /**
      * Заглушка в случае отсутствия элементов
-     * @example {text: 'Записи не найдены'}
+     * @example
+     * {
+     *  text: 'Записи не найдены'
+     * }
      */
     empty?: boolean | string | IEmptyProps;
     /**
@@ -79,7 +104,15 @@ export interface IListConfig {
     isLoading?: boolean;
     /**
      * Форма для поиска элементов
-     * @example {fields: ['title'], model: {attributes: ['title:string:Название']}}
+     * @example
+     * {
+     *  fields: ['title'],
+     *  model: {
+     *   attributes: [
+     *    'title:string:Название'
+     *   ]
+     *  }
+     * }
      */
     searchForm?: Omit<IFormProps, 'formId'> & {
         formId?: string;
@@ -102,6 +135,11 @@ export interface IListConfig {
      * @return {Promise}
      */
     onFetch?: (list: IList, query: Record<string, unknown>, http: any) => Promise<any>;
+    /**
+     * Обработчик события ошибки выполнения запроса
+     * @param args
+     */
+    onError?: (error: Record<string, any>) => void;
     /**
      * Обработчик, который составляет список условий для локальной фильтрации элементов коллекции
      * @param {Object} query
@@ -113,16 +151,33 @@ export interface IListConfig {
      * @example true
      */
     addressBar?: boolean | IAddressBarConfig;
+    /**
+     * Параметр для загрузки данных списка с сервера
+     */
     scope?: string[];
     /**
      * Дополнительные параметры, значения которых нужно передавать в запросе для получения данных
-     * @example {tagName: 'MarketReviews'}
+     * @example
+     * {
+     *  tagName: 'MarketReviews'
+     * }
      */
     query?: Record<string, unknown>;
+    /**
+     * Модель
+     */
     model?: string;
     /**
      * Модель для синхронизации значений формы с адресной строкой
-     * @example {attributes: [{attribute: 'isMilesAvailable', type: boolean}]}
+     * @example
+     * {
+     *  attributes: [
+     *   {
+     *    attribute: 'isMilesAvailable',
+     *    type: boolean
+     *   }
+     *  ]
+     * }
      */
     searchModel?: string;
     /**
@@ -203,4 +258,3 @@ export declare const createInitialValues: ({ paginationProps, paginationSizeProp
  * Выбранные фильтры синхронизируются с адресной строкой.
  */
 export default function useList(config: IListConfig): IListOutput;
-export {};

package/hooks/useList.js

@@ -38,13 +38,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.createInitialValues = exports.getDefaultSearchModel = exports.normalizeSortProps = exports.defaultConfig = void 0;
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var get_1 = __importDefault(require("lodash-es/get"));
 var union_1 = __importDefault(require("lodash-es/union"));
 var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
-var React = __importStar(require("react"));
 var react_use_1 = require("react-use");
-var useSelector_1 = __importDefault(require("../hooks/useSelector"));
+var useSelector_1 = __importDefault(require("./useSelector"));
 var list_1 = require("../reducers/list");
 var useModel_1 = __importDefault(require("../hooks/useModel"));
 var useAddressBar_1 = __importDefault(require("../hooks/useAddressBar"));
@@ -124,24 +123,24 @@ function useList(config) {
         if (!emptyProps.enable || (list === null || list === void 0 ? void 0 : list.isLoading) || ((_a = list === null || list === void 0 ? void 0 : list.items) === null || _a === void 0 ? void 0 : _a.length) > 0) {
             return null;
         }
-        return (React.createElement(Empty, __assign({ list: list }, emptyProps)));
+        return (react_1["default"].createElement(Empty, __assign({ list: list }, emptyProps)));
     };
     // Pagination size
     var PaginationSize = require('../ui/list/PaginationSize')["default"];
     var paginationSizeProps = (0, PaginationSize_1.normalizePaginationSizeProps)(config.paginationSize);
     var renderPaginationSize = function () { return paginationSizeProps.enable
-        ? (React.createElement(PaginationSize, __assign({ list: list }, paginationSizeProps)))
+        ? (react_1["default"].createElement(PaginationSize, __assign({ list: list }, paginationSizeProps)))
         : null; };
     // Pagination
     var Pagination = require('../ui/list/Pagination')["default"];
     var paginationProps = (0, Pagination_1.normalizePaginationProps)(config.pagination);
     var renderPagination = function () { return paginationProps.enable
-        ? (React.createElement(Pagination, __assign({ list: list }, paginationProps, { sizeAttribute: paginationSizeProps.attribute })))
+        ? (react_1["default"].createElement(Pagination, __assign({ list: list }, paginationProps, { sizeAttribute: paginationSizeProps.attribute })))
         : null; };
     // Layout switcher
     var LayoutNames = require('../ui/list/LayoutNames')["default"];
     var layoutNamesProps = (0, LayoutNames_1.normalizeLayoutNamesProps)(config.layout);
-    var renderLayoutNames = function () { return (React.createElement(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
+    var renderLayoutNames = function () { return (react_1["default"].createElement(LayoutNames, __assign({ list: list }, layoutNamesProps))); };
     // Models
     var defaultSearchModel = (0, react_1.useMemo)(function () { return (0, exports.getDefaultSearchModel)({
         paginationProps: paginationProps,
@@ -162,7 +161,7 @@ function useList(config) {
         return acc;
     }, {}); }, [searchFormFields, initialQuery]);
     var searchFormProps = __assign(__assign({ listId: config.listId }, config.searchForm), { model: searchModel, initialValues: initialValuesSearchForm });
-    var renderSearchForm = function () { return React.createElement(SearchForm, __assign({}, searchFormProps)); };
+    var renderSearchForm = function () { return react_1["default"].createElement(SearchForm, __assign({}, searchFormProps)); };
     // Form id
     var formId = (0, get_1["default"])(config, 'searchForm.formId') || config.listId;
     var dispatch = (0, useDispatch_1["default"])();
@@ -178,7 +177,7 @@ function useList(config) {
     var initialValues = (0, useInitial_1["default"])(function () { return _initialValues; });
     var renderList = (0, react_1.useCallback)(function (children) {
         var Form = require('../ui/form/Form')["default"];
-        return (React.createElement(Form, { formId: formId, initialValues: initialValues, view: false, useRedux: true }, children));
+        return (react_1["default"].createElement(Form, { formId: formId, initialValues: initialValues, view: false, useRedux: true }, children));
     }, [formId, initialValues]);
     // Init list in redux store
     (0, react_use_1.useMount)(function () {
@@ -189,6 +188,7 @@ function useList(config) {
                     action: config.action || config.action === '' ? config.action : null,
                     actionMethod: config.actionMethod || exports.defaultConfig.actionMethod,
                     onFetch: config.onFetch,
+                    onError: config.onError,
                     condition: config.condition,
                     scope: config.scope,
                     items: null,
@@ -256,7 +256,10 @@ function useList(config) {
     (0, react_use_1.useUnmount)(function () {
         var autoDestroy = typeof config.autoDestroy === 'boolean' ? config.autoDestroy : exports.defaultConfig.autoDestroy;
         if (autoDestroy) {
-            dispatch((0, list_2.listDestroy)(config.listId));
+            dispatch([
+                (0, list_2.listDestroy)(config.listId),
+                (0, form_1.formDestroy)(config.listId),
+            ]);
         }
     });
     var onFetch = (0, react_1.useCallback)(function (params) {

package/hooks/useSaveCursorPosition.d.ts

@@ -0,0 +1,6 @@
+import React, { ChangeEvent } from 'react';
+import { IInputParams } from '../ui/form/Field/fieldWrapper';
+export default function useSaveCursorPosition(inputParams: IInputParams): {
+    inputRef: React.MutableRefObject<any>;
+    onChange: (event: ChangeEvent<HTMLInputElement>, value?: any) => void;
+};

package/hooks/useSaveCursorPosition.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+/* eslint-disable max-len */
+/* eslint-disable no-unneeded-ternary */
+/* eslint-disable consistent-return */
+/* eslint-disable no-return-assign */
+/* eslint-disable no-unused-expressions */
+var react_1 = __importDefault(require("react"));
+function useSaveCursorPosition(inputParams) {
+    var _a = react_1["default"].useState(null), cursor = _a[0], setCursor = _a[1];
+    var inputRef = react_1["default"].useRef(null);
+    react_1["default"].useEffect(function () {
+        var inputElement = inputRef.current;
+        if (inputElement) {
+            inputElement.setSelectionRange(cursor, cursor);
+        }
+    }, [cursor, inputParams.value]);
+    var onChange = react_1["default"].useCallback(function (event, value) {
+        var _a, _b;
+        if (value === void 0) { value = null; }
+        setCursor((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.selectionStart);
+        inputParams.onChange(value || ((_b = event.target) === null || _b === void 0 ? void 0 : _b.value));
+    }, [inputParams]);
+    return {
+        inputRef: inputRef,
+        onChange: onChange
+    };
+}
+exports["default"] = useSaveCursorPosition;

package/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+import { ITheme } from '../providers/ThemeProvider';
+export default function useTheme(): ITheme;

package/hooks/useTheme.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+var react_1 = require("react");
+var ThemeProvider_1 = require("../providers/ThemeProvider");
+function useTheme() {
+    return (0, react_1.useContext)(ThemeProvider_1.ThemeContext);
+}
+exports["default"] = useTheme;