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

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;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"}
+{"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.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { GestureResponderEvent } from 'react-native';
-export type Props = {
+export declare 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,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"}
+{"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"}

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(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,9 +57,11 @@ 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,
@@ -55,6 +70,7 @@ 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;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"}
+{"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"}

package/lib/hoc/swapper/index.js

@@ -2,13 +2,21 @@
 
 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);
@@ -16,6 +24,7 @@ class Swapper extends _react.default.Component {
       init: true
     };
   }
+
   componentDidMount() {
     if (typeof requestAnimationFrame !== 'undefined') {
       this.requestID = requestAnimationFrame(() => this.setState({
@@ -23,24 +32,31 @@ 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;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"}
+{"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"}

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

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

@@ -2,24 +2,34 @@
 
 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 {
@@ -50,6 +60,7 @@ 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,
@@ -60,6 +71,7 @@ const Touchable = props => {
       activeOpacity: activeOpacity || (disabled ? 1 : 0.85)
     }));
   }
+
   return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, _extends({}, props, {
     accessibilityLabel: accessibilityLabel,
     hitSlop: hitSlop,
@@ -68,6 +80,7 @@ const Touchable = props => {
     activeOpacity: isWithoutFeedback && 1 || activeOpacity || (disabled ? 1 : 0.2)
   }));
 };
+
 var _default = Touchable;
 exports.default = _default;
 //# sourceMappingURL=index.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.native.js","names":["hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","useTemplateContext","theme","vibration","accessibilityLabel","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","useMemo","event","vibrate","ANALYTICS_EVENT_TYPE","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  TouchableOpacity,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent,\n  StyleProp\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessibilityLabel?: string;\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle>;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    accessibilityLabel,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        accessibilityLabel={accessibilityLabel}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":";;;;AAAA;AAWA;AACA;AACA;AAAgG;AAAA;AAAA;AAGhG,MAAMA,OAAO,GAAG;EACdC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,GAAG,EAAE;AACP,CAAC;AA+BD,MAAMC,QAAQ,GAAG,CACfC,SAAiB,EACjBC,WAAmB,EACnBC,SAAoB,EACpBC,eAAsC,KACnC;EACHD,SAAS,IACPA,SAAS,CAACH,QAAQ,CAACC,SAAS,eACtBG,eAAe,IAAI,CAAC,CAAC;IACzBC,EAAE,EAAEH;EAAW,GACf;AACN,CAAC;AAED,MAAMI,SAAS,GAAIC,KAAY,IAAK;EAClC,MAAMC,eAAe,GAAG,IAAAC,mCAAkB,GAAE;EAE5C,MAAM;IAACC,KAAK;IAAEC,SAAS;IAAER;EAAS,CAAC,GAAGK,eAAe;EAErD,MAAM;IACJN,WAAW;IACXE,eAAe;IACfQ,kBAAkB;IAClBC,OAAO;IACPC,WAAW;IACXC,iBAAiB;IACjBC,WAAW;IACXC,aAAa;IACbC;EACF,CAAC,GAAGX,KAAK;EAET,MAAMY,WAAW,GAAG,IAAAC,cAAO,EACzB,MAAOC,KAA4B,IAAK;IACtC,IAAI,CAACR,OAAO,EAAE;IAEdF,SAAS,EAAEW,OAAO,EAAE;IAEpBnB,SAAS,IACPD,WAAW,IACXF,QAAQ,CAACuB,+BAAoB,CAACC,KAAK,EAAEtB,WAAW,EAAEC,SAAS,EAAEC,eAAe,CAAC;IAC/ES,OAAO,CAACQ,KAAK,CAAC;EAChB,CAAC,EACD,CAAClB,SAAS,EAAED,WAAW,EAAEE,eAAe,EAAES,OAAO,EAAEF,SAAS,CAAC,CAC9D;EAED,MAAMc,eAAe,GAAG,IAAAL,cAAO,EAC7B,MAAOC,KAA4B,IAAK;IACtC,IAAI,CAACP,WAAW,EAAE;IAElBH,SAAS,EAAEW,OAAO,EAAE;IAEpBnB,SAAS,IACPD,WAAW,IACXF,QAAQ,CAACuB,+BAAoB,CAACG,UAAU,EAAExB,WAAW,EAAEC,SAAS,EAAEC,eAAe,CAAC;IACpFU,WAAW,CAACO,KAAK,CAAC;EACpB,CAAC,EACD,CAAClB,SAAS,EAAED,WAAW,EAAEE,eAAe,EAAEU,WAAW,EAAEH,SAAS,CAAC,CAClE;EAED,IAAIK,WAAW,EAAE;IACf,oBACE,6BAAC,+BAAkB,eACbT,KAAK;MACT,kBAAkB,EAAEK,kBAAmB;MACvC,OAAO,EAAEjB,OAAQ;MACjB,aAAa,EAAEe,KAAK,CAACiB,MAAM,CAACC,IAAI,CAACC,KAAM;MACvC,OAAO,EAAEV,WAAY;MACrB,WAAW,EAAEM,eAAgB;MAC7B,aAAa,EAAER,aAAa,KAAKC,QAAQ,GAAG,CAAC,GAAG,IAAI;IAAE,GACtD;EAEN;EAEA,oBACE,6BAAC,6BAAgB,eACXX,KAAK;IACT,kBAAkB,EAAEK,kBAAmB;IACvC,OAAO,EAAEjB,OAAQ;IACjB,OAAO,EAAEwB,WAAY;IACrB,WAAW,EAAEM,eAAgB;IAC7B,aAAa,EAAGV,iBAAiB,IAAI,CAAC,IAAKE,aAAa,KAAKC,QAAQ,GAAG,CAAC,GAAG,GAAG;EAAE,GACjF;AAEN,CAAC;AAAC,eAEaZ,SAAS;AAAA"}
+{"version":3,"file":"index.native.js","names":["hitSlop","left","right","bottom","top","logEvent","eventName","analyticsID","analytics","analyticsParams","id","Touchable","props","templateContext","useTemplateContext","theme","vibration","accessibilityLabel","onPress","onLongPress","isWithoutFeedback","isHighlight","activeOpacity","disabled","handlePress","useMemo","event","vibrate","ANALYTICS_EVENT_TYPE","PRESS","handleLongPress","LONG_PRESS","colors","gray","light"],"sources":["../../../src/hoc/touchable/index.native.tsx"],"sourcesContent":["import {\n  TouchableOpacity,\n  TouchableHighlight,\n  ViewStyle,\n  LayoutChangeEvent,\n  NativeSyntheticEvent,\n  GestureResponderEvent,\n  TargetedEvent,\n  StyleProp\n} from 'react-native';\n\nimport React, {useMemo} from 'react';\nimport {useTemplateContext} from '../../template/app-review/template-context';\nimport {ANALYTICS_EVENT_TYPE, Analytics, AnalyticsEventParams} from '../../variables/analytics';\nimport {Vibration} from '../../variables/vibration';\n\nconst hitSlop = {\n  left: 12,\n  right: 12,\n  bottom: 12,\n  top: 12\n};\n\nexport type Props = {\n  accessibilityLabel?: string;\n  accessible?: boolean;\n  children?: React.ReactNode;\n  delayLongPress?: number;\n  delayPressIn?: number;\n  delayPressOut?: number;\n  disabled?: boolean;\n  focusable?: boolean;\n  onBlur?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onFocus?: (event: NativeSyntheticEvent<TargetedEvent>) => void;\n  onLayout?: (event: LayoutChangeEvent) => void;\n  onLongPress?: (event: GestureResponderEvent) => void;\n  onPress?: (event: GestureResponderEvent) => void;\n  onPressIn?: (event: GestureResponderEvent) => void;\n  onPressOut?: (event: GestureResponderEvent) => void;\n  testID?: string;\n  isHighlight?: boolean;\n  isWithoutFeedback?: boolean;\n  // for TouchableOpacity\n  activeOpacity?: number;\n  style?: StyleProp<ViewStyle>;\n  // Analytics\n  analytics?: Analytics;\n  analyticsID?: string;\n  analyticsParams?: AnalyticsEventParams;\n  vibration?: Vibration;\n};\n\nconst logEvent = (\n  eventName: string,\n  analyticsID: string,\n  analytics: Analytics,\n  analyticsParams?: AnalyticsEventParams\n) => {\n  analytics &&\n    analytics.logEvent(eventName, {\n      ...(analyticsParams || {}),\n      id: analyticsID\n    });\n};\n\nconst Touchable = (props: Props) => {\n  const templateContext = useTemplateContext();\n\n  const {theme, vibration, analytics} = templateContext;\n\n  const {\n    analyticsID,\n    analyticsParams,\n    accessibilityLabel,\n    onPress,\n    onLongPress,\n    isWithoutFeedback,\n    isHighlight,\n    activeOpacity,\n    disabled\n  } = props;\n\n  const handlePress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.PRESS, analyticsID, analytics, analyticsParams);\n      onPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onPress, vibration]\n  );\n\n  const handleLongPress = useMemo(\n    () => (event: GestureResponderEvent) => {\n      if (!onLongPress) return;\n\n      vibration?.vibrate();\n\n      analytics &&\n        analyticsID &&\n        logEvent(ANALYTICS_EVENT_TYPE.LONG_PRESS, analyticsID, analytics, analyticsParams);\n      onLongPress(event);\n    },\n    [analytics, analyticsID, analyticsParams, onLongPress, vibration]\n  );\n\n  if (isHighlight) {\n    return (\n      <TouchableHighlight\n        {...props}\n        accessibilityLabel={accessibilityLabel}\n        hitSlop={hitSlop}\n        underlayColor={theme.colors.gray.light}\n        onPress={handlePress}\n        onLongPress={handleLongPress}\n        activeOpacity={activeOpacity || (disabled ? 1 : 0.85)}\n      />\n    );\n  }\n\n  return (\n    <TouchableOpacity\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      hitSlop={hitSlop}\n      onPress={handlePress}\n      onLongPress={handleLongPress}\n      activeOpacity={(isWithoutFeedback && 1) || activeOpacity || (disabled ? 1 : 0.2)}\n    />\n  );\n};\n\nexport default Touchable;\n"],"mappings":";;;;;AAAA;;AAWA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,OAAO,GAAG;EACdC,IAAI,EAAE,EADQ;EAEdC,KAAK,EAAE,EAFO;EAGdC,MAAM,EAAE,EAHM;EAIdC,GAAG,EAAE;AAJS,CAAhB;;AAoCA,MAAMC,QAAQ,GAAG,CACfC,SADe,EAEfC,WAFe,EAGfC,SAHe,EAIfC,eAJe,KAKZ;EACHD,SAAS,IACPA,SAAS,CAACH,QAAV,CAAmBC,SAAnB,eACMG,eAAe,IAAI,EADzB;IAEEC,EAAE,EAAEH;EAFN,GADF;AAKD,CAXD;;AAaA,MAAMI,SAAS,GAAIC,KAAD,IAAkB;EAClC,MAAMC,eAAe,GAAG,IAAAC,mCAAA,GAAxB;EAEA,MAAM;IAACC,KAAD;IAAQC,SAAR;IAAmBR;EAAnB,IAAgCK,eAAtC;EAEA,MAAM;IACJN,WADI;IAEJE,eAFI;IAGJQ,kBAHI;IAIJC,OAJI;IAKJC,WALI;IAMJC,iBANI;IAOJC,WAPI;IAQJC,aARI;IASJC;EATI,IAUFX,KAVJ;EAYA,MAAMY,WAAW,GAAG,IAAAC,cAAA,EAClB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACR,OAAL,EAAc;IAEdF,SAAS,EAAEW,OAAX;IAEAnB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACuB,+BAAA,CAAqBC,KAAtB,EAA6BtB,WAA7B,EAA0CC,SAA1C,EAAqDC,eAArD,CAFV;IAGAS,OAAO,CAACQ,KAAD,CAAP;EACD,CAViB,EAWlB,CAAClB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CS,OAA1C,EAAmDF,SAAnD,CAXkB,CAApB;EAcA,MAAMc,eAAe,GAAG,IAAAL,cAAA,EACtB,MAAOC,KAAD,IAAkC;IACtC,IAAI,CAACP,WAAL,EAAkB;IAElBH,SAAS,EAAEW,OAAX;IAEAnB,SAAS,IACPD,WADF,IAEEF,QAAQ,CAACuB,+BAAA,CAAqBG,UAAtB,EAAkCxB,WAAlC,EAA+CC,SAA/C,EAA0DC,eAA1D,CAFV;IAGAU,WAAW,CAACO,KAAD,CAAX;EACD,CAVqB,EAWtB,CAAClB,SAAD,EAAYD,WAAZ,EAAyBE,eAAzB,EAA0CU,WAA1C,EAAuDH,SAAvD,CAXsB,CAAxB;;EAcA,IAAIK,WAAJ,EAAiB;IACf,oBACE,6BAAC,+BAAD,eACMT,KADN;MAEE,kBAAkB,EAAEK,kBAFtB;MAGE,OAAO,EAAEjB,OAHX;MAIE,aAAa,EAAEe,KAAK,CAACiB,MAAN,CAAaC,IAAb,CAAkBC,KAJnC;MAKE,OAAO,EAAEV,WALX;MAME,WAAW,EAAEM,eANf;MAOE,aAAa,EAAER,aAAa,KAAKC,QAAQ,GAAG,CAAH,GAAO,IAApB;IAP9B,GADF;EAWD;;EAED,oBACE,6BAAC,6BAAD,eACMX,KADN;IAEE,kBAAkB,EAAEK,kBAFtB;IAGE,OAAO,EAAEjB,OAHX;IAIE,OAAO,EAAEwB,WAJX;IAKE,WAAW,EAAEM,eALf;IAME,aAAa,EAAGV,iBAAiB,IAAI,CAAtB,IAA4BE,aAA5B,KAA8CC,QAAQ,GAAG,CAAH,GAAO,GAA7D;EANjB,GADF;AAUD,CArED;;eAuEeZ,S"}

package/lib/hoc/transition/index.js

@@ -2,13 +2,21 @@
 
 exports.__esModule = true;
 exports.default = void 0;
+
 var _noop2 = _interopRequireDefault(require("lodash/fp/noop"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 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 Transition = props => {
   const {
     name,
@@ -18,6 +26,7 @@ const Transition = props => {
     onAnimationEnd = _noop2.default
   } = props;
   if (!animated) return children;
+
   const Child = ({
     child
   }) => {
@@ -35,10 +44,12 @@ const Transition = props => {
       onAnimationEnd: handlerAnimationEnd
     });
   };
+
   return _react.default.Children.map(children, child => /*#__PURE__*/_react.default.createElement(Child, {
     child: child
   }));
 };
+
 Transition.propTypes = process.env.NODE_ENV !== "production" ? {
   name: _propTypes.default.string.isRequired,
   onAnimationEnd: _propTypes.default.func,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Transition","props","name","children","className","animated","onAnimationEnd","Child","child","propClassName","handlerAnimationEnd","useMemo","React","cloneElement","classnames","onTransitionEnd","Children","map","propTypes","PropTypes","string","isRequired","func","bool"],"sources":["../../../src/hoc/transition/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Transition = props => {\n  const {name, children, className, animated, onAnimationEnd = noop} = props;\n\n  if (!animated) return children;\n\n  const Child = ({child}) => {\n    const {\n      props: {className: propClassName}\n    } = child;\n\n    const handlerAnimationEnd = useMemo(\n      () => () => {\n        return onAnimationEnd(name);\n      },\n      []\n    );\n\n    return React.cloneElement(child, {\n      className: classnames(propClassName, className),\n      onTransitionEnd: handlerAnimationEnd,\n      onAnimationEnd: handlerAnimationEnd\n    });\n  };\n\n  return React.Children.map(children, child => <Child child={child} />);\n};\n\nTransition.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nexport default Transition;\n"],"mappings":";;;;;AAAA;AAEA;AACA;AAAoC;AAAA;AAAA;AAEpC,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAI;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,cAAc;EAAO,CAAC,GAAGL,KAAK;EAE1E,IAAI,CAACI,QAAQ,EAAE,OAAOF,QAAQ;EAE9B,MAAMI,KAAK,GAAG,CAAC;IAACC;EAAK,CAAC,KAAK;IACzB,MAAM;MACJP,KAAK,EAAE;QAACG,SAAS,EAAEK;MAAa;IAClC,CAAC,GAAGD,KAAK;IAET,MAAME,mBAAmB,GAAG,IAAAC,cAAO,EACjC,MAAM,MAAM;MACV,OAAOL,cAAc,CAACJ,IAAI,CAAC;IAC7B,CAAC,EACD,EAAE,CACH;IAED,oBAAOU,cAAK,CAACC,YAAY,CAACL,KAAK,EAAE;MAC/BJ,SAAS,EAAE,IAAAU,mBAAU,EAACL,aAAa,EAAEL,SAAS,CAAC;MAC/CW,eAAe,EAAEL,mBAAmB;MACpCJ,cAAc,EAAEI;IAClB,CAAC,CAAC;EACJ,CAAC;EAED,OAAOE,cAAK,CAACI,QAAQ,CAACC,GAAG,CAACd,QAAQ,EAAEK,KAAK,iBAAI,6BAAC,KAAK;IAAC,KAAK,EAAEA;EAAM,EAAG,CAAC;AACvE,CAAC;AAEDR,UAAU,CAACkB,SAAS,2CAAG;EACrBhB,IAAI,EAAEiB,kBAAS,CAACC,MAAM,CAACC,UAAU;EACjCf,cAAc,EAAEa,kBAAS,CAACG,IAAI;EAC9BjB,QAAQ,EAAEc,kBAAS,CAACI;AACtB,CAAC;AAAC,eAEavB,UAAU;AAAA"}
+{"version":3,"file":"index.js","names":["Transition","props","name","children","className","animated","onAnimationEnd","Child","child","propClassName","handlerAnimationEnd","useMemo","React","cloneElement","classnames","onTransitionEnd","Children","map","propTypes","PropTypes","string","isRequired","func","bool"],"sources":["../../../src/hoc/transition/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nconst Transition = props => {\n  const {name, children, className, animated, onAnimationEnd = noop} = props;\n\n  if (!animated) return children;\n\n  const Child = ({child}) => {\n    const {\n      props: {className: propClassName}\n    } = child;\n\n    const handlerAnimationEnd = useMemo(\n      () => () => {\n        return onAnimationEnd(name);\n      },\n      []\n    );\n\n    return React.cloneElement(child, {\n      className: classnames(propClassName, className),\n      onTransitionEnd: handlerAnimationEnd,\n      onAnimationEnd: handlerAnimationEnd\n    });\n  };\n\n  return React.Children.map(children, child => <Child child={child} />);\n};\n\nTransition.propTypes = {\n  name: PropTypes.string.isRequired,\n  onAnimationEnd: PropTypes.func,\n  animated: PropTypes.bool\n};\n\nexport default Transition;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;AAEA,MAAMA,UAAU,GAAGC,KAAK,IAAI;EAC1B,MAAM;IAACC,IAAD;IAAOC,QAAP;IAAiBC,SAAjB;IAA4BC,QAA5B;IAAsCC,cAAc;EAApD,IAA+DL,KAArE;EAEA,IAAI,CAACI,QAAL,EAAe,OAAOF,QAAP;;EAEf,MAAMI,KAAK,GAAG,CAAC;IAACC;EAAD,CAAD,KAAa;IACzB,MAAM;MACJP,KAAK,EAAE;QAACG,SAAS,EAAEK;MAAZ;IADH,IAEFD,KAFJ;IAIA,MAAME,mBAAmB,GAAG,IAAAC,cAAA,EAC1B,MAAM,MAAM;MACV,OAAOL,cAAc,CAACJ,IAAD,CAArB;IACD,CAHyB,EAI1B,EAJ0B,CAA5B;IAOA,oBAAOU,cAAA,CAAMC,YAAN,CAAmBL,KAAnB,EAA0B;MAC/BJ,SAAS,EAAE,IAAAU,mBAAA,EAAWL,aAAX,EAA0BL,SAA1B,CADoB;MAE/BW,eAAe,EAAEL,mBAFc;MAG/BJ,cAAc,EAAEI;IAHe,CAA1B,CAAP;EAKD,CAjBD;;EAmBA,OAAOE,cAAA,CAAMI,QAAN,CAAeC,GAAf,CAAmBd,QAAnB,EAA6BK,KAAK,iBAAI,6BAAC,KAAD;IAAO,KAAK,EAAEA;EAAd,EAAtC,CAAP;AACD,CAzBD;;AA2BAR,UAAU,CAACkB,SAAX,2CAAuB;EACrBhB,IAAI,EAAEiB,kBAAA,CAAUC,MAAV,CAAiBC,UADF;EAErBf,cAAc,EAAEa,kBAAA,CAAUG,IAFL;EAGrBjB,QAAQ,EAAEc,kBAAA,CAAUI;AAHC,CAAvB;eAMevB,U"}

package/lib/index.js

@@ -1,17 +1,30 @@
 "use strict";
 
 exports.__esModule = true;
+
 var _provider = _interopRequireDefault(require("./atom/provider"));
+
 exports.Provider = _provider.default;
+
 var _popinEnd = _interopRequireDefault(require("./template/app-player/popin-end"));
+
 exports.PopinEnd = _popinEnd.default;
+
 var _popinCorrection = _interopRequireDefault(require("./template/app-player/popin-correction"));
+
 exports.PopinCorrection = _popinCorrection.default;
+
 var _player = _interopRequireDefault(require("./template/app-player/player"));
+
 exports.Player = _player.default;
+
 var _loading = _interopRequireDefault(require("./template/app-player/loading"));
+
 exports.Loading = _loading.default;
+
 var _popinNoAccess = _interopRequireDefault(require("./template/app-player/popin-no-access"));
+
 exports.PopinNoAccess = _popinNoAccess.default;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import Provider from './atom/provider';\nimport PopinEnd from './template/app-player/popin-end';\nimport PopinCorrection from './template/app-player/popin-correction';\nimport Player from './template/app-player/player';\nimport Loading from './template/app-player/loading';\nimport PopinNoAccess from './template/app-player/popin-no-access';\n\nexport {Provider, PopinEnd, PopinCorrection, Loading, Player, PopinNoAccess};\n"],"mappings":";;;AAAA;AAAuC;AACvC;AAAuD;AACvD;AAAqE;AACrE;AAAkD;AAClD;AAAoD;AACpD;AAAkE;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../src/index.js"],"sourcesContent":["import Provider from './atom/provider';\nimport PopinEnd from './template/app-player/popin-end';\nimport PopinCorrection from './template/app-player/popin-correction';\nimport Player from './template/app-player/player';\nimport Loading from './template/app-player/loading';\nimport PopinNoAccess from './template/app-player/popin-no-access';\n\nexport {Provider, PopinEnd, PopinCorrection, Loading, Player, PopinNoAccess};\n"],"mappings":";;;;AAAA;;;;AACA;;;;AACA;;;;AACA;;;;AACA;;;;AACA"}

package/lib/molecule/add-to-my-list/index.js

@@ -2,20 +2,32 @@
 
 exports.__esModule = true;
 exports.default = exports.AddToMyListStatusProvider = exports.AddToMyListFeedback = void 0;
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _novaIcons = require("@coorpacademy/nova-icons");
+
 var _link = _interopRequireDefault(require("../../atom/link"));
+
 var _style = _interopRequireDefault(require("./style.css"));
+
 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 ADD_TO_MY_LIST_STATUS = {
   IDLE: 'IDLE',
   SUCCESS: 'SUCCESS'
 };
+
 const StatusContext = /*#__PURE__*/_react.default.createContext(ADD_TO_MY_LIST_STATUS.IDLE);
+
 const AddToMyListStatusProvider = ({
   children
 }) => {
@@ -23,9 +35,11 @@ const AddToMyListStatusProvider = ({
   (0, _react.useEffect)(() => {
     let timeoutId;
     const DURATION = 3000;
+
     if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {
       timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);
     }
+
     return () => clearTimeout(timeoutId);
   }, [status]);
   const statusValue = (0, _react.useMemo)(() => [status, setStatus], [status, setStatus]);
@@ -33,7 +47,9 @@ const AddToMyListStatusProvider = ({
     value: statusValue
   }, children);
 };
+
 exports.AddToMyListStatusProvider = AddToMyListStatusProvider;
+
 const AddToMyListFeedback = ({
   addToMyListText,
   removeFromMyListText,
@@ -52,7 +68,9 @@ const AddToMyListFeedback = ({
     role: "status"
   }, favorite ? addToMyListText : removeFromMyListText));
 };
+
 exports.AddToMyListFeedback = AddToMyListFeedback;
+
 const AddToMyList = ({
   style,
   addToMyListButton,
@@ -60,10 +78,13 @@ const AddToMyList = ({
   onFavoriteClick
 }) => {
   const [, setStatus] = (0, _react.useContext)(StatusContext);
+
   const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);
+
   function onClick() {
     onFavoriteClick(cb);
   }
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (_style.default.container, style)
   }, /*#__PURE__*/_react.default.createElement(_link.default, {
@@ -82,6 +103,7 @@ const AddToMyList = ({
     height: 12
   }), /*#__PURE__*/_react.default.createElement("p", null, addToMyListButton))));
 };
+
 AddToMyListStatusProvider.propTypes = process.env.NODE_ENV !== "production" ? {
   children: _propTypes.default.node
 } : {};

package/lib/molecule/add-to-my-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ADD_TO_MY_LIST_STATUS","IDLE","SUCCESS","StatusContext","React","createContext","AddToMyListStatusProvider","children","status","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","statusValue","useMemo","AddToMyListFeedback","addToMyListText","removeFromMyListText","favorite","useContext","classnames","styles","feedback","checkIcon","AddToMyList","style","addToMyListButton","onFavoriteClick","cb","onClick","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string","bool","func"],"sources":["../../../src/molecule/add-to-my-list/index.js"],"sourcesContent":["import React, {useState, useContext, useEffect, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionNavigationMore as MoreIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst ADD_TO_MY_LIST_STATUS = {\n  IDLE: 'IDLE',\n  SUCCESS: 'SUCCESS'\n};\n\nconst StatusContext = React.createContext(ADD_TO_MY_LIST_STATUS.IDLE);\n\nexport const AddToMyListStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(ADD_TO_MY_LIST_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n  const statusValue = useMemo(() => [status, setStatus], [status, setStatus]);\n  return <StatusContext.Provider value={statusValue}>{children}</StatusContext.Provider>;\n};\n\nexport const AddToMyListFeedback = ({addToMyListText, removeFromMyListText, favorite}) => {\n  const [status] = useContext(StatusContext);\n  if (status === ADD_TO_MY_LIST_STATUS.IDLE) return null;\n\n  return (\n    <div className={classnames(styles.feedback)} data-name={'add-to-my-list-feedback'}>\n      <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      <p role=\"status\">{favorite ? addToMyListText : removeFromMyListText}</p>\n    </div>\n  );\n};\n\nconst AddToMyList = ({style, addToMyListButton, favorite, onFavoriteClick}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);\n\n  function onClick() {\n    onFavoriteClick(cb);\n  }\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link data-name={'add-to-my-list-button'} onClick={onClick} className={styles.cta}>\n        <div className={styles.wrapper}>\n          {favorite ? (\n            <CheckIcon className={styles.shareIcon} width={15} height={15} />\n          ) : (\n            <MoreIcon className={styles.shareIcon} width={12} height={12} />\n          )}\n          <p>{addToMyListButton}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nAddToMyListStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nAddToMyListFeedback.propTypes = {\n  addToMyListText: PropTypes.string,\n  removeFromMyListText: PropTypes.string,\n  favorite: PropTypes.bool\n};\n\nAddToMyList.propTypes = {\n  style: PropTypes.string,\n  addToMyListButton: PropTypes.string,\n  favorite: PropTypes.bool,\n  onFavoriteClick: PropTypes.func\n};\n\nexport default AddToMyList;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ADD_TO_MY_LIST_STATUS","IDLE","SUCCESS","StatusContext","React","createContext","AddToMyListStatusProvider","children","status","setStatus","useState","useEffect","timeoutId","DURATION","setTimeout","clearTimeout","statusValue","useMemo","AddToMyListFeedback","addToMyListText","removeFromMyListText","favorite","useContext","classnames","styles","feedback","checkIcon","AddToMyList","style","addToMyListButton","onFavoriteClick","cb","onClick","container","cta","wrapper","shareIcon","propTypes","PropTypes","node","string","bool","func"],"sources":["../../../src/molecule/add-to-my-list/index.js"],"sourcesContent":["import React, {useState, useContext, useEffect, useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {\n  NovaCompositionCoorpacademyCheck as CheckIcon,\n  NovaCompositionNavigationMore as MoreIcon\n} from '@coorpacademy/nova-icons';\nimport Link from '../../atom/link';\nimport styles from './style.css';\n\nconst ADD_TO_MY_LIST_STATUS = {\n  IDLE: 'IDLE',\n  SUCCESS: 'SUCCESS'\n};\n\nconst StatusContext = React.createContext(ADD_TO_MY_LIST_STATUS.IDLE);\n\nexport const AddToMyListStatusProvider = ({children}) => {\n  const [status, setStatus] = useState(ADD_TO_MY_LIST_STATUS.IDLE);\n  useEffect(() => {\n    let timeoutId;\n    const DURATION = 3000;\n    if (status !== ADD_TO_MY_LIST_STATUS.IDLE) {\n      timeoutId = setTimeout(() => setStatus(ADD_TO_MY_LIST_STATUS.IDLE), DURATION);\n    }\n    return () => clearTimeout(timeoutId);\n  }, [status]);\n  const statusValue = useMemo(() => [status, setStatus], [status, setStatus]);\n  return <StatusContext.Provider value={statusValue}>{children}</StatusContext.Provider>;\n};\n\nexport const AddToMyListFeedback = ({addToMyListText, removeFromMyListText, favorite}) => {\n  const [status] = useContext(StatusContext);\n  if (status === ADD_TO_MY_LIST_STATUS.IDLE) return null;\n\n  return (\n    <div className={classnames(styles.feedback)} data-name={'add-to-my-list-feedback'}>\n      <CheckIcon className={styles.checkIcon} width={13} height={13} />\n      <p role=\"status\">{favorite ? addToMyListText : removeFromMyListText}</p>\n    </div>\n  );\n};\n\nconst AddToMyList = ({style, addToMyListButton, favorite, onFavoriteClick}) => {\n  const [, setStatus] = useContext(StatusContext);\n  const cb = () => setStatus(ADD_TO_MY_LIST_STATUS.SUCCESS);\n\n  function onClick() {\n    onFavoriteClick(cb);\n  }\n\n  return (\n    <div className={(styles.container, style)}>\n      <Link data-name={'add-to-my-list-button'} onClick={onClick} className={styles.cta}>\n        <div className={styles.wrapper}>\n          {favorite ? (\n            <CheckIcon className={styles.shareIcon} width={15} height={15} />\n          ) : (\n            <MoreIcon className={styles.shareIcon} width={12} height={12} />\n          )}\n          <p>{addToMyListButton}</p>\n        </div>\n      </Link>\n    </div>\n  );\n};\n\nAddToMyListStatusProvider.propTypes = {\n  children: PropTypes.node\n};\n\nAddToMyListFeedback.propTypes = {\n  addToMyListText: PropTypes.string,\n  removeFromMyListText: PropTypes.string,\n  favorite: PropTypes.bool\n};\n\nAddToMyList.propTypes = {\n  style: PropTypes.string,\n  addToMyListButton: PropTypes.string,\n  favorite: PropTypes.bool,\n  onFavoriteClick: PropTypes.func\n};\n\nexport default AddToMyList;\n"],"mappings":"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"}

package/lib/molecule/answer/index.d.ts

@@ -2,9 +2,6 @@ export default Answer;
 declare function Answer(props: any): JSX.Element;
 declare namespace Answer {
     export { propTypes };
-    export namespace contextTypes {
-        const translate: import("prop-types").Requireable<(...args: any[]) => any>;
-    }
 }
 import propTypes from "./prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/answer/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AA6EA,iDAWC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/answer/index.js"],"names":[],"mappings":";AAwEA,iDAWC"}