react-native-audio-player-button 1.0.8 → 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/README.md +2 -1
  2. package/lib/commonjs/components/AudioPlayerButtonComponent.js +10 -3
  3. package/lib/commonjs/components/AudioPlayerButtonComponent.js.map +1 -1
  4. package/lib/commonjs/components/RippleAnimationComponent.js +1 -1
  5. package/lib/commonjs/components/RippleAnimationComponent.js.map +1 -1
  6. package/lib/commonjs/constants/component_constant.js +7 -1
  7. package/lib/commonjs/constants/component_constant.js.map +1 -1
  8. package/lib/commonjs/helpers/ripple_animation_helper.js +4 -2
  9. package/lib/commonjs/helpers/ripple_animation_helper.js.map +1 -1
  10. package/lib/module/components/AudioPlayerButtonComponent.js +10 -3
  11. package/lib/module/components/AudioPlayerButtonComponent.js.map +1 -1
  12. package/lib/module/components/RippleAnimationComponent.js +1 -1
  13. package/lib/module/components/RippleAnimationComponent.js.map +1 -1
  14. package/lib/module/constants/component_constant.js +5 -0
  15. package/lib/module/constants/component_constant.js.map +1 -1
  16. package/lib/module/helpers/ripple_animation_helper.js +4 -2
  17. package/lib/module/helpers/ripple_animation_helper.js.map +1 -1
  18. package/package.json +5 -5
  19. package/src/components/AudioPlayerButtonComponent.js +9 -2
  20. package/src/components/RippleAnimationComponent.js +1 -1
  21. package/src/constants/component_constant.js +6 -1
  22. package/src/helpers/ripple_animation_helper.js +4 -2
package/README.md CHANGED
@@ -57,7 +57,7 @@ const [playingUuid, setPlayingUuid] = React.useState(null);
57
57
  | rippleColor | '#000000' | `string` | `true` | Color of the ripple animation |
58
58
  | rippleHeight | 48 or 56 | `number` | `true` | The height of the ripple animation |
59
59
  | rippleWidth | 48 or 56 | `number` | `true` | The width of the ripple animation |
60
- | rippleRadius | 48 or 56 | `number` | `true` | The radius of the ripple animation |
60
+ | rippleRadius | 48 or 56 | `number` | `true` | The radius of the ripple animation (higher radius makes the ripple appear in a round shape) |
61
61
  | iconSize | 24 or 26 | `number` | `true` | The size of the icons (play and pause icon) |
62
62
  | iconPrimaryColor | '#000000' | `string` | `true` | The color of the icon before playing the audio |
63
63
  | iconSecondaryColor | '#808080' | `string` | `true` | The color of the icon while playing the audio |
@@ -65,6 +65,7 @@ const [playingUuid, setPlayingUuid] = React.useState(null);
65
65
  | hasShadow | false | `boolean` | `true` | The shadow of the button (Android only) |
66
66
  | allowPause | false | `boolean` | `true` | Allow to pause the audio when toggle the button |
67
67
  | isFromAppBundle | false | `boolean` | `false` | Set to `true` to play the audio that is stored in the app bundle (ex: the downloaded audio) |
68
+ | rippleScaleSize | 'medium' | `string` | `true` | The scale size of the ripple animation while the audio is playing |
68
69
 
69
70
  - The default width, height of the button and ripple animation will be `56dp` and `48dp` for the low pixel devices
70
71
 
package/lib/commonjs/components/AudioPlayerButtonComponent.js CHANGED
@@ -14,7 +14,10 @@ var _audio_player_service = _interopRequireDefault(require("../services/audio_pl
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
16
16
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
17
- const AudioPlayerButtonComponent = props => {
17
+ const {
18
+ useImperativeHandle
19
+ } = _react.default;
20
+ const AudioPlayerButtonComponent = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
18
21
  const localAudioPlayer = (0, _react.useRef)(null);
19
22
  const [state, setState] = (0, _react.useState)({
20
23
  playSeconds: 0,
@@ -37,6 +40,9 @@ const AudioPlayerButtonComponent = props => {
37
40
  _audio_player_service.default.clearAllAudio();
38
41
  }; // Clear all the audio when component is unmount
39
42
  }, []);
43
+ useImperativeHandle(ref, () => ({
44
+ onPress
45
+ }));
40
46
  const clearLocalAudioPlayer = () => {
41
47
  localAudioPlayer.current = null;
42
48
  setState({
@@ -97,7 +103,8 @@ const AudioPlayerButtonComponent = props => {
97
103
  width: props.rippleWidth,
98
104
  radius: props.rippleRadius,
99
105
  isPlaying: isPlaying,
100
- rippleStyle: props.rippleStyle
106
+ rippleStyle: props.rippleStyle,
107
+ rippleScaleSize: props.rippleScaleSize
101
108
  });
102
109
  };
103
110
  const renderBtn = () => {
@@ -135,7 +142,7 @@ const AudioPlayerButtonComponent = props => {
135
142
  alignItems: 'center'
136
143
  }, props.containerStyle]
137
144
  }, props.rippled && renderRippleAnimation(), renderBtn());
138
- };
145
+ });
139
146
  var _default = AudioPlayerButtonComponent; // How to use
140
147
  exports.default = _default;
