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

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 declare type Props = {
+export 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,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"}
+{"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"}

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

@@ -2,24 +2,15 @@
 
 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,
@@ -59,7 +50,6 @@ const createStyleSheet = theme => _reactNative.StyleSheet.create({
     alignItems: 'center'
   }
 });
-
 const Modal = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const [styleSheet, setStylesheet] = (0, _react.useState)(null);
@@ -77,14 +67,11 @@ 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,
@@ -109,7 +96,6 @@ 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 declare type OnChangeFunction = (value: string) => void;
-export declare type Props = {
+export type OnChangeFunction = (value: string) => void;
+export 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,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"}
+{"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"}

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

@@ -2,25 +2,15 @@
 
 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
@@ -33,31 +23,26 @@ 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);
@@ -73,16 +58,13 @@ 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,
@@ -97,7 +79,6 @@ const ModalSelect = props => {
     testID: `${testID}-items`
   }));
 };
-
 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":["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"}
+{"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;AAA0D;AAAA;AAAA;AAmB1D,MAAMA,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,GAAG,CAACC,IAAgB,EAAEC,KAAa,KAAa;EAChE,OAAQ,qBAAoBA,KAAK,GAAG,CAAE,EAAC;AACzC,CAAC;AAGD,MAAMC,gBAAgB,GAAG,CAACC,KAAa,EAAEC,MAAc,EAAEC,QAA0B,KACjF,SAASC,IAAI,CAAC;EAACN,IAAI;EAAEC;AAAgB,CAAC,EAAE;EACtC;EACA,MAAMM,YAAY,GAAIC,MAAc,IAAK,MAAMH,QAAQ,CAACG,MAAM,CAAC;EAE/D,oBACE,6BAAC,eAAe;IACd,OAAO,EAAED,YAAY,CAACP,IAAI,CAACS,IAAI,CAAE;IACjC,UAAU,EAAEN,KAAK,KAAKH,IAAI,CAACS,IAAK;IAChC,MAAM,EAAG,GAAEL,MAAO,SAAQH,KAAK,GAAG,CAAE;EAAE,GAErCD,IAAI,CAACS,IAAI,CACM;AAEtB,CAAC;AAEH,MAAMC,eAAe,GAAIC,UAA0B,IACjD,SAASC,SAAS,GAAG;EACnB,oBAAO,6BAAC,iBAAI;IAAC,KAAK,EAAED,UAAU,EAAEnB;EAAU,EAAG;AAC/C,CAAC;AAEH,MAAMqB,WAAW,GAAIC,KAAY,IAAK;EACpC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM,CAACL,UAAU,EAAEM,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAAC/B;EAAK,CAAC,GAAG4B,eAAe;EAC/B,MAAM;IAACZ,KAAK,GAAG,EAAE;IAAEgB,MAAM;IAAEd,QAAQ;IAAEe,OAAO,iBAAO;IAAEhB,MAAM,GAAG;EAAc,CAAC,GAAGU,KAAK;EAErF,IAAAO,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAGpC,gBAAgB,CAACC,KAAK,CAAC;IAC3C8B,aAAa,CAACK,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACnC,KAAK,CAAC,CAAC;EAEX,MAAMoC,UAAU,GAAG,IAAAC,cAAO,EACxB,MAAMtB,gBAAgB,CAACC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAAC,EAC/C,CAACF,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAAC,CAC1B;EAED,MAAMoB,eAAe,GAAG,IAAAD,cAAO,EAC7B,MAAOb,UAAU,GAAGD,eAAe,CAACC,UAAU,CAAC,GAAG,IAAK,EACvD,CAACA,UAAU,CAAC,CACb;EAED,IAAI,CAACA,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACE,6BAAC,cAAK;IAAC,OAAO,EAAES,OAAQ;IAAC,YAAY,EAAET,UAAU,EAAErB,OAAQ;IAAC,MAAM,EAAEc;EAAO,gBACzE,6BAAC,qBAAQ;IACP,IAAI,EAAEe,MAAO;IACb,UAAU,EAAEI,UAAW;IACvB,YAAY,EAAExB,YAAa;IAC3B,4BAA4B,EAAE,KAAM;IACpC,sBAAsB,EAAE0B,eAAgB;IACxC,KAAK,EAAEd,UAAU,EAAEd,IAAK;IACxB,MAAM,EAAG,GAAEO,MAAO;EAAQ,EAC1B,CACI;AAEZ,CAAC;AAAC,eAEaS,WAAW;AAAA"}

