@steroidsjs/core 3.0.0-beta.2 → 3.0.0-beta.4

package/components/HttpComponent.d.ts

@@ -2,6 +2,7 @@ interface IHttpRequestOptions {
     lazy?: boolean | number;
     cancelToken?: any;
     onTwoFactor?: (providerName: string) => Promise<any>;
+    responseType?: string;
 }
 /**
  * Http Component

package/components/HttpComponent.js

@@ -263,6 +263,9 @@ var HttpComponent = /** @class */ (function () {
         if (options.cancelToken) {
             axiosConfig.cancelToken = options.cancelToken;
         }
+        if (options.responseType) {
+            axiosConfig.responseType = options.responseType;
+        }
         if (options.lazy) {
             if (this._lazyRequests[method]) {
                 clearTimeout(this._lazyRequests[method]);

package/hooks/useAddressBar.js

@@ -136,6 +136,8 @@ function useAddressBar(config) {
             }, {});
             if (!isEqual_1["default"](initialQueryRef.current, normalizedValues)) {
                 initialQueryRef.current = normalizedValues;
+                //TODO Remove @ts-ignore
+                //@ts-ignore
                 dispatch(exports.queryReplace(config.model, location, normalizedValues, config.useHash));
             }
         }

package/hooks/useApplication.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import ClientStorageComponent from '../components/ClientStorageComponent';
 import HtmlComponent from '../components/HtmlComponent';
 import StoreComponent from '../components/StoreComponent';

package/hooks/useApplication.js

@@ -130,9 +130,7 @@ function useApplication(config) {
         if (!(useGlobal || process.env.IS_SSR)) {
             content = (React.createElement(ComponentsProvider_1["default"], { components: components }, content));
         }
-        return (
-        // @ts-ignore
-        React.createElement(react_redux_1.Provider, { store: components.store.store }, content));
+        return (React.createElement(react_redux_1.Provider, { store: components.store.store }, content));
     }, [components, config, useGlobal]);
     return { renderApplication: renderApplication, components: components };
 }

package/hooks/useDispatch.d.ts

@@ -1 +1 @@
-export default function useDispatch(): any;
+export default function useDispatch(): import("redux").Dispatch<import("redux").AnyAction>;

package/hooks/useLayout.js

