| 1 | {"version":3,"file":"SyncIndicator.js","sources":["../src/components/SyncIndicator/SyncIndicator.js"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { GU } from '../../style'\nimport FloatIndicator from '../FloatIndicator/FloatIndicator'\nimport LoadingRing from '../LoadingRing/LoadingRing'\n\nfunction SyncIndicator({ children, label, shift, visible, ...props }) {\n return (\n <FloatIndicator visible={visible} shift={shift} {...props}>\n <LoadingRing />\n <div\n css={`\n margin-left: ${1.5 * GU}px;\n `}\n >\n {children || <span css=\"white-space: nowrap\">{label} 🙏</span>}\n </div>\n </FloatIndicator>\n )\n}\n\nSyncIndicator.propTypes = {\n children: PropTypes.node,\n label: PropTypes.node,\n shift: PropTypes.number,\n visible: PropTypes.bool,\n}\n\nSyncIndicator.defaultProps = {\n label: 'Syncing data…',\n}\n\nexport default SyncIndicator\n"],"names":["SyncIndicator","children","label","shift","visible","props","React","FloatIndicator","LoadingRing","GU","propTypes","PropTypes","node","number","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,aAAT,OAAsE;AAAA,MAA7CC,QAA6C,QAA7CA,QAA6C;AAAA,MAAnCC,KAAmC,QAAnCA,KAAmC;AAAA,MAA5BC,KAA4B,QAA5BA,KAA4B;AAAA,MAArBC,OAAqB,QAArBA,OAAqB;AAAA,MAATC,KAAS;;AACpE,sBACEC,6BAACC,sBAAD;AAAgB,IAAA,OAAO,EAAEH,OAAzB;AAAkC,IAAA,KAAK,EAAED;AAAzC,KAAoDE,KAApD,gBACEC,6BAACE,mBAAD,OADF,eAEEF;AAAA,UAEmB,MAAMG;AAFzB,KAKGR,QAAQ,iBAAIK,gDAAiCJ,KAAjC,kBALf,CAFF,CADF;AAYD;;AAEDF,aAAa,CAACU,SAAd,GAA0B;AACxBT,EAAAA,QAAQ,EAAEU,eAAS,CAACC,IADI;AAExBV,EAAAA,KAAK,EAAES,eAAS,CAACC,IAFO;AAGxBT,EAAAA,KAAK,EAAEQ,eAAS,CAACE,MAHO;AAIxBT,EAAAA,OAAO,EAAEO,eAAS,CAACG;AAJK,CAA1B;AAOAd,aAAa,CAACe,YAAd,GAA6B;AAC3Bb,EAAAA,KAAK,EAAE;AADoB,CAA7B;;;;"} |