141
148
  {/*
package/lib/commonjs/components/AudioPlayerButtonComponent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["AudioPlayerButtonComponent","props","localAudioPlayer","useRef","state","setState","useState","playSeconds","duration","countInterval","isPlaying","setIsPlaying","useEffect","playingUuid","itemUuid","clearLocalAudioPlayer","global","audioPlayer","current","audioPlayerService","clearAllAudio","updateState","handleLocalAudioPlayer","allowPause","updatePlayingUuid","playPause","handleAudioCallback","toggleAudio","play","audio","isFromAppBundle","handleStopPlaying","onPress","renderRippleAnimation","rippleColor","rippleHeight","rippleWidth","rippleRadius","rippleStyle","renderBtn","btnStyles","alignItems","backgroundColor","buttonColor","color","white","borderRadius","elevation","hasShadow","justifyContent","height","buttonHeight","defaultBtnSize","width","buttonWidth","zIndex","buttonStyle","children","isSpeakerIcon","iconStyle","iconSize","iconPrimaryColor","iconSecondaryColor","customIcon","customIconSet","customNotPlayingIconStyle","customPlayingIconStyle","containerStyle","rippled"],"sourceRoot":"../../src","sources":["AudioPlayerButtonComponent.js"],"mappings":"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"}
1
+ {"version":3,"names":["useImperativeHandle","React","AudioPlayerButtonComponent","forwardRef","props","ref","localAudioPlayer","useRef","state","setState","useState","playSeconds","duration","countInterval","isPlaying","setIsPlaying","useEffect","playingUuid","itemUuid","clearLocalAudioPlayer","global","audioPlayer","current","audioPlayerService","clearAllAudio","onPress","updateState","handleLocalAudioPlayer","allowPause","updatePlayingUuid","playPause","handleAudioCallback","toggleAudio","play","audio","isFromAppBundle","handleStopPlaying","renderRippleAnimation","rippleColor","rippleHeight","rippleWidth","rippleRadius","rippleStyle","rippleScaleSize","renderBtn","btnStyles","alignItems","backgroundColor","buttonColor","color","white","borderRadius","elevation","hasShadow","justifyContent","height","buttonHeight","defaultBtnSize","width","buttonWidth","zIndex","buttonStyle","children","isSpeakerIcon","iconStyle","iconSize","iconPrimaryColor","iconSecondaryColor","customIcon","customIconSet","customNotPlayingIconStyle","customPlayingIconStyle","containerStyle","rippled"],"sourceRoot":"../../src","sources":["AudioPlayerButtonComponent.js"],"mappings":"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"}
package/lib/commonjs/components/RippleAnimationComponent.js CHANGED
@@ -37,7 +37,7 @@ const RippleAnimationComponent = props => {
37
37
  setComponentDidMount(true);
38
38
  return;
39
39
  }
40
- props.isPlaying ? _ripple_animation_helper.default.start(animations) : _ripple_animation_helper.default.reset(animations);
40
+ props.isPlaying ? _ripple_animation_helper.default.start(animations, props.rippleScaleSize) : _ripple_animation_helper.default.reset(animations);
41
41
  }, [props.isPlaying]);
42
42
  const rippleView = index => {
43
43
  const rippleStyle = {
package/lib/commonjs/components/RippleAnimationComponent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["RippleAnimationComponent","props","componentDidMount","setComponentDidMount","useState","state","opacity1","Animated","Value","opacity2","opacity3","scale1","scale2","scale3","animations","scale","opacity","useEffect","isPlaying","rippleAnimationHelper","start","reset","rippleView","index","rippleStyle","backgroundColor","rippleColor","color","black","radius","defaultRippleSize","height","width","StyleSheet","absoluteFillObject","transform","borderRadius","Array","keys","map"],"sourceRoot":"../../src","sources":["RippleAnimationComponent.js"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuE;AAAA;AAAA;AAEvE,MAAMA,wBAAwB,GAAIC,KAAK,IAAK;EAC1C,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjE,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAD,eAAQ,EAAC;IACvBE,QAAQ,EAAE,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC/BC,QAAQ,EAAE,IAAIF,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC/BE,QAAQ,EAAE,IAAIH,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC/BG,MAAM,EAAE,IAAIJ,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC7BI,MAAM,EAAE,IAAIL,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC7BK,MAAM,EAAE,IAAIN,qBAAQ,CAACC,KAAK,CAAC,CAAC;EAC9B,CAAC,CAAC;EAEF,MAAMM,UAAU,GAAG,CACjB;IAAEC,KAAK,EAAEV,KAAK,CAACM,MAAM;IAAEK,OAAO,EAAEX,KAAK,CAACC;EAAS,CAAC,EAChD;IAAES,KAAK,EAAEV,KAAK,CAACO,MAAM;IAAEI,OAAO,EAAEX,KAAK,CAACI;EAAS,CAAC,EAChD;IAAEM,KAAK,EAAEV,KAAK,CAACQ,MAAM;IAAEG,OAAO,EAAEX,KAAK,CAACK;EAAS,CAAC,CACjD;EAED,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI,CAACf,iBAAiB,EAAE;MACtBC,oBAAoB,CAAC,IAAI,CAAC;MAC1B;IACF;IAEAF,KAAK,CAACiB,SAAS,GAAGC,gCAAqB,CAACC,KAAK,CAACN,UAAU,CAAC,GAAGK,gCAAqB,CAACE,KAAK,CAACP,UAAU,CAAC;EACrG,CAAC,EAAE,CAACb,KAAK,CAACiB,SAAS,CAAC,CAAC;EAErB,MAAMI,UAAU,GAAIC,KAAK,IAAK;IAC5B,MAAMC,WAAW,GAAG;MAClBC,eAAe,EAAExB,KAAK,CAACyB,WAAW,IAAIC,uBAAK,CAACC,KAAK;MACjDC,MAAM,EAAE5B,KAAK,CAAC4B,MAAM,IAAIC,qCAAiB;MACzCC,MAAM,EAAE9B,KAAK,CAAC8B,MAAM,IAAID,qCAAiB;MACzCE,KAAK,EAAE/B,KAAK,CAAC+B,KAAK,IAAIF;IACxB,CAAC;IAED,oBAAO,6BAAC,qBAAQ,CAAC,IAAI;MAAC,GAAG,EAAEP,KAAM;MAAC,KAAK,EAAE,CAAEU,uBAAU,CAACC,kBAAkB,EAAE;QAAET,eAAe,EAAED,WAAW,CAACC;MAAgB,CAAC,EAAExB,KAAK,CAACuB,WAAW,EACnI;QAACR,OAAO,EAAEF,UAAU,CAACS,KAAK,CAAC,CAACP,OAAO;QAAEmB,SAAS,EAAE,CAAC;UAAEpB,KAAK,EAAED,UAAU,CAACS,KAAK,CAAC,CAACR;QAAM,CAAC,CAAC;QAAEgB,MAAM,EAAEP,WAAW,CAACO,MAAM;QAAEC,KAAK,EAAER,WAAW,CAACQ,KAAK;QAAEI,YAAY,EAAEZ,WAAW,CAACK;MAAO,CAAC;IAC9K,EAAG;EACf,CAAC;EAED,OAAO,CAAC,GAAGQ,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,EAAE,CAAC,CAACC,GAAG,CAAEhB,KAAK,IAAKD,UAAU,CAACC,KAAK,CAAC,CAAC;AAC/D,CAAC;AAAA,eAEcvB,wBAAwB,EAEvC;AAAA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GATC"}
1
+ {"version":3,"names":["RippleAnimationComponent","props","componentDidMount","setComponentDidMount","useState","state","opacity1","Animated","Value","opacity2","opacity3","scale1","scale2","scale3","animations","scale","opacity","useEffect","isPlaying","rippleAnimationHelper","start","rippleScaleSize","reset","rippleView","index","rippleStyle","backgroundColor","rippleColor","color","black","radius","defaultRippleSize","height","width","StyleSheet","absoluteFillObject","transform","borderRadius","Array","keys","map"],"sourceRoot":"../../src","sources":["RippleAnimationComponent.js"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AAAuE;AAAA;AAAA;AAEvE,MAAMA,wBAAwB,GAAIC,KAAK,IAAK;EAC1C,MAAM,CAACC,iBAAiB,EAAEC,oBAAoB,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACjE,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAD,eAAQ,EAAC;IACvBE,QAAQ,EAAE,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC/BC,QAAQ,EAAE,IAAIF,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC/BE,QAAQ,EAAE,IAAIH,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC/BG,MAAM,EAAE,IAAIJ,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC7BI,MAAM,EAAE,IAAIL,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC;IAC7BK,MAAM,EAAE,IAAIN,qBAAQ,CAACC,KAAK,CAAC,CAAC;EAC9B,CAAC,CAAC;EAEF,MAAMM,UAAU,GAAG,CACjB;IAAEC,KAAK,EAAEV,KAAK,CAACM,MAAM;IAAEK,OAAO,EAAEX,KAAK,CAACC;EAAS,CAAC,EAChD;IAAES,KAAK,EAAEV,KAAK,CAACO,MAAM;IAAEI,OAAO,EAAEX,KAAK,CAACI;EAAS,CAAC,EAChD;IAAEM,KAAK,EAAEV,KAAK,CAACQ,MAAM;IAAEG,OAAO,EAAEX,KAAK,CAACK;EAAS,CAAC,CACjD;EAED,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAI,CAACf,iBAAiB,EAAE;MACtBC,oBAAoB,CAAC,IAAI,CAAC;MAC1B;IACF;IAEAF,KAAK,CAACiB,SAAS,GAAGC,gCAAqB,CAACC,KAAK,CAACN,UAAU,EAAEb,KAAK,CAACoB,eAAe,CAAC,GAAGF,gCAAqB,CAACG,KAAK,CAACR,UAAU,CAAC;EAC5H,CAAC,EAAE,CAACb,KAAK,CAACiB,SAAS,CAAC,CAAC;EAErB,MAAMK,UAAU,GAAIC,KAAK,IAAK;IAC5B,MAAMC,WAAW,GAAG;MAClBC,eAAe,EAAEzB,KAAK,CAAC0B,WAAW,IAAIC,uBAAK,CAACC,KAAK;MACjDC,MAAM,EAAE7B,KAAK,CAAC6B,MAAM,IAAIC,qCAAiB;MACzCC,MAAM,EAAE/B,KAAK,CAAC+B,MAAM,IAAID,qCAAiB;MACzCE,KAAK,EAAEhC,KAAK,CAACgC,KAAK,IAAIF;IACxB,CAAC;IAED,oBAAO,6BAAC,qBAAQ,CAAC,IAAI;MAAC,GAAG,EAAEP,KAAM;MAAC,KAAK,EAAE,CAAEU,uBAAU,CAACC,kBAAkB,EAAE;QAAET,eAAe,EAAED,WAAW,CAACC;MAAgB,CAAC,EAAEzB,KAAK,CAACwB,WAAW,EACnI;QAACT,OAAO,EAAEF,UAAU,CAACU,KAAK,CAAC,CAACR,OAAO;QAAEoB,SAAS,EAAE,CAAC;UAAErB,KAAK,EAAED,UAAU,CAACU,KAAK,CAAC,CAACT;QAAM,CAAC,CAAC;QAAEiB,MAAM,EAAEP,WAAW,CAACO,MAAM;QAAEC,KAAK,EAAER,WAAW,CAACQ,KAAK;QAAEI,YAAY,EAAEZ,WAAW,CAACK;MAAO,CAAC;IAC9K,EAAG;EACf,CAAC;EAED,OAAO,CAAC,GAAGQ,KAAK,CAAC,CAAC,CAAC,CAACC,IAAI,EAAE,CAAC,CAACC,GAAG,CAAEhB,KAAK,IAAKD,UAAU,CAACC,KAAK,CAAC,CAAC;AAC/D,CAAC;AAAA,eAEcxB,wBAAwB,EAEvC;AAAA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GATC"}
package/lib/commonjs/constants/component_constant.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.secondaryIconColor = exports.primaryIconColor = exports.defaultRippleSize = exports.defaultIconSize = exports.defaultBtnSize = void 0;
6
+ exports.secondaryIconColor = exports.rippleScaleSizes = exports.primaryIconColor = exports.defaultRippleSize = exports.defaultIconSize = exports.defaultBtnSize = void 0;
7
7
  var _responsive_util = require("../utils/responsive_util");
8
8
  var _color_constant = _interopRequireDefault(require("./color_constant"));
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,4 +17,10 @@ const primaryIconColor = _color_constant.default.black;
17
17
  exports.primaryIconColor = primaryIconColor;
18
18
  const secondaryIconColor = _color_constant.default.gray;
19
19
  exports.secondaryIconColor = secondaryIconColor;
20
+ const rippleScaleSizes = {
21
+ big: 1.67,
22
+ medium: 1.47,
23
+ small: 1.34
24
+ };
25
+ exports.rippleScaleSizes = rippleScaleSizes;
20
26
  //# sourceMappingURL=component_constant.js.map
package/lib/commonjs/constants/component_constant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["defaultBtnSize","isLowPixelDensityDevice","defaultRippleSize","defaultIconSize","primaryIconColor","color","black","secondaryIconColor","gray"],"sourceRoot":"../../src","sources":["component_constant.js"],"mappings":";;;;;;AAAA;AACA;AAAqC;AAE9B,MAAMA,cAAc,GAAG,IAAAC,wCAAuB,GAAE,GAAG,EAAE,GAAG,EAAE;AAAA;AAC1D,MAAMC,iBAAiB,GAAG,IAAAD,wCAAuB,GAAE,GAAG,EAAE,GAAG,EAAE;AAAA;AAC7D,MAAME,eAAe,GAAG,IAAAF,wCAAuB,GAAE,GAAG,EAAE,GAAG,EAAE;AAAA;AAC3D,MAAMG,gBAAgB,GAAGC,uBAAK,CAACC,KAAK;AAAA;AACpC,MAAMC,kBAAkB,GAAGF,uBAAK,CAACG,IAAI;AAAA"}
1
+ {"version":3,"names":["defaultBtnSize","isLowPixelDensityDevice","defaultRippleSize","defaultIconSize","primaryIconColor","color","black","secondaryIconColor","gray","rippleScaleSizes","big","medium","small"],"sourceRoot":"../../src","sources":["component_constant.js"],"mappings":";;;;;;AAAA;AACA;AAAqC;AAE9B,MAAMA,cAAc,GAAG,IAAAC,wCAAuB,GAAE,GAAG,EAAE,GAAG,EAAE;AAAA;AAC1D,MAAMC,iBAAiB,GAAG,IAAAD,wCAAuB,GAAE,GAAG,EAAE,GAAG,EAAE;AAAA;AAC7D,MAAME,eAAe,GAAG,IAAAF,wCAAuB,GAAE,GAAG,EAAE,GAAG,EAAE;AAAA;AAC3D,MAAMG,gBAAgB,GAAGC,uBAAK,CAACC,KAAK;AAAA;AACpC,MAAMC,kBAAkB,GAAGF,uBAAK,CAACG,IAAI;AAAA;AACrC,MAAMC,gBAAgB,GAAG;EAC9BC,GAAG,EAAE,IAAI;EACTC,MAAM,EAAE,IAAI;EACZC,KAAK,EAAE;AACT,CAAC;AAAA"}
package/lib/commonjs/helpers/ripple_animation_helper.js CHANGED
@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = void 0;
7
7
  var _reactNative = require("react-native");
8
+ var _component_constant = require("../constants/component_constant");
8
9
  const rippleAnimationHelper = (() => {
9
10
  return {
10
11
  start,
11
12
  reset
12
13
  };
13
- function start(animations) {
14
+ function start(animations, rippleScaleSize) {
15
+ const scaleTo = !!rippleScaleSize ? _component_constant.rippleScaleSizes[rippleScaleSize] : _component_constant.rippleScaleSizes.medium;
14
16
  animations.map((animation, index) => {
15
- _reactNative.Animated.loop(_reactNative.Animated.parallel([_animatedTiming(animation.scale, 1.8, index * 400), _animatedTiming(animation.opacity, 0, index * 400)], {
17
+ _reactNative.Animated.loop(_reactNative.Animated.parallel([_animatedTiming(animation.scale, scaleTo, index * 400), _animatedTiming(animation.opacity, 0, index * 400)], {
16
18
  useNativeDriver: false
17
19
  })).start();
18
20
  });
package/lib/commonjs/helpers/ripple_animation_helper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["rippleAnimationHelper","start","reset","animations","map","animation","index","Animated","loop","parallel","_animatedTiming","scale","opacity","useNativeDriver","_allAnimatedTimings","type","toValue","delay","timing","duration","animated","push"],"sourceRoot":"../../src","sources":["ripple_animation_helper.js"],"mappings":";;;;;;AAAA;AAEA,MAAMA,qBAAqB,GAAG,CAAC,MAAM;EACnC,OAAO;IACLC,KAAK;IACLC;EACF,CAAC;EAED,SAASD,KAAK,CAACE,UAAU,EAAE;IACzBA,UAAU,CAACC,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;MACnCC,qBAAQ,CAACC,IAAI,CACXD,qBAAQ,CAACE,QAAQ,CAAC,CAChBC,eAAe,CAACL,SAAS,CAACM,KAAK,EAAE,GAAG,EAAEL,KAAK,GAAG,GAAG,CAAC,EAClDI,eAAe,CAACL,SAAS,CAACO,OAAO,EAAE,CAAC,EAAEN,KAAK,GAAG,GAAG,CAAC,CACnD,EAAE;QAAEO,eAAe,EAAE;MAAM,CAAC,CAAC,CAC/B,CAACZ,KAAK,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,SAASC,KAAK,CAACC,UAAU,EAAE;IACzBI,qBAAQ,CAACC,IAAI,CACXD,qBAAQ,CAACE,QAAQ,CAACK,mBAAmB,CAACX,UAAU,CAAC,CAAC,CACnD,CAACD,KAAK,EAAE;EACX;;EAEA;EACA,SAASQ,eAAe,CAACK,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE;IAC7C,OAAOV,qBAAQ,CAACW,MAAM,CAACH,IAAI,EAAE;MACrBC,OAAO,EAAEA,OAAO;MAChBG,QAAQ,EAAE,IAAI;MACdF,KAAK,EAAEA,KAAK;MACZJ,eAAe,EAAE;IACnB,CAAC,CAAC;EACV;EAEA,SAASC,mBAAmB,CAACX,UAAU,EAAE;IACvC,MAAMiB,QAAQ,GAAG,EAAE;IACnBjB,UAAU,CAACC,GAAG,CAACC,SAAS,IAAI;MAC1Be,QAAQ,CAACC,IAAI,CAACd,qBAAQ,CAACW,MAAM,CAACb,SAAS,CAACM,KAAK,CAAC,CAAC;MAC/CS,QAAQ,CAACC,IAAI,CAACd,qBAAQ,CAACW,MAAM,CAACb,SAAS,CAACO,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC;IACF,OAAOQ,QAAQ;EACjB;AACF,CAAC,GAAG;AAAC,eAEUpB,qBAAqB;AAAA"}
1
+ {"version":3,"names":["rippleAnimationHelper","start","reset","animations","rippleScaleSize","scaleTo","rippleScaleSizes","medium","map","animation","index","Animated","loop","parallel","_animatedTiming","scale","opacity","useNativeDriver","_allAnimatedTimings","type","toValue","delay","timing","duration","animated","push"],"sourceRoot":"../../src","sources":["ripple_animation_helper.js"],"mappings":";;;;;;AAAA;AACA;AAEA,MAAMA,qBAAqB,GAAG,CAAC,MAAM;EACnC,OAAO;IACLC,KAAK;IACLC;EACF,CAAC;EAED,SAASD,KAAK,CAACE,UAAU,EAAEC,eAAe,EAAE;IAC1C,MAAMC,OAAO,GAAG,CAAC,CAACD,eAAe,GAAGE,oCAAgB,CAACF,eAAe,CAAC,GAAGE,oCAAgB,CAACC,MAAM;IAC/FJ,UAAU,CAACK,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;MACnCC,qBAAQ,CAACC,IAAI,CACXD,qBAAQ,CAACE,QAAQ,CAAC,CAChBC,eAAe,CAACL,SAAS,CAACM,KAAK,EAAEV,OAAO,EAAEK,KAAK,GAAG,GAAG,CAAC,EACtDI,eAAe,CAACL,SAAS,CAACO,OAAO,EAAE,CAAC,EAAEN,KAAK,GAAG,GAAG,CAAC,CACnD,EAAE;QAAEO,eAAe,EAAE;MAAM,CAAC,CAAC,CAC/B,CAAChB,KAAK,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,SAASC,KAAK,CAACC,UAAU,EAAE;IACzBQ,qBAAQ,CAACC,IAAI,CACXD,qBAAQ,CAACE,QAAQ,CAACK,mBAAmB,CAACf,UAAU,CAAC,CAAC,CACnD,CAACD,KAAK,EAAE;EACX;;EAEA;EACA,SAASY,eAAe,CAACK,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE;IAC7C,OAAOV,qBAAQ,CAACW,MAAM,CAACH,IAAI,EAAE;MACrBC,OAAO,EAAEA,OAAO;MAChBG,QAAQ,EAAE,IAAI;MACdF,KAAK,EAAEA,KAAK;MACZJ,eAAe,EAAE;IACnB,CAAC,CAAC;EACV;EAEA,SAASC,mBAAmB,CAACf,UAAU,EAAE;IACvC,MAAMqB,QAAQ,GAAG,EAAE;IACnBrB,UAAU,CAACK,GAAG,CAACC,SAAS,IAAI;MAC1Be,QAAQ,CAACC,IAAI,CAACd,qBAAQ,CAACW,MAAM,CAACb,SAAS,CAACM,KAAK,CAAC,CAAC;MAC/CS,QAAQ,CAACC,IAAI,CAACd,qBAAQ,CAACW,MAAM,CAACb,SAAS,CAACO,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC;IACF,OAAOQ,QAAQ;EACjB;AACF,CAAC,GAAG;AAAC,eAEUxB,qBAAqB;AAAA"}
package/lib/module/components/AudioPlayerButtonComponent.js CHANGED
@@ -5,7 +5,10 @@ import RippleAnimationComponent from './RippleAnimationComponent';
5
5
  import { defaultBtnSize } from '../constants/component_constant';
6
6
  import color from '../constants/color_constant';
7
7
  import audioPlayerService from '../services/audio_player_service';
8
- const AudioPlayerButtonComponent = props => {
8
+ const {
9
+ useImperativeHandle
10
+ } = React;
11
+ const AudioPlayerButtonComponent = /*#__PURE__*/React.forwardRef((props, ref) => {
9
12
  const localAudioPlayer = useRef(null);
10
13
  const [state, setState] = useState({
11
14
  playSeconds: 0,
@@ -28,6 +31,9 @@ const AudioPlayerButtonComponent = props => {
28
31
  audioPlayerService.clearAllAudio();
29
32
  }; // Clear all the audio when component is unmount
30
33
  }, []);
34
+ useImperativeHandle(ref, () => ({
35
+ onPress
36
+ }));
31
37
  const clearLocalAudioPlayer = () => {
32
38
  localAudioPlayer.current = null;
33
39
  setState({
@@ -88,7 +94,8 @@ const AudioPlayerButtonComponent = props => {
88
94
  width: props.rippleWidth,
89
95
  radius: props.rippleRadius,
90
96
  isPlaying: isPlaying,
91
- rippleStyle: props.rippleStyle
97
+ rippleStyle: props.rippleStyle,
98
+ rippleScaleSize: props.rippleScaleSize
92
99
  });
93
100
  };
94
101
  const renderBtn = () => {
@@ -126,7 +133,7 @@ const AudioPlayerButtonComponent = props => {
126
133
  alignItems: 'center'
127
134
  }, props.containerStyle]
128
135
  }, props.rippled && renderRippleAnimation(), renderBtn());
129
- };
136
+ });
130
137
  export default AudioPlayerButtonComponent;
