@steroidsjs/core 3.0.0-beta.56 → 3.0.0-beta.57

package/package.json

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

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

@@ -13,10 +13,14 @@ export interface IButtonGroupProps extends IUiComponent {
      */
     onClick: (value: number | string | boolean) => void;
     /**
-     * Активная кнопка
+     * При указании в связке с onClick предоставляет возможность реализовать two-way binding
      * @example 'button1'
      */
     activeButton?: number | string;
+    /**
+    * Кнопка по умолчанию.
+    */
+    defaultActiveButton?: number | string;
     /**
      * Общие свойства для всех кнопок группы
      * @example {outline: true, color: 'secondary'}

package/ui/nav/ButtonGroup/ButtonGroup.js

@@ -1,9 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
-var react_1 = require("react");
+var react_1 = __importStar(require("react"));
 var hooks_1 = require("../../../hooks");
 var useDataProvider_1 = __importDefault(require("../../../hooks/useDataProvider"));
 var DEFAULT_BUTTON_GROUP_SIZE = 'md';
@@ -13,7 +36,12 @@ function ButtonGroup(props) {
     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 _b = (0, react_1.useState)(props.activeButton || props.defaultActiveButton || items[0].id), activeButton = _b[0], setActiveButton = _b[1];
+    react_1["default"].useEffect(function () {
+        if (props.activeButton) {
+            setActiveButton(props.activeButton);
+        }
+    }, [props.activeButton]);
     var onClick = function (buttonId) {
         setActiveButton(buttonId);
         props.onClick(buttonId);