chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
93 lines (90 loc) • 4.18 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _clsx = _interopRequireDefault(require("clsx"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _react = _interopRequireWildcard(require("react"));
var _Icon = _interopRequireDefault(require("../../react-chayns-icon/component/Icon"));
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
/**
* @component
*/
/**
* Buttons initiate actions, can include a title or an icon and come with a set
* of predefined styles.
*/
const Button = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
let {
chooseButton = false,
disabled = false,
children,
className,
icon,
secondary = false,
stopPropagation = false,
onClick,
type = 'button',
...other
} = _ref;
const handleClick = event => {
if (onClick && !disabled) onClick(event);
if (stopPropagation) event.stopPropagation();
};
return /*#__PURE__*/_react.default.createElement("button", (0, _extends2.default)({
/* eslint-disable-next-line react/button-has-type */
type: type,
className: (0, _clsx.default)(className, chooseButton ? "choosebutton" + (icon ? " choosebutton--icon" : "") : "button" + (icon ? " button--icon" : ""), disabled && 'button--disabled', secondary && 'button--secondary'),
onClick: handleClick,
disabled: disabled,
ref: ref
}, other), icon && /*#__PURE__*/_react.default.createElement("span", {
className: chooseButton ? "choosebutton__icon" : "button__icon"
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
icon: icon
})), children);
});
var _default = Button;
exports.default = _default;
Button.propTypes = {
/**
* String or components that are rendered inside of the button.
*/
children: _propTypes.default.node.isRequired,
/**
* Renders the button on the "ChooseButton"-style. Alternatively use the `ChooseButton`-component.
*/
chooseButton: _propTypes.default.bool,
/**
* Renders the button as disabled and disables click events.
*/
disabled: _propTypes.default.bool,
/**
* Will be called after the button has been clicked with the event as the first parameter.
*/
onClick: _propTypes.default.func,
/**
* String of classnames that should be added to the button.
*/
className: _propTypes.default.string,
/**
* An optional icon that is displayed on the left of the button. Supply a FontAwesome icon like this: "fa fa-plane"
*/
icon: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),
/**
* Render the button in a secondary style.
*/
secondary: _propTypes.default.bool,
/**
* Stop the event propagation on click.
*/
stopPropagation: _propTypes.default.bool,
/**
* Set the type for the native button HTML element.
*/
type: _propTypes.default.oneOf(['button', 'submit', 'reset'])
};
Button.displayName = 'Button';
//# sourceMappingURL=Button.js.map