@skbkontur/ui-kit
Version:
37 lines • 4.75 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var styled_components_1 = tslib_1.__importDefault(require("../../lib/styled-components"));
var Clickable_1 = tslib_1.__importDefault(require("../internal/Clickable"));
var stateProp = function (prop, state) {
if (state === void 0) { state = 'default'; }
return function (_a) {
var theme = _a.theme;
return theme.menuItem[state][prop] || '';
};
};
var MenuItemContainer = function (_a) {
var disabled = _a.disabled, children = _a.children, select = _a.select, hover = _a.hover, loose = _a.loose, alkoLink = _a.alkoLink, withIcon = _a.withIcon, rest = tslib_1.__rest(_a, ["disabled", "children", "select", "hover", "loose", "alkoLink", "withIcon"]);
return (React.createElement(Clickable_1.default, tslib_1.__assign({ tabIndex: -1 }, rest), children));
};
exports.MenuItemStyledContainer = styled_components_1.default(MenuItemContainer)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n position: relative;\n background: ", ";\n color: ", ";\n cursor: pointer;\n display: block;\n line-height: 18px;\n outline: none;\n padding: 6px 18px 7px 8px;\n text-decoration: none;\n white-space: nowrap;\n text-align: left;\n width: 100%;\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"], ["\n position: relative;\n background: ", ";\n color: ", ";\n cursor: pointer;\n display: block;\n line-height: 18px;\n outline: none;\n padding: 6px 18px 7px 8px;\n text-decoration: none;\n white-space: nowrap;\n text-align: left;\n width: 100%;\n\n ",
"\n\n ",
"\n\n ",
"\n\n ",
"\n\n ",
"\n\n ",
"\n"])), stateProp('background'), stateProp('color'), styled_components_1.isTruthyProp('disabled')(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n cursor: default;\n "], ["\n background: ", ";\n color: ", ";\n cursor: default;\n "])), stateProp('background', 'disabled'), stateProp('color', 'disabled')), styled_components_1.isTruthyProp('hover')(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n "], ["\n background: ", ";\n color: ", ";\n "])), stateProp('background', 'hover'), stateProp('color', 'hover')), styled_components_1.isTruthyProp('loose')(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n padding-left: 15px;\n "], ["\n padding-left: 15px;\n "]))), styled_components_1.isTruthyProp('alkoLink')(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n color: #3072c4;\n "], ["\n color: #3072c4;\n "]))), styled_components_1.isTruthyProp('withIcon')(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n padding-left: 36px;\n "], ["\n padding-left: 36px;\n "]))), styled_components_1.isTruthyProp('select')(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n background: ", ";\n color: ", ";\n "], ["\n background: ", ";\n color: ", ";\n "])), stateProp('background', 'selected'), stateProp('color', 'selected')));
exports.MenuItemIcon = styled_components_1.default.div(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n display: inline-block;\n position: absolute;\n left: 15px;\n top: 5px;\n"], ["\n display: inline-block;\n position: absolute;\n left: 15px;\n top: 5px;\n"])));
var MenuItemComment = function (_a) {
var hover = _a.hover, children = _a.children, rest = tslib_1.__rest(_a, ["hover", "children"]);
return (React.createElement("div", tslib_1.__assign({}, rest), children));
};
exports.MenuItemStyledComment = styled_components_1.default(MenuItemComment)(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n white-space: normal;\n\n ", ";\n"], ["\n white-space: normal;\n\n ",
";\n"])), function (_a) {
var hover = _a.hover;
return hover
? styled_components_1.css(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n color: #a0a0a0;\n "], ["\n color: #a0a0a0;\n "]))) : styled_components_1.css(templateObject_11 || (templateObject_11 = tslib_1.__makeTemplateObject(["\n color: #fff;\n opacity: 0.6;\n "], ["\n color: #fff;\n opacity: 0.6;\n "])));
});
var templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_1, templateObject_8, templateObject_10, templateObject_11, templateObject_9;
//# sourceMappingURL=MenuItemView.js.map