131
138
 
132
139
  // How to use
package/lib/module/components/AudioPlayerButtonComponent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEffect","useState","useRef","TouchableOpacity","View","AudioIconComponent","RippleAnimationComponent","defaultBtnSize","color","audioPlayerService","AudioPlayerButtonComponent","props","localAudioPlayer","state","setState","playSeconds","duration","countInterval","isPlaying","setIsPlaying","playingUuid","itemUuid","clearLocalAudioPlayer","global","audioPlayer","current","clearAllAudio","updateState","handleLocalAudioPlayer","allowPause","updatePlayingUuid","playPause","handleAudioCallback","toggleAudio","play","audio","isFromAppBundle","handleStopPlaying","onPress","renderRippleAnimation","rippleColor","rippleHeight","rippleWidth","rippleRadius","rippleStyle","renderBtn","btnStyles","alignItems","backgroundColor","buttonColor","white","borderRadius","elevation","hasShadow","justifyContent","height","buttonHeight","width","buttonWidth","zIndex","buttonStyle","children","isSpeakerIcon","iconStyle","iconSize","iconPrimaryColor","iconSecondaryColor","customIcon","customIconSet","customNotPlayingIconStyle","customPlayingIconStyle","containerStyle","rippled"],"sourceRoot":"../../src","sources":["AudioPlayerButtonComponent.js"],"mappings":"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"}
1
+ {"version":3,"names":["React","useEffect","useState","useRef","TouchableOpacity","View","AudioIconComponent","RippleAnimationComponent","defaultBtnSize","color","audioPlayerService","useImperativeHandle","AudioPlayerButtonComponent","forwardRef","props","ref","localAudioPlayer","state","setState","playSeconds","duration","countInterval","isPlaying","setIsPlaying","playingUuid","itemUuid","clearLocalAudioPlayer","global","audioPlayer","current","clearAllAudio","onPress","updateState","handleLocalAudioPlayer","allowPause","updatePlayingUuid","playPause","handleAudioCallback","toggleAudio","play","audio","isFromAppBundle","handleStopPlaying","renderRippleAnimation","rippleColor","rippleHeight","rippleWidth","rippleRadius","rippleStyle","rippleScaleSize","renderBtn","btnStyles","alignItems","backgroundColor","buttonColor","white","borderRadius","elevation","hasShadow","justifyContent","height","buttonHeight","width","buttonWidth","zIndex","buttonStyle","children","isSpeakerIcon","iconStyle","iconSize","iconPrimaryColor","iconSecondaryColor","customIcon","customIconSet","customNotPlayingIconStyle","customPlayingIconStyle","containerStyle","rippled"],"sourceRoot":"../../src","sources":["AudioPlayerButtonComponent.js"],"mappings":"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"}
package/lib/module/components/RippleAnimationComponent.js CHANGED
@@ -28,7 +28,7 @@ const RippleAnimationComponent = props => {
28
28
  setComponentDidMount(true);
29
29
  return;
30
30
  }
