npm - @procivis/one-react-native-components - Versions diffs - 0.2.54 → 0.3.22 - Mend

@procivis/one-react-native-components 0.2.54 → 0.3.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (874) hide show

package/lib/module/ui-components/list/wallet/empty-search-result.js ADDED Viewed

@@ -0,0 +1,34 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Typography } from '../../text';
+import { useAppColorScheme } from '../../theme';
+const WalletEmptySearchResult = ({
+  subtitle,
+  title
+}) => {
+  const colorScheme = useAppColorScheme();
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.emptySearch
+  }, /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "l/line-height-large",
+    style: styles.emptyTitle
+  }, title), /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text
+  }, subtitle));
+};
+const styles = StyleSheet.create({
+  emptySearch: {
+    alignItems: 'center',
+    flex: 1,
+    marginTop: 224
+  },
+  emptyTitle: {
+    marginBottom: 8,
+    opacity: 0.7
+  }
+});
+export default WalletEmptySearchResult;
+//# sourceMappingURL=empty-search-result.js.map

package/lib/module/ui-components/list/wallet/empty-search-result.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["React","StyleSheet","View","Typography","useAppColorScheme","WalletEmptySearchResult","subtitle","title","colorScheme","createElement","style","styles","emptySearch","align","color","text","preset","emptyTitle","create","alignItems","flex","marginTop","marginBottom","opacity"],"sources":["empty-search-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { Typography } from '../../text';\nimport { useAppColorScheme } from '../../theme';\n\ntype WalletEmptySearchResultProps = {\n subtitle: string;\n title: string;\n};\n\nconst WalletEmptySearchResult: FC<WalletEmptySearchResultProps> = ({ subtitle, title }) => {\n const colorScheme = useAppColorScheme();\n\n return (\n <View style={styles.emptySearch}>\n <Typography align=\"center\" color={colorScheme.text} preset=\"l/line-height-large\" style={styles.emptyTitle}>\n {title}\n </Typography>\n <Typography align=\"center\" color={colorScheme.text}>\n {subtitle}\n </Typography>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n emptySearch: {\n alignItems: 'center',\n flex: 1,\n marginTop: 224,\n },\n emptyTitle: {\n marginBottom: 8,\n opacity: 0.7,\n },\n});\n\nexport default WalletEmptySearchResult;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,UAAU,QAAQ,YAAY;AACvC,SAASC,iBAAiB,QAAQ,aAAa;AAO/C,MAAMC,uBAAyD,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAM,CAAC,KAAK;EACzF,MAAMC,WAAW,GAAGJ,iBAAiB,CAAC,CAAC;EAEvC,oBACEJ,KAAA,CAAAS,aAAA,CAACP,IAAI;IAACQ,KAAK,EAAEC,MAAM,CAACC;EAAY,gBAC9BZ,KAAA,CAAAS,aAAA,CAACN,UAAU;IAACU,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAEN,WAAW,CAACO,IAAK;IAACC,MAAM,EAAC,qBAAqB;IAACN,KAAK,EAAEC,MAAM,CAACM;EAAW,GACvGV,KACS,CAAC,eACbP,KAAA,CAAAS,aAAA,CAACN,UAAU;IAACU,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAEN,WAAW,CAACO;EAAK,GAChDT,QACS,CACR,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACiB,MAAM,CAAC;EAC/BN,WAAW,EAAE;IACXO,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,SAAS,EAAE;EACb,CAAC;EACDJ,UAAU,EAAE;IACVK,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,eAAelB,uBAAuB","ignoreList":[]}

package/lib/module/ui-components/list/wallet/index.js ADDED Viewed

@@ -0,0 +1,4 @@
+import WalletEmptyList from './empty-list';
+import WalletEmptySearchResult from './empty-search-result';
+export { WalletEmptyList, WalletEmptySearchResult };
+//# sourceMappingURL=index.js.map

package/lib/module/ui-components/list/wallet/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":["WalletEmptyList","WalletEmptySearchResult"],"sources":["index.tsx"],"sourcesContent":["import WalletEmptyList from './empty-list';\nimport WalletEmptySearchResult from './empty-search-result';\n\nexport { WalletEmptyList, WalletEmptySearchResult };\n"],"mappings":"AAAA,OAAOA,eAAe,MAAM,cAAc;AAC1C,OAAOC,uBAAuB,MAAM,uBAAuB;AAE3D,SAASD,eAAe,EAAEC,uBAAuB","ignoreList":[]}

