react-native-cross-components
Version:
Beautiful React-Native components using RN Paper by Callstack
1 lines • 3.36 kB
Source Map (JSON)
{"file":"/Users/thomas/Source/react-native-core/source/components/animations/CrossSpinner.tsx","mappings":";;;;;AAAA,kDAA0B;AAC1B,qEAWiC;AAEjC,yCAAsC;AAqCtC;;;;;;;;GAQG;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,EACT,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,GACL,EAAE,EAAE;IACvB,MAAM,KAAK,GAAuB;QAChC,IAAI;QACJ,KAAK;QACL,KAAK;QACL,IAAI;QACJ,KAAK;QACL,MAAM;KACP,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 type CrossSpinnerType =\n | 'BallIndicator'\n | 'BarIndicator'\n | 'DotIndicator'\n | 'MaterialIndicator'\n | 'PacmanIndicator'\n | 'PulseIndicator'\n | 'SkypeIndicator'\n | 'UIActivityIndicator'\n | 'WaveIndicator';\n\n/**\n * Properties for the {@link CrossSpinner} component\n */\nexport interface ICrossSpinnerProps extends BallIndicatorProps {\n /**\n * Type of animatoon\n * {@link CrossSpinnerType}\n */\n type: CrossSpinnerType;\n /**\n * Optional custom styles\n */\n style?: any;\n testID?: string | undefined;\n}\n\n/**\n * Generates a React-Native spinning busy indicator\n *\n * Properties are {@link ICrossSpinnerProps}\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 testID = type.toString(),\n}: ICrossSpinnerProps) => {\n const props: ICrossSpinnerProps = {\n type,\n style,\n count,\n size,\n color,\n testID,\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}