31
- props.isPlaying ? rippleAnimationHelper.start(animations) : rippleAnimationHelper.reset(animations);
31
+ props.isPlaying ? rippleAnimationHelper.start(animations, props.rippleScaleSize) : rippleAnimationHelper.reset(animations);
32
32
  }, [props.isPlaying]);
33
33
  const rippleView = index => {
34
34
  const rippleStyle = {
package/lib/module/components/RippleAnimationComponent.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["React","useEffect","useState","Animated","StyleSheet","color","defaultRippleSize","rippleAnimationHelper","RippleAnimationComponent","props","componentDidMount","setComponentDidMount","state","opacity1","Value","opacity2","opacity3","scale1","scale2","scale3","animations","scale","opacity","isPlaying","start","reset","rippleView","index","rippleStyle","backgroundColor","rippleColor","black","radius","height","width","absoluteFillObject","transform","borderRadius","Array","keys","map"],"sourceRoot":"../../src","sources":["RippleAnimationComponent.js"],"mappings":"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"}
1
+ {"version":3,"names":["React","useEffect","useState","Animated","StyleSheet","color","defaultRippleSize","rippleAnimationHelper","RippleAnimationComponent","props","componentDidMount","setComponentDidMount","state","opacity1","Value","opacity2","opacity3","scale1","scale2","scale3","animations","scale","opacity","isPlaying","start","rippleScaleSize","reset","rippleView","index","rippleStyle","backgroundColor","rippleColor","black","radius","height","width","absoluteFillObject","transform","borderRadius","Array","keys","map"],"sourceRoot":"../../src","sources":["RippleAnimationComponent.js"],"mappings":"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"}
package/lib/module/constants/component_constant.js CHANGED
@@ -5,4 +5,9 @@ export const defaultRippleSize = isLowPixelDensityDevice() ? 48 : 56;
5
5
  export const defaultIconSize = isLowPixelDensityDevice() ? 24 : 26;
6
6
  export const primaryIconColor = color.black;
7
7
  export const secondaryIconColor = color.gray;
8
+ export const rippleScaleSizes = {
9
+ big: 1.67,
10
+ medium: 1.47,
11
+ small: 1.34
12
+ };
8
13
  //# sourceMappingURL=component_constant.js.map
package/lib/module/constants/component_constant.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["isLowPixelDensityDevice","color","defaultBtnSize","defaultRippleSize","defaultIconSize","primaryIconColor","black","secondaryIconColor","gray"],"sourceRoot":"../../src","sources":["component_constant.js"],"mappings":"AAAA,SAAQA,uBAAuB,QAAO,0BAA0B;AAChE,OAAOC,KAAK,MAAM,kBAAkB;AAEpC,OAAO,MAAMC,cAAc,GAAGF,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AACjE,OAAO,MAAMG,iBAAiB,GAAGH,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AACpE,OAAO,MAAMI,eAAe,GAAGJ,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AAClE,OAAO,MAAMK,gBAAgB,GAAGJ,KAAK,CAACK,KAAK;AAC3C,OAAO,MAAMC,kBAAkB,GAAGN,KAAK,CAACO,IAAI"}
1
+ {"version":3,"names":["isLowPixelDensityDevice","color","defaultBtnSize","defaultRippleSize","defaultIconSize","primaryIconColor","black","secondaryIconColor","gray","rippleScaleSizes","big","medium","small"],"sourceRoot":"../../src","sources":["component_constant.js"],"mappings":"AAAA,SAAQA,uBAAuB,QAAO,0BAA0B;AAChE,OAAOC,KAAK,MAAM,kBAAkB;AAEpC,OAAO,MAAMC,cAAc,GAAGF,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AACjE,OAAO,MAAMG,iBAAiB,GAAGH,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AACpE,OAAO,MAAMI,eAAe,GAAGJ,uBAAuB,EAAE,GAAG,EAAE,GAAG,EAAE;AAClE,OAAO,MAAMK,gBAAgB,GAAGJ,KAAK,CAACK,KAAK;AAC3C,OAAO,MAAMC,kBAAkB,GAAGN,KAAK,CAACO,IAAI;AAC5C,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,GAAG,EAAE,IAAI;EACTC,MAAM,EAAE,IAAI;EACZC,KAAK,EAAE;AACT,CAAC"}
package/lib/module/helpers/ripple_animation_helper.js CHANGED
@@ -1,12 +1,14 @@
1
1
  import { Animated } from 'react-native';
