wix-storybook-utils
Version:
Utilities for automated component documentation within Storybook
33 lines • 1.78 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importDefault(require("react"));
var prop_types_1 = tslib_1.__importDefault(require("prop-types"));
var classnames_1 = tslib_1.__importDefault(require("classnames"));
var pick_1 = tslib_1.__importDefault(require("lodash/pick"));
var TabPropTypes = tslib_1.__importStar(require("../constants/tab-prop-types"));
var styles_scss_1 = tslib_1.__importDefault(require("../../styles.scss"));
var TabItem = /** @class */ (function (_super) {
tslib_1.__extends(TabItem, _super);
function TabItem() {
return _super !== null && _super.apply(this, arguments) || this;
}
TabItem.prototype.render = function () {
var _a;
var _b = this.props, item = _b.item, onItemClick = _b.onItemClick, isActive = _b.isActive, dynamicProperties = _b.dynamicProperties, dataHook = _b.dataHook;
var containerProps = tslib_1.__assign({ key: item.id, onClick: function () { return onItemClick(item); }, className: (0, classnames_1.default)(styles_scss_1.default.tab, (_a = {}, _a[styles_scss_1.default.active] = isActive, _a)) }, (0, pick_1.default)(this.props, dynamicProperties));
return (react_1.default.createElement("li", tslib_1.__assign({ "data-hook": dataHook }, containerProps), item.title));
};
return TabItem;
}(react_1.default.Component));
TabItem.propTypes = {
itemMaxWidth: prop_types_1.default.number,
isActive: prop_types_1.default.bool,
item: TabPropTypes.item.isRequired,
onItemClick: TabPropTypes.onClick,
type: TabPropTypes.type,
width: TabPropTypes.width,
dynamicProperties: prop_types_1.default.array,
};
exports.default = TabItem;
//# sourceMappingURL=index.js.map