@steroidsjs/core 3.0.0-beta.19 → 3.0.0-beta.20

package/package.json

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

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

@@ -0,0 +1,49 @@
+import React from 'react';
+import { IDropDownProps } from '../DropDown/DropDown';
+export interface IMenuItemProps {
+    /**
+     * Заголовок элемента меню
+     */
+    label: string;
+    /**
+     * Функция при клике
+     */
+    onClick: VoidFunction;
+    /**
+     * Кастомная иконка
+     */
+    icon?: string | React.ReactElement;
+    /**
+     * Нижний border
+     */
+    hasBorder?: boolean;
+}
+export interface IMenuProps {
+    /**
+    *   Элементы меню
+    */
+    items: IMenuItemProps[];
+    /**
+    * Кастомная иконка, по клику на которую открывается меню
+    */
+    icon?: string | React.ReactElement;
+    /**
+    * Дополнительный CSS-класс
+    */
+    className?: CssClassName;
+    /**
+     * Пропсы для DropDown
+     */
+    dropDownProps?: Omit<IDropDownProps, 'children' | 'content'>;
+    /**
+     * Переопределение view React элемента меню для кастомизации отображения
+     */
+    itemView?: CustomView | any;
+    /**
+     * Переопределение view React компонента для кастомизации отображения
+     */
+    view?: CustomView;
+}
+export type IMenuViewProps = IMenuProps;
+declare function Menu(props: IMenuProps): JSX.Element;
+export default Menu;

package/ui/content/Menu/Menu.js

@@ -0,0 +1,23 @@
+"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 };
+};
+exports.__esModule = true;
+var useComponents_1 = __importDefault(require("../../../hooks/useComponents"));
+function Menu(props) {
+    var components = (0, useComponents_1["default"])();
+    var MenuItemView = components.ui.getView(props.itemView || 'content.MenuItemView');
+    return components.ui.renderView(props.view || 'content.MenuView', __assign(__assign({}, props), { itemView: MenuItemView }));
+}
+exports["default"] = Menu;

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

@@ -0,0 +1,2 @@
+import Menu from './Menu';
+export default Menu;

package/ui/content/Menu/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var Menu_1 = __importDefault(require("./Menu"));
+exports["default"] = Menu_1["default"];

package/ui/content/index.d.ts

@@ -6,4 +6,5 @@ import Alert from './Alert';
 import Badge from './Badge';
 import { Detail, DetailItem } from './Detail';
 import Icon from './Icon';
-export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, };
+import Menu from './Menu';
+export { Avatar, AvatarGroup, Accordion, AccordionItem, Alert, Card, DropDown, Badge, Detail, DetailItem, Icon, Menu, };

package/ui/content/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
+exports.Menu = exports.Icon = exports.DetailItem = exports.Detail = exports.Badge = exports.DropDown = exports.Card = exports.Alert = exports.AccordionItem = exports.Accordion = exports.AvatarGroup = exports.Avatar = void 0;
 var Avatar_1 = require("./Avatar");
 exports.Avatar = Avatar_1.Avatar;
 exports.AvatarGroup = Avatar_1.AvatarGroup;
@@ -23,3 +23,5 @@ exports.Detail = Detail_1.Detail;
 exports.DetailItem = Detail_1.DetailItem;
 var Icon_1 = __importDefault(require("./Icon"));
 exports.Icon = Icon_1["default"];
+var Menu_1 = __importDefault(require("./Menu"));
+exports.Menu = Menu_1["default"];