@coorpacademy/components 11.33.0 → 11.33.2-alpha.0

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(e) { return e && e.__esModule ? e : { default: e }; }
+
+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,17 +171,21 @@ 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,
   children: _propTypes.default.node
 } : {};
-var _default = exports.default = AnimationScheduler;
+var _default = AnimationScheduler;
+exports.default = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_animation","_transition","e","__esModule","default","AnimationAdapter","animated","onAnimationEnd","_noop2","name","children","React","Children","map","child","cloneElement","exports","propTypes","process","env","NODE_ENV","PropTypes","string","isRequired","func","bool","pickByWithKey","_pickBy2","convert","cap","walker","type","handler","index","_isNil2","_isString2","newChild","count","props","reduceChildren","fun","acc","newAcc","getAnimationNames","Animation","Transition","mergeAnimationStates","animations","names","_pipe2","value","key","_includes2","_assign2","_reduce2","_set2","AnimationScheduler","Component","getDerivedStateFromProps","state","constructor","isAnimated","after","_every2","_getOr2","_isArray2","handlerAnimationEnd","setState","hasPendingAnimation","_get2","_values2","_some2","_negate2","_identity2","processAnimation","parentAnimated","render","bind","node","_default"],"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":["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.js

@@ -2,14 +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(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const HEADER_HEIGHT = exports.HEADER_HEIGHT = 64;
+
+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,
@@ -49,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);
@@ -66,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,
@@ -95,5 +109,7 @@ const Modal = props => {
     style: contentStyles
   }, children));
 };
-var _default = exports.default = Modal;
+
+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":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HEADER_HEIGHT","exports","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","createElement","View","style","color","gray","dark","isFloating","onPress","type","_default"],"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":["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.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(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+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,5 +97,7 @@ const ModalSelect = props => {
     testID: `${testID}-items`
   }));
 };
