react-native-cross-components
Version:
Beautiful React-Native components using RN Paper by Callstack
1 lines • 3.6 kB
Source Map (JSON)
{"file":"/Users/thomas/Source/react-native-core/source/components/animations/CrossSpinner.tsx","mappings":";;;;;AAAA,kDAA0B;AAC1B,qEAWiC;AAEjC,yCAAsC;AAEtC;;;;;;;GAOG;AACH,IAAY,gBAUX;AAVD,WAAY,gBAAgB;IAC1B,mDAA+B,CAAA;IAC/B,iDAA6B,CAAA;IAC7B,iDAA6B,CAAA;IAC7B,2DAAuC,CAAA;IACvC,uDAAmC,CAAA;IACnC,qDAAiC,CAAA;IACjC,qDAAiC,CAAA;IACjC,+DAA2C,CAAA;IAC3C,mDAA+B,CAAA;AACjC,CAAC,EAVW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAU3B;AAcD;;;;;;GAMG;AACU,QAAA,YAAY,GAAG,CAAC,EAC3B,IAAI,EACJ,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,eAAM,CAAC,cAAc,EAC7B,KAAK,GAAG,CAAC,EACT,IAAI,GAAG,EAAE,GACU,EAAE,EAAE;IACvB,MAAM,KAAK,GAAuB;QAChC,IAAI;QACJ,KAAK;QACL,KAAK;QACL,IAAI;QACJ,KAAK;QACL,MAAM,EAAE,IAAI,CAAC,QAAQ,EAAE;KACxB,CAAC;IACF,QAAQ,IAAI,EAAE;QACZ,KAAK,eAAe;YAClB,OAAO,8BAAC,uCAAa,oBAAK,KAAK,EAAI,CAAC;QACtC,KAAK,cAAc;YACjB,OAAO,8BAAC,sCAAY,oBAAK,KAAK,EAAI,CAAC;QACrC,KAAK,cAAc;YACjB,OAAO,8BAAC,sCAAY,oBAAK,KAAK,EAAI,CAAC;QACrC,KAAK,iBAAiB;YACpB,OAAO,8BAAC,yCAAe,oBAAK,KAAK,EAAI,CAAC;QACxC,KAAK,gBAAgB;YACnB,OAAO,8BAAC,wCAAc,oBAAK,KAAK,EAAI,CAAC;QACvC,KAAK,gBAAgB;YACnB,OAAO,8BAAC,wCAAc,oBAAK,KAAK,EAAI,CAAC;QACvC,KAAK,qBAAqB;YACxB,OAAO,8BAAC,6CAAmB,oBAAK,KAAK,EAAI,CAAC;QAC5C,KAAK,eAAe;YAClB,OAAO,8BAAC,uCAAa,oBAAK,KAAK,EAAI,CAAC;QACtC;YACE,OAAO,8BAAC,2CAAiB,oBAAK,KAAK,EAAI,CAAC;KAC3C;AACH,CAAC,CAAC","names":[],"sources":["/Users/thomas/Source/react-native-core/source/components/animations/CrossSpinner.tsx"],"sourcesContent":["import React from 'react';\nimport {\n BallIndicator,\n BarIndicator,\n DotIndicator,\n MaterialIndicator,\n PacmanIndicator,\n PulseIndicator,\n SkypeIndicator,\n UIActivityIndicator,\n WaveIndicator,\n BallIndicatorProps,\n} from 'react-native-indicators';\n\nimport { Colors } from '../../styles';\n\n/**\n * Type of spinner. See examples at:\n *\n * https://github.com/n4kz/react-native-indicators\n *\n * @export\n * @enum {string}\n */\nexport enum CrossSpinnerType {\n BallIndicator = 'BallIndicator',\n BarIndicator = 'BarIndicator',\n DotIndicator = 'DotIndicator',\n MaterialIndicator = 'MaterialIndicator',\n PacmanIndicator = 'PacmanIndicator',\n PulseIndicator = 'PulseIndicator',\n SkypeIndicator = 'SkypeIndicator',\n UIActivityIndicator = 'UIActivityIndicator',\n WaveIndicator = 'WaveIndicator',\n}\n\nexport interface ICrossSpinnerProps extends BallIndicatorProps {\n /**\n * {@link IndicatorType}\n */\n type: CrossSpinnerType;\n /**\n * Optional custom styles\n */\n style?: any;\n testID: string;\n}\n\n/**\n * Generates a React-Native spinning busy indicator\n *\n * https://github.com/n4kz/react-native-indicators\n *\n * @param param0 see {@link ISpinnerProps}\n */\nexport const CrossSpinner = ({\n type,\n style = null,\n color = Colors.CrossLightBlue,\n count = 8,\n size = 40,\n}: ICrossSpinnerProps) => {\n const props: ICrossSpinnerProps = {\n type,\n style,\n count,\n size,\n color,\n testID: type.toString()\n };\n switch (type) {\n case 'BallIndicator':\n return <BallIndicator {...props} />;\n case 'BarIndicator':\n return <BarIndicator {...props} />;\n case 'DotIndicator':\n return <DotIndicator {...props} />;\n case 'PacmanIndicator':\n return <PacmanIndicator {...props} />;\n case 'PulseIndicator':\n return <PulseIndicator {...props} />;\n case 'SkypeIndicator':\n return <SkypeIndicator {...props} />;\n case 'UIActivityIndicator':\n return <UIActivityIndicator {...props} />;\n case 'WaveIndicator':\n return <WaveIndicator {...props} />;\n default:\n return <MaterialIndicator {...props} />;\n }\n};\n"],"version":3}