@kiwicom/orbit-components
Version:
Orbit-components is a React component library which provides developers with the easiest possible way of building Kiwi.com’s products.
70 lines (69 loc) • 2.79 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
exports.__esModule = true;
exports.default = void 0;
var React = _interopRequireWildcard(require("react"));
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _transition = _interopRequireDefault(require("../../../utils/transition"));
var _mediaQuery = _interopRequireDefault(require("../../../utils/mediaQuery"));
var _Icon = require("../../../Icon");
var _consts = require("../../../Icon/consts");
var _defaultTheme = _interopRequireDefault(require("../../../defaultTheme"));
var _Header = _interopRequireDefault(require("../../components/Header"));
const StyledCardSectionHeader = _styledComponents.default.div.withConfig({
displayName: "SectionHeader__StyledCardSectionHeader",
componentId: "sc-qagprz-0"
})(["", ""], ({
theme,
expandable,
isContent,
expanded
}) => (0, _styledComponents.css)(["transition:", ";cursor:", ";position:relative;padding:", ";margin:-", "px;margin-bottom:", ";min-height:", ";", " &:hover{background:", ";}"], (0, _transition.default)(["margin"], "fast", "linear"), expandable && "pointer", theme.orbit.spaceMedium, parseInt(theme.orbit.spaceMedium, 10) + 1, expanded && isContent && 0, expandable && (0, _Icon.getSize)(_consts.ICON_SIZES.MEDIUM), _mediaQuery.default.largeMobile((0, _styledComponents.css)(["margin:-", "px;padding:", ";margin-bottom:", ";"], parseInt(theme.orbit.spaceLarge, 10) + 1, theme.orbit.spaceLarge, expanded && isContent && 0)), expandable && theme.orbit.paletteWhiteHover));
StyledCardSectionHeader.defaultProps = {
theme: _defaultTheme.default
};
const CardSectionHeader = ({
title,
titleAs,
description,
icon,
isContent,
expandable,
expanded,
labelClose,
onClick,
slideID,
labelID,
actions,
handleKeyDown,
header,
dataA11ySection
}) => {
return /*#__PURE__*/React.createElement(StyledCardSectionHeader, {
expandable: expandable,
expanded: expanded,
onClick: onClick,
"aria-expanded": expandable ? expanded : undefined,
"aria-controls": expandable ? slideID : undefined,
id: labelID,
role: expandable ? "button" : undefined,
onKeyDown: handleKeyDown,
tabIndex: expandable ? 0 : undefined,
isContent: isContent
}, /*#__PURE__*/React.createElement(_Header.default, {
title: title,
titleAs: titleAs,
description: description,
labelClose: labelClose,
icon: icon,
expandable: expandable,
header: header,
expanded: expanded,
actions: actions,
isSection: true,
dataA11ySection: dataA11ySection
}));
};
var _default = CardSectionHeader;
exports.default = _default;