UNPKG

react-elegant-ui

Version:

Elegant UI components, made by BEM best practices for react

38 lines 1.23 kB
var __assign = this && this.__assign || function () { __assign = Object.assign || function (t) { for (var s, i = 1, n = arguments.length; i < n; i++) { s = arguments[i]; for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p]; } return t; }; return __assign.apply(this, arguments); }; import React, { useMemo } from 'react'; import { withHOCConstructor } from '../../../lib/compose'; import { cnButton } from '../Button'; import './Button_pressAnimation.css'; export var createModButtonPressAnimation = function (isEnabled) { return withHOCConstructor({ matchProps: { pressAnimation: true }, matchOnlyProps: ['pressAnimation'] }, function (Component) { return function (props) { var pressAnimation = useMemo(function () { return isEnabled(props); }, [props]); return /*#__PURE__*/React.createElement(Component, __assign({}, props, { className: cnButton({ pressAnimation: pressAnimation }, [props.className]) })); }; }); }; export var withModButtonPressAnimation = createModButtonPressAnimation( // disable for some views function (props) { return ['link'].indexOf(props.view) === -1; });