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
JavaScript
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;
;