@coorpacademy/components 11.9.3-alpha.29 → 11.9.3-alpha.31

package/lib/atom/wizard-steps/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const WizardSteps = props => {
   const {
     steps
@@ -32,6 +38,7 @@ const WizardSteps = props => {
     className: _style.default.container
   }, wizard);
 };
+
 WizardSteps.propTypes = process.env.NODE_ENV !== "production" ? {
   steps: _propTypes.default.arrayOf(_propTypes.default.shape({
     title: _propTypes.default.string,

package/lib/atom/wizard-steps/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["WizardSteps","props","steps","wizard","map","step","index","classnames","style","done","current","label","title","outerDot","dot","container","propTypes","PropTypes","arrayOf","shape","string","bool"],"sources":["../../../src/atom/wizard-steps/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst WizardSteps = props => {\n  const {steps} = props;\n\n  const wizard = steps.map((step, index) => {\n    return (\n      <div\n        className={classnames(style.step, step.done && style.done, step.current && style.current)}\n        key={`step-${index}`}\n        data-step={index}\n        data-name={step.current ? `step-${index}` : `current-step-${index}`}\n      >\n        <div className={style.label}>\n          <div className={style.title} data-name={`step-name`}>\n            {step.title}\n          </div>\n        </div>\n        <div className={style.outerDot}>\n          <div className={style.dot}> </div>\n        </div>\n      </div>\n    );\n  });\n\n  return <div className={style.container}>{wizard}</div>;\n};\n\nWizardSteps.propTypes = {\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      done: PropTypes.bool,\n      current: PropTypes.bool\n    })\n  )\n};\n\nexport default WizardSteps;\n"],"mappings":";;;;AAAA;AACA;AACA;AACA;AAAgC;AAEhC,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC;EAAK,CAAC,GAAGD,KAAK;EAErB,MAAME,MAAM,GAAGD,KAAK,CAACE,GAAG,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAK;IACxC,oBACE;MACE,SAAS,EAAE,IAAAC,mBAAU,EAACC,cAAK,CAACH,IAAI,EAAEA,IAAI,CAACI,IAAI,IAAID,cAAK,CAACC,IAAI,EAAEJ,IAAI,CAACK,OAAO,IAAIF,cAAK,CAACE,OAAO,CAAE;MAC1F,GAAG,EAAG,QAAOJ,KAAM,EAAE;MACrB,aAAWA,KAAM;MACjB,aAAWD,IAAI,CAACK,OAAO,GAAI,QAAOJ,KAAM,EAAC,GAAI,gBAAeA,KAAM;IAAE,gBAEpE;MAAK,SAAS,EAAEE,cAAK,CAACG;IAAM,gBAC1B;MAAK,SAAS,EAAEH,cAAK,CAACI,KAAM;MAAC,aAAY;IAAW,GACjDP,IAAI,CAACO,KAAK,CACP,CACF,eACN;MAAK,SAAS,EAAEJ,cAAK,CAACK;IAAS,gBAC7B;MAAK,SAAS,EAAEL,cAAK,CAACM;IAAI,GAAC,GAAC,CAAM,CAC9B,CACF;EAEV,CAAC,CAAC;EAEF,oBAAO;IAAK,SAAS,EAAEN,cAAK,CAACO;EAAU,GAAEZ,MAAM,CAAO;AACxD,CAAC;AAEDH,WAAW,CAACgB,SAAS,2CAAG;EACtBd,KAAK,EAAEe,kBAAS,CAACC,OAAO,CACtBD,kBAAS,CAACE,KAAK,CAAC;IACdP,KAAK,EAAEK,kBAAS,CAACG,MAAM;IACvBX,IAAI,EAAEQ,kBAAS,CAACI,IAAI;IACpBX,OAAO,EAAEO,kBAAS,CAACI;EACrB,CAAC,CAAC;AAEN,CAAC;AAAC,eAEarB,WAAW;AAAA"}
+{"version":3,"file":"index.js","names":["WizardSteps","props","steps","wizard","map","step","index","classnames","style","done","current","label","title","outerDot","dot","container","propTypes","PropTypes","arrayOf","shape","string","bool"],"sources":["../../../src/atom/wizard-steps/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport style from './style.css';\n\nconst WizardSteps = props => {\n  const {steps} = props;\n\n  const wizard = steps.map((step, index) => {\n    return (\n      <div\n        className={classnames(style.step, step.done && style.done, step.current && style.current)}\n        key={`step-${index}`}\n        data-step={index}\n        data-name={step.current ? `step-${index}` : `current-step-${index}`}\n      >\n        <div className={style.label}>\n          <div className={style.title} data-name={`step-name`}>\n            {step.title}\n          </div>\n        </div>\n        <div className={style.outerDot}>\n          <div className={style.dot}> </div>\n        </div>\n      </div>\n    );\n  });\n\n  return <div className={style.container}>{wizard}</div>;\n};\n\nWizardSteps.propTypes = {\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string,\n      done: PropTypes.bool,\n      current: PropTypes.bool\n    })\n  )\n};\n\nexport default WizardSteps;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,WAAW,GAAGC,KAAK,IAAI;EAC3B,MAAM;IAACC;EAAD,IAAUD,KAAhB;EAEA,MAAME,MAAM,GAAGD,KAAK,CAACE,GAAN,CAAU,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxC,oBACE;MACE,SAAS,EAAE,IAAAC,mBAAA,EAAWC,cAAA,CAAMH,IAAjB,EAAuBA,IAAI,CAACI,IAAL,IAAaD,cAAA,CAAMC,IAA1C,EAAgDJ,IAAI,CAACK,OAAL,IAAgBF,cAAA,CAAME,OAAtE,CADb;MAEE,GAAG,EAAG,QAAOJ,KAAM,EAFrB;MAGE,aAAWA,KAHb;MAIE,aAAWD,IAAI,CAACK,OAAL,GAAgB,QAAOJ,KAAM,EAA7B,GAAkC,gBAAeA,KAAM;IAJpE,gBAME;MAAK,SAAS,EAAEE,cAAA,CAAMG;IAAtB,gBACE;MAAK,SAAS,EAAEH,cAAA,CAAMI,KAAtB;MAA6B,aAAY;IAAzC,GACGP,IAAI,CAACO,KADR,CADF,CANF,eAWE;MAAK,SAAS,EAAEJ,cAAA,CAAMK;IAAtB,gBACE;MAAK,SAAS,EAAEL,cAAA,CAAMM;IAAtB,OADF,CAXF,CADF;EAiBD,CAlBc,CAAf;EAoBA,oBAAO;IAAK,SAAS,EAAEN,cAAA,CAAMO;EAAtB,GAAkCZ,MAAlC,CAAP;AACD,CAxBD;;AA0BAH,WAAW,CAACgB,SAAZ,2CAAwB;EACtBd,KAAK,EAAEe,kBAAA,CAAUC,OAAV,CACLD,kBAAA,CAAUE,KAAV,CAAgB;IACdP,KAAK,EAAEK,kBAAA,CAAUG,MADH;IAEdX,IAAI,EAAEQ,kBAAA,CAAUI,IAFF;IAGdX,OAAO,EAAEO,kBAAA,CAAUI;EAHL,CAAhB,CADK;AADe,CAAxB;eAUerB,W"}

package/lib/hoc/animation/index.js

@@ -2,12 +2,19 @@
 
 exports.__esModule = true;
 exports.default = exports.SWIFT_OUT = exports.LINEAR = exports.EASE_OUT_SINE = exports.EASE_OUT_QUINT = exports.EASE_OUT_QUART = exports.EASE_OUT_QUAD = exports.EASE_OUT_EXPO = exports.EASE_OUT_CUBIC = exports.EASE_OUT_CIRC = exports.EASE_OUT_BACK = exports.EASE_IN_SINE = exports.EASE_IN_QUINT = exports.EASE_IN_QUART = exports.EASE_IN_QUAD = exports.EASE_IN_OUT_SINE = exports.EASE_IN_OUT_QUINT = exports.EASE_IN_OUT_QUART = exports.EASE_IN_OUT_QUAD = exports.EASE_IN_OUT_EXPO = exports.EASE_IN_OUT_CUBIC = exports.EASE_IN_OUT_CIRC = exports.EASE_IN_OUT_BACK = exports.EASE_IN_EXPO = exports.EASE_IN_CUBIC = exports.EASE_IN_CIRC = exports.EASE_IN_BACK = exports.BOUNCE = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _min2 = _interopRequireDefault(require("lodash/fp/min"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _cubicBezier = _interopRequireDefault(require("cubic-bezier"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const EPSILON = 1000;
 const LINEAR = (0, _cubicBezier.default)(0, 0, 1, 1, EPSILON);
 exports.LINEAR = LINEAR;
@@ -63,6 +70,7 @@ const SWIFT_OUT = (0, _cubicBezier.default)(0.55, 0, 0.1, 1, EPSILON);
 exports.SWIFT_OUT = SWIFT_OUT;
 const BOUNCE = (0, _cubicBezier.default)(0.65, 1.95, 0.03, 0.3, EPSILON);
 exports.BOUNCE = BOUNCE;
+
 class Animation extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -71,12 +79,14 @@ class Animation extends _react.default.Component {
       requestID: null
     };
   }
+
   componentDidMount() {
     const {
       animated = false
     } = this.props;
     if (animated) this.startAnimation();
   }
+
   componentDidUpdate(prevProps) {
     const {
       animated: nextAnimated = false
@@ -87,9 +97,11 @@ class Animation extends _react.default.Component {
     if (nextAnimated === prevAnimated) return;
     if (nextAnimated) this.startAnimation();else this.stopAnimation();
   }
+
   componentWillUnmount() {
     this.stopAnimation();
   }
+
   startAnimation() {
     this.setState(prevState => {
       const {
@@ -101,6 +113,7 @@ class Animation extends _react.default.Component {
       };
     });
   }
+
   stopAnimation() {
     this.setState(prevState => {
       const {
@@ -113,6 +126,7 @@ class Animation extends _react.default.Component {
       };
     });
   }
+
   tick(timestamp) {
     this.setState(prevState => {
       const {
@@ -138,12 +152,14 @@ class Animation extends _react.default.Component {
       onAnimationEnd(name);
     });
   }
+
   getProgress(deltaDuration) {
     const {
       duration
     } = this.props;
     return deltaDuration / duration;
   }
+
   render() {
     const {
       bezier: fnBezier,
@@ -155,7 +171,9 @@ class Animation extends _react.default.Component {
     const value = fnBezier(progress);
     return children(value);
   }
+
 }
+
 Animation.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string.isRequired,
   bezier: _propTypes.default.func.isRequired,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["EPSILON","LINEAR","bezier","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","React","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","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;AACA;AAEA;AAAkC;AAElC,MAAMA,OAAO,GAAG,IAAI;AACb,MAAMC,MAAM,GAAG,IAAAC,oBAAM,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC3C,MAAMG,YAAY,GAAG,IAAAD,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC7D,MAAMI,aAAa,GAAG,IAAAF,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC9D,MAAMK,aAAa,GAAG,IAAAH,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC9D,MAAMM,aAAa,GAAG,IAAAJ,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC9D,MAAMO,YAAY,GAAG,IAAAL,oBAAM,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC1D,MAAMQ,YAAY,GAAG,IAAAN,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC7D,MAAMS,YAAY,GAAG,IAAAP,oBAAM,EAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC5D,MAAMU,YAAY,GAAG,IAAAR,oBAAM,EAAC,GAAG,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC7D,MAAMW,aAAa,GAAG,IAAAT,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC9D,MAAMY,cAAc,GAAG,IAAAV,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC5D,MAAMa,cAAc,GAAG,IAAAX,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC5D,MAAMc,cAAc,GAAG,IAAAZ,oBAAM,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AACzD,MAAMe,aAAa,GAAG,IAAAb,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC3D,MAAMgB,aAAa,GAAG,IAAAd,oBAAM,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AACxD,MAAMiB,aAAa,GAAG,IAAAf,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC3D,MAAMkB,aAAa,GAAG,IAAAhB,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAC9D,MAAMmB,gBAAgB,GAAG,IAAAjB,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AACjE,MAAMoB,iBAAiB,GAAG,IAAAlB,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC/D,MAAMqB,iBAAiB,GAAG,IAAAnB,oBAAM,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC5D,MAAMsB,iBAAiB,GAAG,IAAApB,oBAAM,EAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AAC5D,MAAMuB,gBAAgB,GAAG,IAAArB,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AACjE,MAAMwB,gBAAgB,GAAG,IAAAtB,oBAAM,EAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AACrD,MAAMyB,gBAAgB,GAAG,IAAAvB,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AACjE,MAAM0B,gBAAgB,GAAG,IAAAxB,oBAAM,EAAC,IAAI,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAEF,OAAO,CAAC;AAAC;AAClE,MAAM2B,SAAS,GAAG,IAAAzB,oBAAM,EAAC,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAEF,OAAO,CAAC;AAAC;AACnD,MAAM4B,MAAM,GAAG,IAAA1B,oBAAM,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAEF,OAAO,CAAC;AAAC;AAE7D,MAAM6B,SAAS,SAASC,cAAK,CAACC,SAAS,CAAC;EAUtCC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,KAAK,GAAG;MACXC,QAAQ,EAAE,CAAC;MACXC,SAAS,EAAE;IACb,CAAC;EACH;EAEAC,iBAAiB,GAAG;IAClB,MAAM;MAACC,QAAQ,GAAG;IAAK,CAAC,GAAG,IAAI,CAACL,KAAK;IACrC,IAAIK,QAAQ,EAAE,IAAI,CAACC,cAAc,EAAE;EACrC;EAEAC,kBAAkB,CAACC,SAAS,EAAE;IAC5B,MAAM;MAACH,QAAQ,EAAEI,YAAY,GAAG;IAAK,CAAC,GAAG,IAAI,CAACT,KAAK;IACnD,MAAM;MAACK,QAAQ,EAAEK,YAAY,GAAG;IAAK,CAAC,GAAGF,SAAS;IAElD,IAAIC,YAAY,KAAKC,YAAY,EAAE;IAEnC,IAAID,YAAY,EAAE,IAAI,CAACH,cAAc,EAAE,CAAC,KACnC,IAAI,CAACK,aAAa,EAAE;EAC3B;EAEAC,oBAAoB,GAAG;IACrB,IAAI,CAACD,aAAa,EAAE;EACtB;EAEAL,cAAc,GAAG;IACf,IAAI,CAACO,QAAQ,CAACC,SAAS,IAAI;MACzB,MAAM;QAACX;MAAS,CAAC,GAAGW,SAAS;MAE7B,IAAIX,SAAS,EAAEY,oBAAoB,CAACZ,SAAS,CAAC;MAE9C,OAAO;QACLA,SAAS,EAAEa,qBAAqB,CAAC,IAAI,CAACC,IAAI,CAACC,IAAI,CAAC,IAAI,CAAC;MACvD,CAAC;IACH,CAAC,CAAC;EACJ;EAEAP,aAAa,GAAG;IACd,IAAI,CAACE,QAAQ,CAACC,SAAS,IAAI;MACzB,MAAM;QAACX;MAAS,CAAC,GAAGW,SAAS;MAE7B,IAAIX,SAAS,EAAEY,oBAAoB,CAACZ,SAAS,CAAC;MAE9C,OAAO;QACLgB,aAAa,EAAE,IAAI;QACnBhB,SAAS,EAAE;MACb,CAAC;IACH,CAAC,CAAC;EACJ;EAEAc,IAAI,CAACG,SAAS,EAAE;IACd,IAAI,CAACP,QAAQ,CACXC,SAAS,IAAI;MACX,MAAM;QAACK;MAAa,CAAC,GAAGL,SAAS;MACjC,IAAI,CAACK,aAAa,EAChB,OAAO;QACLA,aAAa,EAAEC;MACjB,CAAC;MAEH,MAAMC,aAAa,GAAGD,SAAS,GAAGD,aAAa;MAC/C,OAAO;QACLjB,QAAQ,EAAE,mBAAI,CAACY,SAAS,CAACZ,QAAQ,GAAG,IAAI,CAACoB,WAAW,CAACD,aAAa,CAAC,EAAE,CAAC,CAAC,CAAC;QACxEF,aAAa,EAAEC;MACjB,CAAC;IACH,CAAC,EACD,MAAM;MACJ,MAAM;QAAClB;MAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;MAC7B,IAAIC,QAAQ,GAAG,CAAC,EAAE,OAAO,IAAI,CAACI,cAAc,EAAE;MAE9C,MAAM;QAACiB,cAAc,iBAAO;QAAEC;MAAI,CAAC,GAAG,IAAI,CAACxB,KAAK;MAChDuB,cAAc,CAACC,IAAI,CAAC;IACtB,CAAC,CACF;EACH;EAEAF,WAAW,CAACD,aAAa,EAAE;IACzB,MAAM;MAACI;IAAQ,CAAC,GAAG,IAAI,CAACzB,KAAK;IAC7B,OAAOqB,aAAa,GAAGI,QAAQ;EACjC;EAEAC,MAAM,GAAG;IACP,MAAM;MAACzD,MAAM,EAAE0D,QAAQ;MAAEC;IAAQ,CAAC,GAAG,IAAI,CAAC5B,KAAK;IAC/C,MAAM;MAACE;IAAQ,CAAC,GAAG,IAAI,CAACD,KAAK;IAE7B,MAAM4B,KAAK,GAAGF,QAAQ,CAACzB,QAAQ,CAAC;IAChC,OAAO0B,QAAQ,CAACC,KAAK,CAAC;EACxB;AACF;AApGMjC,SAAS,CACNkC,SAAS,2CAAG;EACjBN,IAAI,EAAEO,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjChE,MAAM,EAAE8D,kBAAS,CAACG,IAAI,CAACD,UAAU;EACjCR,QAAQ,EAAEM,kBAAS,CAACI,MAAM,CAACF,UAAU;EACrCV,cAAc,EAAEQ,kBAAS,CAACG,IAAI;EAC9B7B,QAAQ,EAAE0B,kBAAS,CAACK,IAAI;EACxBR,QAAQ,EAAEG,kBAAS,CAACG;AACtB,CAAC;AAAA,eA8FYtC,SAAS;AAAA"}
+{"version":3,"file":"index.js","names":["EPSILON","LINEAR","bezier","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","React","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","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":"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"}

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

@@ -2,28 +2,51 @@
 
 exports.__esModule = true;
 exports.default = exports.AnimationAdapter = void 0;
+
 var _set2 = _interopRequireDefault(require("lodash/fp/set"));
+
 var _reduce2 = _interopRequireDefault(require("lodash/fp/reduce"));
+
 var _pipe2 = _interopRequireDefault(require("lodash/fp/pipe"));
+
 var _values2 = _interopRequireDefault(require("lodash/fp/values"));
+
 var _identity2 = _interopRequireDefault(require("lodash/fp/identity"));
+
 var _negate2 = _interopRequireDefault(require("lodash/fp/negate"));
+
 var _some2 = _interopRequireDefault(require("lodash/fp/some"));
+
 var _pickBy2 = _interopRequireDefault(require("lodash/fp/pickBy"));
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _isString2 = _interopRequireDefault(require("lodash/fp/isString"));
+
 var _isNil2 = _interopRequireDefault(require("lodash/fp/isNil"));
+
 var _isArray2 = _interopRequireDefault(require("lodash/fp/isArray"));
+
 var _includes2 = _interopRequireDefault(require("lodash/fp/includes"));
+
 var _get2 = _interopRequireDefault(require("lodash/fp/get"));
+
 var _getOr2 = _interopRequireDefault(require("lodash/fp/getOr"));
+
 var _every2 = _interopRequireDefault(require("lodash/fp/every"));
+
 var _assign2 = _interopRequireDefault(require("lodash/fp/assign"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _animation = _interopRequireDefault(require("../animation"));
+
 var _transition = _interopRequireDefault(require("../transition"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const AnimationAdapter = ({
   animated,
   onAnimationEnd = _noop2.default,
@@ -35,15 +58,18 @@ const AnimationAdapter = ({
     onAnimationEnd: () => onAnimationEnd(name)
   }));
 };
+
 exports.AnimationAdapter = AnimationAdapter;
 AnimationAdapter.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string.isRequired,
   onAnimationEnd: _propTypes.default.func,
   animated: _propTypes.default.bool
 } : {};
+
 const pickByWithKey = _pickBy2.default.convert({
   cap: true
 });
+
 const walker = (type, handler) => children => {
   return _react.default.Children.map(children, (child, index) => {
     if ((0, _isNil2.default)(child) || (0, _isString2.default)(child)) return child;
@@ -52,14 +78,18 @@ const walker = (type, handler) => children => {
     return /*#__PURE__*/_react.default.cloneElement(newChild, {}, walker(type, handler)(newChild.props.children));
   });
 };
+
 const reduceChildren = fun => acc => children => {
   let newAcc = acc;
+
   _react.default.Children.map(children, child => {
     newAcc = fun(newAcc, child);
     return child;
   });
+
   return newAcc;
 };
+
 const getAnimationNames = reduceChildren((acc, child) => {
   if ((0, _isString2.default)(child)) return acc;
   const {
@@ -76,10 +106,12 @@ const getAnimationNames = reduceChildren((acc, child) => {
   } = child;
   return [name, ...acc, ...getAnimationNames(children)];
 })([]);
+
 const mergeAnimationStates = (animations, children) => {
   const names = getAnimationNames(children);
   return (0, _pipe2.default)(pickByWithKey((value, key) => (0, _includes2.default)(key, names)), (0, _assign2.default)((0, _reduce2.default)((acc, name) => (0, _set2.default)(name, false, acc), {}, names)))(animations);
 };
+
 class AnimationScheduler extends _react.default.Component {
   static getDerivedStateFromProps(props, state) {
     const {
@@ -92,6 +124,7 @@ class AnimationScheduler extends _react.default.Component {
       animations: mergeAnimationStates(animations, children)
     };
   }
+
   constructor(props) {
     super(props);
     const {
@@ -101,6 +134,7 @@ class AnimationScheduler extends _react.default.Component {
       animations: mergeAnimationStates({}, children)
     };
   }
+
   isAnimated(after) {
     if ((0, _isNil2.default)(after)) return true;
     const {
@@ -109,6 +143,7 @@ class AnimationScheduler extends _react.default.Component {
     const isAnimated = (0, _every2.default)(name => (0, _getOr2.default)(false, name, animations), (0, _isArray2.default)(after) ? after : [after]);
     return isAnimated;
   }
+
   handlerAnimationEnd(name) {
     this.setState((0, _set2.default)(['animations', name], true), () => {
       const hasPendingAnimation = (0, _pipe2.default)((0, _get2.default)('state.animations'), _values2.default, (0, _some2.default)((0, _negate2.default)(_identity2.default)))(this);
@@ -118,6 +153,7 @@ class AnimationScheduler extends _react.default.Component {
       if (!hasPendingAnimation) return onAnimationEnd();
     });
   }
+
   processAnimation(child) {
     const {
       animated: parentAnimated
@@ -135,13 +171,16 @@ class AnimationScheduler extends _react.default.Component {
       }
     });
   }
+
   render() {
     const {
       children
     } = this.props;
     return (0, _pipe2.default)(walker(_animation.default, this.processAnimation.bind(this)), walker(_transition.default, this.processAnimation.bind(this)), walker(AnimationAdapter, this.processAnimation.bind(this)))(children);
   }
+
 }
+
 AnimationScheduler.propTypes = process.env.NODE_ENV !== "production" ? {
   onAnimationEnd: _propTypes.default.func,
   animated: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["AnimationAdapter","animated","onAnimationEnd","name","children","React","Children","map","child","cloneElement","propTypes","PropTypes","string","isRequired","func","bool","pickByWithKey","convert","cap","walker","type","handler","index","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","Animation","Transition","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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"}
+{"version":3,"file":"index.js","names":["AnimationAdapter","animated","onAnimationEnd","name","children","React","Children","map","child","cloneElement","propTypes","PropTypes","string","isRequired","func","bool","pickByWithKey","convert","cap","walker","type","handler","index","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","Animation","Transition","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/lib/hoc/modal/index.native.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GestureResponderEvent, ViewStyle } from 'react-native';
-export type Props = {
+export declare type Props = {
     children: React.ReactNode;
     headerBackgroundColor?: string;
     iconBackgroundColor?: string;

package/lib/hoc/modal/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAoB,SAAS,EAAC,MAAM,cAAc,CAAC;AAKhF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,KAAK,CAAC;AAqDhC,QAAA,MAAM,KAAK,UAAW,KAAK,uBA+C1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/modal/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAC,qBAAqB,EAAoB,SAAS,EAAC,MAAM,cAAc,CAAC;AAKhF,oBAAY,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,aAAa,KAAK,CAAC;AAqDhC,QAAA,MAAM,KAAK,UAAW,KAAK,uBA+C1B,CAAC;AAEF,eAAe,KAAK,CAAC"}

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

@@ -2,15 +2,24 @@
 
 exports.__esModule = true;
 exports.default = exports.HEADER_HEIGHT = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../../atom/header-back-button/index.native"));
+
 var _templateContext = require("../../template/app-review/template-context");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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); }
+
 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; }
+
 const HEADER_HEIGHT = 64;
 exports.HEADER_HEIGHT = HEADER_HEIGHT;
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   container: {
     borderRadius: theme.radius.card,
@@ -50,6 +59,7 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     alignItems: 'center'
   }
 });
+
 const Modal = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -67,11 +77,14 @@ const Modal = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const contentStyles = [styleSheet.content, contentStyle];
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet.container,
@@ -96,6 +109,7 @@ const Modal = props => {
     style: contentStyles
   }, children));
 };
+
 var _default = Modal;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["HEADER_HEIGHT","createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","children","headerBackgroundColor","iconBackgroundColor","renderIcon","contentStyle","onClose","testID","useEffect","_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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"}
+{"version":3,"file":"index.native.js","names":["HEADER_HEIGHT","createStyleSheet","theme","StyleSheet","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","useTemplateContext","styleSheet","setStylesheet","useState","children","headerBackgroundColor","iconBackgroundColor","renderIcon","contentStyle","onClose","testID","useEffect","_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/lib/hoc/modal/select/index.native.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
 import { ChoiceItem } from '../../../atom/select-modal/index.native';
-export type OnChangeFunction = (value: string) => void;
-export type Props = {
+export declare type OnChangeFunction = (value: string) => void;
+export declare type Props = {
     value?: string;
     values: Array<ChoiceItem> | undefined;
     onChange: OnChangeFunction;

package/lib/hoc/modal/select/index.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAQ1F,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,MAAM,MAAM,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvD,MAAM,MAAM,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,WAAW,UAAW,KAAK,uBAsChC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAA6B,qBAAqB,EAAY,MAAM,cAAc,CAAC;AAQ1F,OAAO,EAAC,UAAU,EAAC,MAAM,yCAAyC,CAAC;AAEnE,oBAAY,gBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEvD,oBAAY,KAAK,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAgDF,QAAA,MAAM,WAAW,UAAW,KAAK,uBAsChC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -2,15 +2,25 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _templateContext = require("../../../template/app-review/template-context");
+
 var _index = _interopRequireDefault(require("../index.native"));
+
 var _index2 = _interopRequireDefault(require("../select-item/index.native"));
+
 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); }
+
 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; }
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const createStyleSheet = theme => _reactNative.StyleSheet.create({
   content: {
     paddingHorizontal: 0
@@ -23,26 +33,31 @@ const createStyleSheet = theme => _reactNative.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.default.createElement(_index2.default, {
     onPress: handleChange(item.text),
     isSelected: value === item.text,
     testID: `${testID}-item-${index + 1}`
   }, item.text);
 };
+
 const createSeparator = styleSheet => function Separator() {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: styleSheet?.separator
   });
 };
+
 const ModalSelect = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -58,13 +73,16 @@ const ModalSelect = props => {
   } = props;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(theme);
+
     setStylesheet(_stylesheet);
   }, [theme]);
   const renderItem = (0, _react.useMemo)(() => createRenderItem(value, testID, onChange), [value, testID, onChange]);
   const renderSeparator = (0, _react.useMemo)(() => styleSheet ? createSeparator(styleSheet) : null, [styleSheet]);
+
   if (!styleSheet) {
     return null;
   }
+
   return /*#__PURE__*/_react.default.createElement(_index.default, {
     onClose: onClose,
     contentStyle: styleSheet?.content,
@@ -79,6 +97,7 @@ const ModalSelect = props => {
     testID: `${testID}-items`
   }));
 };
+
 var _default = ModalSelect;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map