@razorpay/blade
Version:
The Design System that powers Razorpay
60 lines (57 loc) • 3.03 kB
JavaScript
import _defineProperty from '@babel/runtime/helpers/defineProperty';
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import React__default from 'react';
import StyledIconButton from './StyledIconButton.web.js';
import '../../../utils/makeAnalyticsAttribute/index.js';
import { jsx } from 'react/jsx-runtime';
import { makeAnalyticsAttribute } from '../../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
var _excluded = ["icon", "onClick", "size", "emphasis", "accessibilityLabel", "isDisabled", "onBlur", "onFocus", "onMouseLeave", "onMouseMove", "onPointerDown", "onPointerEnter", "onTouchEnd", "onTouchStart", "isHighlighted", "_tabIndex"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
/**
* Component for making clickable icons with transparent background.
* For other cases please use `Button` component with `icon` prop.
*/
var _IconButton = function _IconButton(_ref, ref) {
var icon = _ref.icon,
onClick = _ref.onClick,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 'medium' : _ref$size,
_ref$emphasis = _ref.emphasis,
emphasis = _ref$emphasis === void 0 ? 'intense' : _ref$emphasis,
accessibilityLabel = _ref.accessibilityLabel,
isDisabled = _ref.isDisabled,
onBlur = _ref.onBlur,
onFocus = _ref.onFocus,
onMouseLeave = _ref.onMouseLeave,
onMouseMove = _ref.onMouseMove,
onPointerDown = _ref.onPointerDown,
onPointerEnter = _ref.onPointerEnter,
onTouchEnd = _ref.onTouchEnd,
onTouchStart = _ref.onTouchStart,
isHighlighted = _ref.isHighlighted,
_tabIndex = _ref._tabIndex,
rest = _objectWithoutProperties(_ref, _excluded);
return /*#__PURE__*/jsx(StyledIconButton, _objectSpread(_objectSpread({
ref: ref,
onClick: onClick,
emphasis: emphasis,
size: size,
icon: icon,
tabIndex: _tabIndex,
accessibilityLabel: accessibilityLabel,
isDisabled: isDisabled,
isHighlighted: isHighlighted,
onBlur: onBlur,
onFocus: onFocus,
onMouseLeave: onMouseLeave,
onMouseMove: onMouseMove,
onPointerDown: onPointerDown,
onPointerEnter: onPointerEnter,
onTouchEnd: onTouchEnd,
onTouchStart: onTouchStart
}, makeAnalyticsAttribute(rest)), rest));
};
var IconButton = /*#__PURE__*/React__default.forwardRef(_IconButton);
export { IconButton };
//# sourceMappingURL=IconButton.js.map