@steroidsjs/core 3.0.0-beta.41 → 3.0.0-beta.42

package/package.json

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

package/ui/nav/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import { IButtonProps } from 'src/ui/form/Button/Button';
+import { DataProviderItems } from '../../../hooks/useDataProvider';
+export interface IButtonGroupProps extends IUiComponent {
+    /**
+     * Элементы для группы кнопок
+     * @example ['button1', 'button2', 'button3']
+     */
+    items: DataProviderItems;
+    /**
+     * Функция, которая будет вызываться при клике по кнопке
+     * @example setActiveTab
+     */
+    onClick: (value: number | string | boolean) => void;
+    /**
+     * Активная кнопка
+     * @example 'button1'
+     */
+    activeButton?: number | string;
+    /**
+     * Общие свойства для всех кнопок группы
+     * @example {outline: true, color: 'secondary'}
+     */
+    buttonProps?: IButtonProps;
+}
+export interface IButtonGroupViewProps extends Omit<IButtonGroupProps, 'items'> {
+    items: {
+        id: number | string | boolean;
+        label?: string;
+        [key: string]: unknown;
+    }[];
+    size: Size;
+}
+declare function ButtonGroup(props: IButtonGroupProps): JSX.Element;
+export default ButtonGroup;

package/ui/nav/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+var react_1 = require("react");
+var hooks_1 = require("../../../hooks");
+var useDataProvider_1 = __importDefault(require("../../../hooks/useDataProvider"));
+var DEFAULT_BUTTON_GROUP_SIZE = 'md';
+function ButtonGroup(props) {
+    var _a;
+    var components = (0, hooks_1.useComponents)();
+    var items = (0, useDataProvider_1["default"])({
+        items: props.items
+    }).items;
+    var _b = (0, react_1.useState)(props.activeButton || items[0].id), activeButton = _b[0], setActiveButton = _b[1];
+    var onClick = function (buttonId) {
+        setActiveButton(buttonId);
+        props.onClick(buttonId);
+    };
+    return components.ui.renderView(props.view || 'nav.ButtonGroupView', {
+        className: props.className,
+        style: props.style,
+        buttonProps: props.buttonProps,
+        size: ((_a = props.buttonProps) === null || _a === void 0 ? void 0 : _a.size) || DEFAULT_BUTTON_GROUP_SIZE,
+        activeButton: activeButton,
+        items: items,
+        onClick: onClick
+    });
+}
+exports["default"] = ButtonGroup;

package/ui/nav/ButtonGroup/index.d.ts

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

package/ui/nav/ButtonGroup/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 ButtonGroup_1 = __importDefault(require("./ButtonGroup"));
+exports["default"] = ButtonGroup_1["default"];

package/ui/nav/index.d.ts

@@ -2,4 +2,5 @@ import Nav from './Nav';
 import Router from './Router';
 import Link from './Link';
 import Breadcrumbs from './Breadcrumbs';
-export { Nav, Router, Link, Breadcrumbs };
+import ButtonGroup from './ButtonGroup';
+export { Nav, Router, Link, Breadcrumbs, ButtonGroup };

package/ui/nav/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-exports.Breadcrumbs = exports.Link = exports.Router = exports.Nav = void 0;
+exports.ButtonGroup = exports.Breadcrumbs = exports.Link = exports.Router = exports.Nav = void 0;
 var Nav_1 = __importDefault(require("./Nav"));
 exports.Nav = Nav_1["default"];
 var Router_1 = __importDefault(require("./Router"));
@@ -12,3 +12,5 @@ var Link_1 = __importDefault(require("./Link"));
 exports.Link = Link_1["default"];
 var Breadcrumbs_1 = __importDefault(require("./Breadcrumbs"));
 exports.Breadcrumbs = Breadcrumbs_1["default"];
+var ButtonGroup_1 = __importDefault(require("./ButtonGroup"));
+exports.ButtonGroup = ButtonGroup_1["default"];