package/lib/module/ui-components/loader/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["LoaderView","LoaderViewProps","LoaderViewState","LoadingResultScreen","LoadingResultScreenProps"],"sources":["index.ts"],"sourcesContent":["import LoaderView, { LoaderViewProps, LoaderViewState } from './loader';\nimport LoadingResultScreen, { LoadingResultScreenProps } from './loading-result';\n\nexport { LoaderView, LoaderViewProps, LoaderViewState };\nexport { LoadingResultScreen, LoadingResultScreenProps };\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,eAAe,EAAEC,eAAe,QAAQ,UAAU;AACvE,OAAOC,mBAAmB,IAAIC,wBAAwB,QAAQ,kBAAkB;AAEhF,SAASJ,UAAU,EAAEC,eAAe,EAAEC,eAAe;AACrD,SAASC,mBAAmB,EAAEC,wBAAwB"}
1	+ {"version":3,"names":["LoaderView","LoaderViewProps","LoaderViewState","LoadingResultScreen","LoadingResultScreenProps"],"sources":["index.ts"],"sourcesContent":["import LoaderView, { LoaderViewProps, LoaderViewState } from './loader';\nimport LoadingResultScreen, { LoadingResultScreenProps } from './loading-result';\n\nexport { LoaderView, LoaderViewProps, LoaderViewState };\nexport { LoadingResultScreen, LoadingResultScreenProps };\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,eAAe,EAAEC,eAAe,QAAQ,UAAU;AACvE,OAAOC,mBAAmB,IAAIC,wBAAwB,QAAQ,kBAAkB;AAEhF,SAASJ,UAAU,EAAEC,eAAe,EAAEC,eAAe;AACrD,SAASC,mBAAmB,EAAEC,wBAAwB","ignoreList":[]}

package/lib/module/ui-components/loader/loader.js CHANGED Viewed

@@ -3,19 +3,18 @@ import { InteractionManager, StyleSheet, View } from 'react-native';
 import Animated, { cancelAnimation, Easing, runOnJS, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
 import { concatTestID } from '../../utils';
 import { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';
-export let LoaderViewState;
-(function (LoaderViewState) {
+export let LoaderViewState = /*#__PURE__*/function (LoaderViewState) {
   LoaderViewState["Error"] = "error";
   LoaderViewState["InProgress"] = "inProgress";
   LoaderViewState["Success"] = "success";
   LoaderViewState["Warning"] = "warning";
-})(LoaderViewState || (LoaderViewState = {}));
-const LoaderView = _ref => {
-  let {
-    animate,
-    state,
-    testID
-  } = _ref;
+  return LoaderViewState;
+}({});
+const LoaderView = ({
+  animate,
+  state,
+  testID
+}) => {
   const [initialDelayPassed, setInitialDelayPassed] = useState(false);
   const rotationIsAnimating = useRef(false);
   const rotation = useSharedValue(0);
@@ -43,20 +42,23 @@ const LoaderView = _ref => {
       duration: 1000,
       easing: Easing.linear
     }), -1);
-  }, [rotationIsAnimating, rotation]);
+  }, [rotation]);
   const stopRotationAnimation = useCallback(() => {
     Promise.resolve(InteractionManager.runAfterInteractions(() => {
       rotationIsAnimating.current = false;
       cancelAnimation(rotation);
       rotation.value = 0;
     })).catch(() => {});
-  }, [rotationIsAnimating, rotation]);
+  }, [rotation]);
   useEffect(() => {
     if (animate) {
-      startRotationAnimation();
+      if (!finished) {
+        startRotationAnimation();
+      }
     } else {
       stopRotationAnimation();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [animate, startRotationAnimation, stopRotationAnimation]);
   useEffect(() => {
     if (!initialDelayPassed) {

package/lib/module/ui-components/loader/loader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","InteractionManager","StyleSheet","View","Animated","cancelAnimation","Easing","runOnJS","useAnimatedStyle","useSharedValue","withRepeat","withTiming","concatTestID","LoaderError","LoaderProgressSpinner","LoaderSuccess","LoaderWarning","LoaderViewState","LoaderView","~~_ref","~~animate","state","testID","initialDelayPassed","setInitialDelayPassed","rotationIsAnimating","rotation","opacity","InProgress","finished","timeout","setTimeout","clearTimeout","startRotationAnimation","current","value","duration","easing","linear","stopRotationAnimation","Promise","resolve","runAfterInteractions","catch","toValue","ease","spinnerAnimatedStyle","transform","rotateZ","resultAnimatedStyle","finishedIcon","Success","createElement","Warning","Error","style","styles","loader","loaderElement","create","height","width","left","position","top"],"sources":["loader.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { InteractionManager, StyleSheet, View } from 'react-native';\nimport Animated, {\n cancelAnimation,\n Easing,\n runOnJS,\n useAnimatedStyle,\n useSharedValue,\n withRepeat,\n withTiming,\n} from 'react-native-reanimated';\n\nimport { concatTestID } from '../../utils';\nimport { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';\n\nexport enum LoaderViewState {\n Error = 'error',\n InProgress = 'inProgress',\n Success = 'success',\n Warning = 'warning',\n}\n\nexport type LoaderViewProps = {\n animate: boolean;\n state?: LoaderViewState;\n testID?: string;\n};\n\nconst LoaderView: FC<LoaderViewProps> = ({ animate, state, testID }) => {\n const [initialDelayPassed, setInitialDelayPassed] = useState(false);\n const rotationIsAnimating = useRef(false);\n const rotation = useSharedValue(0);\n const opacity = useSharedValue(state === LoaderViewState.InProgress ? 0 : 1);\n\n const finished = state !== LoaderViewState.InProgress;\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setInitialDelayPassed(true);\n }, 1000);\n\n return () => {\n clearTimeout(timeout);\n };\n }, []);\n\n useEffect(() => {\n return () => {\n cancelAnimation(rotation);\n };\n }, [rotation]);\n\n const startRotationAnimation = useCallback(() => {\n if (rotationIsAnimating.current) {\n return;\n }\n rotationIsAnimating.current = true;\n rotation.value = withRepeat(\n withTiming(360, {\n duration: 1000,\n easing: Easing.linear,\n }),\n -1,\n );\n }, [~~rotationIsAnimating,~~ rotation]);\n\n const stopRotationAnimation = useCallback(() => {\n Promise.resolve(\n InteractionManager.runAfterInteractions(() => {\n rotationIsAnimating.current = false;\n cancelAnimation(rotation);\n rotation.value = 0;\n }),\n ).catch(() => {});\n }, [~~rotationIsAnimating,~~ rotation]);\n\n useEffect(() => {\n if (animate) {\n startRotationAnimation();\n } else {\n stopRotationAnimation();\n }\n }, [animate, startRotationAnimation, stopRotationAnimation]);\n\n useEffect(() => {\n if (!initialDelayPassed) {\n return;\n }\n const toValue = finished ? 1 : 0;\n if (opacity.value === toValue) {\n return;\n }\n if (animate) {\n if (!finished) {\n startRotationAnimation();\n }\n opacity.value = withTiming(\n toValue,\n {\n duration: 300,\n easing: Easing.ease,\n },\n () => {\n if (finished) {\n runOnJS(stopRotationAnimation)();\n }\n },\n );\n } else {\n opacity.value = toValue;\n stopRotationAnimation();\n }\n }, [opacity, finished, initialDelayPassed, animate, stopRotationAnimation, startRotationAnimation]);\n\n const spinnerAnimatedStyle = useAnimatedStyle(\n () => ({\n opacity: 1 - opacity.value,\n transform: [\n {\n rotateZ: `${rotation.value}deg`,\n },\n ],\n }),\n [opacity, rotation],\n );\n\n const resultAnimatedStyle = useAnimatedStyle(\n () => ({\n opacity: opacity.value,\n }),\n [opacity],\n );\n\n const finishedIcon = useMemo(() => {\n switch (state) {\n case LoaderViewState.Success:\n return <LoaderSuccess />;\n case LoaderViewState.Warning:\n return <LoaderWarning />;\n case LoaderViewState.Error:\n return <LoaderError />;\n default:\n return null;\n }\n }, [state]);\n\n return (\n <View style={styles.loader} testID={concatTestID(testID, state)}>\n <Animated.View style={[styles.loaderElement, spinnerAnimatedStyle]}>\n <LoaderProgressSpinner />\n </Animated.View>\n <Animated.View style={[styles.loaderElement, resultAnimatedStyle]}>{finishedIcon}</Animated.View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n loader: {\n height: 64,\n width: 64,\n },\n loaderElement: {\n height: 64,\n left: 0,\n position: 'absolute',\n top: 0,\n width: 64,\n },\n});\n\nexport default LoaderView;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACpF,SAASC,kBAAkB,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AACnE,OAAOC,QAAQ,IACbC,eAAe,EACfC,MAAM,EACNC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,EACVC,UAAU,QACL,yBAAyB;AAEhC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,WAAW,EAAEC,qBAAqB,EAAEC,aAAa,EAAEC,aAAa,QAAQ,iBAAiB;AAElG,WAAYC,eAAe~~;AAK1B~~,~~WALWA~~,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;~~AAAA~~,~~GAAfA~~,eAAe~~,KAAfA,eAAe~~;AAa3B,MAAMC,UAA+B,~~GAAGC~~,~~IAAA,IAAgC~~;~~EAAA~~,~~IAA/B;IAAEC,~~OAAO;~~IAAEC~~,KAAK;~~IAAEC~~;~~EAAO~~,CAAC,~~GAAAH,IAAA~~;~~EACjE~~,MAAM,~~CAACI~~,kBAAkB,EAAEC,qBAAqB,CAAC,~~GAAGxB~~,QAAQ,CAAC,KAAK,CAAC;EACnE,~~MAAMyB~~,mBAAmB,~~GAAG1B~~,MAAM,CAAC,KAAK,CAAC;EACzC,~~MAAM2B~~,QAAQ,~~GAAGjB~~,cAAc,CAAC,CAAC,CAAC;EAClC,~~MAAMkB~~,OAAO,~~GAAGlB~~,cAAc,~~CAACY~~,KAAK,~~KAAKJ~~,eAAe,~~CAACW~~,UAAU,GAAG,CAAC,GAAG,CAAC,CAAC;EAE5E,MAAMC,QAAQ,GAAGR,KAAK,~~KAAKJ~~,eAAe,~~CAACW~~,UAAU;~~EAErD/B~~,SAAS,CAAC,MAAM;IACd,~~MAAMiC~~,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC/BP,qBAAqB,CAAC,IAAI,CAAC;IAC7B,CAAC,EAAE,IAAI,CAAC;IAER,OAAO,MAAM;MACXQ,YAAY,CAACF,OAAO,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;~~EAENjC~~,SAAS,CAAC,MAAM;IACd,OAAO,MAAM;MACXQ,eAAe,~~CAACqB~~,QAAQ,CAAC;IAC3B,CAAC;EACH,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMO,sBAAsB,~~GAAGrC~~,WAAW,CAAC,MAAM;IAC/C,~~IAAI6B~~,mBAAmB,CAACS,OAAO,EAAE;MAC/B;IACF;IACAT,mBAAmB,CAACS,OAAO,GAAG,IAAI;IAClCR,QAAQ,CAACS,KAAK,~~GAAGzB~~,UAAU,CACzBC,UAAU,CAAC,GAAG,EAAE;~~MACdyB~~,QAAQ,EAAE,IAAI;MACdC,MAAM,~~EAAE/B~~,MAAM,~~CAACgC~~;IACjB,CAAC,CAAC,EACF,CAAC,CAAC~~,CACH~~;EACH,CAAC,EAAE,~~CAACb~~,~~mBAAmB,EAAEC,~~QAAQ,CAAC,CAAC;~~EAEnC~~,MAAMa,qBAAqB,~~GAAG3C~~,WAAW,CAAC,MAAM;~~IAC9C4C~~,OAAO,CAACC,OAAO,~~CACbxC~~,kBAAkB,~~CAACyC~~,oBAAoB,CAAC,MAAM;MAC5CjB,mBAAmB,CAACS,OAAO,GAAG,KAAK;~~MACnC7B~~,eAAe,~~CAACqB~~,QAAQ,CAAC;MACzBA,QAAQ,CAACS,KAAK,GAAG,CAAC;IACpB,CAAC,CAAC,~~CACH,~~CAACQ,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;EACnB,CAAC,EAAE,~~CAAClB~~,~~mBAAmB,EAAEC,~~QAAQ,CAAC,CAAC;~~EAEnC7B~~,SAAS,CAAC,MAAM;IACd,~~IAAIuB~~,OAAO,EAAE;~~MACXa~~,~~sBAAsB~~,EAAE;~~IAC1B~~,CAAC,MAAM;MACLM,qBAAqB,~~EAAE~~;IACzB;EACF,CAAC,EAAE,CAACnB,OAAO,EAAEa,sBAAsB,EAAEM,qBAAqB,CAAC,CAAC;~~EAE5D1C~~,SAAS,CAAC,MAAM;IACd,IAAI,~~CAAC0B~~,kBAAkB,EAAE;MACvB;IACF;IACA,MAAMqB,OAAO,GAAGf,QAAQ,GAAG,CAAC,GAAG,CAAC;IAChC,IAAIF,OAAO,CAACQ,KAAK,KAAKS,OAAO,EAAE;MAC7B;IACF;IACA,IAAIxB,OAAO,EAAE;MACX,IAAI,CAACS,QAAQ,EAAE;QACbI,sBAAsB,~~EAAE~~;MAC1B;MACAN,OAAO,CAACQ,KAAK,~~GAAGxB~~,UAAU,~~CACxBiC~~,OAAO,EACP;QACER,QAAQ,EAAE,GAAG;QACbC,MAAM,~~EAAE/B~~,MAAM,~~CAACuC~~;MACjB,CAAC,EACD,MAAM;QACJ,IAAIhB,QAAQ,EAAE;~~UACZtB~~,OAAO,~~CAACgC~~,qBAAqB,CAAC,~~EAAE~~;QAClC;MACF,CAAC~~,CACF~~;IACH,CAAC,MAAM;MACLZ,OAAO,CAACQ,KAAK,GAAGS,OAAO;MACvBL,qBAAqB,~~EAAE~~;IACzB;EACF,CAAC,EAAE,CAACZ,OAAO,EAAEE,QAAQ,EAAEN,kBAAkB,EAAEH,OAAO,EAAEmB,qBAAqB,EAAEN,sBAAsB,CAAC,CAAC;EAEnG,MAAMa,oBAAoB,~~GAAGtC~~,gBAAgB,CAC3C,OAAO;~~IACLmB~~,OAAO,EAAE,CAAC,GAAGA,OAAO,CAACQ,KAAK;IAC1BY,SAAS,EAAE,CACT;MACEC,OAAO,~~EAAG~~,~~GAAEtB~~,QAAQ,CAACS,~~KAAM~~;~~IAC7B~~,CAAC;EAEL,CAAC,CAAC,EACF,CAACR,OAAO,EAAED,QAAQ,CAAC~~,CACpB~~;EAED,MAAMuB,mBAAmB,~~GAAGzC~~,gBAAgB,CAC1C,OAAO;~~IACLmB~~,OAAO,EAAEA,OAAO,CAACQ;EACnB,CAAC,CAAC,EACF,CAACR,OAAO,CAAC~~,CACV~~;EAED,MAAMuB,YAAY,~~GAAGpD~~,OAAO,CAAC,MAAM;IACjC,~~QAAQuB~~,KAAK;MACX,~~KAAKJ~~,eAAe,~~CAACkC~~,OAAO;QAC1B,~~oBAAOxD~~,KAAA,~~CAAAyD~~,aAAA,~~CAACrC~~,aAAa,~~OAAG~~;MAC1B,KAAKE,eAAe,~~CAACoC~~,OAAO;QAC1B,~~oBAAO1D~~,KAAA,~~CAAAyD~~,aAAA,~~CAACpC~~,aAAa,~~OAAG~~;MAC1B,KAAKC,eAAe,~~CAACqC~~,KAAK;QACxB,~~oBAAO3D~~,KAAA,~~CAAAyD~~,aAAA,~~CAACvC~~,WAAW,~~OAAG~~;MACxB;QACE,OAAO,IAAI;~~IAAC~~;~~EAElB~~,CAAC,EAAE,~~CAACQ~~,KAAK,CAAC,CAAC;EAEX,~~oBACE1B~~,KAAA,~~CAAAyD~~,aAAA,~~CAACjD~~,IAAI;~~IAACoD~~,KAAK,EAAEC,MAAM,CAACC,MAAO;IAACnC,MAAM,~~EAAEV~~,YAAY,~~CAACU~~,MAAM,EAAED,KAAK;EAAE,~~gBAC9D1B~~,KAAA,~~CAAAyD~~,aAAA,~~CAAChD~~,QAAQ,CAACD,IAAI;~~IAACoD~~,KAAK,EAAE,CAACC,MAAM,CAACE,aAAa,EAAEZ,oBAAoB;EAAE,~~gBACjEnD~~,KAAA,~~CAAAyD~~,aAAA,~~CAACtC~~,qBAAqB,~~OAAG~~,CACX,eAChBnB,KAAA,~~CAAAyD~~,aAAA,~~CAAChD~~,QAAQ,CAACD,IAAI;~~IAACoD~~,KAAK,EAAE,CAACC,MAAM,CAACE,aAAa,EAAET,mBAAmB;EAAE,GAAEC,~~YAAY~~,~~CAAiB~~,~~CAC5F~~;AAEX,CAAC;AAED,MAAMM,MAAM,~~GAAGtD~~,UAAU,~~CAACyD~~,MAAM,CAAC;EAC/BF,MAAM,EAAE;IACNG,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EACDH,aAAa,EAAE;IACbE,MAAM,EAAE,EAAE;IACVE,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNH,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,~~eAAe3C~~,UAAU"}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","InteractionManager","StyleSheet","View","Animated","cancelAnimation","Easing","runOnJS","useAnimatedStyle","useSharedValue","withRepeat","withTiming","concatTestID","LoaderError","LoaderProgressSpinner","LoaderSuccess","LoaderWarning","LoaderViewState","LoaderView","animate","state","testID","initialDelayPassed","setInitialDelayPassed","rotationIsAnimating","rotation","opacity","InProgress","finished","timeout","setTimeout","clearTimeout","startRotationAnimation","current","value","duration","easing","linear","stopRotationAnimation","Promise","resolve","runAfterInteractions","catch","toValue","ease","spinnerAnimatedStyle","transform","rotateZ","resultAnimatedStyle","finishedIcon","Success","createElement","Warning","Error","style","styles","loader","loaderElement","create","height","width","left","position","top"],"sources":["loader.tsx"],"sourcesContent":["import React, { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { InteractionManager, StyleSheet, View } from 'react-native';\nimport Animated, {\n cancelAnimation,\n Easing,\n runOnJS,\n useAnimatedStyle,\n useSharedValue,\n withRepeat,\n withTiming,\n} from 'react-native-reanimated';\n\nimport { concatTestID } from '../../utils';\nimport { LoaderError, LoaderProgressSpinner, LoaderSuccess, LoaderWarning } from '../icons/loader';\n\nexport enum LoaderViewState {\n Error = 'error',\n InProgress = 'inProgress',\n Success = 'success',\n Warning = 'warning',\n}\n\nexport type LoaderViewProps = {\n animate: boolean;\n state?: LoaderViewState;\n testID?: string;\n};\n\nconst LoaderView: FC<LoaderViewProps> = ({ animate, state, testID }) => {\n const [initialDelayPassed, setInitialDelayPassed] = useState(false);\n const rotationIsAnimating = useRef(false);\n const rotation = useSharedValue(0);\n const opacity = useSharedValue(state === LoaderViewState.InProgress ? 0 : 1);\n\n const finished = state !== LoaderViewState.InProgress;\n\n useEffect(() => {\n const timeout = setTimeout(() => {\n setInitialDelayPassed(true);\n }, 1000);\n\n return () => {\n clearTimeout(timeout);\n };\n }, []);\n\n useEffect(() => {\n return () => {\n cancelAnimation(rotation);\n };\n }, [rotation]);\n\n const startRotationAnimation = useCallback(() => {\n if (rotationIsAnimating.current) {\n return;\n }\n rotationIsAnimating.current = true;\n rotation.value = withRepeat(\n withTiming(360, {\n duration: 1000,\n easing: Easing.linear,\n }),\n -1,\n );\n }, [rotation]);\n\n const stopRotationAnimation = useCallback(() => {\n Promise.resolve(\n InteractionManager.runAfterInteractions(() => {\n rotationIsAnimating.current = false;\n cancelAnimation(rotation);\n rotation.value = 0;\n }),\n ).catch(() => {});\n }, [rotation]);\n\n useEffect(() => {\n if (animate) {\n if (!finished) {\n startRotationAnimation();\n }\n } else {\n stopRotationAnimation();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [animate, startRotationAnimation, stopRotationAnimation]);\n\n useEffect(() => {\n if (!initialDelayPassed) {\n return;\n }\n const toValue = finished ? 1 : 0;\n if (opacity.value === toValue) {\n return;\n }\n if (animate) {\n if (!finished) {\n startRotationAnimation();\n }\n opacity.value = withTiming(\n toValue,\n {\n duration: 300,\n easing: Easing.ease,\n },\n () => {\n if (finished) {\n runOnJS(stopRotationAnimation)();\n }\n },\n );\n } else {\n opacity.value = toValue;\n stopRotationAnimation();\n }\n }, [opacity, finished, initialDelayPassed, animate, stopRotationAnimation, startRotationAnimation]);\n\n const spinnerAnimatedStyle = useAnimatedStyle(\n () => ({\n opacity: 1 - opacity.value,\n transform: [\n {\n rotateZ: `${rotation.value}deg`,\n },\n ],\n }),\n [opacity, rotation],\n );\n\n const resultAnimatedStyle = useAnimatedStyle(\n () => ({\n opacity: opacity.value,\n }),\n [opacity],\n );\n\n const finishedIcon = useMemo(() => {\n switch (state) {\n case LoaderViewState.Success:\n return <LoaderSuccess />;\n case LoaderViewState.Warning:\n return <LoaderWarning />;\n case LoaderViewState.Error:\n return <LoaderError />;\n default:\n return null;\n }\n }, [state]);\n\n return (\n <View style={styles.loader} testID={concatTestID(testID, state)}>\n <Animated.View style={[styles.loaderElement, spinnerAnimatedStyle]}>\n <LoaderProgressSpinner />\n </Animated.View>\n <Animated.View style={[styles.loaderElement, resultAnimatedStyle]}>{finishedIcon}</Animated.View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n loader: {\n height: 64,\n width: 64,\n },\n loaderElement: {\n height: 64,\n left: 0,\n position: 'absolute',\n top: 0,\n width: 64,\n },\n});\n\nexport default LoaderView;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/loader/loading-result.js CHANGED Viewed

@@ -1,28 +1,28 @@
-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); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { Platform, StyleSheet, View } from 'react-native';
-import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Button } from '../buttons/button';
 import NavigationHeader from '../header/navigation-header';
 import Typography from '../text/typography';
 import { useAppColorScheme } from '../theme/color-scheme-context';
 import LoaderView from './loader';
-const LoadingResultScreen = _ref => {
-  let {
-    button,
-    header,
-    loader: {
-      label,
-      ...loaderProps
-    },
-    secondaryButton: button2,
-    style,
-    tertiaryButton: button3,
-    ...viewProps
-  } = _ref;
+const LoadingResultScreen = ({
+  button,
+  header,
+  loader: {
+    label,
+    ...loaderProps
+  },
+  secondaryButton: button2,
+  style,
+  tertiaryButton: button3,
+  ...viewProps
+}) => {
   const colorScheme = useAppColorScheme();
   const {
-    top
+    top,
+    bottom
   } = useSafeAreaInsets();
   let headerPaddingStyle;
   if (Platform.OS === 'android') {
@@ -32,6 +32,9 @@ const LoadingResultScreen = _ref => {
   } else if (!(header !== null && header !== void 0 && header.modalHandleVisible) && Platform.OS === 'ios') {
     headerPaddingStyle = styles.modalHeaderWithoutHandle;
   }
+  let buttonsWrapperMarginStyle = {
+    marginBottom: bottom
+  };
   return /*#__PURE__*/React.createElement(View, _extends({
     style: [styles.container, {
       backgroundColor: colorScheme.background
@@ -45,9 +48,8 @@ const LoadingResultScreen = _ref => {
     color: colorScheme.text,
     preset: "regular",
     style: styles.label
-  }, label)), /*#__PURE__*/React.createElement(SafeAreaView, {
-    edges: ['bottom'],
-    style: styles.buttonWrapper
+  }, label)), /*#__PURE__*/React.createElement(View, {
+    style: [styles.buttonWrapper, buttonsWrapperMarginStyle]
   }, button && /*#__PURE__*/React.createElement(Button, button, button.title), button2 && /*#__PURE__*/React.createElement(Button, button2, button2.title), button3 && /*#__PURE__*/React.createElement(Button, button3, button3.title)));
 };
 const styles = StyleSheet.create({

package/lib/module/ui-components/loader/loading-result.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","Platform","StyleSheet","View","~~SafeAreaView","~~useSafeAreaInsets","Button","NavigationHeader","Typography","useAppColorScheme","LoaderView","LoadingResultScreen","~~_ref","~~button","header","loader","label","loaderProps","secondaryButton","button2","style","tertiaryButton","button3","viewProps","colorScheme","top","headerPaddingStyle","OS","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","createElement","_extends","container","backgroundColor","background","headerWrapper","loaderWrapper","align","color","text","preset","~~edges","~~buttonWrapper","title","create","gap","height","justifyContent","padding","alignItems","flex","flexDirection","marginHorizontal","marginTop"],"sources":["loading-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { ~~SafeAreaView,~~ useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Button, ButtonProps } from '../buttons/button';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport LoaderView, { LoaderViewProps } from './loader';\n\nexport type LoadingResultScreenProps = ViewProps & {\n button?: ButtonProps;\n header?: NavigationHeaderProps;\n loader: LoaderViewProps & {\n label?: string;\n };\n secondaryButton?: ButtonProps;\n tertiaryButton?: ButtonProps;\n};\n\nconst LoadingResultScreen: FC<LoadingResultScreenProps> = ({\n button,\n header,\n loader: { label, ...loaderProps },\n secondaryButton: button2,\n style,\n tertiaryButton: button3,\n ...viewProps\n}) => {\n const colorScheme = useAppColorScheme();\n const { top } = useSafeAreaInsets();\n\n let headerPaddingStyle: ViewStyle \| undefined;\n if (Platform.OS === 'android') {\n headerPaddingStyle = {\n paddingTop: top,\n };\n } else if (!header?.modalHandleVisible && Platform.OS === 'ios') {\n headerPaddingStyle = styles.modalHeaderWithoutHandle;\n }\n\n return (\n <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n <View style={[styles.headerWrapper, headerPaddingStyle]}>\n <NavigationHeader {...header} />\n </View>\n <View style={styles.loaderWrapper}>\n <LoaderView {...loaderProps} />\n <Typography align=\"center\" color={colorScheme.text} preset=\"regular\" style={styles.label}>\n {label}\n </Typography>\n </View>\n <~~SafeAreaView~~ ~~edges~~={[~~'bottom']} style={~~styles.buttonWrapper}>\n {button && <Button {...button}>{button.title}</Button>}\n {button2 && <Button {...button2}>{button2.title}</Button>}\n {button3 && <Button {...button3}>{button3.title}</Button>}\n </~~SafeAreaView~~>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n buttonWrapper: {\n gap: 12,\n height: 274,\n justifyContent: 'flex-end',\n padding: 12,\n },\n container: {\n alignItems: 'stretch',\n flex: 1,\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n headerWrapper: {\n height: 215,\n },\n label: {\n marginHorizontal: 20,\n marginTop: 20,\n },\n loaderWrapper: {\n alignItems: 'center',\n flexDirection: 'column',\n height: 108,\n justifyContent: 'space-between',\n },\n modalHeaderWithoutHandle: {\n paddingTop: 15,\n },\n});\n\nexport default LoadingResultScreen;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAA8B,cAAc;AAC/E,SAASC,~~YAAY,EAAEC,~~iBAAiB,QAAQ,gCAAgC;~~AAEhF~~,SAASC,MAAM,QAAqB,mBAAmB;AACvD,OAAOC,gBAAgB,MAAiC,6BAA6B;AACrF,OAAOC,UAAU,MAAM,oBAAoB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AACjE,OAAOC,UAAU,MAA2B,UAAU;AAYtD,MAAMC,mBAAiD,~~GAAGC~~,~~IAAA,IAQpD~~;~~EAAA~~,~~IARqD;IACzDC,~~MAAM;~~IACNC~~,MAAM;~~IACNC~~,MAAM,EAAE;~~MAAEC~~,KAAK;~~MAAE~~,GAAGC;~~IAAY~~,CAAC;~~IACjCC~~,eAAe,EAAEC,OAAO;~~IACxBC~~,KAAK;~~IACLC~~,cAAc,EAAEC,OAAO;~~IACvB~~,GAAGC;~~EACL~~,CAAC,~~GAAAX,IAAA~~;~~EACC~~,~~MAAMY~~,WAAW,~~GAAGf~~,iBAAiB,~~EAAE~~;EACvC,MAAM;~~IAAEgB~~;~~EAAI~~,CAAC,GAAGpB,iBAAiB,~~EAAE~~;~~EAEnC~~,IAAIqB,kBAAyC;EAC7C,~~IAAIzB~~,QAAQ,~~CAAC0B~~,EAAE,KAAK,SAAS,EAAE;IAC7BD,kBAAkB,GAAG;MACnBE,UAAU,~~EAAEH~~;IACd,CAAC;EACH,CAAC,MAAM,IAAI,EAACX,MAAM,aAANA,MAAM,eAANA,MAAM,~~CAAEe~~,kBAAkB,~~KAAI5B~~,QAAQ,~~CAAC0B~~,EAAE,KAAK,KAAK,EAAE;IAC/DD,kBAAkB,GAAGI,MAAM,CAACC,wBAAwB;EACtD;EAEA,~~oBACE/B~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC7B~~,IAAI,~~EAAA8B~~,QAAA;~~IAACb~~,KAAK,EAAE,~~CAACU~~,MAAM,~~CAACI~~,SAAS,EAAE;MAAEC,eAAe,~~EAAEX~~,WAAW,~~CAACY~~;IAAW,CAAC,~~EAAEhB~~,KAAK;EAAE,GAAKG,SAAS,~~gBAChGvB~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC7B~~,IAAI;~~IAACiB~~,KAAK,EAAE,~~CAACU~~,MAAM,~~CAACO~~,aAAa,~~EAAEX~~,kBAAkB;EAAE,~~gBACtD1B~~,KAAA,~~CAAAgC~~,aAAA,~~CAACzB~~,gBAAgB,~~EAAKO~~,~~MAAM~~,~~CAAI,~~CAC3B,~~eACPd~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC7B~~,IAAI;~~IAACiB~~,KAAK,~~EAAEU~~,MAAM,~~CAACQ~~;EAAc,~~gBAChCtC~~,KAAA,~~CAAAgC~~,aAAA,~~CAACtB~~,UAAU,~~EAAKO~~,~~WAAW~~,~~CAAI~~,eAC/~~BjB~~,KAAA,~~CAAAgC~~,aAAA,~~CAACxB~~,UAAU;~~IAAC+B~~,KAAK,EAAC,QAAQ;IAACC,KAAK,~~EAAEhB~~,WAAW,~~CAACiB~~,IAAK;IAACC,MAAM,EAAC,SAAS;~~IAACtB~~,KAAK,~~EAAEU~~,MAAM,~~CAACd~~;EAAM,GACtFA,~~KAAK~~,~~CACK,~~CACR,~~eACPhB~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC5B~~,~~YAAY~~;~~IAACuC~~,KAAK,EAAE,~~CAAC~~,~~QAAQ~~,~~CAAE;IAACvB~~,~~KAAK~~,~~EAAEU~~,~~MAAM,CAACc~~;~~EAAc~~,~~GAC1D/B~~,MAAM,~~iBAAIb~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC1B~~,MAAM,~~EAAKO~~,MAAM,EAAGA,MAAM,~~CAACgC~~,~~KAAK~~,~~CAAU~~,~~EACrD1B~~,OAAO,~~iBAAInB~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC1B~~,MAAM,~~EAAKa~~,OAAO,EAAGA,OAAO,~~CAAC0B~~,~~KAAK~~,~~CAAU~~,~~EACxDvB~~,OAAO,~~iBAAItB~~,KAAA,~~CAAAgC~~,aAAA,~~CAAC1B~~,MAAM,~~EAAKgB~~,OAAO,EAAGA,OAAO,~~CAACuB~~,~~KAAK~~,~~CAAU~~,~~CAC5C~~,~~CACV~~;AAEX,CAAC;AAED,~~MAAMf~~,MAAM,~~GAAG5B~~,UAAU,CAAC4C,MAAM,CAAC;EAC/BF,aAAa,EAAE;IACbG,GAAG,EAAE,EAAE;IACPC,MAAM,EAAE,GAAG;IACXC,cAAc,EAAE,UAAU;IAC1BC,OAAO,EAAE;EACX,CAAC;~~EACDhB~~,SAAS,EAAE;~~IACTiB~~,UAAU,EAAE,SAAS;IACrBC,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,QAAQ;IACvBJ,cAAc,EAAE;EAClB,CAAC;~~EACDZ~~,aAAa,EAAE;~~IACbW~~,MAAM,EAAE;EACV,CAAC;~~EACDhC~~,KAAK,EAAE;~~IACLsC~~,gBAAgB,EAAE,EAAE;IACpBC,SAAS,EAAE;EACb,CAAC;~~EACDjB~~,aAAa,EAAE;~~IACba~~,UAAU,EAAE,QAAQ;IACpBE,aAAa,EAAE,QAAQ;IACvBL,MAAM,EAAE,GAAG;IACXC,cAAc,EAAE;EAClB,CAAC;~~EACDlB~~,wBAAwB,EAAE;IACxBH,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAejB,mBAAmB"}
1	+ {"version":3,"names":["React","Platform","StyleSheet","View","useSafeAreaInsets","Button","NavigationHeader","Typography","useAppColorScheme","LoaderView","LoadingResultScreen","button","header","loader","label","loaderProps","secondaryButton","button2","style","tertiaryButton","button3","viewProps","colorScheme","top","bottom","headerPaddingStyle","OS","paddingTop","modalHandleVisible","styles","modalHeaderWithoutHandle","buttonsWrapperMarginStyle","marginBottom","createElement","_extends","container","backgroundColor","background","headerWrapper","loaderWrapper","align","color","text","preset","buttonWrapper","title","create","gap","height","justifyContent","padding","alignItems","flex","flexDirection","marginHorizontal","marginTop"],"sources":["loading-result.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Platform, StyleSheet, View, ViewProps, ViewStyle } from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\n\nimport { Button, ButtonProps } from '../buttons/button';\nimport NavigationHeader, { NavigationHeaderProps } from '../header/navigation-header';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\nimport LoaderView, { LoaderViewProps } from './loader';\n\nexport type LoadingResultScreenProps = ViewProps & {\n button?: ButtonProps;\n header?: NavigationHeaderProps;\n loader: LoaderViewProps & {\n label?: string;\n };\n secondaryButton?: ButtonProps;\n tertiaryButton?: ButtonProps;\n};\n\nconst LoadingResultScreen: FC<LoadingResultScreenProps> = ({\n button,\n header,\n loader: { label, ...loaderProps },\n secondaryButton: button2,\n style,\n tertiaryButton: button3,\n ...viewProps\n}) => {\n const colorScheme = useAppColorScheme();\n const { top, bottom } = useSafeAreaInsets();\n\n let headerPaddingStyle: ViewStyle \| undefined;\n if (Platform.OS === 'android') {\n headerPaddingStyle = {\n paddingTop: top,\n };\n } else if (!header?.modalHandleVisible && Platform.OS === 'ios') {\n headerPaddingStyle = styles.modalHeaderWithoutHandle;\n }\n\n let buttonsWrapperMarginStyle: ViewStyle = {\n marginBottom: bottom,\n };\n\n return (\n <View style={[styles.container, { backgroundColor: colorScheme.background }, style]} {...viewProps}>\n <View style={[styles.headerWrapper, headerPaddingStyle]}>\n <NavigationHeader {...header} />\n </View>\n <View style={styles.loaderWrapper}>\n <LoaderView {...loaderProps} />\n <Typography align=\"center\" color={colorScheme.text} preset=\"regular\" style={styles.label}>\n {label}\n </Typography>\n </View>\n <View style={[styles.buttonWrapper, buttonsWrapperMarginStyle]}>\n {button && <Button {...button}>{button.title}</Button>}\n {button2 && <Button {...button2}>{button2.title}</Button>}\n {button3 && <Button {...button3}>{button3.title}</Button>}\n </View>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n buttonWrapper: {\n gap: 12,\n height: 274,\n justifyContent: 'flex-end',\n padding: 12,\n },\n container: {\n alignItems: 'stretch',\n flex: 1,\n flexDirection: 'column',\n justifyContent: 'space-between',\n },\n headerWrapper: {\n height: 215,\n },\n label: {\n marginHorizontal: 20,\n marginTop: 20,\n },\n loaderWrapper: {\n alignItems: 'center',\n flexDirection: 'column',\n height: 108,\n justifyContent: 'space-between',\n },\n modalHeaderWithoutHandle: {\n paddingTop: 15,\n },\n});\n\nexport default LoadingResultScreen;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/nerd-view/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import NerdModeItem, { ActionIcon, NerdModeItemProps } from './nerd-mode-item';
-export { ActionIcon, NerdModeItem, NerdModeItemProps };
+import NerdModeItem, { ActionIcon } from './nerd-mode-item';
+export { ActionIcon, NerdModeItem };
 //# sourceMappingURL=index.js.map

package/lib/module/ui-components/nerd-view/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["NerdModeItem","ActionIcon"~~,"NerdModeItemProps"~~],"sources":["index.ts"],"sourcesContent":["import NerdModeItem, { ActionIcon, ~~NerdModeItemProps~~ } from './nerd-mode-item';\n\nexport { ActionIcon, NerdModeItem, NerdModeItemProps };\n"],"mappings":"~~AAAA~~,OAAOA,YAAY,IAAIC,UAAU,~~EAAEC,iBAAiB,~~QAAQ,kBAAkB;~~AAE9E~~,~~SAASD~~,UAAU,EAAED,YAAY,~~EAAEE,iBAAiB~~"}
1	+ {"version":3,"names":["NerdModeItem","ActionIcon"],"sources":["index.ts"],"sourcesContent":["import type { NerdModeItemProps } from './nerd-mode-item';\nimport NerdModeItem, { ActionIcon } from './nerd-mode-item';\n\nexport { ActionIcon, NerdModeItem, NerdModeItemProps };\n"],"mappings":"AACA,OAAOA,YAAY,IAAIC,UAAU,QAAQ,kBAAkB;AAE3D,SAASA,UAAU,EAAED,YAAY","ignoreList":[]}

package/lib/module/ui-components/nerd-view/nerd-mode-item.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import { Dimensions, Linking, StyleSheet, View } from 'react-native';
-import { TouchableOpacity } from 'react-native-gesture-handler';
 import Animated, { clamp, useAnimatedStyle, useDerivedValue, useSharedValue } from 'react-native-reanimated';
 import { reportException } from '../../utils';
 import { concatTestID } from '../../utils/testID';
+import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import { Button, ButtonType } from '../buttons/button';
 import { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';
 import Typography from '../text/typography';
@@ -53,14 +53,13 @@ const styles = StyleSheet.create({
     paddingBottom: 30
   }
 });
-export const ActionIcon = _ref => {
-  let {
-    value,
-    link,
-    onCopyToClipboard,
-    testID,
-    copy
-  } = _ref;
+export const ActionIcon = ({
+  value,
+  link,
+  onCopyToClipboard,
+  testID,
+  copy
+}) => {
   const handleCopy = useCallback(() => {
     onCopyToClipboard(value);
   }, [onCopyToClipboard, value]);
@@ -85,13 +84,12 @@ export const ActionIcon = _ref => {
   }
   return null;
 };
-const TextWithHighlight = _ref2 => {
-  let {
-    highlightedText,
-    onLayout,
-    testID,
-    text
-  } = _ref2;
+const TextWithHighlight = ({
+  highlightedText,
+  onLayout,
+  testID,
+  text
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(Typography, {
     color: colorScheme.white,
@@ -104,22 +102,21 @@ const TextWithHighlight = _ref2 => {
     preset: "s/code"
   }, highlightedText), text);
 };
-const NerdModeItem = _ref3 => {
-  let {
-    highlightedText = '',
-    attributeText = '',
-    attributeKey,
-    labels,
-    link,
-    canBeCopied,
-    onCopyToClipboard,
-    onExpand,
-    expandedAttributes,
-    last = false,
-    scrollOffset,
-    element,
-    testID
-  } = _ref3;
+const NerdModeItem = ({
+  highlightedText = '',
+  attributeText = '',
+  attributeKey,
+  labels,
+  link,
+  canBeCopied,
+  onCopyToClipboard,
+  onExpand,
+  expandedAttributes,
+  last = false,
+  scrollOffset,
+  element,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   const valueViewRef = React.useRef(null);
   const [isSingleLine, setIsSingleLine] = useState();
@@ -158,7 +155,7 @@ const NerdModeItem = _ref3 => {
         translateY: iconTopPosition.value
       }]
     };
-  });
+  }, [iconTopPosition]);
   const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';
   useEffect(() => {
     if (!scrollOffset || isSingleLine === undefined) {
@@ -166,7 +163,7 @@ const NerdModeItem = _ref3 => {
     }
     setTimeout(() => {
       var _valueViewRef$current;
-      (_valueViewRef$current = valueViewRef.current) === null || _valueViewRef$current === void 0 ? void 0 : _valueViewRef$current.measure((x, y, w, h, px, py) => {
+      (_valueViewRef$current = valueViewRef.current) === null || _valueViewRef$current === void 0 || _valueViewRef$current.measure((x, y, w, h, px, py) => {
         expandedView.value = {
           expandedAtOffset: isSingleLine ? 0 : scrollOffset.value,
           viewHeight: isSingleLine ? 0 : h - 2 * CONTAINER_PADDING,

package/lib/module/ui-components/nerd-view/nerd-mode-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Dimensions","Linking","StyleSheet","View","TouchableOpacity","Animated","clamp","useAnimatedStyle","useDerivedValue","useSharedValue","reportException","concatTestID","Button","ButtonType","CopyContentIcon","OpenLinkIcon","Typography","useAppColorScheme","VALUE_PREVIEW_LENGTH","ICON_HEIGHT","CONTAINER_PADDING","styles","create","actionIcon","alignItems","flex","height","justifyContent","actionIconSingleLine","attributeLabel","marginBottom","paddingHorizontal","attributeValue","flexGrow","attributeValueContainer","borderRadius","borderWidth","flexDirection","padding","container","paddingTop","expandValueButton","marginTop","lastAttribute","paddingBottom","ActionIcon","_ref","value","link","onCopyToClipboard","testID","copy","handleCopy","openLink","openURL","catch","e","createElement","onPress","TextWithHighlight","_ref2","highlightedText","onLayout","text","colorScheme","color","white","preset","style","nerdView","codeHighlightText","NerdModeItem","_ref3","attributeText","attributeKey","labels","canBeCopied","onExpand","expandedAttributes","last","scrollOffset","element","valueViewRef","useRef","isSingleLine","setIsSingleLine","expandedView","expandedAtOffset","viewHeight","viewStart","expandable","length","expanded","setExpanded","screenMiddle","get","iconTopPosition","undefined","iconHeight","viewEnd","zeroedOffset","iconStyle","transform","translateY","previewText","slice","setTimeout","_valueViewRef$current","current","measure","x","y","w","h","px","py","onTextLayout","event","nativeEvent","layout","backgroundColor","attributeSectionBackground","ref","attributeValueBackground","borderColor","attributeValueBorder","title","collapse","expand","type","SmallTech"],"sources":["nerd-mode-item.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Dimensions, LayoutChangeEvent, Linking, StyleSheet, View, ViewStyle } from 'react-native';\nimport { TouchableOpacity } from 'react-native-gesture-handler';\nimport Animated, {\n clamp,\n SharedValue,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n} from 'react-native-reanimated';\n\nimport { reportException } from '../../utils';\nimport { concatTestID } from '../../utils/testID';\nimport { Button, ButtonType } from '../buttons/button';\nimport { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst VALUE_PREVIEW_LENGTH = 80;\nconst ICON_HEIGHT = 48;\nconst CONTAINER_PADDING = 8;\n\n// The onExpand and expandedAttributes props are used to notify other expanded fields\n// that the layout (and thus the scrollOffset / icon position) has changed. This\n// will trigger a view measurement and repositioning of the icon on all expanded fields.\n\nexport type NerdModeItemProps = {\n attributeKey: string;\n attributeText?: string;\n canBeCopied?: boolean;\n element?: React.ReactElement;\n expandedAttributes?: number;\n highlightedText?: string;\n labels: {\n expand: string;\n collapse: string;\n };\n last?: boolean;\n link?: string;\n onCopyToClipboard: (value: string) => void;\n onExpand?: (expanded: boolean) => void;\n scrollOffset?: SharedValue<number>;\n testID?: string;\n};\n\nconst styles = StyleSheet.create({\n actionIcon: {\n alignItems: 'center',\n flex: 0.15,\n height: ICON_HEIGHT,\n justifyContent: 'center',\n },\n actionIconSingleLine: {\n height: 24,\n },\n attributeLabel: {\n marginBottom: 4,\n paddingHorizontal: 6,\n },\n attributeValue: {\n flex: 0.85,\n flexGrow: 1,\n },\n attributeValueContainer: {\n borderRadius: 2,\n borderWidth: 0.2,\n flexDirection: 'row',\n padding: CONTAINER_PADDING,\n },\n container: {\n paddingHorizontal: 20,\n paddingTop: 16,\n },\n expandValueButton: {\n borderRadius: 4,\n borderWidth: 0,\n marginTop: 4,\n },\n lastAttribute: {\n paddingBottom: 30,\n },\n});\n\nexport const ActionIcon: FunctionComponent<{\n copy?: boolean;\n link?: string;\n onCopyToClipboard: (value: string) => void;\n style?: ViewStyle;\n testID?: string;\n value: string;\n}> = ({ value, link, onCopyToClipboard, testID, copy }) => {\n const handleCopy = useCallback(() => {\n onCopyToClipboard(value);\n }, [onCopyToClipboard, value]);\n\n const openLink = useCallback(() => {\n if (link) {\n Linking.openURL(link).catch((e) => {\n reportException(e, 'Error opening nerd link');\n });\n }\n }, [link]);\n\n if (copy) {\n return (\n <TouchableOpacity onPress={handleCopy} testID={testID}>\n <CopyContentIcon />\n </TouchableOpacity>\n );\n }\n\n if (link) {\n return (\n <TouchableOpacity onPress={openLink} testID={testID}>\n <OpenLinkIcon />\n </TouchableOpacity>\n );\n }\n\n return null;\n};\n\nconst TextWithHighlight: FunctionComponent<{\n highlightedText: string;\n onLayout?: (event: LayoutChangeEvent) => void;\n testID: string;\n text: string;\n}> = ({ highlightedText, onLayout, testID, text }) => {\n const colorScheme = useAppColorScheme();\n return (\n <Typography\n color={colorScheme.white}\n onLayout={onLayout}\n preset=\"s/code\"\n style={styles.attributeValue}\n testID={testID}>\n <Typography color={colorScheme.nerdView.codeHighlightText} preset=\"s/code\">\n {highlightedText}\n </Typography>\n {text}\n </Typography>\n );\n};\n\nconst NerdModeItem: FunctionComponent<NerdModeItemProps> = ({\n highlightedText = '',\n attributeText = '',\n attributeKey,\n labels,\n link,\n canBeCopied,\n onCopyToClipboard,\n onExpand,\n expandedAttributes,\n last = false,\n scrollOffset,\n element,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n const valueViewRef = React.useRef<View>(null);\n const [isSingleLine, setIsSingleLine] = useState<boolean>();\n\n const expandedView = useSharedValue({\n expandedAtOffset: 0,\n viewHeight: 0,\n viewStart: 0,\n });\n\n const expandable = attributeText.length > VALUE_PREVIEW_LENGTH;\n const [expanded, setExpanded] = useState(!expandable);\n\n const screenMiddle = useMemo(() => Dimensions.get('screen').height / 2, []);\n\n const iconTopPosition = useDerivedValue(() => {\n if (isSingleLine === undefined) {\n return 0;\n }\n if (!expanded \|\| !expandable \|\| !scrollOffset \|\| isSingleLine) {\n const iconHeight = isSingleLine ? 0 : ICON_HEIGHT;\n return expandedView.value.viewHeight / 2 - iconHeight / 2;\n }\n\n const viewEnd = expandedView.value.viewStart + expandedView.value.viewHeight;\n let zeroedOffset = scrollOffset.value - expandedView.value.expandedAtOffset;\n\n if (expandedView.value.viewStart > screenMiddle) {\n zeroedOffset = zeroedOffset - (expandedView.value.viewStart - screenMiddle + ICON_HEIGHT / 2);\n } else {\n if (viewEnd < screenMiddle + ICON_HEIGHT) {\n zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n } else if (expandedView.value.viewStart < screenMiddle && viewEnd > screenMiddle) {\n zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n }\n }\n\n return clamp(zeroedOffset, 0, expandedView.value.viewHeight - ICON_HEIGHT - 8);\n });\n\n const iconStyle = useAnimatedStyle(() => {\n return {\n transform: [\n {\n translateY: iconTopPosition.value,\n },\n ],\n };\n });\n\n const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';\n\n useEffect(() => {\n if (!scrollOffset \|\| isSingleLine === undefined) {\n return;\n }\n\n setTimeout(() => {\n valueViewRef.current?.measure((x, y, w, h, px, py) => {\n expandedView.value = {\n expandedAtOffset: isSingleLine ? 0 : scrollOffset.value,\n viewHeight: isSingleLine ? 0 : h - 2 * CONTAINER_PADDING,\n viewStart: py,\n };\n });\n }, 0);\n // We only recompute when any attribute is expanded\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [expandedAttributes, isSingleLine]);\n\n const onTextLayout = useCallback((event: LayoutChangeEvent) => {\n const { height } = event.nativeEvent.layout;\n setIsSingleLine(height <= 24);\n }, []);\n\n return (\n <View\n style={[\n styles.container,\n { backgroundColor: colorScheme.nerdView.attributeSectionBackground },\n last ? styles.lastAttribute : {},\n ]}\n testID={testID}>\n <Typography\n color={colorScheme.nerdView.attributeLabel}\n preset=\"s/code\"\n style={styles.attributeLabel}\n testID={concatTestID(testID, 'attributeLabel')}>\n {attributeKey}\n </Typography>\n <View\n ref={valueViewRef}\n style={[\n styles.attributeValueContainer,\n {\n backgroundColor: colorScheme.nerdView.attributeValueBackground,\n borderColor: colorScheme.nerdView.attributeValueBorder,\n },\n ]}>\n {element ? (\n element\n ) : (\n <TextWithHighlight\n highlightedText={highlightedText}\n onLayout={onTextLayout}\n testID={concatTestID(testID, 'attributeValue')!}\n text={previewText}\n />\n )}\n {(canBeCopied \|\| link) && isSingleLine !== undefined ? (\n <Animated.View style={[styles.actionIcon, isSingleLine ? styles.actionIconSingleLine : undefined, iconStyle]}>\n {\n <ActionIcon\n copy={canBeCopied}\n link={link}\n onCopyToClipboard={onCopyToClipboard}\n testID={concatTestID(testID, 'actionIcon')}\n value={`${highlightedText}${attributeText}`}\n />\n }\n </Animated.View>\n ) : null}\n </View>\n {expandable ? (\n <Button\n onPress={() => {\n onExpand && onExpand(!expanded);\n setExpanded(!expanded);\n }}\n style={styles.expandValueButton}\n testID={concatTestID(testID, 'expandValueButton')}\n title={expanded ? labels.collapse : labels.expand}\n type={ButtonType.SmallTech}\n />\n ) : null}\n </View>\n );\n};\n\nexport default NerdModeItem;\n"],"mappings":"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"}
1	+ {"version":3,"names":["React","useCallback","useEffect","useMemo","useState","Dimensions","Linking","StyleSheet","View","Animated","clamp","useAnimatedStyle","useDerivedValue","useSharedValue","reportException","concatTestID","TouchableOpacity","Button","ButtonType","CopyContentIcon","OpenLinkIcon","Typography","useAppColorScheme","VALUE_PREVIEW_LENGTH","ICON_HEIGHT","CONTAINER_PADDING","styles","create","actionIcon","alignItems","flex","height","justifyContent","actionIconSingleLine","attributeLabel","marginBottom","paddingHorizontal","attributeValue","flexGrow","attributeValueContainer","borderRadius","borderWidth","flexDirection","padding","container","paddingTop","expandValueButton","marginTop","lastAttribute","paddingBottom","ActionIcon","value","link","onCopyToClipboard","testID","copy","handleCopy","openLink","openURL","catch","e","createElement","onPress","TextWithHighlight","highlightedText","onLayout","text","colorScheme","color","white","preset","style","nerdView","codeHighlightText","NerdModeItem","attributeText","attributeKey","labels","canBeCopied","onExpand","expandedAttributes","last","scrollOffset","element","valueViewRef","useRef","isSingleLine","setIsSingleLine","expandedView","expandedAtOffset","viewHeight","viewStart","expandable","length","expanded","setExpanded","screenMiddle","get","iconTopPosition","undefined","iconHeight","viewEnd","zeroedOffset","iconStyle","transform","translateY","previewText","slice","setTimeout","_valueViewRef$current","current","measure","x","y","w","h","px","py","onTextLayout","event","nativeEvent","layout","backgroundColor","attributeSectionBackground","ref","attributeValueBackground","borderColor","attributeValueBorder","title","collapse","expand","type","SmallTech"],"sources":["nerd-mode-item.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, useEffect, useMemo, useState } from 'react';\nimport { Dimensions, LayoutChangeEvent, Linking, StyleSheet, View, ViewStyle } from 'react-native';\nimport Animated, {\n clamp,\n SharedValue,\n useAnimatedStyle,\n useDerivedValue,\n useSharedValue,\n} from 'react-native-reanimated';\n\nimport { reportException } from '../../utils';\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { Button, ButtonType } from '../buttons/button';\nimport { CopyContentIcon, OpenLinkIcon } from '../icons/nerd-view';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nconst VALUE_PREVIEW_LENGTH = 80;\nconst ICON_HEIGHT = 48;\nconst CONTAINER_PADDING = 8;\n\n// The onExpand and expandedAttributes props are used to notify other expanded fields\n// that the layout (and thus the scrollOffset / icon position) has changed. This\n// will trigger a view measurement and repositioning of the icon on all expanded fields.\n\nexport type NerdModeItemProps = {\n attributeKey: string;\n attributeText?: string;\n canBeCopied?: boolean;\n element?: React.ReactElement;\n expandedAttributes?: number;\n highlightedText?: string;\n labels: {\n expand: string;\n collapse: string;\n };\n last?: boolean;\n link?: string;\n onCopyToClipboard: (value: string) => void;\n onExpand?: (expanded: boolean) => void;\n scrollOffset?: SharedValue<number>;\n testID?: string;\n};\n\nconst styles = StyleSheet.create({\n actionIcon: {\n alignItems: 'center',\n flex: 0.15,\n height: ICON_HEIGHT,\n justifyContent: 'center',\n },\n actionIconSingleLine: {\n height: 24,\n },\n attributeLabel: {\n marginBottom: 4,\n paddingHorizontal: 6,\n },\n attributeValue: {\n flex: 0.85,\n flexGrow: 1,\n },\n attributeValueContainer: {\n borderRadius: 2,\n borderWidth: 0.2,\n flexDirection: 'row',\n padding: CONTAINER_PADDING,\n },\n container: {\n paddingHorizontal: 20,\n paddingTop: 16,\n },\n expandValueButton: {\n borderRadius: 4,\n borderWidth: 0,\n marginTop: 4,\n },\n lastAttribute: {\n paddingBottom: 30,\n },\n});\n\nexport const ActionIcon: FunctionComponent<{\n copy?: boolean;\n link?: string;\n onCopyToClipboard: (value: string) => void;\n style?: ViewStyle;\n testID?: string;\n value: string;\n}> = ({ value, link, onCopyToClipboard, testID, copy }) => {\n const handleCopy = useCallback(() => {\n onCopyToClipboard(value);\n }, [onCopyToClipboard, value]);\n\n const openLink = useCallback(() => {\n if (link) {\n Linking.openURL(link).catch((e) => {\n reportException(e, 'Error opening nerd link');\n });\n }\n }, [link]);\n\n if (copy) {\n return (\n <TouchableOpacity onPress={handleCopy} testID={testID}>\n <CopyContentIcon />\n </TouchableOpacity>\n );\n }\n\n if (link) {\n return (\n <TouchableOpacity onPress={openLink} testID={testID}>\n <OpenLinkIcon />\n </TouchableOpacity>\n );\n }\n\n return null;\n};\n\nconst TextWithHighlight: FunctionComponent<{\n highlightedText: string;\n onLayout?: (event: LayoutChangeEvent) => void;\n testID: string;\n text: string;\n}> = ({ highlightedText, onLayout, testID, text }) => {\n const colorScheme = useAppColorScheme();\n return (\n <Typography\n color={colorScheme.white}\n onLayout={onLayout}\n preset=\"s/code\"\n style={styles.attributeValue}\n testID={testID}>\n <Typography color={colorScheme.nerdView.codeHighlightText} preset=\"s/code\">\n {highlightedText}\n </Typography>\n {text}\n </Typography>\n );\n};\n\nconst NerdModeItem: FunctionComponent<NerdModeItemProps> = ({\n highlightedText = '',\n attributeText = '',\n attributeKey,\n labels,\n link,\n canBeCopied,\n onCopyToClipboard,\n onExpand,\n expandedAttributes,\n last = false,\n scrollOffset,\n element,\n testID,\n}) => {\n const colorScheme = useAppColorScheme();\n const valueViewRef = React.useRef<View>(null);\n const [isSingleLine, setIsSingleLine] = useState<boolean>();\n\n const expandedView = useSharedValue({\n expandedAtOffset: 0,\n viewHeight: 0,\n viewStart: 0,\n });\n\n const expandable = attributeText.length > VALUE_PREVIEW_LENGTH;\n const [expanded, setExpanded] = useState(!expandable);\n\n const screenMiddle = useMemo(() => Dimensions.get('screen').height / 2, []);\n\n const iconTopPosition = useDerivedValue(() => {\n if (isSingleLine === undefined) {\n return 0;\n }\n if (!expanded \|\| !expandable \|\| !scrollOffset \|\| isSingleLine) {\n const iconHeight = isSingleLine ? 0 : ICON_HEIGHT;\n return expandedView.value.viewHeight / 2 - iconHeight / 2;\n }\n\n const viewEnd = expandedView.value.viewStart + expandedView.value.viewHeight;\n let zeroedOffset = scrollOffset.value - expandedView.value.expandedAtOffset;\n\n if (expandedView.value.viewStart > screenMiddle) {\n zeroedOffset = zeroedOffset - (expandedView.value.viewStart - screenMiddle + ICON_HEIGHT / 2);\n } else {\n if (viewEnd < screenMiddle + ICON_HEIGHT) {\n zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n } else if (expandedView.value.viewStart < screenMiddle && viewEnd > screenMiddle) {\n zeroedOffset = zeroedOffset + (screenMiddle - expandedView.value.viewStart - ICON_HEIGHT / 2);\n }\n }\n\n return clamp(zeroedOffset, 0, expandedView.value.viewHeight - ICON_HEIGHT - 8);\n });\n\n const iconStyle = useAnimatedStyle(() => {\n return {\n transform: [\n {\n translateY: iconTopPosition.value,\n },\n ],\n };\n }, [iconTopPosition]);\n\n const previewText = expanded ? attributeText : attributeText.slice(0, VALUE_PREVIEW_LENGTH) + '...';\n\n useEffect(() => {\n if (!scrollOffset \|\| isSingleLine === undefined) {\n return;\n }\n\n setTimeout(() => {\n valueViewRef.current?.measure((x, y, w, h, px, py) => {\n expandedView.value = {\n expandedAtOffset: isSingleLine ? 0 : scrollOffset.value,\n viewHeight: isSingleLine ? 0 : h - 2 * CONTAINER_PADDING,\n viewStart: py,\n };\n });\n }, 0);\n // We only recompute when any attribute is expanded\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [expandedAttributes, isSingleLine]);\n\n const onTextLayout = useCallback((event: LayoutChangeEvent) => {\n const { height } = event.nativeEvent.layout;\n setIsSingleLine(height <= 24);\n }, []);\n\n return (\n <View\n style={[\n styles.container,\n { backgroundColor: colorScheme.nerdView.attributeSectionBackground },\n last ? styles.lastAttribute : {},\n ]}\n testID={testID}>\n <Typography\n color={colorScheme.nerdView.attributeLabel}\n preset=\"s/code\"\n style={styles.attributeLabel}\n testID={concatTestID(testID, 'attributeLabel')}>\n {attributeKey}\n </Typography>\n <View\n ref={valueViewRef}\n style={[\n styles.attributeValueContainer,\n {\n backgroundColor: colorScheme.nerdView.attributeValueBackground,\n borderColor: colorScheme.nerdView.attributeValueBorder,\n },\n ]}>\n {element ? (\n element\n ) : (\n <TextWithHighlight\n highlightedText={highlightedText}\n onLayout={onTextLayout}\n testID={concatTestID(testID, 'attributeValue')!}\n text={previewText}\n />\n )}\n {(canBeCopied \|\| link) && isSingleLine !== undefined ? (\n <Animated.View style={[styles.actionIcon, isSingleLine ? styles.actionIconSingleLine : undefined, iconStyle]}>\n {\n <ActionIcon\n copy={canBeCopied}\n link={link}\n onCopyToClipboard={onCopyToClipboard}\n testID={concatTestID(testID, 'actionIcon')}\n value={`${highlightedText}${attributeText}`}\n />\n }\n </Animated.View>\n ) : null}\n </View>\n {expandable ? (\n <Button\n onPress={() => {\n onExpand && onExpand(!expanded);\n setExpanded(!expanded);\n }}\n style={styles.expandValueButton}\n testID={concatTestID(testID, 'expandValueButton')}\n title={expanded ? labels.collapse : labels.expand}\n type={ButtonType.SmallTech}\n />\n ) : null}\n </View>\n );\n};\n\nexport default NerdModeItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/pin/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Biometry","PinCodeScreen","PinCodeScreenActions","PinCodeScreenProps","PinLockModal","PinLockModalLabels"],"sources":["index.ts"],"sourcesContent":["import { Biometry } from './keypad';\nimport { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';\nimport PinLockModal, { PinLockModalLabels } from './pin-lock';\n\nexport { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps, PinLockModal, PinLockModalLabels };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAC3F,OAAOC,YAAY,IAAIC,kBAAkB,QAAQ,YAAY;AAE7D,SAASL,QAAQ,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,EAAEC,YAAY,EAAEC,kBAAkB"}
1	+ {"version":3,"names":["Biometry","PinCodeScreen","PinCodeScreenActions","PinCodeScreenProps","PinLockModal","PinLockModalLabels"],"sources":["index.ts"],"sourcesContent":["import { Biometry } from './keypad';\nimport { PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps } from './pin-code-screen';\nimport PinLockModal, { PinLockModalLabels } from './pin-lock';\n\nexport { Biometry, PinCodeScreen, PinCodeScreenActions, PinCodeScreenProps, PinLockModal, PinLockModalLabels };\n"],"mappings":"AAAA,SAASA,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAC3F,OAAOC,YAAY,IAAIC,kBAAkB,QAAQ,YAAY;AAE7D,SAASL,QAAQ,EAAEC,aAAa,EAAEC,oBAAoB,EAAEC,kBAAkB,EAAEC,YAAY,EAAEC,kBAAkB","ignoreList":[]}

package/lib/module/ui-components/pin/keypad.js CHANGED Viewed

@@ -6,12 +6,11 @@ import { useAccessibilityTranslation } from '../accessibility/accessibilityLangu
 import { FaceIDIcon, FingerprintIcon, KeypadBackspaceIcon, KeypadClearIcon } from '../icons/keypad';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-const DigitKey = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    onPress,
-    testID,
-    digit
-  } = _ref;
+const DigitKey = /*#__PURE__*/React.forwardRef(({
+  onPress,
+  testID,
+  digit
+}, ref) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(TouchableOpacity, {
     testID: concatTestID(testID, String(digit)),
@@ -29,24 +28,23 @@ const DigitKey = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, digit));
 });
 DigitKey.displayName = 'DigitKey';
-export let Biometry;
-(function (Biometry) {
+export let Biometry = /*#__PURE__*/function (Biometry) {
   Biometry["FaceID"] = "faceID";
   Biometry["Other"] = "other";
-})(Biometry || (Biometry = {}));
+  return Biometry;
+}({});
 const MIN_HEIGHT = 360;
 const MIN_WIDTH = 264;
 const KEY_SIZE = 72;
-export const Keypad = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
-    testID,
-    onPressDigit,
-    onPressDelete,
-    biometry,
-    onBiometricPress,
-    style,
-    onDeleteAll
-  } = _ref2;
+export const Keypad = /*#__PURE__*/React.forwardRef(({
+  testID,
+  onPressDigit,
+  onPressDelete,
+  biometry,
+  onBiometricPress,
+  style,
+  onDeleteAll
+}, ref) => {
   const t = useAccessibilityTranslation();
   const colorScheme = useAppColorScheme();
   const [layout, setLayout] = useState();