-var _default = exports.default = ModalSelect;
+
+var _default = ModalSelect;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_templateContext","_index","_interopRequireDefault","_index2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","theme","StyleSheet","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","View","style","ModalSelect","props","templateContext","useTemplateContext","setStylesheet","useState","values","onClose","_noop2","useEffect","_stylesheet","renderItem","useMemo","renderSeparator","contentStyle","FlatList","data","showsVerticalScrollIndicator","ItemSeparatorComponent","_default","exports"],"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":";;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,gBAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAD,sBAAA,CAAAJ,OAAA;AAA0D,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAX,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAmB1D,MAAMmB,gBAAgB,GAAIC,KAAY,IACpCC,uBAAU,CAACC,MAAM,CAAC;EAChBC,OAAO,EAAE;IACPC,iBAAiB,EAAE;EACrB,CAAC;EACDC,SAAS,EAAE;IACTC,cAAc,EAAE,CAAC;IACjBC,WAAW,EAAEP,KAAK,CAACQ,MAAM,CAACC;EAC5B,CAAC;EACDC,IAAI,EAAE;IACJC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEJ,MAAMC,YAAY,GAAGA,CAACC,IAAgB,EAAEC,KAAa,KAAa;EAChE,OAAO,qBAAqBA,KAAK,GAAG,CAAC,EAAE;AACzC,CAAC;AAGD,MAAMC,gBAAgB,GAAGA,CAACC,KAAa,EAAEC,MAAc,EAAEC,QAA0B,KACjF,SAASC,IAAIA,CAAC;EAACN,IAAI;EAAEC;AAAgB,CAAC,EAAE;EACtC;EACA,MAAMM,YAAY,GAAIC,MAAc,IAAK,MAAMH,QAAQ,CAACG,MAAM,CAAC;EAE/D,oBACElD,MAAA,CAAAc,OAAA,CAAAqC,aAAA,CAAC5C,OAAA,CAAAO,OAAe;IACdsC,OAAO,EAAEH,YAAY,CAACP,IAAI,CAACW,IAAI,CAAE;IACjCC,UAAU,EAAET,KAAK,KAAKH,IAAI,CAACW,IAAK;IAChCP,MAAM,EAAE,GAAGA,MAAM,SAASH,KAAK,GAAG,CAAC;EAAG,GAErCD,IAAI,CAACW,IACS,CAAC;AAEtB,CAAC;AAEH,MAAME,eAAe,GAAIC,UAA0B,IACjD,SAASC,SAASA,CAAA,EAAG;EACnB,oBAAOzD,MAAA,CAAAc,OAAA,CAAAqC,aAAA,CAAChD,YAAA,CAAAuD,IAAI;IAACC,KAAK,EAAEH,UAAU,EAAEtB;EAAU,CAAE,CAAC;AAC/C,CAAC;AAEH,MAAM0B,WAAW,GAAIC,KAAY,IAAK;EACpC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,EAAC,CAAC;EAC5C,MAAM,CAACP,UAAU,EAAEQ,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAACpC;EAAK,CAAC,GAAGiC,eAAe;EAC/B,MAAM;IAACjB,KAAK,GAAG,EAAE;IAAEqB,MAAM;IAAEnB,QAAQ;IAAEoB,OAAO,GAAAC,MAAA,CAAAtD,OAAO;IAAEgC,MAAM,GAAG;EAAc,CAAC,GAAGe,KAAK;EAErF,IAAAQ,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG1C,gBAAgB,CAACC,KAAK,CAAC;IAC3CmC,aAAa,CAACM,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACzC,KAAK,CAAC,CAAC;EAEX,MAAM0C,UAAU,GAAG,IAAAC,cAAO,EACxB,MAAM5B,gBAAgB,CAACC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAAC,EAC/C,CAACF,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAC1B,CAAC;EAED,MAAM0B,eAAe,GAAG,IAAAD,cAAO,EAC7B,MAAOhB,UAAU,GAAGD,eAAe,CAACC,UAAU,CAAC,GAAG,IAAK,EACvD,CAACA,UAAU,CACb,CAAC;EAED,IAAI,CAACA,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACExD,MAAA,CAAAc,OAAA,CAAAqC,aAAA,CAAC9C,MAAA,CAAAS,OAAK;IAACqD,OAAO,EAAEA,OAAQ;IAACO,YAAY,EAAElB,UAAU,EAAExB,OAAQ;IAACc,MAAM,EAAEA;EAAO,gBACzE9C,MAAA,CAAAc,OAAA,CAAAqC,aAAA,CAAChD,YAAA,CAAAwE,QAAQ;IACPC,IAAI,EAAEV,MAAO;IACbK,UAAU,EAAEA,UAAW;IACvB9B,YAAY,EAAEA,YAAa;IAC3BoC,4BAA4B,EAAE,KAAM;IACpCC,sBAAsB,EAAEL,eAAgB;IACxCd,KAAK,EAAEH,UAAU,EAAEjB,IAAK;IACxBO,MAAM,EAAE,GAAGA,MAAM;EAAS,CAC3B,CACI,CAAC;AAEZ,CAAC;AAAC,IAAAiC,QAAA,GAAAC,OAAA,CAAAlE,OAAA,GAEa8C,WAAW","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","theme","StyleSheet","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","useTemplateContext","setStylesheet","useState","values","onClose","useEffect","_stylesheet","renderItem","useMemo","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":";;;;;;;AAAA;;AACA;;AAIA;;AAEA;;AACA;;;;;;;;AAmBA,MAAMA,gBAAgB,GAAIC,KAAD,IACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,OAAO,EAAE;IACPC,iBAAiB,EAAE;EADZ,CADO;EAIhBC,SAAS,EAAE;IACTC,cAAc,EAAE,CADP;IAETC,WAAW,EAAEP,KAAK,CAACQ,MAAN,CAAaC;EAFjB,CAJK;EAQhBC,IAAI,EAAE;IACJC,KAAK,EAAE;EADH;AARU,CAAlB,CADF;;AAcA,MAAMC,YAAY,GAAG,CAACC,IAAD,EAAmBC,KAAnB,KAA6C;EAChE,OAAQ,qBAAoBA,KAAK,GAAG,CAAE,EAAtC;AACD,CAFD;;AAKA,MAAMC,gBAAgB,GAAG,CAACC,KAAD,EAAgBC,MAAhB,EAAgCC,QAAhC,KACvB,SAASC,IAAT,CAAc;EAACN,IAAD;EAAOC;AAAP,CAAd,EAAwC;EACtC;EACA,MAAMM,YAAY,GAAIC,MAAD,IAAoB,MAAMH,QAAQ,CAACG,MAAD,CAAvD;;EAEA,oBACE,6BAAC,eAAD;IACE,OAAO,EAAED,YAAY,CAACP,IAAI,CAACS,IAAN,CADvB;IAEE,UAAU,EAAEN,KAAK,KAAKH,IAAI,CAACS,IAF7B;IAGE,MAAM,EAAG,GAAEL,MAAO,SAAQH,KAAK,GAAG,CAAE;EAHtC,GAKGD,IAAI,CAACS,IALR,CADF;AASD,CAdH;;AAgBA,MAAMC,eAAe,GAAIC,UAAD,IACtB,SAASC,SAAT,GAAqB;EACnB,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAED,UAAU,EAAEnB;EAAzB,EAAP;AACD,CAHH;;AAKA,MAAMqB,WAAW,GAAIC,KAAD,IAAkB;EACpC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACL,UAAD,EAAaM,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAAC/B;EAAD,IAAU4B,eAAhB;EACA,MAAM;IAACZ,KAAK,GAAG,EAAT;IAAagB,MAAb;IAAqBd,QAArB;IAA+Be,OAAO,iBAAtC;IAA+ChB,MAAM,GAAG;EAAxD,IAA0EU,KAAhF;EAEA,IAAAO,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAGpC,gBAAgB,CAACC,KAAD,CAApC;;IACA8B,aAAa,CAACK,WAAD,CAAb;EACD,CAHD,EAGG,CAACnC,KAAD,CAHH;EAKA,MAAMoC,UAAU,GAAG,IAAAC,cAAA,EACjB,MAAMtB,gBAAgB,CAACC,KAAD,EAAQC,MAAR,EAAgBC,QAAhB,CADL,EAEjB,CAACF,KAAD,EAAQC,MAAR,EAAgBC,QAAhB,CAFiB,CAAnB;EAKA,MAAMoB,eAAe,GAAG,IAAAD,cAAA,EACtB,MAAOb,UAAU,GAAGD,eAAe,CAACC,UAAD,CAAlB,GAAiC,IAD5B,EAEtB,CAACA,UAAD,CAFsB,CAAxB;;EAKA,IAAI,CAACA,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,oBACE,6BAAC,cAAD;IAAO,OAAO,EAAES,OAAhB;IAAyB,YAAY,EAAET,UAAU,EAAErB,OAAnD;IAA4D,MAAM,EAAEc;EAApE,gBACE,6BAAC,qBAAD;IACE,IAAI,EAAEe,MADR;IAEE,UAAU,EAAEI,UAFd;IAGE,YAAY,EAAExB,YAHhB;IAIE,4BAA4B,EAAE,KAJhC;IAKE,sBAAsB,EAAE0B,eAL1B;IAME,KAAK,EAAEd,UAAU,EAAEd,IANrB;IAOE,MAAM,EAAG,GAAEO,MAAO;EAPpB,EADF,CADF;AAaD,CAtCD;;eAwCeS,W"}

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

