@coorpacademy/components 11.33.1 → 11.33.2-alpha.1

package/es/hoc/animation/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","bezier","EPSILON","LINEAR","EASE_IN_QUAD","EASE_IN_CUBIC","EASE_IN_QUART","EASE_IN_QUINT","EASE_IN_SINE","EASE_IN_EXPO","EASE_IN_CIRC","EASE_IN_BACK","EASE_OUT_QUAD","EASE_OUT_CUBIC","EASE_OUT_QUART","EASE_OUT_QUINT","EASE_OUT_SINE","EASE_OUT_EXPO","EASE_OUT_CIRC","EASE_OUT_BACK","EASE_IN_OUT_QUAD","EASE_IN_OUT_CUBIC","EASE_IN_OUT_QUART","EASE_IN_OUT_QUINT","EASE_IN_OUT_SINE","EASE_IN_OUT_EXPO","EASE_IN_OUT_CIRC","EASE_IN_OUT_BACK","SWIFT_OUT","BOUNCE","Animation","Component","constructor","props","state","progress","requestID","componentDidMount","animated","startAnimation","componentDidUpdate","prevProps","nextAnimated","prevAnimated","stopAnimation","componentWillUnmount","setState","prevState","cancelAnimationFrame","requestAnimationFrame","tick","bind","lastTimestamp","timestamp","deltaDuration","_min","getProgress","onAnimationEnd","_noop","name","duration","render","fnBezier","children","value","propTypes","process","env","NODE_ENV","string","isRequired","func","number","bool"],"sources":["../../../src/hoc/animation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {min, noop} from 'lodash/fp';\nimport bezier from 'cubic-bezier';\n\nconst EPSILON = 1000;\nexport const LINEAR = bezier(0, 0, 1, 1, EPSILON);\nexport const EASE_IN_QUAD = bezier(0.55, 0.08, 0.68, 0.53, EPSILON);\nexport const EASE_IN_CUBIC = bezier(0.55, 0.05, 0.67, 0.19, EPSILON);\nexport const EASE_IN_QUART = bezier(0.89, 0.03, 0.68, 0.22, EPSILON);\nexport const EASE_IN_QUINT = bezier(0.75, 0.05, 0.85, 0.06, EPSILON);\nexport const EASE_IN_SINE = bezier(0.47, 0, 0.74, 0.71, EPSILON);\nexport const EASE_IN_EXPO = bezier(0.95, 0.05, 0.79, 0.03, EPSILON);\nexport const EASE_IN_CIRC = bezier(0.6, 0.04, 0.98, 0.33, EPSILON);\nexport const EASE_IN_BACK = bezier(0.6, -0.28, 0.73, 0.04, EPSILON);\nexport const EASE_OUT_QUAD = bezier(0.25, 0.46, 0.45, 0.94, EPSILON);\nexport const EASE_OUT_CUBIC = bezier(0.21, 0.61, 0.35, 1, EPSILON);\nexport const EASE_OUT_QUART = bezier(0.16, 0.84, 0.44, 1, EPSILON);\nexport const EASE_OUT_QUINT = bezier(0.23, 1, 0.32, 1, EPSILON);\nexport const EASE_OUT_SINE = bezier(0.39, 0.57, 0.56, 1, EPSILON);\nexport const EASE_OUT_EXPO = bezier(0.19, 1, 0.22, 1, EPSILON);\nexport const EASE_OUT_CIRC = bezier(0.07, 0.82, 0.16, 1, EPSILON);\nexport const EASE_OUT_BACK = bezier(0.17, 0.88, 0.32, 1.27, EPSILON);\nexport const EASE_IN_OUT_QUAD = bezier(0.45, 0.03, 0.51, 0.95, EPSILON);\nexport const EASE_IN_OUT_CUBIC = bezier(0.64, 0.04, 0.35, 1, EPSILON);\nexport const EASE_IN_OUT_QUART = bezier(0.77, 0, 0.17, 1, EPSILON);\nexport const EASE_IN_OUT_QUINT = bezier(0.86, 0, 0.07, 1, EPSILON);\nexport const EASE_IN_OUT_SINE = bezier(0.44, 0.05, 0.55, 0.95, EPSILON);\nexport const EASE_IN_OUT_EXPO = bezier(1, 0, 0, 1, EPSILON);\nexport const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);\nexport const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);\nexport const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);\nexport const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);\n\nclass Animation extends React.Component {\n  static propTypes = {\n    name: PropTypes.string.isRequired,\n    bezier: PropTypes.func.isRequired,\n    duration: PropTypes.number.isRequired,\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      progress: 0,\n      requestID: null\n    };\n  }\n\n  componentDidMount() {\n    const {animated = false} = this.props;\n    if (animated) this.startAnimation();\n  }\n\n  componentDidUpdate(prevProps) {\n    const {animated: nextAnimated = false} = this.props;\n    const {animated: prevAnimated = false} = prevProps;\n\n    if (nextAnimated === prevAnimated) return;\n\n    if (nextAnimated) this.startAnimation();\n    else this.stopAnimation();\n  }\n\n  componentWillUnmount() {\n    this.stopAnimation();\n  }\n\n  startAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        requestID: requestAnimationFrame(this.tick.bind(this))\n      };\n    });\n  }\n\n  stopAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        lastTimestamp: null,\n        requestID: null\n      };\n    });\n  }\n\n  tick(timestamp) {\n    this.setState(\n      prevState => {\n        const {lastTimestamp} = prevState;\n        if (!lastTimestamp)\n          return {\n            lastTimestamp: timestamp\n          };\n\n        const deltaDuration = timestamp - lastTimestamp;\n        return {\n          progress: min([prevState.progress + this.getProgress(deltaDuration), 1]),\n          lastTimestamp: timestamp\n        };\n      },\n      () => {\n        const {progress} = this.state;\n        if (progress < 1) return this.startAnimation();\n\n        const {onAnimationEnd = noop, name} = this.props;\n        onAnimationEnd(name);\n      }\n    );\n  }\n\n  getProgress(deltaDuration) {\n    const {duration} = this.props;\n    return deltaDuration / duration;\n  }\n\n  render() {\n    const {bezier: fnBezier, children} = this.props;\n    const {progress} = this.state;\n\n    const value = fnBezier(progress);\n    return children(value);\n  }\n}\n\nexport default Animation;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","bezier","EPSILON","LINEAR","EASE_IN_QUAD","EASE_IN_CUBIC","EASE_IN_QUART","EASE_IN_QUINT","EASE_IN_SINE","EASE_IN_EXPO","EASE_IN_CIRC","EASE_IN_BACK","EASE_OUT_QUAD","EASE_OUT_CUBIC","EASE_OUT_QUART","EASE_OUT_QUINT","EASE_OUT_SINE","EASE_OUT_EXPO","EASE_OUT_CIRC","EASE_OUT_BACK","EASE_IN_OUT_QUAD","EASE_IN_OUT_CUBIC","EASE_IN_OUT_QUART","EASE_IN_OUT_QUINT","EASE_IN_OUT_SINE","EASE_IN_OUT_EXPO","EASE_IN_OUT_CIRC","EASE_IN_OUT_BACK","SWIFT_OUT","BOUNCE","Animation","Component","constructor","props","state","progress","requestID","componentDidMount","animated","startAnimation","componentDidUpdate","prevProps","nextAnimated","prevAnimated","stopAnimation","componentWillUnmount","setState","prevState","cancelAnimationFrame","requestAnimationFrame","tick","bind","lastTimestamp","timestamp","deltaDuration","getProgress","onAnimationEnd","name","duration","render","fnBezier","children","value","propTypes","string","isRequired","func","number","bool"],"sources":["../../../src/hoc/animation/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {min, noop} from 'lodash/fp';\nimport bezier from 'cubic-bezier';\n\nconst EPSILON = 1000;\nexport const LINEAR = bezier(0, 0, 1, 1, EPSILON);\nexport const EASE_IN_QUAD = bezier(0.55, 0.08, 0.68, 0.53, EPSILON);\nexport const EASE_IN_CUBIC = bezier(0.55, 0.05, 0.67, 0.19, EPSILON);\nexport const EASE_IN_QUART = bezier(0.89, 0.03, 0.68, 0.22, EPSILON);\nexport const EASE_IN_QUINT = bezier(0.75, 0.05, 0.85, 0.06, EPSILON);\nexport const EASE_IN_SINE = bezier(0.47, 0, 0.74, 0.71, EPSILON);\nexport const EASE_IN_EXPO = bezier(0.95, 0.05, 0.79, 0.03, EPSILON);\nexport const EASE_IN_CIRC = bezier(0.6, 0.04, 0.98, 0.33, EPSILON);\nexport const EASE_IN_BACK = bezier(0.6, -0.28, 0.73, 0.04, EPSILON);\nexport const EASE_OUT_QUAD = bezier(0.25, 0.46, 0.45, 0.94, EPSILON);\nexport const EASE_OUT_CUBIC = bezier(0.21, 0.61, 0.35, 1, EPSILON);\nexport const EASE_OUT_QUART = bezier(0.16, 0.84, 0.44, 1, EPSILON);\nexport const EASE_OUT_QUINT = bezier(0.23, 1, 0.32, 1, EPSILON);\nexport const EASE_OUT_SINE = bezier(0.39, 0.57, 0.56, 1, EPSILON);\nexport const EASE_OUT_EXPO = bezier(0.19, 1, 0.22, 1, EPSILON);\nexport const EASE_OUT_CIRC = bezier(0.07, 0.82, 0.16, 1, EPSILON);\nexport const EASE_OUT_BACK = bezier(0.17, 0.88, 0.32, 1.27, EPSILON);\nexport const EASE_IN_OUT_QUAD = bezier(0.45, 0.03, 0.51, 0.95, EPSILON);\nexport const EASE_IN_OUT_CUBIC = bezier(0.64, 0.04, 0.35, 1, EPSILON);\nexport const EASE_IN_OUT_QUART = bezier(0.77, 0, 0.17, 1, EPSILON);\nexport const EASE_IN_OUT_QUINT = bezier(0.86, 0, 0.07, 1, EPSILON);\nexport const EASE_IN_OUT_SINE = bezier(0.44, 0.05, 0.55, 0.95, EPSILON);\nexport const EASE_IN_OUT_EXPO = bezier(1, 0, 0, 1, EPSILON);\nexport const EASE_IN_OUT_CIRC = bezier(0.78, 0.13, 0.15, 0.86, EPSILON);\nexport const EASE_IN_OUT_BACK = bezier(0.68, -0.55, 0.26, 1.55, EPSILON);\nexport const SWIFT_OUT = bezier(0.55, 0, 0.1, 1, EPSILON);\nexport const BOUNCE = bezier(0.65, 1.95, 0.03, 0.3, EPSILON);\n\nclass Animation extends React.Component {\n  static propTypes = {\n    name: PropTypes.string.isRequired,\n    bezier: PropTypes.func.isRequired,\n    duration: PropTypes.number.isRequired,\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.func\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      progress: 0,\n      requestID: null\n    };\n  }\n\n  componentDidMount() {\n    const {animated = false} = this.props;\n    if (animated) this.startAnimation();\n  }\n\n  componentDidUpdate(prevProps) {\n    const {animated: nextAnimated = false} = this.props;\n    const {animated: prevAnimated = false} = prevProps;\n\n    if (nextAnimated === prevAnimated) return;\n\n    if (nextAnimated) this.startAnimation();\n    else this.stopAnimation();\n  }\n\n  componentWillUnmount() {\n    this.stopAnimation();\n  }\n\n  startAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        requestID: requestAnimationFrame(this.tick.bind(this))\n      };\n    });\n  }\n\n  stopAnimation() {\n    this.setState(prevState => {\n      const {requestID} = prevState;\n\n      if (requestID) cancelAnimationFrame(requestID);\n\n      return {\n        lastTimestamp: null,\n        requestID: null\n      };\n    });\n  }\n\n  tick(timestamp) {\n    this.setState(\n      prevState => {\n        const {lastTimestamp} = prevState;\n        if (!lastTimestamp)\n          return {\n            lastTimestamp: timestamp\n          };\n\n        const deltaDuration = timestamp - lastTimestamp;\n        return {\n          progress: min([prevState.progress + this.getProgress(deltaDuration), 1]),\n          lastTimestamp: timestamp\n        };\n      },\n      () => {\n        const {progress} = this.state;\n        if (progress < 1) return this.startAnimation();\n\n        const {onAnimationEnd = noop, name} = this.props;\n        onAnimationEnd(name);\n      }\n    );\n  }\n\n  getProgress(deltaDuration) {\n    const {duration} = this.props;\n    return deltaDuration / duration;\n  }\n\n  render() {\n    const {bezier: fnBezier, children} = this.props;\n    const {progress} = this.state;\n\n    const value = fnBezier(progress);\n    return children(value);\n  }\n}\n\nexport default Animation;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,MAAMC,OAAO,GAAG,IAAhB;AACA,OAAO,MAAMC,MAAM,GAAGF,MAAM,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAaC,OAAb,CAArB;AACP,OAAO,MAAME,YAAY,GAAGH,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA3B;AACP,OAAO,MAAMG,aAAa,GAAGJ,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA5B;AACP,OAAO,MAAMI,aAAa,GAAGL,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA5B;AACP,OAAO,MAAMK,aAAa,GAAGN,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA5B;AACP,OAAO,MAAMM,YAAY,GAAGP,MAAM,CAAC,IAAD,EAAO,CAAP,EAAU,IAAV,EAAgB,IAAhB,EAAsBC,OAAtB,CAA3B;AACP,OAAO,MAAMO,YAAY,GAAGR,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA3B;AACP,OAAO,MAAMQ,YAAY,GAAGT,MAAM,CAAC,GAAD,EAAM,IAAN,EAAY,IAAZ,EAAkB,IAAlB,EAAwBC,OAAxB,CAA3B;AACP,OAAO,MAAMS,YAAY,GAAGV,MAAM,CAAC,GAAD,EAAM,CAAC,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA3B;AACP,OAAO,MAAMU,aAAa,GAAGX,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA5B;AACP,OAAO,MAAMW,cAAc,GAAGZ,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,CAAnB,EAAsBC,OAAtB,CAA7B;AACP,OAAO,MAAMY,cAAc,GAAGb,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,CAAnB,EAAsBC,OAAtB,CAA7B;AACP,OAAO,MAAMa,cAAc,GAAGd,MAAM,CAAC,IAAD,EAAO,CAAP,EAAU,IAAV,EAAgB,CAAhB,EAAmBC,OAAnB,CAA7B;AACP,OAAO,MAAMc,aAAa,GAAGf,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,CAAnB,EAAsBC,OAAtB,CAA5B;AACP,OAAO,MAAMe,aAAa,GAAGhB,MAAM,CAAC,IAAD,EAAO,CAAP,EAAU,IAAV,EAAgB,CAAhB,EAAmBC,OAAnB,CAA5B;AACP,OAAO,MAAMgB,aAAa,GAAGjB,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,CAAnB,EAAsBC,OAAtB,CAA5B;AACP,OAAO,MAAMiB,aAAa,GAAGlB,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA5B;AACP,OAAO,MAAMkB,gBAAgB,GAAGnB,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA/B;AACP,OAAO,MAAMmB,iBAAiB,GAAGpB,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,CAAnB,EAAsBC,OAAtB,CAAhC;AACP,OAAO,MAAMoB,iBAAiB,GAAGrB,MAAM,CAAC,IAAD,EAAO,CAAP,EAAU,IAAV,EAAgB,CAAhB,EAAmBC,OAAnB,CAAhC;AACP,OAAO,MAAMqB,iBAAiB,GAAGtB,MAAM,CAAC,IAAD,EAAO,CAAP,EAAU,IAAV,EAAgB,CAAhB,EAAmBC,OAAnB,CAAhC;AACP,OAAO,MAAMsB,gBAAgB,GAAGvB,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA/B;AACP,OAAO,MAAMuB,gBAAgB,GAAGxB,MAAM,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAaC,OAAb,CAA/B;AACP,OAAO,MAAMwB,gBAAgB,GAAGzB,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyBC,OAAzB,CAA/B;AACP,OAAO,MAAMyB,gBAAgB,GAAG1B,MAAM,CAAC,IAAD,EAAO,CAAC,IAAR,EAAc,IAAd,EAAoB,IAApB,EAA0BC,OAA1B,CAA/B;AACP,OAAO,MAAM0B,SAAS,GAAG3B,MAAM,CAAC,IAAD,EAAO,CAAP,EAAU,GAAV,EAAe,CAAf,EAAkBC,OAAlB,CAAxB;AACP,OAAO,MAAM2B,MAAM,GAAG5B,MAAM,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,GAAnB,EAAwBC,OAAxB,CAArB;;AAEP,MAAM4B,SAAN,SAAwB/B,KAAK,CAACgC,SAA9B,CAAwC;EAUtCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,QAAQ,EAAE,CADC;MAEXC,SAAS,EAAE;IAFA,CAAb;EAID;;EAEDC,iBAAiB,GAAG;IAClB,MAAM;MAACC,QAAQ,GAAG;IAAZ,IAAqB,KAAKL,KAAhC;IACA,IAAIK,QAAJ,EAAc,KAAKC,cAAL;EACf;;EAEDC,kBAAkB,CAACC,SAAD,EAAY;IAC5B,MAAM;MAACH,QAAQ,EAAEI,YAAY,GAAG;IAA1B,IAAmC,KAAKT,KAA9C;IACA,MAAM;MAACK,QAAQ,EAAEK,YAAY,GAAG;IAA1B,IAAmCF,SAAzC;IAEA,IAAIC,YAAY,KAAKC,YAArB,EAAmC;IAEnC,IAAID,YAAJ,EAAkB,KAAKH,cAAL,GAAlB,KACK,KAAKK,aAAL;EACN;;EAEDC,oBAAoB,GAAG;IACrB,KAAKD,aAAL;EACD;;EAEDL,cAAc,GAAG;IACf,KAAKO,QAAL,CAAcC,SAAS,IAAI;MACzB,MAAM;QAACX;MAAD,IAAcW,SAApB;MAEA,IAAIX,SAAJ,EAAeY,oBAAoB,CAACZ,SAAD,CAApB;MAEf,OAAO;QACLA,SAAS,EAAEa,qBAAqB,CAAC,KAAKC,IAAL,CAAUC,IAAV,CAAe,IAAf,CAAD;MAD3B,CAAP;IAGD,CARD;EASD;;EAEDP,aAAa,GAAG;IACd,KAAKE,QAAL,CAAcC,SAAS,IAAI;MACzB,MAAM;QAACX;MAAD,IAAcW,SAApB;MAEA,IAAIX,SAAJ,EAAeY,oBAAoB,CAACZ,SAAD,CAApB;MAEf,OAAO;QACLgB,aAAa,EAAE,IADV;QAELhB,SAAS,EAAE;MAFN,CAAP;IAID,CATD;EAUD;;EAEDc,IAAI,CAACG,SAAD,EAAY;IACd,KAAKP,QAAL,CACEC,SAAS,IAAI;MACX,MAAM;QAACK;MAAD,IAAkBL,SAAxB;MACA,IAAI,CAACK,aAAL,EACE,OAAO;QACLA,aAAa,EAAEC;MADV,CAAP;MAIF,MAAMC,aAAa,GAAGD,SAAS,GAAGD,aAAlC;MACA,OAAO;QACLjB,QAAQ,EAAE,KAAI,CAACY,SAAS,CAACZ,QAAV,GAAqB,KAAKoB,WAAL,CAAiBD,aAAjB,CAAtB,EAAuD,CAAvD,CAAJ,CADL;QAELF,aAAa,EAAEC;MAFV,CAAP;IAID,CAbH,EAcE,MAAM;MACJ,MAAM;QAAClB;MAAD,IAAa,KAAKD,KAAxB;MACA,IAAIC,QAAQ,GAAG,CAAf,EAAkB,OAAO,KAAKI,cAAL,EAAP;MAElB,MAAM;QAACiB,cAAc,QAAf;QAAwBC;MAAxB,IAAgC,KAAKxB,KAA3C;MACAuB,cAAc,CAACC,IAAD,CAAd;IACD,CApBH;EAsBD;;EAEDF,WAAW,CAACD,aAAD,EAAgB;IACzB,MAAM;MAACI;IAAD,IAAa,KAAKzB,KAAxB;IACA,OAAOqB,aAAa,GAAGI,QAAvB;EACD;;EAEDC,MAAM,GAAG;IACP,MAAM;MAAC1D,MAAM,EAAE2D,QAAT;MAAmBC;IAAnB,IAA+B,KAAK5B,KAA1C;IACA,MAAM;MAACE;IAAD,IAAa,KAAKD,KAAxB;IAEA,MAAM4B,KAAK,GAAGF,QAAQ,CAACzB,QAAD,CAAtB;IACA,OAAO0B,QAAQ,CAACC,KAAD,CAAf;EACD;;AAnGqC;;AAAlChC,S,CACGiC,S,2CAAY;EACjBN,IAAI,EAAEzD,SAAS,CAACgE,MAAV,CAAiBC,UADN;EAEjBhE,MAAM,EAAED,SAAS,CAACkE,IAAV,CAAeD,UAFN;EAGjBP,QAAQ,EAAE1D,SAAS,CAACmE,MAAV,CAAiBF,UAHV;EAIjBT,cAAc,EAAExD,SAAS,CAACkE,IAJT;EAKjB5B,QAAQ,EAAEtC,SAAS,CAACoE,IALH;EAMjBP,QAAQ,EAAE7D,SAAS,CAACkE;AANH,C;AAqGrB,eAAepC,SAAf"}

