@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.
52 lines (46 loc) • 2.7 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
import * as React from "react";
import { TYPES } from "./consts";
import ButtonPrimitive from "../primitives/ButtonPrimitive";
import useTheme from "../hooks/useTheme";
import getIconContainer from "../primitives/ButtonPrimitive/common/getIconContainer";
import getButtonLinkStyles from "./helpers/getButtonLinkStyles";
import getButtonLinkIconForeground from "./helpers/getButtonLinkIconForeground";
import getButtonLinkCommonProps from "./helpers/getButtonLinkCommonProps";
var ButtonLink = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
var _ref$type = _ref.type,
type = _ref$type === void 0 ? TYPES.PRIMARY : _ref$type,
size = _ref.size,
_ref$compact = _ref.compact,
compact = _ref$compact === void 0 ? false : _ref$compact,
props = _objectWithoutProperties(_ref, ["type", "size", "compact"]);
var theme = useTheme();
var propsWithTheme = _objectSpread({
theme: theme,
size: size
}, props);
var commonProps = getButtonLinkCommonProps(_objectSpread(_objectSpread({}, propsWithTheme), {}, {
compact: compact
}));
var buttonLinkStyles = getButtonLinkStyles({
type: type,
theme: theme,
compact: compact
});
var icons = getIconContainer(_objectSpread(_objectSpread({}, propsWithTheme), {}, {
iconForeground: getButtonLinkIconForeground({
type: type,
theme: theme,
compact: compact
})
}));
return /*#__PURE__*/React.createElement(ButtonPrimitive, _extends({
ref: ref
}, props, buttonLinkStyles, commonProps, icons));
});
ButtonLink.displayName = "ButtonLink";
export default ButtonLink;