@@ -2,14 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _reactNative = require("react-native");
+
 var _index = _interopRequireDefault(require("../../../atom/text/index.native"));
+
 var _index2 = _interopRequireDefault(require("../../touchable/index.native"));
+
 var _templateContext = require("../../../template/app-review/template-context");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+
+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 createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
   container: {
     backgroundColor: theme.colors.white,
@@ -23,6 +32,7 @@ const createStyleSheet = (brandTheme, theme) => _reactNative.StyleSheet.create({
     color: brandTheme?.colors?.primary
   }
 });
+
 const ModalSelectItem = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -32,11 +42,14 @@ const ModalSelectItem = props => {
   } = templateContext;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
+
     setStylesheet(_stylesheet);
   }, [theme, brandTheme]);
+
   if (!styleSheet) {
     return null;
   }
+
   const {
     children,
     onPress,
@@ -44,12 +57,13 @@ const ModalSelectItem = props => {
     testID
   } = props;
   let textStyle = styleSheet.text;
+
   if (isSelected) {
-    textStyle = {
-      ...textStyle,
+    textStyle = { ...textStyle,
       ...styleSheet.selectedTextStyle
     };
   }
+
   return /*#__PURE__*/_react.default.createElement(_index2.default, {
     onPress: onPress,
     style: styleSheet.container,
@@ -58,5 +72,7 @@ const ModalSelectItem = props => {
     style: textStyle
   }, children));
 };
-var _default = exports.default = ModalSelectItem;
+
+var _default = ModalSelectItem;
+exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["_react","_interopRequireWildcard","require","_reactNative","_index","_interopRequireDefault","_index2","_templateContext","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createStyleSheet","brandTheme","theme","StyleSheet","create","container","backgroundColor","colors","white","padding","spacing","small","text","fontWeight","bold","color","black","selectedTextStyle","primary","ModalSelectItem","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_stylesheet","children","onPress","isSelected","testID","textStyle","createElement","style","_default","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"index.native.js","names":["createStyleSheet","brandTheme","theme","StyleSheet","create","container","backgroundColor","colors","white","padding","spacing","small","text","fontWeight","bold","color","black","selectedTextStyle","primary","ModalSelectItem","props","templateContext","useTemplateContext","styleSheet","setStylesheet","useState","useEffect","_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;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAiBA,MAAMA,gBAAgB,GAAG,CAACC,UAAD,EAAoBC,KAApB,KACvBC,uBAAA,CAAWC,MAAX,CAAkB;EAChBC,SAAS,EAAE;IACTC,eAAe,EAAEJ,KAAK,CAACK,MAAN,CAAaC,KADrB;IAETC,OAAO,EAAEP,KAAK,CAACQ,OAAN,CAAcC;EAFd,CADK;EAKhBC,IAAI,EAAE;IACJC,UAAU,EAAEX,KAAK,CAACW,UAAN,CAAiBC,IADzB;IAEJC,KAAK,EAAEb,KAAK,CAACK,MAAN,CAAaS;EAFhB,CALU;EAShBC,iBAAiB,EAAE;IACjBF,KAAK,EAAEd,UAAU,EAAEM,MAAZ,EAAoBW;EADV;AATH,CAAlB,CADF;;AAeA,MAAMC,eAAe,GAAIC,KAAD,IAAkB;EACxC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B,IAAAC,eAAA,EAAgC,IAAhC,CAApC;EACA,MAAM;IAACxB,UAAD;IAAaC;EAAb,IAAsBmB,eAA5B;EAEA,IAAAK,gBAAA,EAAU,MAAM;IACd,MAAMC,WAAW,GAAG3B,gBAAgB,CAACC,UAAD,EAAaC,KAAb,CAApC;;IACAsB,aAAa,CAACG,WAAD,CAAb;EACD,CAHD,EAGG,CAACzB,KAAD,EAAQD,UAAR,CAHH;;EAKA,IAAI,CAACsB,UAAL,EAAiB;IACf,OAAO,IAAP;EACD;;EAED,MAAM;IAACK,QAAD;IAAWC,OAAX;IAAoBC,UAApB;IAAgCC;EAAhC,IAA0CX,KAAhD;EAEA,IAAIY,SAAoB,GAAGT,UAAU,CAACX,IAAtC;;EAEA,IAAIkB,UAAJ,EAAgB;IACdE,SAAS,GAAG,EACV,GAAGA,SADO;MAEV,GAAGT,UAAU,CAACN;IAFJ,CAAZ;EAID;;EAED,oBACE,6BAAC,eAAD;IAAW,OAAO,EAAEY,OAApB;IAA6B,KAAK,EAAEN,UAAU,CAAClB,SAA/C;IAA0D,MAAM,EAAE0B;EAAlE,gBACE,6BAAC,cAAD;IAAM,KAAK,EAAEC;EAAb,GAAyBJ,QAAzB,CADF,CADF;AAKD,CA9BD;;eAgCeT,e"}

package/lib/hoc/swapper/index.js

@@ -2,11 +2,17 @@
 
 exports.__esModule = true;
 exports.safeCancelAnimationFrame = exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const safeCancelAnimationFrame = requestId => requestId && cancelAnimationFrame(requestId);
+
 exports.safeCancelAnimationFrame = safeCancelAnimationFrame;
+
 class Swapper extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -14,6 +20,7 @@ class Swapper extends _react.default.Component {
       init: true
     };
   }
+
   componentDidMount() {
     if (typeof requestAnimationFrame !== 'undefined') {
       this.requestID = requestAnimationFrame(() => this.setState({
@@ -21,11 +28,13 @@ class Swapper extends _react.default.Component {
       }));
     }
   }
+
   componentWillUnmount() {
     if (this.requestID !== undefined) {
       safeCancelAnimationFrame(this.requestID);
     }
   }
+
   render() {
     const {
       init
@@ -34,12 +43,17 @@ class Swapper extends _react.default.Component {
       children,
       ...props
     } = this.props;
+
     const child = _react.default.Children.only(children);
+
     return init ? /*#__PURE__*/_react.default.cloneElement(child, props) : child;
   }
+
 }
+
 Swapper.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node
 } : {};
-var _default = exports.default = Swapper;
+var _default = Swapper;
+exports.default = _default;
 //# sourceMappingURL=index.js.map