package/lib/hoc/modal/select-item/index.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
-export declare type Props = {
+export type Props = {
     isSelected?: boolean;
     children: string;
     onPress?: (event: GestureResponderEvent) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,qBAAqB,EAAmC,MAAM,cAAc,CAAC;AAQrF,oBAAY,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,eAAe,UAAW,KAAK,uBA0BpC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../../src/hoc/modal/select-item/index.native.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,qBAAqB,EAAmC,MAAM,cAAc,CAAC;AAQrF,MAAM,MAAM,KAAK,GAAG;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAuBF,QAAA,MAAM,eAAe,UAAW,KAAK,uBA0BpC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -2,23 +2,14 @@
 
 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(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,
@@ -32,7 +23,6 @@ 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);
@@ -42,14 +32,11 @@ const ModalSelectItem = props => {
   } = templateContext;
   (0, _react.useEffect)(() => {
     const _stylesheet = createStyleSheet(brandTheme, theme);
-
     setStylesheet(_stylesheet);
   }, [theme, brandTheme]);
-
   if (!styleSheet) {
     return null;
   }
-
   const {
     children,
     onPress,
@@ -57,11 +44,9 @@ const ModalSelectItem = props => {
     testID
   } = props;
   const textStyle = [styleSheet.text];
-
   if (isSelected) {
     textStyle.push(styleSheet.selectedTextStyle);
   }
-
   return /*#__PURE__*/_react.default.createElement(_index2.default, {
     onPress: onPress,
     style: styleSheet.container,
@@ -70,7 +55,6 @@ const ModalSelectItem = props => {
     style: textStyle
   }, children));
 };
-
 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":["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","push"],"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  const textStyle: TextStyle[] = [styleSheet.text];\n  if (isSelected) {\n    textStyle.push(styleSheet.selectedTextStyle);\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,MAAMY,SAAsB,GAAG,CAACT,UAAU,CAACX,IAAZ,CAA/B;;EACA,IAAIkB,UAAJ,EAAgB;IACdE,SAAS,CAACC,IAAV,CAAeV,UAAU,CAACN,iBAA1B;EACD;;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,CA1BD;;eA4BeT,e"}
+{"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","push"],"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  const textStyle: TextStyle[] = [styleSheet.text];\n  if (isSelected) {\n    textStyle.push(styleSheet.selectedTextStyle);\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;AAAiF;AAAA;AAAA;AAiBjF,MAAMA,gBAAgB,GAAG,CAACC,UAAiB,EAAEC,KAAY,KACvDC,uBAAU,CAACC,MAAM,CAAC;EAChBC,SAAS,EAAE;IACTC,eAAe,EAAEJ,KAAK,CAACK,MAAM,CAACC,KAAK;IACnCC,OAAO,EAAEP,KAAK,CAACQ,OAAO,CAACC;EACzB,CAAC;EACDC,IAAI,EAAE;IACJC,UAAU,EAAEX,KAAK,CAACW,UAAU,CAACC,IAAI;IACjCC,KAAK,EAAEb,KAAK,CAACK,MAAM,CAACS;EACtB,CAAC;EACDC,iBAAiB,EAAE;IACjBF,KAAK,EAAEd,UAAU,EAAEM,MAAM,EAAEW;EAC7B;AACF,CAAC,CAAC;AAEJ,MAAMC,eAAe,GAAIC,KAAY,IAAK;EACxC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAC5C,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACzE,MAAM;IAACxB,UAAU;IAAEC;EAAK,CAAC,GAAGmB,eAAe;EAE3C,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAMC,WAAW,GAAG3B,gBAAgB,CAACC,UAAU,EAAEC,KAAK,CAAC;IACvDsB,aAAa,CAACG,WAAW,CAAC;EAC5B,CAAC,EAAE,CAACzB,KAAK,EAAED,UAAU,CAAC,CAAC;EAEvB,IAAI,CAACsB,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,MAAM;IAACK,QAAQ;IAAEC,OAAO;IAAEC,UAAU;IAAEC;EAAM,CAAC,GAAGX,KAAK;EAErD,MAAMY,SAAsB,GAAG,CAACT,UAAU,CAACX,IAAI,CAAC;EAChD,IAAIkB,UAAU,EAAE;IACdE,SAAS,CAACC,IAAI,CAACV,UAAU,CAACN,iBAAiB,CAAC;EAC9C;EAEA,oBACE,6BAAC,eAAS;IAAC,OAAO,EAAEY,OAAQ;IAAC,KAAK,EAAEN,UAAU,CAAClB,SAAU;IAAC,MAAM,EAAE0B;EAAO,gBACvE,6BAAC,cAAI;IAAC,KAAK,EAAEC;EAAU,GAAEJ,QAAQ,CAAQ,CAC/B;AAEhB,CAAC;AAAC,eAEaT,eAAe;AAAA"}

package/lib/hoc/swapper/index.js

@@ -2,21 +2,13 @@
 
 exports.__esModule = true;
 exports.safeCancelAnimationFrame = exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 const _excluded = ["children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 const safeCancelAnimationFrame = requestId => requestId && cancelAnimationFrame(requestId);
-
 exports.safeCancelAnimationFrame = safeCancelAnimationFrame;
-
 class Swapper extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -24,7 +16,6 @@ class Swapper extends _react.default.Component {
       init: true
     };
   }
-
   componentDidMount() {
     if (typeof requestAnimationFrame !== 'undefined') {
       this.requestID = requestAnimationFrame(() => this.setState({
@@ -32,31 +23,24 @@ class Swapper extends _react.default.Component {
       }));
     }
   }
-
   componentWillUnmount() {
     if (this.requestID !== undefined) {
       safeCancelAnimationFrame(this.requestID);
     }
   }
-
   render() {
     const {
       init
     } = this.state;
-
     const _this$props = this.props,
-          {
-      children
-    } = _this$props,
-          props = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      {
+        children
+      } = _this$props,
+      props = _objectWithoutPropertiesLoose(_this$props, _excluded);
     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
 } : {};

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["safeCancelAnimationFrame","requestId","cancelAnimationFrame","Swapper","React","Component","constructor","props","state","init","componentDidMount","requestAnimationFrame","requestID","setState","componentWillUnmount","undefined","render","children","child","Children","only","cloneElement","propTypes","PropTypes","node"],"sources":["../../../src/hoc/swapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const safeCancelAnimationFrame = requestId => requestId && cancelAnimationFrame(requestId);\n\nclass Swapper extends React.Component {\n  static propTypes = {\n    children: PropTypes.node\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      init: true\n    };\n  }\n\n  componentDidMount() {\n    if (typeof requestAnimationFrame !== 'undefined') {\n      this.requestID = requestAnimationFrame(() => this.setState({init: false}));\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.requestID !== undefined) {\n      safeCancelAnimationFrame(this.requestID);\n    }\n  }\n\n  render() {\n    const {init} = this.state;\n    const {children, ...props} = this.props;\n    const child = React.Children.only(children);\n\n    return init ? React.cloneElement(child, props) : child;\n  }\n}\n\nexport default Swapper;\n"],"mappings":";;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,wBAAwB,GAAGC,SAAS,IAAIA,SAAS,IAAIC,oBAAoB,CAACD,SAAD,CAA/E;;;;AAEP,MAAME,OAAN,SAAsBC,cAAA,CAAMC,SAA5B,CAAsC;EAKpCC,WAAW,CAACC,KAAD,EAAQ;IACjB,MAAMA,KAAN;IAEA,KAAKC,KAAL,GAAa;MACXC,IAAI,EAAE;IADK,CAAb;EAGD;;EAEDC,iBAAiB,GAAG;IAClB,IAAI,OAAOC,qBAAP,KAAiC,WAArC,EAAkD;MAChD,KAAKC,SAAL,GAAiBD,qBAAqB,CAAC,MAAM,KAAKE,QAAL,CAAc;QAACJ,IAAI,EAAE;MAAP,CAAd,CAAP,CAAtC;IACD;EACF;;EAEDK,oBAAoB,GAAG;IACrB,IAAI,KAAKF,SAAL,KAAmBG,SAAvB,EAAkC;MAChCf,wBAAwB,CAAC,KAAKY,SAAN,CAAxB;IACD;EACF;;EAEDI,MAAM,GAAG;IACP,MAAM;MAACP;IAAD,IAAS,KAAKD,KAApB;;IACA,oBAA6B,KAAKD,KAAlC;IAAA,MAAM;MAACU;IAAD,CAAN;IAAA,MAAoBV,KAApB;;IACA,MAAMW,KAAK,GAAGd,cAAA,CAAMe,QAAN,CAAeC,IAAf,CAAoBH,QAApB,CAAd;;IAEA,OAAOR,IAAI,gBAAGL,cAAA,CAAMiB,YAAN,CAAmBH,KAAnB,EAA0BX,KAA1B,CAAH,GAAsCW,KAAjD;EACD;;AA/BmC;;AAAhCf,O,CACGmB,S,2CAAY;EACjBL,QAAQ,EAAEM,kBAAA,CAAUC;AADH,C;eAiCNrB,O"}
+{"version":3,"file":"index.js","names":["safeCancelAnimationFrame","requestId","cancelAnimationFrame","Swapper","React","Component","constructor","props","state","init","componentDidMount","requestAnimationFrame","requestID","setState","componentWillUnmount","undefined","render","children","child","Children","only","cloneElement","propTypes","PropTypes","node"],"sources":["../../../src/hoc/swapper/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nexport const safeCancelAnimationFrame = requestId => requestId && cancelAnimationFrame(requestId);\n\nclass Swapper extends React.Component {\n  static propTypes = {\n    children: PropTypes.node\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      init: true\n    };\n  }\n\n  componentDidMount() {\n    if (typeof requestAnimationFrame !== 'undefined') {\n      this.requestID = requestAnimationFrame(() => this.setState({init: false}));\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.requestID !== undefined) {\n      safeCancelAnimationFrame(this.requestID);\n    }\n  }\n\n  render() {\n    const {init} = this.state;\n    const {children, ...props} = this.props;\n    const child = React.Children.only(children);\n\n    return init ? React.cloneElement(child, props) : child;\n  }\n}\n\nexport default Swapper;\n"],"mappings":";;;;AAAA;AACA;AAAmC;AAAA;AAAA;AAE5B,MAAMA,wBAAwB,GAAGC,SAAS,IAAIA,SAAS,IAAIC,oBAAoB,CAACD,SAAS,CAAC;AAAC;AAElG,MAAME,OAAO,SAASC,cAAK,CAACC,SAAS,CAAC;EAKpCC,WAAW,CAACC,KAAK,EAAE;IACjB,KAAK,CAACA,KAAK,CAAC;IAEZ,IAAI,CAACC,KAAK,GAAG;MACXC,IAAI,EAAE;IACR,CAAC;EACH;EAEAC,iBAAiB,GAAG;IAClB,IAAI,OAAOC,qBAAqB,KAAK,WAAW,EAAE;MAChD,IAAI,CAACC,SAAS,GAAGD,qBAAqB,CAAC,MAAM,IAAI,CAACE,QAAQ,CAAC;QAACJ,IAAI,EAAE;MAAK,CAAC,CAAC,CAAC;IAC5E;EACF;EAEAK,oBAAoB,GAAG;IACrB,IAAI,IAAI,CAACF,SAAS,KAAKG,SAAS,EAAE;MAChCf,wBAAwB,CAAC,IAAI,CAACY,SAAS,CAAC;IAC1C;EACF;EAEAI,MAAM,GAAG;IACP,MAAM;MAACP;IAAI,CAAC,GAAG,IAAI,CAACD,KAAK;IACzB,oBAA6B,IAAI,CAACD,KAAK;MAAjC;QAACU;MAAkB,CAAC;MAANV,KAAK;IACzB,MAAMW,KAAK,GAAGd,cAAK,CAACe,QAAQ,CAACC,IAAI,CAACH,QAAQ,CAAC;IAE3C,OAAOR,IAAI,gBAAGL,cAAK,CAACiB,YAAY,CAACH,KAAK,EAAEX,KAAK,CAAC,GAAGW,KAAK;EACxD;AACF;AAhCMf,OAAO,CACJmB,SAAS,2CAAG;EACjBL,QAAQ,EAAEM,kBAAS,CAACC;AACtB,CAAC;AAAA,eA+BYrB,OAAO;AAAA"}

package/lib/hoc/touchable/index.native.d.ts

@@ -2,7 +2,7 @@ import { ViewStyle, LayoutChangeEvent, NativeSyntheticEvent, GestureResponderEve
 import React from 'react';
 import { Analytics, AnalyticsEventParams } from '../../variables/analytics';
 import { Vibration } from '../../variables/vibration';
-export declare type Props = {
+export type Props = {
     accessibilityLabel?: string;
     accessible?: boolean;
     children?: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,oBAAY,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAqE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../../src/hoc/touchable/index.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,OAAO,EAAuB,SAAS,EAAE,oBAAoB,EAAC,MAAM,2BAA2B,CAAC;AAChG,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AASpD,MAAM,MAAM,KAAK,GAAG;IAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC9C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAE7B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,oBAAoB,CAAC;IACvC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB,CAAC;AAeF,QAAA,MAAM,SAAS,UAAW,KAAK,gBAqE9B,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -2,34 +2,24 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _reactNative = require("react-native");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _templateContext = require("../../template/app-review/template-context");
-
 var _analytics = require("../../variables/analytics");
-
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const hitSlop = {
   left: 12,
   right: 12,
   bottom: 12,
   top: 12
 };
-
 const logEvent = (eventName, analyticsID, analytics, analyticsParams) => {
   analytics && analytics.logEvent(eventName, _extends({}, analyticsParams || {}, {
     id: analyticsID
   }));
 };
-
 const Touchable = props => {
   const templateContext = (0, _templateContext.useTemplateContext)();
   const {
@@ -60,7 +50,6 @@ const Touchable = props => {
     analytics && analyticsID && logEvent(_analytics.ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);
     onLongPress(event);
   }, [analytics, analyticsID, analyticsParams, onLongPress, vibration]);
-
   if (isHighlight) {
     return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, _extends({}, props, {
       accessibilityLabel: accessibilityLabel,
@@ -71,7 +60,6 @@ const Touchable = props => {
       activeOpacity: activeOpacity || (disabled ? 1 : 0.85)
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({}, props, {
     accessibilityLabel: accessibilityLabel,
     hitSlop: hitSlop,
@@ -80,7 +68,6 @@ const Touchable = props => {
     activeOpacity: isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2)
   }));
 };
-
 var _default = Touchable;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map