@steroidsjs/core 2.2.1 → 2.2.5

package/actions/list.js

@@ -216,15 +216,19 @@ var listFetch = function (listId, query) {
                     meta: null
                 };
             }
-            return {
-                items: data.items || [],
-                total: data.total || null,
-                meta: data.meta || null,
-                page: formValues[list.pageAttribute],
-                pageSize: formValues[list.pageSizeAttribute],
-                listId: listId,
-                type: exports.LIST_AFTER_FETCH
-            };
+            return [
+                // Check has errors
+                form_2.formSetErrors(list.formId, data.errors || null),
+                {
+                    items: data.items || [],
+                    total: data.total || null,
+                    meta: data.meta || null,
+                    page: formValues[list.pageAttribute],
+                    pageSize: formValues[list.pageSizeAttribute],
+                    listId: listId,
+                    type: exports.LIST_AFTER_FETCH
+                },
+            ];
         }));
         return dispatch(toDispatch);
     };

package/hoc/file.d.ts

@@ -12,6 +12,10 @@ export interface IFileHocInput {
     imagesProcessor?: any;
     imagesExactSize?: any;
     initialFiles?: any;
+    uploaderConfig?: {
+        useFormData?: boolean;
+        fileFieldName?: string;
+    };
 }
 export interface IFileHocOutput {
     uploader?: any;

package/hooks/useAddressBar.d.ts

@@ -11,7 +11,7 @@ export interface IAddressBarOutput {
     updateQuery: (values: Record<string, unknown>) => void;
 }
 export declare const defaultFromStringConverter: (value: any, type: any, item: any) => any;
-export declare const defaultToStringConverter: (value: any, type: any, item: any) => any;
+export declare const defaultToStringConverter: (value: any, type: any, item: any) => string;
 export declare const queryRestore: (model: Model, location: any, useHash: any) => {};
 /**
  * WARNING

package/hooks/useAddressBar.js

@@ -9,13 +9,10 @@ var query_string_1 = __importDefault(require("query-string"));
 var connected_react_router_1 = require("connected-react-router");
 var toInteger_1 = __importDefault(require("lodash-es/toInteger"));
 var has_1 = __importDefault(require("lodash-es/has"));
+var isEqual_1 = __importDefault(require("lodash-es/isEqual"));
 var react_1 = require("react");
 var useSelector_1 = __importDefault(require("../hooks/useSelector"));
 var useDispatch_1 = __importDefault(require("../hooks/useDispatch"));
-var defaultProps = {
-    enable: false,
-    useHash: false
-};
 var ARRAY_VALUE_SEPARATOR = '_';
 var defaultFromStringConverter = function (value, type, item) {
     type = type || '';
@@ -43,7 +40,7 @@ var defaultToStringConverter = function (value, type, item) {
     // Array
     if (type.substr(-2) === '[]') {
         return value
-            ? value.join(ARRAY_VALUE_SEPARATOR)
+            ? [].concat(value || []).join(ARRAY_VALUE_SEPARATOR)
             : null;
     }
     // Single
@@ -67,7 +64,7 @@ var queryRestore = function (model, location, useHash) {
         }
         var defaultValue = has_1["default"](item, 'defaultValue') ? item.defaultValue : null;
         var converter = item.fromStringConverter || exports.defaultFromStringConverter;
-        var value = converter(values[item.attribute], item.type || 'string', item);
+        var value = converter(values[item.attribute], item.jsType || 'string', item);
         if (value !== null || defaultValue !== null) {
             result[item.attribute] = value !== null ? value : defaultValue;
         }
@@ -91,7 +88,7 @@ var queryReplace = function (model, location, values, useHash) {
         var defaultValue = has_1["default"](item, 'defaultValue') ? item.defaultValue : null;
         if ((values === null || values === void 0 ? void 0 : values[item.attribute]) !== defaultValue) {
             var converter = item.toStringConverter || exports.defaultToStringConverter;
-            var value = converter(values === null || values === void 0 ? void 0 : values[item.attribute], item.type || 'string', item);
+            var value = converter(values === null || values === void 0 ? void 0 : values[item.attribute], item.jsType || 'string', item);
             if (value !== null) {
                 result[item.attribute] = value;
             }
@@ -125,7 +122,16 @@ function useAddressBar(config) {
     var dispatch = useDispatch_1["default"]();
     var updateQuery = react_1.useCallback(function (values) {
         if (config.enable) {
-            dispatch(exports.queryReplace(config.model, location, values, config.useHash));
+            var normalizedValues = Object.keys(values).reduce(function (obj, key) {
+                if (values[key] !== undefined) {
+                    obj[key] = values[key];
+                }
+                return obj;
+            }, {});
+            if (!isEqual_1["default"](initialQueryRef.current, normalizedValues)) {
+                initialQueryRef.current = normalizedValues;
+                dispatch(exports.queryReplace(config.model, location, values, config.useHash));
+            }
         }
     }, [config.enable, config.model, config.useHash, dispatch, location]);
     // TODO

package/hooks/useFile.js

@@ -39,7 +39,7 @@ function generateBackendUrl(props) {
     });
 }
 function useFile(props) {
-    var uploader = useInitial_1["default"](function () { return new fileup_core_1["default"](__assign(__assign({ dropArea: {}, backendUrl: generateBackendUrl(props) }, props.uploader), { form: __assign(__assign({}, (props.uploader && props.uploader.form)), { multiple: props.multiple }) })); });
+    var uploader = useInitial_1["default"](function () { return new fileup_core_1["default"](__assign(__assign({ dropArea: {}, backendUrl: generateBackendUrl(props), uploaderConfig: __assign({}, props.uploaderConfig) }, props.uploader), { form: __assign(__assign({}, (props.uploader && props.uploader.form)), { multiple: props.multiple }) })); });
     /**
      * Force component update when file status or progress changes
      * @private
@@ -156,7 +156,7 @@ function useFile(props) {
     var prevInputValue = react_use_1.usePrevious(props.input.value);
     //todo refactoring
     react_1.useEffect(function () {
-        if (!isEqual_1["default"](prevInputValue !== props.input.value)) {
+        if (prevInputValue && !isEqual_1["default"](prevInputValue !== props.input.value)) {
             var toRemove_1 = difference_1["default"]([].concat(props.input.value || []), [].concat(prevInputValue || []));
             if (toRemove_1.length > 0) {
                 uploader.queue.remove(uploader.queue.getFiles().filter(function (file) { return (toRemove_1.indexOf(get_1["default"](file.getResultHttpMessage(), 'id')) !== -1); }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@steroidsjs/core",
-  "version": "2.2.1",
+  "version": "2.2.5",
   "description": "",
   "author": "Vladimir Kozhin <hello@kozhindev.com>",
   "repository": {

package/providers/index.d.ts

@@ -1,4 +1,4 @@
-import SsrProvider from '@steroidsjs/core/providers/SsrProvider';
-import ScreenProvider from '@steroidsjs/core/providers/ScreenProvider';
-import ComponentsProvider from '@steroidsjs/core/providers/ComponentsProvider';
-export { SsrProvider, ScreenProvider, ComponentsProvider };
+import ScreenProvider from './ScreenProvider';
+import ComponentsProvider from './ComponentsProvider';
+import SsrProvider from './SsrProvider';
+export { SsrProvider, ScreenProvider, ComponentsProvider, };

package/providers/index.js

@@ -4,9 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 exports.ComponentsProvider = exports.ScreenProvider = exports.SsrProvider = void 0;
-var SsrProvider_1 = __importDefault(require("@steroidsjs/core/providers/SsrProvider"));
-exports.SsrProvider = SsrProvider_1["default"];
-var ScreenProvider_1 = __importDefault(require("@steroidsjs/core/providers/ScreenProvider"));
+var ScreenProvider_1 = __importDefault(require("./ScreenProvider"));
 exports.ScreenProvider = ScreenProvider_1["default"];
-var ComponentsProvider_1 = __importDefault(require("@steroidsjs/core/providers/ComponentsProvider"));
+var ComponentsProvider_1 = __importDefault(require("./ComponentsProvider"));
 exports.ComponentsProvider = ComponentsProvider_1["default"];
+var SsrProvider_1 = __importDefault(require("./SsrProvider"));
+exports.SsrProvider = SsrProvider_1["default"];

package/ui/content/Alert/Alert.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 exports.__esModule = true;
 var react_1 = require("react");
-var hooks_1 = require("@steroidsjs/core/hooks");
+var hooks_1 = require("../../../hooks");
 function Alert(props) {
     var components = hooks_1.useComponents();
     var _a = react_1.useState(true), isExist = _a[0], setIsExist = _a[1];

package/ui/content/Avatar/Avatar.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 exports.__esModule = true;
 var react_1 = require("react");
-var hooks_1 = require("@steroidsjs/core/hooks");
+var hooks_1 = require("../../../hooks");
 function Avatar(props) {
     var components = hooks_1.useComponents();
     var _a = react_1.useState(false), isError = _a[0], setIsError = _a[1];

package/ui/content/Avatar/demo/custome size.js

@@ -20,7 +20,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var content_1 = require("@steroidsjs/core/ui/content");
+var content_1 = require("../../../content");
 /**
  * Custom size in numbers
  * @order 4

package/ui/content/Avatar/demo/group.js

@@ -20,7 +20,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var content_1 = require("@steroidsjs/core/ui/content");
+var content_1 = require("../../../content");
 /**
  * Group of avatars
  * @order 5

package/ui/content/Avatar/demo/shape.js

@@ -20,7 +20,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var content_1 = require("@steroidsjs/core/ui/content");
+var content_1 = require("../../../content");
 /**
  * Basic sizes with image source, online status and square shape
  * @order 3

package/ui/content/Avatar/demo/size.js

@@ -20,7 +20,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var content_1 = require("@steroidsjs/core/ui/content");
+var content_1 = require("../../../content");
 /**
  * Basic sizes with image source and online status
  * @order 1

package/ui/content/Avatar/demo/title.js

@@ -20,7 +20,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var content_1 = require("@steroidsjs/core/ui/content");
+var content_1 = require("../../../content");
 /**
  * Basic sizes with title and online status
  * @order 2

package/ui/content/Card/Card.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 exports.__esModule = true;
-var hooks_1 = require("@steroidsjs/core/hooks");
+var hooks_1 = require("../../../hooks");
 function Card(props) {
     var components = hooks_1.useComponents();
     return components.ui.renderView(props.view || 'content.CardView', __assign({}, props));

package/ui/content/Card/demo/header.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var form_1 = require("@steroidsjs/core/ui/form");
+var form_1 = require("../../../form");
 var Card_1 = __importDefault(require("../Card"));
 /**
  * Header and footer

package/ui/content/Card/demo/hover.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var form_1 = require("@steroidsjs/core/ui/form");
+var form_1 = require("../../../form");
 var Card_1 = __importDefault(require("../Card"));
 /**
  * Hover image

package/ui/content/Card/demo/link.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var form_1 = require("@steroidsjs/core/ui/form");
+var form_1 = require("../../../form");
 var Card_1 = __importDefault(require("../Card"));
 /**
  * Titles, text, and links

package/ui/content/Collapse/Collapse.js

@@ -36,7 +36,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var hooks_1 = require("@steroidsjs/core/hooks");
+var hooks_1 = require("../../../hooks");
 function Collapse(props) {
     var _a = React.useState([]), state = _a[0], setState = _a[1];
     React.useEffect(function () {

package/ui/content/Collapse/CollapseItem.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 exports.__esModule = true;
-var hooks_1 = require("@steroidsjs/core/hooks");
+var hooks_1 = require("../../../hooks");
 function CollapseItem(props) {
     var components = hooks_1.useComponents();
     return components.ui.renderView(props.view || 'content.CollapseItemView', __assign({}, props));

package/ui/content/Detail/demo/colors.js

@@ -19,8 +19,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 exports.__esModule = true;
-var content_1 = require("@steroidsjs/core/ui/content");
 var React = __importStar(require("react"));
+var content_1 = require("../../../content");
 var colors = {
     primary: 'primary',
     sd: 'secondary',

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { IGridProps } from '@steroidsjs/core/ui/list/Grid/Grid';
-import { IFormProps } from '@steroidsjs/core/ui/form/Form/Form';
+import { IGridProps } from '../../list/Grid/Grid';
+import { IFormProps } from '../../form/Form/Form';
 import { ICrudItem } from './Crud';
 import { IApiRest } from '../../../components/ApiComponent';
 export interface ICrudContentProps {

package/ui/form/BlankField/demo/basic.js

@@ -24,7 +24,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 exports.items = void 0;
 var React = __importStar(require("react"));
-var form_1 = require("@steroidsjs/core/ui/form");
+var form_1 = require("../../../form");
 var BlankField_1 = __importDefault(require("../BlankField"));
 /**
  * Простой пример использзования BlankField.

package/ui/form/DateField/useDateInputState.js

@@ -39,6 +39,7 @@ function useDateInputState(props) {
     }, [propsDisplayValue]);
     // Display input change handler
     var onDisplayValueChange = react_1.useCallback(function (value) {
+        value = value.replace(/[^0-9:. ]/g, '');
         setDisplayValue(value);
         var parsedValue = calendar_1.convertDate(value, props.displayFormat, props.valueFormat, true);
         var newValue = parsedValue || !value ? parsedValue || null : false;

package/ui/form/Form/demo/inline.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var form_1 = require("@steroidsjs/core/ui/form");
+var form_1 = require("../../../form");
 var Form_1 = __importDefault(require("../Form"));
 var DateField_1 = __importDefault(require("../../DateField"));
 var InputField_1 = __importDefault(require("../../InputField"));

package/ui/form/InputField/InputField.js

@@ -40,7 +40,10 @@ var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 var hooks_1 = require("../../../hooks");
 function InputField(props) {
     var components = hooks_1.useComponents();
-    var inputProps = react_1.useMemo(function () { return (__assign({ type: props.type, name: props.input.name, value: props.input.value || '', onChange: function (value) { return props.input.onChange(value); }, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, props.type]);
+    var inputProps = react_1.useMemo(function () {
+        var _a;
+        return (__assign({ type: props.type, name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : '', onChange: function (value) { return props.input.onChange(value); }, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+    }, [props.disabled, props.input, props.inputProps, props.placeholder, props.type]);
     // No render for hidden input
     if (props.type === 'hidden') {
         return null;

package/ui/form/NumberField/NumberField.js

@@ -19,7 +19,10 @@ var hooks_1 = require("../../../hooks");
 var fieldWrapper_1 = __importDefault(require("../Field/fieldWrapper"));
 function NumberField(props) {
     var components = hooks_1.useComponents();
-    props.inputProps = react_1.useMemo(function () { return (__assign({ name: props.input.name, value: props.input.value || undefined, onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps)); }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
+    props.inputProps = react_1.useMemo(function () {
+        var _a;
+        return (__assign({ name: props.input.name, value: (_a = props.input.value) !== null && _a !== void 0 ? _a : undefined, onChange: function (e) { return props.input.onChange(e.target ? e.target.value : e.nativeEvent.text); }, type: 'number', min: props.min, max: props.max, step: props.step, placeholder: props.placeholder, disabled: props.disabled }, props.inputProps));
+    }, [props.disabled, props.input, props.inputProps, props.placeholder, props.min, props.max, props.step]);
     return components.ui.renderView(props.view || 'form.NumberFieldView' || 'form.InputFieldView', props);
 }
 NumberField.defaultProps = {

package/ui/form/SliderField/demo/onAfterChange.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var layout_1 = require("@steroidsjs/core/ui/layout");
+var layout_1 = require("../../../layout");
 var SliderField_1 = __importDefault(require("../SliderField"));
 /**
  * Использования свойства onAfterChange для изминения значения счетчика после отпускания tip'а у слайдера.

package/ui/form/SliderField/demo/onChange.js

@@ -23,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var layout_1 = require("@steroidsjs/core/ui/layout");
+var layout_1 = require("../../../layout");
 var SliderField_1 = __importDefault(require("../SliderField"));
 /**
  * Использования свойства onChange для изминения значения счетчика.

package/ui/layout/Notifications/demo/position.js

@@ -23,9 +23,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var form_1 = require("@steroidsjs/core/ui/form");
-var useDispatch_1 = __importDefault(require("@steroidsjs/core/hooks/useDispatch"));
-var notifications_1 = require("@steroidsjs/core/actions/notifications");
+var form_1 = require("../../../form");
+var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
+var notifications_1 = require("../../../../actions/notifications");
 /**
  * Все позиции уведомлений
  * @order 3

package/ui/layout/Notifications/demo/timeOut.js

@@ -23,9 +23,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var form_1 = require("@steroidsjs/core/ui/form");
-var useDispatch_1 = __importDefault(require("@steroidsjs/core/hooks/useDispatch"));
-var notifications_1 = require("@steroidsjs/core/actions/notifications");
+var form_1 = require("../../../form");
+var useDispatch_1 = __importDefault(require("../../../../hooks/useDispatch"));
+var notifications_1 = require("../../../../actions/notifications");
 /**
  * Время самостоятельного пропадания уведомления в милесекундах
  * @order 2

package/ui/layout/ProgressBar/ProgressBar.js

@@ -22,8 +22,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon/Icon"));
 var React = __importStar(require("react"));
+var Icon_1 = __importDefault(require("../../icon/Icon/Icon"));
 var hooks_1 = require("../../../hooks");
 function ProgressBar(props) {
     var components = hooks_1.useComponents();