UNPKG

primereact

Version:

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

101 lines (92 loc) 2.85 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var React = require('react'); var utils = require('primereact/utils'); function _interopNamespace(e) { if (e && e.__esModule) return e; var n = Object.create(null); if (e) { Object.keys(e).forEach(function (k) { if (k !== 'default') { var d = Object.getOwnPropertyDescriptor(e, k); Object.defineProperty(n, k, d.get ? d : { enumerable: true, get: function () { return e[k]; } }); } }); } n["default"] = e; return Object.freeze(n); } var React__namespace = /*#__PURE__*/_interopNamespace(React); function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } var ProgressSpinnerBase = { defaultProps: { __TYPE: 'ProgressSpinner', id: null, style: null, className: null, strokeWidth: '2', fill: 'none', animationDuration: '2s', children: undefined }, getProps: function getProps(props) { return utils.ObjectUtils.getMergedProps(props, ProgressSpinnerBase.defaultProps); }, getOtherProps: function getOtherProps(props) { return utils.ObjectUtils.getDiffProps(props, ProgressSpinnerBase.defaultProps); } }; var ProgressSpinner = /*#__PURE__*/React__namespace.memo( /*#__PURE__*/React__namespace.forwardRef(function (inProps, ref) { var props = ProgressSpinnerBase.getProps(inProps); var elementRef = React__namespace.useRef(null); var otherProps = ProgressSpinnerBase.getOtherProps(props); var className = utils.classNames('p-progress-spinner', props.className); React__namespace.useImperativeHandle(ref, function () { return { props: props, getElement: function getElement() { return elementRef.current; } }; }); return /*#__PURE__*/React__namespace.createElement("div", _extends({ id: props.id, ref: elementRef, style: props.style, className: className, role: "alert", "aria-busy": true }, otherProps), /*#__PURE__*/React__namespace.createElement("svg", { className: "p-progress-spinner-svg", viewBox: "25 25 50 50", style: { animationDuration: props.animationDuration } }, /*#__PURE__*/React__namespace.createElement("circle", { className: "p-progress-spinner-circle", cx: "50", cy: "50", r: "20", fill: props.fill, strokeWidth: props.strokeWidth, strokeMiterlimit: "10" }))); })); ProgressSpinner.displayName = 'ProgressSpinner'; exports.ProgressSpinner = ProgressSpinner;