2
+ import { rippleScaleSizes } from '../constants/component_constant';
2
3
  const rippleAnimationHelper = (() => {
3
4
  return {
4
5
  start,
5
6
  reset
6
7
  };
7
- function start(animations) {
8
+ function start(animations, rippleScaleSize) {
9
+ const scaleTo = !!rippleScaleSize ? rippleScaleSizes[rippleScaleSize] : rippleScaleSizes.medium;
8
10
  animations.map((animation, index) => {
9
- Animated.loop(Animated.parallel([_animatedTiming(animation.scale, 1.8, index * 400), _animatedTiming(animation.opacity, 0, index * 400)], {
11
+ Animated.loop(Animated.parallel([_animatedTiming(animation.scale, scaleTo, index * 400), _animatedTiming(animation.opacity, 0, index * 400)], {
10
12
  useNativeDriver: false
11
13
  })).start();
12
14
  });
package/lib/module/helpers/ripple_animation_helper.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["Animated","rippleAnimationHelper","start","reset","animations","map","animation","index","loop","parallel","_animatedTiming","scale","opacity","useNativeDriver","_allAnimatedTimings","type","toValue","delay","timing","duration","animated","push"],"sourceRoot":"../../src","sources":["ripple_animation_helper.js"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,qBAAqB,GAAG,CAAC,MAAM;EACnC,OAAO;IACLC,KAAK;IACLC;EACF,CAAC;EAED,SAASD,KAAK,CAACE,UAAU,EAAE;IACzBA,UAAU,CAACC,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;MACnCP,QAAQ,CAACQ,IAAI,CACXR,QAAQ,CAACS,QAAQ,CAAC,CAChBC,eAAe,CAACJ,SAAS,CAACK,KAAK,EAAE,GAAG,EAAEJ,KAAK,GAAG,GAAG,CAAC,EAClDG,eAAe,CAACJ,SAAS,CAACM,OAAO,EAAE,CAAC,EAAEL,KAAK,GAAG,GAAG,CAAC,CACnD,EAAE;QAAEM,eAAe,EAAE;MAAM,CAAC,CAAC,CAC/B,CAACX,KAAK,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,SAASC,KAAK,CAACC,UAAU,EAAE;IACzBJ,QAAQ,CAACQ,IAAI,CACXR,QAAQ,CAACS,QAAQ,CAACK,mBAAmB,CAACV,UAAU,CAAC,CAAC,CACnD,CAACD,KAAK,EAAE;EACX;;EAEA;EACA,SAASO,eAAe,CAACK,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE;IAC7C,OAAOjB,QAAQ,CAACkB,MAAM,CAACH,IAAI,EAAE;MACrBC,OAAO,EAAEA,OAAO;MAChBG,QAAQ,EAAE,IAAI;MACdF,KAAK,EAAEA,KAAK;MACZJ,eAAe,EAAE;IACnB,CAAC,CAAC;EACV;EAEA,SAASC,mBAAmB,CAACV,UAAU,EAAE;IACvC,MAAMgB,QAAQ,GAAG,EAAE;IACnBhB,UAAU,CAACC,GAAG,CAACC,SAAS,IAAI;MAC1Bc,QAAQ,CAACC,IAAI,CAACrB,QAAQ,CAACkB,MAAM,CAACZ,SAAS,CAACK,KAAK,CAAC,CAAC;MAC/CS,QAAQ,CAACC,IAAI,CAACrB,QAAQ,CAACkB,MAAM,CAACZ,SAAS,CAACM,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC;IACF,OAAOQ,QAAQ;EACjB;AACF,CAAC,GAAG;AAEJ,eAAenB,qBAAqB"}
1
+ {"version":3,"names":["Animated","rippleScaleSizes","rippleAnimationHelper","start","reset","animations","rippleScaleSize","scaleTo","medium","map","animation","index","loop","parallel","_animatedTiming","scale","opacity","useNativeDriver","_allAnimatedTimings","type","toValue","delay","timing","duration","animated","push"],"sourceRoot":"../../src","sources":["ripple_animation_helper.js"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAAQC,gBAAgB,QAAO,iCAAiC;AAEhE,MAAMC,qBAAqB,GAAG,CAAC,MAAM;EACnC,OAAO;IACLC,KAAK;IACLC;EACF,CAAC;EAED,SAASD,KAAK,CAACE,UAAU,EAAEC,eAAe,EAAE;IAC1C,MAAMC,OAAO,GAAG,CAAC,CAACD,eAAe,GAAGL,gBAAgB,CAACK,eAAe,CAAC,GAAGL,gBAAgB,CAACO,MAAM;IAC/FH,UAAU,CAACI,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,KAAK;MACnCX,QAAQ,CAACY,IAAI,CACXZ,QAAQ,CAACa,QAAQ,CAAC,CAChBC,eAAe,CAACJ,SAAS,CAACK,KAAK,EAAER,OAAO,EAAEI,KAAK,GAAG,GAAG,CAAC,EACtDG,eAAe,CAACJ,SAAS,CAACM,OAAO,EAAE,CAAC,EAAEL,KAAK,GAAG,GAAG,CAAC,CACnD,EAAE;QAAEM,eAAe,EAAE;MAAM,CAAC,CAAC,CAC/B,CAACd,KAAK,EAAE;IACX,CAAC,CAAC;EACJ;EAEA,SAASC,KAAK,CAACC,UAAU,EAAE;IACzBL,QAAQ,CAACY,IAAI,CACXZ,QAAQ,CAACa,QAAQ,CAACK,mBAAmB,CAACb,UAAU,CAAC,CAAC,CACnD,CAACD,KAAK,EAAE;EACX;;EAEA;EACA,SAASU,eAAe,CAACK,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAE;IAC7C,OAAOrB,QAAQ,CAACsB,MAAM,CAACH,IAAI,EAAE;MACrBC,OAAO,EAAEA,OAAO;MAChBG,QAAQ,EAAE,IAAI;MACdF,KAAK,EAAEA,KAAK;MACZJ,eAAe,EAAE;IACnB,CAAC,CAAC;EACV;EAEA,SAASC,mBAAmB,CAACb,UAAU,EAAE;IACvC,MAAMmB,QAAQ,GAAG,EAAE;IACnBnB,UAAU,CAACI,GAAG,CAACC,SAAS,IAAI;MAC1Bc,QAAQ,CAACC,IAAI,CAACzB,QAAQ,CAACsB,MAAM,CAACZ,SAAS,CAACK,KAAK,CAAC,CAAC;MAC/CS,QAAQ,CAACC,IAAI,CAACzB,QAAQ,CAACsB,MAAM,CAACZ,SAAS,CAACM,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC;IACF,OAAOQ,QAAQ;EACjB;AACF,CAAC,GAAG;AAEJ,eAAetB,qBAAqB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-native-audio-player-button",
3
- "version": "1.0.8",
3
+ "version": "1.0.10",
4
4
  "description": "A custom button with an icon for playing audio. It is able to play the audio without overlapping each other.",
5
5
  "main": "lib/commonjs/index",
6
6
  "module": "lib/module/index",
@@ -51,14 +51,14 @@
51
51
  "registry": "https://registry.npmjs.org/"
52
52
  },
53
53
  "devDependencies": {
54
- "@commitlint/config-conventional": "^17.0.2",
54
+ "@commitlint/config-conventional": "^17.6.6",
55
55
  "@evilmartians/lefthook": "^1.2.2",
56
56
  "@react-native-community/eslint-config": "^3.0.2",
57
57
  "@release-it/conventional-changelog": "^5.0.0",
58
58
  "@types/jest": "^28.1.2",
59
59
  "@types/react": "~17.0.21",
60
60
  "@types/react-native": "0.70.0",
61
- "commitlint": "^17.0.2",
61
+ "commitlint": "^17.6.6",
62
62
  "del-cli": "^5.0.0",
63
63
  "eslint": "^8.4.1",
64
64
  "eslint-config-prettier": "^8.5.0",
@@ -69,7 +69,7 @@
69
69
  "react": "18.1.0",
70
70
  "react-native": "0.70.5",
71
71
  "react-native-builder-bob": "^0.20.3",
72
- "release-it": "^15.0.0",
72
+ "release-it": "^16.1.2",
73
73
  "typescript": "^4.5.2"
74
74
  },
75
75
  "resolutions": {
@@ -158,4 +158,4 @@
158
158
  ]
159
159
  ]
160
160
  }
161
- }
161
+ }
package/src/components/AudioPlayerButtonComponent.js CHANGED
@@ -7,7 +7,9 @@ import {defaultBtnSize} from '../constants/component_constant'
7
7
  import color from '../constants/color_constant';
8
8
  import audioPlayerService from '../services/audio_player_service';
9
9
 
10
- const AudioPlayerButtonComponent = (props) => {
10
+ const {useImperativeHandle} = React
11
+
12
+ const AudioPlayerButtonComponent = React.forwardRef((props, ref) => {
11
13
  const localAudioPlayer = useRef(null);
12
14
  const [state, setState] = useState({
13
15
  playSeconds: 0,
@@ -32,6 +34,10 @@ const AudioPlayerButtonComponent = (props) => {
32
34
  return () => { audioPlayerService.clearAllAudio(); } // Clear all the audio when component is unmount
33
35
  }, []);
34
36
 
37
+ useImperativeHandle(ref, () => ({
38
+ onPress
39
+ }))
40
+
35
41
  const clearLocalAudioPlayer = () => {
36
42
  localAudioPlayer.current = null;
37
43
  setState({
@@ -100,6 +106,7 @@ const AudioPlayerButtonComponent = (props) => {
100
106
  radius={props.rippleRadius}
101
107
  isPlaying={isPlaying}
102
108
  rippleStyle={props.rippleStyle}
109
+ rippleScaleSize={props.rippleScaleSize}
103
110
  />
104
111
  }
105
112
 
@@ -139,7 +146,7 @@ const AudioPlayerButtonComponent = (props) => {
139
146
  { renderBtn() }
140
147
  </View>
141
148
  )
142
- }
149
+ })
143
150
 
144
151
  export default AudioPlayerButtonComponent
145
152
 
package/src/components/RippleAnimationComponent.js CHANGED
@@ -27,7 +27,7 @@ const RippleAnimationComponent = (props) => {
27
27
  return;
28
28
  }
29
29
 
30
- props.isPlaying ? rippleAnimationHelper.start(animations) : rippleAnimationHelper.reset(animations);
30
+ props.isPlaying ? rippleAnimationHelper.start(animations, props.rippleScaleSize) : rippleAnimationHelper.reset(animations);
31
31
  }, [props.isPlaying])
32
32
 
33
33
  const rippleView = (index) => {
package/src/constants/component_constant.js CHANGED
@@ -5,4 +5,9 @@ export const defaultBtnSize = isLowPixelDensityDevice() ? 48 : 56
5
5
  export const defaultRippleSize = isLowPixelDensityDevice() ? 48 : 56
6
6
  export const defaultIconSize = isLowPixelDensityDevice() ? 24 : 26
7
7
  export const primaryIconColor = color.black
8
- export const secondaryIconColor = color.gray
8
+ export const secondaryIconColor = color.gray
9
+ export const rippleScaleSizes = {
10
+ big: 1.67,
11
+ medium: 1.47,
12
+ small: 1.34,
13
+ }
package/src/helpers/ripple_animation_helper.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { Animated } from 'react-native';
2
+ import {rippleScaleSizes} from '../constants/component_constant';
2
3
 
3
4
  const rippleAnimationHelper = (() => {
4
5
  return {
@@ -6,11 +7,12 @@ const rippleAnimationHelper = (() => {
6
7
  reset,
7
8
  }
8
9
 
9
- function start(animations) {
10
+ function start(animations, rippleScaleSize) {
11
+ const scaleTo = !!rippleScaleSize ? rippleScaleSizes[rippleScaleSize] : rippleScaleSizes.medium
10
12
  animations.map((animation, index) => {
11
13
  Animated.loop(
12
14
  Animated.parallel([
13
- _animatedTiming(animation.scale, 1.8, index * 400),
15
+ _animatedTiming(animation.scale, scaleTo, index * 400),
14
16
  _animatedTiming(animation.opacity, 0, index * 400),
15
17
  ], { useNativeDriver: false })
16
18
  ).start();