package/es/hoc/animation-scheduler/index.js

@@ -19,6 +19,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Animation from '../animation';
 import Transition from '../transition';
+
 const AnimationAdapter = ({
   animated,
   onAnimationEnd = _noop,
@@ -30,14 +31,17 @@ const AnimationAdapter = ({
     onAnimationEnd: () => onAnimationEnd(name)
   }));
 };
+
 AnimationAdapter.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string.isRequired,
   onAnimationEnd: PropTypes.func,
   animated: PropTypes.bool
 } : {};
+
 const pickByWithKey = _pickBy.convert({
   cap: true
 });
+
 const walker = (type, handler) => children => {
   return React.Children.map(children, (child, index) => {
     if (_isNil(child) || _isString(child)) return child;
@@ -46,6 +50,7 @@ const walker = (type, handler) => children => {
     return /*#__PURE__*/React.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));
   });
 };
+
 const reduceChildren = fun => acc => children => {
   let newAcc = acc;
   React.Children.map(children, child => {
@@ -54,6 +59,7 @@ const reduceChildren = fun => acc => children => {
   });
   return newAcc;
 };
+
 const getAnimationNames = reduceChildren((acc, child) => {
   if (_isString(child)) return acc;
   const {
@@ -70,10 +76,12 @@ const getAnimationNames = reduceChildren((acc, child) => {
   } = child;
   return [name, ...acc, ...getAnimationNames(children)];
 })([]);
+
 const mergeAnimationStates = (animations, children) => {
   const names = getAnimationNames(children);
   return _pipe(pickByWithKey((value, key) => _includes(key, names)), _assign(_reduce((acc, name) => _set(name, false, acc), {}, names)))(animations);
 };
+
 class AnimationScheduler extends React.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -86,6 +94,7 @@ class AnimationScheduler extends React.Component {
       animations: mergeAnimationStates(animations, children)
     };
   }
+
   constructor(props) {
     super(props);
     const {
@@ -95,23 +104,29 @@ class AnimationScheduler extends React.Component {
       animations: mergeAnimationStates({}, children)
     };
   }
+
   isAnimated(after) {
     if (_isNil(after)) return true;
     const {
       animations
     } = this.state;
+
     const isAnimated = _every(name => _getOr(false, name, animations), _isArray(after) ? after : [after]);
+
     return isAnimated;
   }
+
   handlerAnimationEnd(name) {
     this.setState(_set(['animations', name], true), () => {
       const hasPendingAnimation = _pipe(_get('state.animations'), _values, _some(_negate(_identity)))(this);
+
       const {
         onAnimationEnd = _noop
       } = this.props;
       if (!hasPendingAnimation) return onAnimationEnd();
     });
   }
+
   processAnimation(child) {
     const {
       animated: parentAnimated
@@ -129,13 +144,16 @@ class AnimationScheduler extends React.Component {
       }
     });
   }
+
   render() {
     const {
       children
     } = this.props;
     return _pipe(walker(Animation, this.processAnimation.bind(this)), walker(Transition, this.processAnimation.bind(this)), walker(AnimationAdapter, this.processAnimation.bind(this)))(children);
   }
+
 }
+
 AnimationScheduler.propTypes = process.env.NODE_ENV !== "production" ? {
   onAnimationEnd: PropTypes.func,
   animated: PropTypes.bool,

package/es/hoc/animation-scheduler/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","Animation","Transition","AnimationAdapter","animated","onAnimationEnd","_noop","name","children","Children","map","child","cloneElement","propTypes","process","env","NODE_ENV","string","isRequired","func","bool","pickByWithKey","_pickBy","convert","cap","walker","type","handler","index","_isNil","_isString","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","mergeAnimationStates","animations","names","_pipe","value","key","_includes","_assign","_reduce","_set","AnimationScheduler","Component","getDerivedStateFromProps","state","constructor","isAnimated","after","_every","_getOr","_isArray","handlerAnimationEnd","setState","hasPendingAnimation","_get","_values","_some","_negate","_identity","processAnimation","parentAnimated","render","bind","node"],"sources":["../../../src/hoc/animation-scheduler/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  assign,\n  every,\n  getOr,\n  get,\n  includes,\n  isArray,\n  isNil,\n  isString,\n  noop,\n  pickBy,\n  some,\n  negate,\n  identity,\n  values,\n  pipe,\n  reduce,\n  set\n} from 'lodash/fp';\nimport Animation from '../animation';\nimport Transition from '../transition';\n\nconst AnimationAdapter = ({animated, onAnimationEnd = noop, name, children}) => {\n  return React.Children.map(children, child =>\n    React.cloneElement(child, {\n      animated,\n      onAnimationEnd: () => onAnimationEnd(name)\n    })\n  );\n};\n\nAnimationAdapter.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nconst pickByWithKey = pickBy.convert({cap: true});\n\nconst walker = (type, handler) => children => {\n  return React.Children.map(children, (child, index) => {\n    if (isNil(child) || isString(child)) return child;\n    const newChild = child.type === type ? handler(child) : child;\n    if (React.Children.count(newChild.props.children) === 0) return newChild;\n    return React.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));\n  });\n};\n\nconst reduceChildren = fun => acc => children => {\n  let newAcc = acc;\n  React.Children.map(children, child => {\n    newAcc = fun(newAcc, child);\n    return child;\n  });\n  return newAcc;\n};\n\nconst getAnimationNames = reduceChildren((acc, child) => {\n  if (isString(child)) return acc;\n\n  const {\n    type,\n    props: {children}\n  } = child;\n  if (Animation !== type && Transition !== type && AnimationAdapter !== type)\n    return [...acc, ...getAnimationNames(children)];\n\n  const {\n    props: {name}\n  } = child;\n  return [name, ...acc, ...getAnimationNames(children)];\n})([]);\n\nconst mergeAnimationStates = (animations, children) => {\n  const names = getAnimationNames(children);\n\n  return pipe(\n    pickByWithKey((value, key) => includes(key, names)),\n    assign(reduce((acc, name) => set(name, false, acc), {}, names))\n  )(animations);\n};\n\nclass AnimationScheduler extends React.Component {\n  static propTypes = {\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {children} = props;\n    const {animations} = state;\n    return {\n      animations: mergeAnimationStates(animations, children)\n    };\n  }\n\n  constructor(props) {\n    super(props);\n\n    const {children} = props;\n    this.state = {\n      animations: mergeAnimationStates({}, children)\n    };\n  }\n\n  isAnimated(after) {\n    if (isNil(after)) return true;\n\n    const {animations} = this.state;\n\n    const isAnimated = every(\n      name => getOr(false, name, animations),\n      isArray(after) ? after : [after]\n    );\n\n    return isAnimated;\n  }\n\n  handlerAnimationEnd(name) {\n    this.setState(set(['animations', name], true), () => {\n      const hasPendingAnimation = pipe(\n        get('state.animations'),\n        values,\n        some(negate(identity))\n      )(this);\n      const {onAnimationEnd = noop} = this.props;\n      if (!hasPendingAnimation) return onAnimationEnd();\n    });\n  }\n\n  processAnimation(child) {\n    const {animated: parentAnimated} = this.props;\n    const {animated, onAnimationEnd = noop, after} = child.props;\n\n    return React.cloneElement(child, {\n      animated: parentAnimated ? this.isAnimated(after) || animated : animated,\n      onAnimationEnd: name => {\n        this.handlerAnimationEnd(name);\n        return onAnimationEnd(name);\n      }\n    });\n  }\n\n  render() {\n    const {children} = this.props;\n    return pipe(\n      walker(Animation, this.processAnimation.bind(this)),\n      walker(Transition, this.processAnimation.bind(this)),\n      walker(AnimationAdapter, this.processAnimation.bind(this))\n    )(children);\n  }\n}\n\nexport default AnimationScheduler;\n\nexport {AnimationAdapter};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","Animation","Transition","AnimationAdapter","animated","onAnimationEnd","name","children","Children","map","child","cloneElement","propTypes","string","isRequired","func","bool","pickByWithKey","convert","cap","walker","type","handler","index","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","mergeAnimationStates","animations","names","value","key","AnimationScheduler","Component","getDerivedStateFromProps","state","constructor","isAnimated","after","handlerAnimationEnd","setState","hasPendingAnimation","processAnimation","parentAnimated","render","bind","node"],"sources":["../../../src/hoc/animation-scheduler/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  assign,\n  every,\n  getOr,\n  get,\n  includes,\n  isArray,\n  isNil,\n  isString,\n  noop,\n  pickBy,\n  some,\n  negate,\n  identity,\n  values,\n  pipe,\n  reduce,\n  set\n} from 'lodash/fp';\nimport Animation from '../animation';\nimport Transition from '../transition';\n\nconst AnimationAdapter = ({animated, onAnimationEnd = noop, name, children}) => {\n  return React.Children.map(children, child =>\n    React.cloneElement(child, {\n      animated,\n      onAnimationEnd: () => onAnimationEnd(name)\n    })\n  );\n};\n\nAnimationAdapter.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nconst pickByWithKey = pickBy.convert({cap: true});\n\nconst walker = (type, handler) => children => {\n  return React.Children.map(children, (child, index) => {\n    if (isNil(child) || isString(child)) return child;\n    const newChild = child.type === type ? handler(child) : child;\n    if (React.Children.count(newChild.props.children) === 0) return newChild;\n    return React.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));\n  });\n};\n\nconst reduceChildren = fun => acc => children => {\n  let newAcc = acc;\n  React.Children.map(children, child => {\n    newAcc = fun(newAcc, child);\n    return child;\n  });\n  return newAcc;\n};\n\nconst getAnimationNames = reduceChildren((acc, child) => {\n  if (isString(child)) return acc;\n\n  const {\n    type,\n    props: {children}\n  } = child;\n  if (Animation !== type && Transition !== type && AnimationAdapter !== type)\n    return [...acc, ...getAnimationNames(children)];\n\n  const {\n    props: {name}\n  } = child;\n  return [name, ...acc, ...getAnimationNames(children)];\n})([]);\n\nconst mergeAnimationStates = (animations, children) => {\n  const names = getAnimationNames(children);\n\n  return pipe(\n    pickByWithKey((value, key) => includes(key, names)),\n    assign(reduce((acc, name) => set(name, false, acc), {}, names))\n  )(animations);\n};\n\nclass AnimationScheduler extends React.Component {\n  static propTypes = {\n    onAnimationEnd: PropTypes.func,\n    animated: PropTypes.bool,\n    children: PropTypes.node\n  };\n\n  static getDerivedStateFromProps(props, state) {\n    const {children} = props;\n    const {animations} = state;\n    return {\n      animations: mergeAnimationStates(animations, children)\n    };\n  }\n\n  constructor(props) {\n    super(props);\n\n    const {children} = props;\n    this.state = {\n      animations: mergeAnimationStates({}, children)\n    };\n  }\n\n  isAnimated(after) {\n    if (isNil(after)) return true;\n\n    const {animations} = this.state;\n\n    const isAnimated = every(\n      name => getOr(false, name, animations),\n      isArray(after) ? after : [after]\n    );\n\n    return isAnimated;\n  }\n\n  handlerAnimationEnd(name) {\n    this.setState(set(['animations', name], true), () => {\n      const hasPendingAnimation = pipe(\n        get('state.animations'),\n        values,\n        some(negate(identity))\n      )(this);\n      const {onAnimationEnd = noop} = this.props;\n      if (!hasPendingAnimation) return onAnimationEnd();\n    });\n  }\n\n  processAnimation(child) {\n    const {animated: parentAnimated} = this.props;\n    const {animated, onAnimationEnd = noop, after} = child.props;\n\n    return React.cloneElement(child, {\n      animated: parentAnimated ? this.isAnimated(after) || animated : animated,\n      onAnimationEnd: name => {\n        this.handlerAnimationEnd(name);\n        return onAnimationEnd(name);\n      }\n    });\n  }\n\n  render() {\n    const {children} = this.props;\n    return pipe(\n      walker(Animation, this.processAnimation.bind(this)),\n      walker(Transition, this.processAnimation.bind(this)),\n      walker(AnimationAdapter, this.processAnimation.bind(this))\n    )(children);\n  }\n}\n\nexport default AnimationScheduler;\n\nexport {AnimationAdapter};\n"],"mappings":"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"}

