react-rn-progressor
Version:
A customizable collection of progress indicators for React and React Native
1 lines • 2.29 kB
JavaScript
Object.defineProperty(exports,"__esModule",{value:true});exports.Circle=exports.Overflow=exports.Container=undefined;var _extends=Object.assign||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;};var _jsxFileName='src/web/HalfCircle/helpers/subComponents.js';var _react=require('react');var _react2=_interopRequireDefault(_react);var _propTypes=require('prop-types');var _propTypes2=_interopRequireDefault(_propTypes);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}var Container=exports.Container=function Container(_ref){var style=_ref.style,children=_ref.children;return _react2.default.createElement('div',{style:_extends(style,{position:'relative',display:'inline-block'}),__source:{fileName:_jsxFileName,lineNumber:5}},children);};var Overflow=exports.Overflow=function Overflow(_ref2){var style=_ref2.style,children=_ref2.children;return _react2.default.createElement('div',{style:_extends(style,{overflow:'hidden',position:'relative'}),__source:{fileName:_jsxFileName,lineNumber:15}},children);};var Circle=exports.Circle=function Circle(_ref3){var bHeight=_ref3.bHeight,bColor=_ref3.bColor,pColor=_ref3.pColor,progress=_ref3.progress,time=_ref3.time,func=_ref3.func,style=_ref3.style,children=_ref3.children;return _react2.default.createElement('div',{style:_extends(style,{position:'absolute',left:0,top:0,boxSizing:'border-box',borderRadius:'50%'},{transition:'transform '+time+'ms '+func,transform:'rotate('+progress+'deg)',borderStyle:'solid',borderWidth:bHeight,borderBottomColor:pColor,borderRightColor:pColor,borderTopColor:bColor,borderLeftColor:bColor}),__source:{fileName:_jsxFileName,lineNumber:25}},children);};Container.propTypes={style:_propTypes2.default.object,children:_propTypes2.default.element};Overflow.propTypes={style:_propTypes2.default.object,children:_propTypes2.default.element};Circle.propTypes={style:_propTypes2.default.object,children:_propTypes2.default.element,bHeight:_propTypes2.default.number,bColor:_propTypes2.default.string,pColor:_propTypes2.default.string,progress:_propTypes2.default.number,time:_propTypes2.default.number,func:_propTypes2.default.string};