UNPKG

@raona/components

Version:

React components used at Raona to work with SPFx

60 lines (59 loc) 2.85 kB
"use strict"; var __extends = (this && this.__extends) || (function () { var extendStatics = function (d, b) { extendStatics = Object.setPrototypeOf || ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) || function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; }; return extendStatics(d, b); }; return function (d, b) { extendStatics(d, b); function __() { this.constructor = d; } d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); }; })(); var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; Object.defineProperty(exports, "__esModule", { value: true }); var React = require("react"); var react_1 = require("react"); // import { CategoryMenuEntity, CategoryMenuStyles } from '../../entities'; var Category_1 = require("./Category"); var Bind_1 = require("@raona/sp/dist/decorators/Bind"); var CategoryMenu = /** @class */ (function (_super) { __extends(CategoryMenu, _super); function CategoryMenu(props) { var _this = _super.call(this, props) || this; var categories = _this.props.categories; if (categories.length > 0) { _this.state = { activeCategory: categories[0] }; } return _this; } CategoryMenu.prototype.changeActive = function (event, category) { this.setState({ activeCategory: category }); category.onClick(event, category); }; CategoryMenu.prototype.render = function () { var _this = this; var _a = this.props, categories = _a.categories, styles = _a.styles; var activeCategory = this.state.activeCategory; return (React.createElement("div", { className: styles.categoryMenu }, categories.map(function (category) { var isActive = category === activeCategory; return React.createElement(Category_1.Category, { category: category, styles: styles, isActive: isActive, changeActive: _this.changeActive }); }))); }; __decorate([ Bind_1.Bind() ], CategoryMenu.prototype, "changeActive", null); return CategoryMenu; }(react_1.Component)); exports.CategoryMenu = CategoryMenu;