package/es/hoc/modal/index.native.js

@@ -3,6 +3,7 @@ import { StyleSheet, View } from 'react-native';
 import HeaderBackButton from '../../atom/header-back-button/index.native';
 import { useTemplateContext } from '../../template/app-review/template-context';
 export const HEADER_HEIGHT = 64;
+
 const createStyleSheet = theme => StyleSheet.create({
   container: {
     borderRadius: theme.radius.card,
@@ -42,6 +43,7 @@ const createStyleSheet = theme => StyleSheet.create({
     alignItems: 'center'
   }
 });
+
 const Modal = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -59,11 +61,14 @@ const Modal = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const contentStyles = [styleSheet.content, contentStyle];
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet.container,
@@ -88,5 +93,6 @@ const Modal = props => {
     style: contentStyles
   }, children));
 };
+
 export default Modal;
 //# sourceMappingURL=index.native.js.map

package/es/hoc/modal/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","View","HeaderBackButton","useTemplateContext","HEADER_HEIGHT","createStyleSheet","theme","create","container","borderRadius","radius","card","overflow","backgroundColor","colors","white","header","alignItems","justifyContent","paddingHorizontal","spacing","medium","height","content","paddingBottom","contentWithHeader","paddingTop","contentWithIcon","small","icon","marginTop","padding","thumbnail","alignSelf","iconContent","Modal","props","templateContext","styleSheet","setStylesheet","children","headerBackgroundColor","iconBackgroundColor","renderIcon","contentStyle","onClose","testID","_stylesheet","contentStyles","createElement","style","color","gray","dark","isFloating","onPress","type"],"sources":["../../../src/hoc/modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {GestureResponderEvent, StyleSheet, View, ViewStyle} from 'react-native';\nimport HeaderBackButton from '../../atom/header-back-button/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  children: React.ReactNode;\n  headerBackgroundColor?: string;\n  iconBackgroundColor?: string;\n  renderIcon?: React.ReactNode;\n  contentStyle?: ViewStyle;\n  onClose: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\nexport const HEADER_HEIGHT = 64;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  content: ViewStyle;\n  contentWithHeader: ViewStyle;\n  contentWithIcon: ViewStyle;\n  icon: ViewStyle;\n  iconContent: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      borderRadius: theme.radius.card,\n      overflow: 'hidden',\n      backgroundColor: theme.colors.white\n    },\n    header: {\n      backgroundColor: theme.colors.white,\n      alignItems: 'flex-end',\n      justifyContent: 'center',\n      paddingHorizontal: theme.spacing.medium,\n      height: HEADER_HEIGHT\n    },\n    content: {\n      paddingHorizontal: theme.spacing.medium,\n      paddingBottom: theme.spacing.medium,\n      alignItems: 'center'\n    },\n    contentWithHeader: {\n      paddingTop: theme.spacing.medium\n    },\n    contentWithIcon: {\n      paddingTop: theme.spacing.small\n    },\n    icon: {\n      marginTop: -HEADER_HEIGHT * (3 / 4),\n      padding: 5,\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.thumbnail,\n      alignSelf: 'center'\n    },\n    iconContent: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small,\n      borderRadius: theme.radius.thumbnail,\n      justifyContent: 'center',\n      alignItems: 'center'\n    }\n  });\n\nconst Modal = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {\n    children,\n    headerBackgroundColor,\n    iconBackgroundColor,\n    renderIcon,\n    contentStyle,\n    onClose,\n    testID\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const contentStyles = [styleSheet.content, contentStyle];\n\n  return (\n    <View style={styleSheet.container} testID={testID}>\n      <View style={[styleSheet.header, {backgroundColor: headerBackgroundColor}]}>\n        <HeaderBackButton\n          color={theme.colors.gray.dark}\n          isFloating={false}\n          testID=\"close-modal\"\n          onPress={onClose}\n          type=\"close\"\n        />\n      </View>\n      {renderIcon ? (\n        <View style={styleSheet.icon}>\n          <View style={[styleSheet.iconContent, {backgroundColor: iconBackgroundColor}]}>\n            {renderIcon}\n          </View>\n        </View>\n      ) : null}\n      <View style={contentStyles}>{children}</View>\n    </View>\n  );\n};\n\nexport default Modal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","View","HeaderBackButton","useTemplateContext","HEADER_HEIGHT","createStyleSheet","theme","create","container","borderRadius","radius","card","overflow","backgroundColor","colors","white","header","alignItems","justifyContent","paddingHorizontal","spacing","medium","height","content","paddingBottom","contentWithHeader","paddingTop","contentWithIcon","small","icon","marginTop","padding","thumbnail","alignSelf","iconContent","Modal","props","templateContext","styleSheet","setStylesheet","children","headerBackgroundColor","iconBackgroundColor","renderIcon","contentStyle","onClose","testID","_stylesheet","contentStyles","gray","dark"],"sources":["../../../src/hoc/modal/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {GestureResponderEvent, StyleSheet, View, ViewStyle} from 'react-native';\nimport HeaderBackButton from '../../atom/header-back-button/index.native';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {Theme} from '../../variables/theme.native';\n\nexport type Props = {\n  children: React.ReactNode;\n  headerBackgroundColor?: string;\n  iconBackgroundColor?: string;\n  renderIcon?: React.ReactNode;\n  contentStyle?: ViewStyle;\n  onClose: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\nexport const HEADER_HEIGHT = 64;\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  header: ViewStyle;\n  content: ViewStyle;\n  contentWithHeader: ViewStyle;\n  contentWithIcon: ViewStyle;\n  icon: ViewStyle;\n  iconContent: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      borderRadius: theme.radius.card,\n      overflow: 'hidden',\n      backgroundColor: theme.colors.white\n    },\n    header: {\n      backgroundColor: theme.colors.white,\n      alignItems: 'flex-end',\n      justifyContent: 'center',\n      paddingHorizontal: theme.spacing.medium,\n      height: HEADER_HEIGHT\n    },\n    content: {\n      paddingHorizontal: theme.spacing.medium,\n      paddingBottom: theme.spacing.medium,\n      alignItems: 'center'\n    },\n    contentWithHeader: {\n      paddingTop: theme.spacing.medium\n    },\n    contentWithIcon: {\n      paddingTop: theme.spacing.small\n    },\n    icon: {\n      marginTop: -HEADER_HEIGHT * (3 / 4),\n      padding: 5,\n      backgroundColor: theme.colors.white,\n      borderRadius: theme.radius.thumbnail,\n      alignSelf: 'center'\n    },\n    iconContent: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small,\n      borderRadius: theme.radius.thumbnail,\n      justifyContent: 'center',\n      alignItems: 'center'\n    }\n  });\n\nconst Modal = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n\n  const {\n    children,\n    headerBackgroundColor,\n    iconBackgroundColor,\n    renderIcon,\n    contentStyle,\n    onClose,\n    testID\n  } = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const contentStyles = [styleSheet.content, contentStyle];\n\n  return (\n    <View style={styleSheet.container} testID={testID}>\n      <View style={[styleSheet.header, {backgroundColor: headerBackgroundColor}]}>\n        <HeaderBackButton\n          color={theme.colors.gray.dark}\n          isFloating={false}\n          testID=\"close-modal\"\n          onPress={onClose}\n          type=\"close\"\n        />\n      </View>\n      {renderIcon ? (\n        <View style={styleSheet.icon}>\n          <View style={[styleSheet.iconContent, {backgroundColor: iconBackgroundColor}]}>\n            {renderIcon}\n          </View>\n        </View>\n      ) : null}\n      <View style={contentStyles}>{children}</View>\n    </View>\n  );\n};\n\nexport default Modal;\n"],"mappings":"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"}

