@steroidsjs/core 3.0.75 → 3.0.77

package/docs-autogen-result.json

@@ -12188,6 +12188,15 @@
                     "type": "React.ReactNode | {}",
                     "example": "MyCustomView",
                     "defaultValue": null
+                },
+                {
+                    "name": "viewProps",
+                    "decorators": [],
+                    "description": "Свойства для view компонента",
+                    "required": false,
+                    "type": "any",
+                    "example": null,
+                    "defaultValue": null
                 }
             ],
             "methods": []

package/hooks/useFile.d.ts

@@ -48,5 +48,6 @@ export interface IFileOutput {
     onRemove?: any;
     onAdd?: any;
 }
+export declare const imagesMimeTypes: string[];
 export declare function generateBackendUrl(props: any): any;
 export default function useFile(props: IFileInput): IFileOutput;

package/hooks/useFile.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.generateBackendUrl = void 0;
+exports.generateBackendUrl = exports.imagesMimeTypes = void 0;
 var react_1 = require("react");
 var react_use_1 = require("react-use");
 var fileup_core_1 = __importDefault(require("fileup-core"));
@@ -26,7 +26,7 @@ var difference_1 = __importDefault(require("lodash-es/difference"));
 var buildURL_1 = __importDefault(require("axios/lib/helpers/buildURL"));
 var useInitial_1 = __importDefault(require("./useInitial"));
 var index_1 = require("./index");
-var imagesMimeTypes = [
+exports.imagesMimeTypes = [
     'image/gif',
     'image/jpeg',
     'image/pjpeg',
@@ -38,18 +38,27 @@ var imagesMimeTypes = [
 ];
 function generateBackendUrl(props) {
     return (0, buildURL_1["default"])(props.backendUrl, {
-        mimeTypes: props.imagesOnly ? imagesMimeTypes : props.mimeTypes,
+        mimeTypes: props.imagesOnly ? exports.imagesMimeTypes : props.mimeTypes,
         imagesProcessor: props.imagesProcessor,
         imagesExactSize: props.imagesExactSize
     });
 }
 exports.generateBackendUrl = generateBackendUrl;
+function generateAcceptString(props) {
+    if (props.imagesOnly) {
+        return exports.imagesMimeTypes.join(', ');
+    }
+    if (props.mimeTypes) {
+        return props.mimeTypes.join(', ');
+    }
+    return '';
+}
 function useFile(props) {
     var http = (0, index_1.useComponents)().http;
     http.getAccessToken(); // TODO Run promise..
     var uploader = (0, useInitial_1["default"])(function () {
         var _a;
-        return new fileup_core_1["default"](__assign(__assign({ dropArea: {}, backendUrl: generateBackendUrl(props), uploaderConfig: __assign(__assign({}, props.uploaderConfig), { headers: __assign(__assign({}, (_a = props.uploaderConfig) === null || _a === void 0 ? void 0 : _a.headers), { Authorization: 'Bearer ' + http._accessToken }) }) }, props.uploader), { form: __assign(__assign({}, (props.uploader && props.uploader.form)), { multiple: props.multiple, accept: props.imagesOnly ? imagesMimeTypes.join(', ') : '' }) }));
+        return new fileup_core_1["default"](__assign(__assign({ dropArea: {}, backendUrl: generateBackendUrl(props), uploaderConfig: __assign(__assign({}, props.uploaderConfig), { headers: __assign(__assign({}, (_a = props.uploaderConfig) === null || _a === void 0 ? void 0 : _a.headers), { Authorization: 'Bearer ' + http._accessToken }) }) }, props.uploader), { form: __assign(__assign({}, (props.uploader && props.uploader.form)), { multiple: props.multiple, accept: generateAcceptString(props) }) }));
     });
     /**
      * Force component update when file status or progress changes

package/package.json

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

package/ui/content/Menu/Menu.d.ts

@@ -51,6 +51,10 @@ export interface IMenuProps extends IUiComponent {
      * Переопределение view React элемента меню для кастомизации отображения
      */
     itemView?: CustomView | any;
+    /**
+     * Свойства для view компонента
+     */
+    viewProps?: CustomViewProps;
 }
 export type IMenuViewProps = IMenuProps;
 declare function Menu(props: IMenuProps): JSX.Element;

package/ui/content/Menu/Menu.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,14 +19,7 @@ var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
 function Menu(props) {
     var components = (0, useComponents_1["default"])();
     var MenuItemView = props.itemView || components.ui.getView('content.MenuItemView');
-    var viewProps = (0, react_1.useMemo)(function () { return ({
-        items: props.items,
-        dropDownProps: props.dropDownProps,
-        icon: props.icon,
-        className: props.className,
-        style: props.style,
-        itemView: MenuItemView
-    }); }, [MenuItemView, props.className, props.dropDownProps, props.icon, props.items, props.style]);
+    var viewProps = (0, react_1.useMemo)(function () { return (__assign(__assign({}, props.viewProps), { items: props.items, dropDownProps: props.dropDownProps, icon: props.icon, className: props.className, style: props.style, itemView: MenuItemView })); }, [MenuItemView, props.className, props.dropDownProps, props.icon, props.items, props.style, props.viewProps]);
     return components.ui.renderView(props.view || 'content.MenuView', viewProps);
 }
 exports["default"] = Menu;