@@ -100,6 +100,8 @@ function useLayout(initAction) {
     react_use_1.useMount(function () {
         // Callback for load initial page data (return promise)
         if (isFunction_1["default"](initAction)) {
+            //TODO Remove @ts-ignore
+            //@ts-ignore
             dispatch(auth_2.init(true));
         }
         else {
@@ -114,6 +116,8 @@ function useLayout(initAction) {
         exports.runInitAction(initAction, components, dispatch)
             .then(function () {
             if (redirectPageId) {
+                //TODO Remove @ts-ignore
+                //@ts-ignore
                 dispatch(router_2.goToRoute(redirectPageId));
             }
         })["catch"](function (e) {
@@ -139,6 +143,8 @@ function useLayout(initAction) {
         }
         if (intersection_1["default"](pageRoles, userRoles).length === 0) {
             if (loginRouteId && route.id !== loginRouteId) {
+                //TODO Remove @ts-ignore
+                //@ts-ignore
                 dispatch(router_2.goToRoute(loginRouteId));
             }
             else {

package/hooks/useList.js

@@ -227,6 +227,8 @@ function useList(config) {
             updateQuery(formValues);
             // Send request
             if (config.autoFetchOnFormChanges !== false) {
+                //TODO Remove @ts-ignore
+                //@ts-ignore
                 dispatch(list_2.listLazyFetch(config.listId));
             }
         }
@@ -244,6 +246,8 @@ function useList(config) {
     }, [formId, prevQuery, config.query, dispatch]);
     // Check change items
     react_use_1.useUpdateEffect(function () {
+        //TODO Remove @ts-ignore
+        //@ts-ignore
         dispatch([
             list_2.listSetItems(config.listId, config.items),
         ]);
@@ -257,6 +261,8 @@ function useList(config) {
     });
     var onFetch = react_1.useCallback(function (params) {
         if (params === void 0) { params = {}; }
+        //TODO Remove @ts-ignore
+        //@ts-ignore
         dispatch(list_2.listFetch(config.listId, params));
     }, [config.listId, dispatch]);
     var onSort = react_1.useCallback(function (value) {

package/hooks/useUniqueId.d.ts

@@ -1 +1 @@
-export default function useUniqueId(prefix: string): undefined;
+export default function useUniqueId(prefix: string): string;

package/hooks/useUniqueId.js

@@ -6,7 +6,7 @@ exports.__esModule = true;
 var react_1 = require("react");
 var uniqueId_1 = __importDefault(require("lodash-es/uniqueId"));
 function useUniqueId(prefix) {
-    var idRef = react_1.useRef();
+    var idRef = react_1.useRef('');
     if (!idRef.current) {
         idRef.current = uniqueId_1["default"](prefix);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "3.0.0-beta.2",
+  "version": "3.0.0-beta.4",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {
@@ -40,15 +40,15 @@
     "path-to-regexp": "^1.7.0",
     "qs": "^6.9.4",
     "query-string": "^6.14.0",
-    "react": "^18.1.0",
+    "react": "^18.2.0",
     "react-click-outside": "^3.0.1",
     "react-day-picker": "^8.2.1",
-    "react-dom": "^18.1.0",
+    "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": "7.1.1",
+    "react-redux": "^8.0.5",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-use": "^17.4.0",

package/reducers/index.d.ts

@@ -5,8 +5,7 @@ import list from './list';
 import notifications from './notifications';
 import modal from './modal';
 import router from './router';
-import screen from './screen';
-export { form, auth, fields, list, notifications, modal, router, screen, };
+export { form, auth, fields, list, notifications, modal, router, };
 declare const _default: (asyncReducers: any) => import("redux").Reducer<import("redux").CombinedState<{
     [x: string]: unknown;
 }>, never>;

package/reducers/index.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.screen = exports.router = exports.modal = exports.notifications = exports.list = exports.fields = exports.auth = exports.form = void 0;
+exports.router = exports.modal = exports.notifications = exports.list = exports.fields = exports.auth = exports.form = void 0;
 var redux_1 = require("redux");
 var auth_1 = __importDefault(require("./auth"));
 exports.auth = auth_1["default"];
@@ -30,12 +30,9 @@ var modal_1 = __importDefault(require("./modal"));
 exports.modal = modal_1["default"];
 var router_1 = __importDefault(require("./router"));
 exports.router = router_1["default"];
-var screen_1 = __importDefault(require("./screen"));
-exports.screen = screen_1["default"];
 exports["default"] = (function (asyncReducers) { return redux_1.combineReducers(__assign(__assign({ form: form_1["default"],
     auth: auth_1["default"],
     fields: fields_1["default"],
     list: list_1["default"],
     notifications: notifications_1["default"],
-    modal: modal_1["default"],
-    screen: screen_1["default"] }, asyncReducers), { router: function (state, action) { return router_1["default"](asyncReducers.router ? asyncReducers.router(state, action) : {}, action); } })); });
+    modal: modal_1["default"] }, asyncReducers), { router: function (state, action) { return router_1["default"](asyncReducers.router ? asyncReducers.router(state, action) : {}, action); } })); });

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Header+text with icon

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Header with icon and without icon

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Text with icon and without icon

package/ui/content/Avatar/demo/custome size.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Custom size in numbers

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Group of avatars

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic sizes with image source, online status and square shape

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic sizes with image source and online status

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic sizes with title and online status

package/ui/content/Calendar/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic

package/ui/content/Card/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Body

package/ui/content/Card/demo/border color.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Card/demo/color.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Card/demo/header.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Card/demo/hover.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Card/demo/link.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Card/demo/orientation.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Collapse/demo/accordion.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Accordion mode

package/ui/content/Collapse/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic

package/ui/content/Collapse/demo/borderless.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Borderless mode

package/ui/content/Collapse/demo/disable.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Disable CollapseItem

package/ui/content/Collapse/demo/icon position.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Icon position left or right

package/ui/content/Collapse/demo/icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Custom icon

package/ui/content/Collapse/demo/onChange.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Anonymous function every time you change state of Collapse

package/ui/content/Collapse/demo/show icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Show or hide icon

package/ui/content/CopyToClipboard/CopyToClipboard.js

@@ -99,6 +99,8 @@ function CopyToClipboard(props) {
                 case 3:
                     if (props.notification) {
                         notification = __assign({ level: 'info', params: undefined }, (typeof props.notification === 'string' ? { message: props.notification } : props.notification));
+                        //TODO Remove @ts-ignore
+                        //@ts-ignore
                         dispatch(notifications_1.showNotification(notification.message, notification.level, notification.params));
                     }
                     setIsCopied(true);

package/ui/content/Detail/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Basic table with title

package/ui/content/Detail/demo/colors.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/content/Detail/demo/controls.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Table with controls

package/ui/content/Detail/demo/layout.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Table with vertical layout

package/ui/content/Detail/demo/responsive.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * When the screen width resizes, the number of columns changes

package/ui/content/Detail/demo/sizes.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Table with different cell's sizes

package/ui/crud/Crud/Crud.js

@@ -67,12 +67,16 @@ function Crud(props) {
     var goToAction = react_1.useCallback(function (nextAction) {
         var _a;
         if (nextAction === utils_1.CRUD_ACTION_INDEX) {
+            //TODO remove @ts-ignore
+            //@ts-ignore
             dispatch(list_1.listRefresh(crudId));
         }
         if (routeAction !== nextAction) {
             if (mode === MODE_MODAL) {
                 dispatch(modal_1.closeModal(crudId));
             }
+            //TODO remove @ts-ignore
+            //@ts-ignore
             dispatch(router_1.goToRoute(routeId, __assign(__assign({}, routeParams), (_a = {}, _a[props.queryKey] = null, _a[props.queryKey + 'Action'] = null, _a))));
         }
     }, [crudId, dispatch, mode, props.queryKey, routeAction, routeId, routeParams]);

package/ui/crud/Crud/CrudContent.js

@@ -57,6 +57,8 @@ function CrudContent(props) {
     }, [props.action, props.primaryKey, props.record, props.recordId]);
     var onFormComplete = react_1.useCallback(function () {
         window.scrollTo(0, 0);
+        //TODO remove @ts-ignore
+        //@ts-ignore
         dispatch(notifications_1.showNotification(__('Запись успешно обновлена.')));
         props.goToAction.call(null, utils_1.CRUD_ACTION_INDEX);
     }, [dispatch, props.goToAction]);

package/ui/crud/Crud/CrudModal.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { ICrudContentProps } from './CrudContent';
 export default function CrudModal(props: ICrudContentProps): JSX.Element;

package/ui/crud/Crud/demo/default.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Default

package/ui/form/AutoCompleteField/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Простой пример использзования AutoAutoCompleteField с коллекцией элементов вложенных в {props.items} .
  * @order 1

package/ui/form/AutoCompleteField/demo/disabled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Выключенный AutoCompleteField также выключает Input.

package/ui/form/AutoCompleteField/demo/errors.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Пример обработки ошибок в поле.

package/ui/form/AutoCompleteField/demo/placeholder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Сообщение внутри AutoCompleteField по контексту использования.

package/ui/form/AutoCompleteField/demo/required.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Пример использования AutoCompleteField как обязательного поля для заполнения.

package/ui/form/AutoCompleteField/demo/sizes.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/BlankField/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Простой пример использзования BlankField.
  * @order 1

package/ui/form/Button/Button.js

@@ -79,6 +79,8 @@ function Button(props) {
             }
         }
         if (props.toRoute) {
+            //TODO remove @ts-ignore
+            //@ts-ignore
             dispatch(router_1.goToRoute(props.toRoute, props.toRouteParams));
         }
         if (props.onClick) {

package/ui/form/Button/demo/badge.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Кнопка с бэйджом к примеру с количеством уведомолений.

package/ui/form/Button/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Простой пример использзования Button с заданным лейблом.

package/ui/form/Button/demo/block.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Кнопка растянутая по ширине родительского блока.

package/ui/form/Button/demo/colors.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * По-умлочанию кнопка имеет 8 видов цветов и так же режим outline к каждому из цветов.

package/ui/form/Button/demo/confirm.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * С вызовом Alert и текстом для подтверждения действий.

package/ui/form/Button/demo/disabled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Пример выключенного компонента Button.

package/ui/form/Button/demo/hint.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * С всплывающей подсказкой при наведении на кнопку.

package/ui/form/Button/demo/icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обычное использования с иконокой.

package/ui/form/Button/demo/link.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Использвание кнопки в качестве ссылки.

package/ui/form/Button/demo/sizes.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 export default _default;

package/ui/form/Button/demo/tags.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Пример выбора html-тэга, который будет использован в DOM

package/ui/form/CheckboxField/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обычный пример использования CheckboxField.

package/ui/form/CheckboxField/demo/disabled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Выключенный или недоступный CheckboxField для заполнения.

package/ui/form/CheckboxField/demo/errors.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обработка ошибок.

package/ui/form/CheckboxField/demo/required.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Как обязательное поле для заполнения.

package/ui/form/CheckboxListField/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Обычный пример использования списка из CheckboxListField.
  * @order 1

package/ui/form/CheckboxListField/demo/disabled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Список с недоступными для заполнения полями.

package/ui/form/CheckboxListField/demo/errors.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обработка ошибок в списке.

package/ui/form/CheckboxListField/demo/required.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Список как обязательный для заполнения.

package/ui/form/DateField/demo/basic.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обычный  пример использования DateField.

package/ui/form/DateField/demo/disabled.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Выключенный или недоступный для использования.

package/ui/form/DateField/demo/errors.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * Обработка ошибок.

package/ui/form/DateField/demo/icon.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * С использованием кастомной иконкой.

package/ui/form/DateField/demo/placeholder.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const _default: () => JSX.Element;
 /**
  * С сообщением для пользователя по контексту использования.