package/es/hoc/modal/select/index.native.js

@@ -4,6 +4,7 @@ import { View, FlatList, StyleSheet } from 'react-native';
 import { useTemplateContext } from '../../../template/app-review/template-context';
 import Modal from '../index.native';
 import ModalSelectItem from '../select-item/index.native';
+
 const createStyleSheet = theme => StyleSheet.create({
   content: {
     paddingHorizontal: 0
@@ -16,26 +17,31 @@ const createStyleSheet = theme => StyleSheet.create({
     width: '100%'
   }
 });
+
 const keyExtractor = (item, index) => {
   return `modal-select-item-${index + 1}`;
 };
+
 const createRenderItem = (value, testID, onChange) => function Item({
   item,
   index
 }) {
   // eslint-disable-next-line unicorn/consistent-function-scoping
   const handleChange = _value => () => onChange(_value);
+
   return /*#__PURE__*/React.createElement(ModalSelectItem, {
     onPress: handleChange(item.text),
     isSelected: value === item.text,
     testID: `${testID}-item-${index + 1}`
   }, item.text);
 };
+
 const createSeparator = styleSheet => function Separator() {
   return /*#__PURE__*/React.createElement(View, {
     style: styleSheet?.separator
   });
 };
+
 const ModalSelect = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -51,13 +57,16 @@ const ModalSelect = props => {
   } = props;
   useEffect(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   const renderItem = useMemo(() => createRenderItem(value, testID, onChange), [value, testID, onChange]);
   const renderSeparator = useMemo(() => styleSheet ? createSeparator(styleSheet) : null, [styleSheet]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(Modal, {
     onClose: onClose,
     contentStyle: styleSheet?.content,
@@ -72,5 +81,6 @@ const ModalSelect = props => {
     testID: `${testID}-items`
   }));
 };
+
 export default ModalSelect;
 //# sourceMappingURL=index.native.js.map

package/es/hoc/modal/select/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useMemo","View","FlatList","StyleSheet","useTemplateContext","Modal","ModalSelectItem","createStyleSheet","theme","create","content","paddingHorizontal","separator","borderTopWidth","borderColor","colors","border","list","width","keyExtractor","item","index","createRenderItem","value","testID","onChange","Item","handleChange","_value","createElement","onPress","text","isSelected","createSeparator","styleSheet","Separator","style","ModalSelect","props","templateContext","setStylesheet","values","onClose","_noop","_stylesheet","renderItem","renderSeparator","contentStyle","data","showsVerticalScrollIndicator","ItemSeparatorComponent"],"sources":["../../../../src/hoc/modal/select/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useMemo} from 'react';\nimport {View, FlatList, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {noop} from 'lodash/fp';\n\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\n\nimport Modal from '../index.native';\nimport ModalSelectItem from '../select-item/index.native';\nimport {ChoiceItem} from '../../../atom/select-modal/index.native';\n\nexport type OnChangeFunction = (value: string) => void;\n\nexport type Props = {\n  value?: string;\n  values: Array<ChoiceItem> | undefined;\n  onChange: OnChangeFunction;\n  onClose?: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  content: ViewStyle;\n  separator: ViewStyle;\n  list: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    content: {\n      paddingHorizontal: 0\n    },\n    separator: {\n      borderTopWidth: 1,\n      borderColor: theme.colors.border\n    },\n    list: {\n      width: '100%'\n    }\n  });\n\nconst keyExtractor = (item: ChoiceItem, index: number): string => {\n  return `modal-select-item-${index + 1}`;\n};\n\ntype ItemProps = {item: ChoiceItem; index: number};\nconst createRenderItem = (value: string, testID: string, onChange: OnChangeFunction) =>\n  function Item({item, index}: ItemProps) {\n    // eslint-disable-next-line unicorn/consistent-function-scoping\n    const handleChange = (_value: string) => () => onChange(_value);\n\n    return (\n      <ModalSelectItem\n        onPress={handleChange(item.text)}\n        isSelected={value === item.text}\n        testID={`${testID}-item-${index + 1}`}\n      >\n        {item.text}\n      </ModalSelectItem>\n    );\n  };\n\nconst createSeparator = (styleSheet: StyleSheetType) =>\n  function Separator() {\n    return <View style={styleSheet?.separator} />;\n  };\n\nconst ModalSelect = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {value = '', values, onChange, onClose = noop, testID = 'modal-select'} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const renderItem = useMemo(\n    () => createRenderItem(value, testID, onChange),\n    [value, testID, onChange]\n  );\n\n  const renderSeparator = useMemo(\n    () => (styleSheet ? createSeparator(styleSheet) : null),\n    [styleSheet]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal onClose={onClose} contentStyle={styleSheet?.content} testID={testID}>\n      <FlatList\n        data={values}\n        renderItem={renderItem}\n        keyExtractor={keyExtractor}\n        showsVerticalScrollIndicator={false}\n        ItemSeparatorComponent={renderSeparator}\n        style={styleSheet?.list}\n        testID={`${testID}-items`}\n      />\n    </Modal>\n  );\n};\n\nexport default ModalSelect;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","useMemo","View","FlatList","StyleSheet","useTemplateContext","Modal","ModalSelectItem","createStyleSheet","theme","create","content","paddingHorizontal","separator","borderTopWidth","borderColor","colors","border","list","width","keyExtractor","item","index","createRenderItem","value","testID","onChange","Item","handleChange","_value","text","createSeparator","styleSheet","Separator","ModalSelect","props","templateContext","setStylesheet","values","onClose","_stylesheet","renderItem","renderSeparator"],"sources":["../../../../src/hoc/modal/select/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect, useMemo} from 'react';\nimport {View, FlatList, StyleSheet, GestureResponderEvent, ViewStyle} from 'react-native';\nimport {noop} from 'lodash/fp';\n\nimport {Theme} from '../../../variables/theme.native';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\n\nimport Modal from '../index.native';\nimport ModalSelectItem from '../select-item/index.native';\nimport {ChoiceItem} from '../../../atom/select-modal/index.native';\n\nexport type OnChangeFunction = (value: string) => void;\n\nexport type Props = {\n  value?: string;\n  values: Array<ChoiceItem> | undefined;\n  onChange: OnChangeFunction;\n  onClose?: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  content: ViewStyle;\n  separator: ViewStyle;\n  list: ViewStyle;\n};\n\nconst createStyleSheet = (theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    content: {\n      paddingHorizontal: 0\n    },\n    separator: {\n      borderTopWidth: 1,\n      borderColor: theme.colors.border\n    },\n    list: {\n      width: '100%'\n    }\n  });\n\nconst keyExtractor = (item: ChoiceItem, index: number): string => {\n  return `modal-select-item-${index + 1}`;\n};\n\ntype ItemProps = {item: ChoiceItem; index: number};\nconst createRenderItem = (value: string, testID: string, onChange: OnChangeFunction) =>\n  function Item({item, index}: ItemProps) {\n    // eslint-disable-next-line unicorn/consistent-function-scoping\n    const handleChange = (_value: string) => () => onChange(_value);\n\n    return (\n      <ModalSelectItem\n        onPress={handleChange(item.text)}\n        isSelected={value === item.text}\n        testID={`${testID}-item-${index + 1}`}\n      >\n        {item.text}\n      </ModalSelectItem>\n    );\n  };\n\nconst createSeparator = (styleSheet: StyleSheetType) =>\n  function Separator() {\n    return <View style={styleSheet?.separator} />;\n  };\n\nconst ModalSelect = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {theme} = templateContext;\n  const {value = '', values, onChange, onClose = noop, testID = 'modal-select'} = props;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(theme);\n    setStylesheet(_stylesheet);\n  }, [theme]);\n\n  const renderItem = useMemo(\n    () => createRenderItem(value, testID, onChange),\n    [value, testID, onChange]\n  );\n\n  const renderSeparator = useMemo(\n    () => (styleSheet ? createSeparator(styleSheet) : null),\n    [styleSheet]\n  );\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  return (\n    <Modal onClose={onClose} contentStyle={styleSheet?.content} testID={testID}>\n      <FlatList\n        data={values}\n        renderItem={renderItem}\n        keyExtractor={keyExtractor}\n        showsVerticalScrollIndicator={false}\n        ItemSeparatorComponent={renderSeparator}\n        style={styleSheet?.list}\n        testID={`${testID}-items`}\n      />\n    </Modal>\n  );\n};\n\nexport default ModalSelect;\n"],"mappings":"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"}

package/es/hoc/modal/select-item/index.native.js

@@ -3,6 +3,7 @@ import { StyleSheet } from 'react-native';
 import Text from '../../../atom/text/index.native';
 import Touchable from '../../touchable/index.native';
 import { useTemplateContext } from '../../../template/app-review/template-context';
+
 const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
   container: {
     backgroundColor: theme.colors.white,
@@ -16,6 +17,7 @@ const createStyleSheet = (brandTheme, theme) => StyleSheet.create({
     color: brandTheme?.colors?.primary
   }
 });
+
 const ModalSelectItem = props => {
   const templateContext = useTemplateContext();
   const [styleSheet, setStylesheet] = useState(null);
@@ -25,11 +27,14 @@ const ModalSelectItem = props => {
   } = templateContext;
   useEffect(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [theme, brandTheme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const {
     children,
     onPress,
@@ -37,12 +42,13 @@ const ModalSelectItem = props => {
     testID
   } = props;
   let textStyle = styleSheet.text;
+
   if (isSelected) {
-    textStyle = {
-      ...textStyle,
+    textStyle = { ...textStyle,
       ...styleSheet.selectedTextStyle
     };
   }
+
   return /*#__PURE__*/React.createElement(Touchable, {
     onPress: onPress,
     style: styleSheet.container,
@@ -51,5 +57,6 @@ const ModalSelectItem = props => {
     style: textStyle
   }, children));
 };
+
 export default ModalSelectItem;
 //# sourceMappingURL=index.native.js.map

package/es/hoc/modal/select-item/index.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","Touchable","useTemplateContext","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","padding","spacing","small","text","fontWeight","bold","color","black","selectedTextStyle","primary","ModalSelectItem","props","templateContext","styleSheet","setStylesheet","_stylesheet","children","onPress","isSelected","testID","textStyle","createElement","style"],"sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {GestureResponderEvent, StyleSheet, TextStyle, ViewStyle} from 'react-native';\n\nimport Text from '../../../atom/text/index.native';\nimport Touchable from '../../touchable/index.native';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport {Brand} from '../../../variables/brand.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  children: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: TextStyle;\n  selectedTextStyle: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small\n    },\n    text: {\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black\n    },\n    selectedTextStyle: {\n      color: brandTheme?.colors?.primary\n    }\n  });\n\nconst ModalSelectItem = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [theme, brandTheme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {children, onPress, isSelected, testID} = props;\n\n  let textStyle: TextStyle = styleSheet.text;\n\n  if (isSelected) {\n    textStyle = {\n      ...textStyle,\n      ...styleSheet.selectedTextStyle\n    };\n  }\n\n  return (\n    <Touchable onPress={onPress} style={styleSheet.container} testID={testID}>\n      <Text style={textStyle}>{children}</Text>\n    </Touchable>\n  );\n};\n\nexport default ModalSelectItem;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAGC,QAAQ,EAAEC,SAAS,QAAO,OAAO;AAChD,SAA+BC,UAAU,QAA6B,cAAc;AAEpF,OAAOC,IAAI,MAAM,iCAAiC;AAClD,OAAOC,SAAS,MAAM,8BAA8B;AACpD,SAAQC,kBAAkB,QAAO,+CAA+C;AAiBhF,MAAMC,gBAAgB,GAAGA,CAACC,UAAiB,EAAEC,KAAY,KACvDN,UAAU,CAACO,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,eAAe,EAAEH,KAAK,CAACI,MAAM,CAACC,KAAK;IACnCC,OAAO,EAAEN,KAAK,CAACO,OAAO,CAACC;EACzB,CAAC;EACDC,IAAI,EAAE;IACJC,UAAU,EAAEV,KAAK,CAACU,UAAU,CAACC,IAAI;IACjCC,KAAK,EAAEZ,KAAK,CAACI,MAAM,CAACS;EACtB,CAAC;EACDC,iBAAiB,EAAE;IACjBF,KAAK,EAAEb,UAAU,EAAEK,MAAM,EAAEW;EAC7B;AACF,CAAC,CAAC;AAEJ,MAAMC,eAAe,GAAIC,KAAY,IAAK;EACxC,MAAMC,eAAe,GAAGrB,kBAAkB,CAAC,CAAC;EAC5C,MAAM,CAACsB,UAAU,EAAEC,aAAa,CAAC,GAAG5B,QAAQ,CAAwB,IAAI,CAAC;EACzE,MAAM;IAACO,UAAU;IAAEC;EAAK,CAAC,GAAGkB,eAAe;EAE3CzB,SAAS,CAAC,MAAM;IACd,MAAM4B,WAAW,GAAGvB,gBAAgB,CAACC,UAAU,EAAEC,KAAK,CAAC;IACvDoB,aAAa,CAACC,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACrB,KAAK,EAAED,UAAU,CAAC,CAAC;EAEvB,IAAI,CAACoB,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAM;IAACG,QAAQ;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAM,CAAC,GAAGR,KAAK;EAErD,IAAIS,SAAoB,GAAGP,UAAU,CAACV,IAAI;EAE1C,IAAIe,UAAU,EAAE;IACdE,SAAS,GAAG;MACV,GAAGA,SAAS;MACZ,GAAGP,UAAU,CAACL;IAChB,CAAC;EACH;EAEA,oBACEvB,KAAA,CAAAoC,aAAA,CAAC/B,SAAS;IAAC2B,OAAO,EAAEA,OAAQ;IAACK,KAAK,EAAET,UAAU,CAACjB,SAAU;IAACuB,MAAM,EAAEA;EAAO,gBACvElC,KAAA,CAAAoC,aAAA,CAAChC,IAAI;IAACiC,KAAK,EAAEF;EAAU,GAAEJ,QAAe,CAC/B,CAAC;AAEhB,CAAC;AAED,eAAeN,eAAe","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["React","useState","useEffect","StyleSheet","Text","Touchable","useTemplateContext","createStyleSheet","brandTheme","theme","create","container","backgroundColor","colors","white","padding","spacing","small","text","fontWeight","bold","color","black","selectedTextStyle","primary","ModalSelectItem","props","templateContext","styleSheet","setStylesheet","_stylesheet","children","onPress","isSelected","testID","textStyle"],"sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"sourcesContent":["import React, {useState, useEffect} from 'react';\nimport {GestureResponderEvent, StyleSheet, TextStyle, ViewStyle} from 'react-native';\n\nimport Text from '../../../atom/text/index.native';\nimport Touchable from '../../touchable/index.native';\nimport {useTemplateContext} from '../../../template/app-review/template-context';\nimport {Theme} from '../../../variables/theme.native';\nimport {Brand} from '../../../variables/brand.native';\n\nexport type Props = {\n  isSelected?: boolean;\n  children: string;\n  onPress?: (event: GestureResponderEvent) => void;\n  testID?: string;\n};\n\ntype StyleSheetType = {\n  container: ViewStyle;\n  text: TextStyle;\n  selectedTextStyle: TextStyle;\n};\n\nconst createStyleSheet = (brandTheme: Brand, theme: Theme): StyleSheetType =>\n  StyleSheet.create({\n    container: {\n      backgroundColor: theme.colors.white,\n      padding: theme.spacing.small\n    },\n    text: {\n      fontWeight: theme.fontWeight.bold,\n      color: theme.colors.black\n    },\n    selectedTextStyle: {\n      color: brandTheme?.colors?.primary\n    }\n  });\n\nconst ModalSelectItem = (props: Props) => {\n  const templateContext = useTemplateContext();\n  const [styleSheet, setStylesheet] = useState<StyleSheetType | null>(null);\n  const {brandTheme, theme} = templateContext;\n\n  useEffect(() => {\n    const _stylesheet = createStyleSheet(brandTheme, theme);\n    setStylesheet(_stylesheet);\n  }, [theme, brandTheme]);\n\n  if (!styleSheet) {\n    return null;\n  }\n\n  const {children, onPress, isSelected, testID} = props;\n\n  let textStyle: TextStyle = styleSheet.text;\n\n  if (isSelected) {\n    textStyle = {\n      ...textStyle,\n      ...styleSheet.selectedTextStyle\n    };\n  }\n\n  return (\n    <Touchable onPress={onPress} style={styleSheet.container} testID={testID}>\n      <Text style={textStyle}>{children}</Text>\n    </Touchable>\n  );\n};\n\nexport default ModalSelectItem;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,QAAf,EAAyBC,SAAzB,QAAyC,OAAzC;AACA,SAA+BC,UAA/B,QAAsE,cAAtE;AAEA,OAAOC,IAAP,MAAiB,iCAAjB;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,SAAQC,kBAAR,QAAiC,+CAAjC;;AAiBA,MAAMC,gBAAgB,GAAG,CAACC,UAAD,EAAoBC,KAApB,KACvBN,UAAU,CAACO,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,eAAe,EAAEH,KAAK,CAACI,MAAN,CAAaC,KADrB;IAETC,OAAO,EAAEN,KAAK,CAACO,OAAN,CAAcC;EAFd,CADK;EAKhBC,IAAI,EAAE;IACJC,UAAU,EAAEV,KAAK,CAACU,UAAN,CAAiBC,IADzB;IAEJC,KAAK,EAAEZ,KAAK,CAACI,MAAN,CAAaS;EAFhB,CALU;EAShBC,iBAAiB,EAAE;IACjBF,KAAK,EAAEb,UAAU,EAAEK,MAAZ,EAAoBW;EADV;AATH,CAAlB,CADF;;AAeA,MAAMC,eAAe,GAAIC,KAAD,IAAkB;EACxC,MAAMC,eAAe,GAAGrB,kBAAkB,EAA1C;EACA,MAAM,CAACsB,UAAD,EAAaC,aAAb,IAA8B5B,QAAQ,CAAwB,IAAxB,CAA5C;EACA,MAAM;IAACO,UAAD;IAAaC;EAAb,IAAsBkB,eAA5B;EAEAzB,SAAS,CAAC,MAAM;IACd,MAAM4B,WAAW,GAAGvB,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACAoB,aAAa,CAACC,WAAD,CAAb;EACD,CAHQ,EAGN,CAACrB,KAAD,EAAQD,UAAR,CAHM,CAAT;;EAKA,IAAI,CAACoB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAM;IAACG,QAAD;IAAWC,OAAX;IAAoBC,UAApB;IAAgCC;EAAhC,IAA0CR,KAAhD;EAEA,IAAIS,SAAoB,GAAGP,UAAU,CAACV,IAAtC;;EAEA,IAAIe,UAAJ,EAAgB;IACdE,SAAS,GAAG,EACV,GAAGA,SADO;MAEV,GAAGP,UAAU,CAACL;IAFJ,CAAZ;EAID;;EAED,oBACE,oBAAC,SAAD;IAAW,OAAO,EAAES,OAApB;IAA6B,KAAK,EAAEJ,UAAU,CAACjB,SAA/C;IAA0D,MAAM,EAAEuB;EAAlE,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEC;EAAb,GAAyBJ,QAAzB,CADF,CADF;AAKD,CA9BD;;AAgCA,eAAeN,eAAf"}

package/es/hoc/swapper/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 export const safeCancelAnimationFrame = requestId => requestId && cancelAnimationFrame(requestId);
+
 class Swapper extends React.Component {
   constructor(props) {
     super(props);
@@ -8,6 +9,7 @@ class Swapper extends React.Component {
       init: true
     };
   }
+
   componentDidMount() {
     if (typeof requestAnimationFrame !== 'undefined') {
       this.requestID = requestAnimationFrame(() => this.setState({
@@ -15,11 +17,13 @@ class Swapper extends React.Component {
       }));
     }
   }
+
   componentWillUnmount() {
     if (this.requestID !== undefined) {
       safeCancelAnimationFrame(this.requestID);
     }
   }
+
   render() {
     const {
       init
@@ -31,7 +35,9 @@ class Swapper extends React.Component {
     const child = React.Children.only(children);
     return init ? /*#__PURE__*/React.cloneElement(child, props) : child;
   }
+
 }
+
 Swapper.propTypes = process.env.NODE_ENV !== "production" ? {
   children: PropTypes.node
 } : {};

package/es/hoc/swapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","safeCancelAnimationFrame","requestId","cancelAnimationFrame","Swapper","Component","constructor","props","state","init","componentDidMount","requestAnimationFrame","requestID","setState","componentWillUnmount","undefined","render","children","child","Children","only","cloneElement","propTypes","process","env","NODE_ENV","node"],"sources":["../../../src/hoc/swapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const safeCancelAnimationFrame = requestId => requestId && cancelAnimationFrame(requestId);\n\nclass Swapper extends React.Component {\n  static propTypes = {\n    children: PropTypes.node\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      init: true\n    };\n  }\n\n  componentDidMount() {\n    if (typeof requestAnimationFrame !== 'undefined') {\n      this.requestID = requestAnimationFrame(() => this.setState({init: false}));\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.requestID !== undefined) {\n      safeCancelAnimationFrame(this.requestID);\n    }\n  }\n\n  render() {\n    const {init} = this.state;\n    const {children, ...props} = this.props;\n    const child = React.Children.only(children);\n\n    return init ? React.cloneElement(child, props) : child;\n  }\n}\n\nexport default Swapper;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAO,MAAMC,wBAAwB,GAAGC,SAAS,IAAIA,SAAS,IAAIC,oBAAoB,CAACD,SAAS,CAAC;AAEjG,MAAME,OAAO,SAASL,KAAK,CAACM,SAAS,CAAC;EAKpCC,WAAWA,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,KAAK,GAAG;MACXC,IAAI,EAAE;IACR,CAAC;EACH;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,IAAI,OAAOC,qBAAqB,KAAK,WAAW,EAAE;MAChD,IAAI,CAACC,SAAS,GAAGD,qBAAqB,CAAC,MAAM,IAAI,CAACE,QAAQ,CAAC;QAACJ,IAAI,EAAE;MAAK,CAAC,CAAC,CAAC;IAC5E;EACF;EAEAK,oBAAoBA,CAAA,EAAG;IACrB,IAAI,IAAI,CAACF,SAAS,KAAKG,SAAS,EAAE;MAChCd,wBAAwB,CAAC,IAAI,CAACW,SAAS,CAAC;IAC1C;EACF;EAEAI,MAAMA,CAAA,EAAG;IACP,MAAM;MAACP;IAAI,CAAC,GAAG,IAAI,CAACD,KAAK;IACzB,MAAM;MAACS,QAAQ;MAAE,GAAGV;IAAK,CAAC,GAAG,IAAI,CAACA,KAAK;IACvC,MAAMW,KAAK,GAAGnB,KAAK,CAACoB,QAAQ,CAACC,IAAI,CAACH,QAAQ,CAAC;IAE3C,OAAOR,IAAI,gBAAGV,KAAK,CAACsB,YAAY,CAACH,KAAK,EAAEX,KAAK,CAAC,GAAGW,KAAK;EACxD;AACF;AAhCMd,OAAO,CACJkB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACjBR,QAAQ,EAAEjB,SAAS,CAAC0B;AACtB,CAAC;AA+BH,eAAetB,OAAO","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","safeCancelAnimationFrame","requestId","cancelAnimationFrame","Swapper","Component","constructor","props","state","init","componentDidMount","requestAnimationFrame","requestID","setState","componentWillUnmount","undefined","render","children","child","Children","only","cloneElement","propTypes","node"],"sources":["../../../src/hoc/swapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const safeCancelAnimationFrame = requestId => requestId && cancelAnimationFrame(requestId);\n\nclass Swapper extends React.Component {\n  static propTypes = {\n    children: PropTypes.node\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      init: true\n    };\n  }\n\n  componentDidMount() {\n    if (typeof requestAnimationFrame !== 'undefined') {\n      this.requestID = requestAnimationFrame(() => this.setState({init: false}));\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.requestID !== undefined) {\n      safeCancelAnimationFrame(this.requestID);\n    }\n  }\n\n  render() {\n    const {init} = this.state;\n    const {children, ...props} = this.props;\n    const child = React.Children.only(children);\n\n    return init ? React.cloneElement(child, props) : child;\n  }\n}\n\nexport default Swapper;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,wBAAwB,GAAGC,SAAS,IAAIA,SAAS,IAAIC,oBAAoB,CAACD,SAAD,CAA/E;;AAEP,MAAME,OAAN,SAAsBL,KAAK,CAACM,SAA5B,CAAsC;EAKpCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,IAAI,EAAE;IADK,CAAb;EAGD;;EAEDC,iBAAiB,GAAG;IAClB,IAAI,OAAOC,qBAAP,KAAiC,WAArC,EAAkD;MAChD,KAAKC,SAAL,GAAiBD,qBAAqB,CAAC,MAAM,KAAKE,QAAL,CAAc;QAACJ,IAAI,EAAE;MAAP,CAAd,CAAP,CAAtC;IACD;EACF;;EAEDK,oBAAoB,GAAG;IACrB,IAAI,KAAKF,SAAL,KAAmBG,SAAvB,EAAkC;MAChCd,wBAAwB,CAAC,KAAKW,SAAN,CAAxB;IACD;EACF;;EAEDI,MAAM,GAAG;IACP,MAAM;MAACP;IAAD,IAAS,KAAKD,KAApB;IACA,MAAM;MAACS,QAAD;MAAW,GAAGV;IAAd,IAAuB,KAAKA,KAAlC;IACA,MAAMW,KAAK,GAAGnB,KAAK,CAACoB,QAAN,CAAeC,IAAf,CAAoBH,QAApB,CAAd;IAEA,OAAOR,IAAI,gBAAGV,KAAK,CAACsB,YAAN,CAAmBH,KAAnB,EAA0BX,KAA1B,CAAH,GAAsCW,KAAjD;EACD;;AA/BmC;;AAAhCd,O,CACGkB,S,2CAAY;EACjBL,QAAQ,EAAEjB,SAAS,CAACuB;AADH,C;AAiCrB,eAAenB,OAAf"}

package/es/hoc/touchable/index.native.js

@@ -1,4 +1,5 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }; return _extends.apply(this, arguments); }
+
 import { TouchableOpacity, TouchableHighlight } from 'react-native';
 import React, { useMemo } from 'react';
 import { useTemplateContext } from '../../template/app-review/template-context';
@@ -9,12 +10,13 @@ const hitSlop = {
   bottom: 12,
   top: 12
 };
+
 const logEvent = (eventName, analyticsID, analytics, analyticsParams) => {
-  analytics && analytics.logEvent(eventName, {
-    ...(analyticsParams || {}),
+  analytics && analytics.logEvent(eventName, { ...(analyticsParams || {}),
     id: analyticsID
   });
 };
+
 const Touchable = props => {
   const templateContext = useTemplateContext();
   const {
@@ -45,6 +47,7 @@ const Touchable = props => {
     analytics && analyticsID && logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);
     onLongPress(event);
   }, [analytics, analyticsID, analyticsParams, onLongPress, vibration]);
+
   if (isHighlight) {
     return /*#__PURE__*/React.createElement(TouchableHighlight, _extends({}, props, {
       accessibilityLabel: accessibilityLabel,
@@ -55,6 +58,7 @@ const Touchable = props => {
       activeOpacity: activeOpacity || (disabled ? 1 : 0.85)
     }));
   }
+
   return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({}, props, {
     accessibilityLabel: accessibilityLabel,
     hitSlop: hitSlop,
@@ -63,5 +67,6 @@ const Touchable = props => {
     activeOpacity: isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2)
   }));
 };
+
 export default Touchable;
 //# sourceMappingURL=index.native.js.map