UNPKG

@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.

56 lines (50 loc) 2.85 kB
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 ButtonPrimitive from "../primitives/ButtonPrimitive"; import getIconContainer from "../primitives/ButtonPrimitive/common/getIconContainer"; import getCommonProps from "../primitives/ButtonPrimitive/common/getCommonProps"; import useTheme from "../hooks/useTheme"; import getSocialButtonStyles from "./helpers/getSocialButtonStyles"; import getSocialButtonIconForeground from "./helpers/getSocialButtonIconForeground"; import getSocialButtonIcon from "./helpers/getSocialButtonIcon"; import { TYPE_OPTIONS } from "./consts"; var SocialButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) { var _ref$type = _ref.type, type = _ref$type === void 0 ? TYPE_OPTIONS.APPLE : _ref$type, _ref$disabled = _ref.disabled, disabled = _ref$disabled === void 0 ? false : _ref$disabled, size = _ref.size, props = _objectWithoutProperties(_ref, ["type", "disabled", "size"]); var theme = useTheme(); var propsWithTheme = _objectSpread({ theme: theme, size: size }, props); var commonProps = getCommonProps(propsWithTheme); var buttonStyles = getSocialButtonStyles({ type: type, disabled: disabled, theme: theme }); var icons = getIconContainer(_objectSpread(_objectSpread({}, propsWithTheme), {}, { iconForeground: getSocialButtonIconForeground({ type: type, theme: theme }) })); var iconLeft = getSocialButtonIcon(type); return /*#__PURE__*/React.createElement(ButtonPrimitive, _extends({ ref: ref }, props, commonProps, buttonStyles, icons, { disabled: disabled, iconLeft: iconLeft, iconRight: null, circled: false })); }); SocialButton.displayName = "SocialButton"; export default SocialButton;