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

package/lib/module/ui-components/buttons/button.js

@@ -1,17 +1,17 @@
-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, { useCallback, useMemo, useState } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { concatTestID } from '../../utils';
 import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-export let ButtonType;
-(function (ButtonType) {
+export let ButtonType = /*#__PURE__*/function (ButtonType) {
   ButtonType["Border"] = "border";
   ButtonType["Primary"] = "primary";
   ButtonType["Secondary"] = "secondary";
   ButtonType["SmallTech"] = "small-tech";
-})(ButtonType || (ButtonType = {}));
+  return ButtonType;
+}({});
 const SLOP_VALUE = 10;
 const hitSlop = {
   top: SLOP_VALUE,
@@ -33,18 +33,17 @@ const ACTIVE_OPACITY = {
  *
  * for bordered style just override `borderColor` in style
  */
-export const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-    style,
-    type = ButtonType.Primary,
-    disabled,
-    title,
-    subtitle,
-    onPressIn,
-    onPressOut,
-    testID,
-    ...props
-  } = _ref;
+export const Button = /*#__PURE__*/React.forwardRef(({
+  style,
+  type = ButtonType.Primary,
+  disabled,
+  title,
+  subtitle,
+  onPressIn,
+  onPressOut,
+  testID,
+  ...props
+}, ref) => {
   const colorScheme = useAppColorScheme();
   const [secondaryPressed, setSecondaryPressed] = useState(false);
   const textColor = useMemo(() => {
@@ -79,11 +78,11 @@ export const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   }, [type, colorScheme.background, backgroundColor]);
   const secondaryPressIn = useCallback(event => {
     setSecondaryPressed(true);
-    onPressIn === null || onPressIn === void 0 ? void 0 : onPressIn(event);
+    onPressIn === null || onPressIn === void 0 || onPressIn(event);
   }, [onPressIn]);
   const secondaryPressOut = useCallback(event => {
     setSecondaryPressed(false);
-    onPressOut === null || onPressOut === void 0 ? void 0 : onPressOut(event);
+    onPressOut === null || onPressOut === void 0 || onPressOut(event);
   }, [onPressOut]);
   return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
     accessibilityRole: "button",

package/lib/module/ui-components/buttons/button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useState","StyleSheet","View","concatTestID","TouchableOpacity","Typography","useAppColorScheme","ButtonType","SLOP_VALUE","hitSlop","top","bottom","left","right","ACTIVE_OPACITY","Primary","Border","Secondary","SmallTech","Button","forwardRef","_ref","ref","style","type","disabled","title","subtitle","onPressIn","onPressOut","testID","props","colorScheme","secondaryPressed","setSecondaryPressed","textColor","accentText","text","codeAccent","backgroundColor","accent","background","white","borderColor","secondaryPressIn","event","secondaryPressOut","createElement","_extends","accessibilityRole","activeOpacity","styles","button","withSubtitle","undefined","techSmall","secondaryPressedLabel","preset","color","align","numberOfLines","displayName","create","borderRadius","borderWidth","paddingHorizontal","paddingVertical","opacity","paddingBottom","paddingTop"],"sources":["button.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { GestureResponderEvent, Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport enum ButtonType {\n  Border = 'border',\n  Primary = 'primary',\n  Secondary = 'secondary',\n  SmallTech = 'small-tech',\n}\n\nexport interface ButtonProps extends TouchableOpacityProps {\n  type?: ButtonType;\n  title: string;\n  subtitle?: string;\n  disabled?: boolean;\n}\n\nconst SLOP_VALUE = 10;\nconst hitSlop: Insets = {\n  top: SLOP_VALUE,\n  bottom: SLOP_VALUE,\n  left: SLOP_VALUE,\n  right: SLOP_VALUE,\n};\n\nconst ACTIVE_OPACITY: Record<ButtonType, number> = {\n  [ButtonType.Primary]: 0.8,\n  [ButtonType.Border]: 1,\n  [ButtonType.Secondary]: 1,\n  [ButtonType.SmallTech]: 0.5,\n};\n\n/**\n * Common button component\n *\n * follows design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=419-18389\n *\n * for bordered style just override `borderColor` in style\n */\nexport const Button = React.forwardRef<TouchableOpacityRef, ButtonProps>(\n  ({ style, type = ButtonType.Primary, disabled, title, subtitle, onPressIn, onPressOut, testID, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n    const [secondaryPressed, setSecondaryPressed] = useState(false);\n\n    const textColor = useMemo(() => {\n      switch (type) {\n        case ButtonType.Primary:\n          return colorScheme.accentText;\n        case ButtonType.Border:\n        case ButtonType.Secondary:\n          return colorScheme.text;\n        case ButtonType.SmallTech:\n          return colorScheme.codeAccent;\n      }\n    }, [type, colorScheme]);\n\n    const backgroundColor = useMemo(() => {\n      switch (type) {\n        case ButtonType.Primary:\n          return colorScheme.accent;\n        case ButtonType.Border:\n        case ButtonType.Secondary:\n          return secondaryPressed ? colorScheme.background : colorScheme.white;\n        case ButtonType.SmallTech:\n          return 'rgba(255, 255, 255, 0.05)';\n      }\n    }, [type, colorScheme, secondaryPressed]);\n\n    const borderColor = useMemo(() => {\n      switch (type) {\n        case ButtonType.Border:\n          return colorScheme.background;\n        default:\n          return backgroundColor;\n      }\n    }, [type, colorScheme.background, backgroundColor]);\n\n    const secondaryPressIn = useCallback(\n      (event: GestureResponderEvent) => {\n        setSecondaryPressed(true);\n        onPressIn?.(event);\n      },\n      [onPressIn],\n    );\n\n    const secondaryPressOut = useCallback(\n      (event: GestureResponderEvent) => {\n        setSecondaryPressed(false);\n        onPressOut?.(event);\n      },\n      [onPressOut],\n    );\n\n    return (\n      <TouchableOpacity\n        accessibilityRole=\"button\"\n        activeOpacity={ACTIVE_OPACITY[type]}\n        hitSlop={hitSlop}\n        ref={ref}\n        style={[\n          styles.button,\n          subtitle ? styles.withSubtitle : undefined,\n          { backgroundColor, borderColor },\n          type === ButtonType.SmallTech && styles.techSmall,\n          style,\n        ]}\n        disabled={disabled}\n        onPressIn={type === ButtonType.Secondary ? secondaryPressIn : onPressIn}\n        onPressOut={type === ButtonType.Secondary ? secondaryPressOut : onPressOut}\n        testID={testID}\n        {...props}>\n        <View\n          style={[secondaryPressed && styles.secondaryPressedLabel, disabled && styles.disabled]}\n          testID={concatTestID(testID, disabled ? 'disabled' : 'enabled')}>\n          <Typography\n            preset={type === ButtonType.SmallTech ? 's' : 'regular'}\n            color={textColor}\n            align=\"center\"\n            numberOfLines={1}>\n            {title}\n          </Typography>\n          {subtitle ? (\n            <Typography\n              preset=\"s/line-height-capped\"\n              style={styles.subtitle}\n              color={textColor}\n              align=\"center\"\n              numberOfLines={1}>\n              {subtitle}\n            </Typography>\n          ) : null}\n        </View>\n      </TouchableOpacity>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 12,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingVertical: 20,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  secondaryPressedLabel: {\n    opacity: 0.5,\n  },\n  subtitle: {\n    opacity: 0.8,\n  },\n  techSmall: {\n    borderRadius: 4,\n    paddingVertical: 12,\n  },\n  withSubtitle: {\n    paddingBottom: 12,\n    paddingTop: 8,\n  },\n});\n"],"mappings":"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"}
+{"version":3,"names":["React","useCallback","useMemo","useState","StyleSheet","View","concatTestID","TouchableOpacity","Typography","useAppColorScheme","ButtonType","SLOP_VALUE","hitSlop","top","bottom","left","right","ACTIVE_OPACITY","Primary","Border","Secondary","SmallTech","Button","forwardRef","style","type","disabled","title","subtitle","onPressIn","onPressOut","testID","props","ref","colorScheme","secondaryPressed","setSecondaryPressed","textColor","accentText","text","codeAccent","backgroundColor","accent","background","white","borderColor","secondaryPressIn","event","secondaryPressOut","createElement","_extends","accessibilityRole","activeOpacity","styles","button","withSubtitle","undefined","techSmall","secondaryPressedLabel","preset","color","align","numberOfLines","displayName","create","borderRadius","borderWidth","paddingHorizontal","paddingVertical","opacity","paddingBottom","paddingTop"],"sources":["button.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport { GestureResponderEvent, Insets, StyleSheet, TouchableOpacityProps, View } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableOpacity, TouchableOpacityRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport enum ButtonType {\n  Border = 'border',\n  Primary = 'primary',\n  Secondary = 'secondary',\n  SmallTech = 'small-tech',\n}\n\nexport interface ButtonProps extends TouchableOpacityProps {\n  type?: ButtonType;\n  title: string;\n  subtitle?: string;\n  disabled?: boolean;\n}\n\nconst SLOP_VALUE = 10;\nconst hitSlop: Insets = {\n  top: SLOP_VALUE,\n  bottom: SLOP_VALUE,\n  left: SLOP_VALUE,\n  right: SLOP_VALUE,\n};\n\nconst ACTIVE_OPACITY: Record<ButtonType, number> = {\n  [ButtonType.Primary]: 0.8,\n  [ButtonType.Border]: 1,\n  [ButtonType.Secondary]: 1,\n  [ButtonType.SmallTech]: 0.5,\n};\n\n/**\n * Common button component\n *\n * follows design: https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?node-id=419-18389\n *\n * for bordered style just override `borderColor` in style\n */\nexport const Button = React.forwardRef<TouchableOpacityRef, ButtonProps>(\n  ({ style, type = ButtonType.Primary, disabled, title, subtitle, onPressIn, onPressOut, testID, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n    const [secondaryPressed, setSecondaryPressed] = useState(false);\n\n    const textColor = useMemo(() => {\n      switch (type) {\n        case ButtonType.Primary:\n          return colorScheme.accentText;\n        case ButtonType.Border:\n        case ButtonType.Secondary:\n          return colorScheme.text;\n        case ButtonType.SmallTech:\n          return colorScheme.codeAccent;\n      }\n    }, [type, colorScheme]);\n\n    const backgroundColor = useMemo(() => {\n      switch (type) {\n        case ButtonType.Primary:\n          return colorScheme.accent;\n        case ButtonType.Border:\n        case ButtonType.Secondary:\n          return secondaryPressed ? colorScheme.background : colorScheme.white;\n        case ButtonType.SmallTech:\n          return 'rgba(255, 255, 255, 0.05)';\n      }\n    }, [type, colorScheme, secondaryPressed]);\n\n    const borderColor = useMemo(() => {\n      switch (type) {\n        case ButtonType.Border:\n          return colorScheme.background;\n        default:\n          return backgroundColor;\n      }\n    }, [type, colorScheme.background, backgroundColor]);\n\n    const secondaryPressIn = useCallback(\n      (event: GestureResponderEvent) => {\n        setSecondaryPressed(true);\n        onPressIn?.(event);\n      },\n      [onPressIn],\n    );\n\n    const secondaryPressOut = useCallback(\n      (event: GestureResponderEvent) => {\n        setSecondaryPressed(false);\n        onPressOut?.(event);\n      },\n      [onPressOut],\n    );\n\n    return (\n      <TouchableOpacity\n        accessibilityRole=\"button\"\n        activeOpacity={ACTIVE_OPACITY[type]}\n        hitSlop={hitSlop}\n        ref={ref}\n        style={[\n          styles.button,\n          subtitle ? styles.withSubtitle : undefined,\n          { backgroundColor, borderColor },\n          type === ButtonType.SmallTech && styles.techSmall,\n          style,\n        ]}\n        disabled={disabled}\n        onPressIn={type === ButtonType.Secondary ? secondaryPressIn : onPressIn}\n        onPressOut={type === ButtonType.Secondary ? secondaryPressOut : onPressOut}\n        testID={testID}\n        {...props}>\n        <View\n          style={[secondaryPressed && styles.secondaryPressedLabel, disabled && styles.disabled]}\n          testID={concatTestID(testID, disabled ? 'disabled' : 'enabled')}>\n          <Typography\n            preset={type === ButtonType.SmallTech ? 's' : 'regular'}\n            color={textColor}\n            align=\"center\"\n            numberOfLines={1}>\n            {title}\n          </Typography>\n          {subtitle ? (\n            <Typography\n              preset=\"s/line-height-capped\"\n              style={styles.subtitle}\n              color={textColor}\n              align=\"center\"\n              numberOfLines={1}>\n              {subtitle}\n            </Typography>\n          ) : null}\n        </View>\n      </TouchableOpacity>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 12,\n    borderWidth: 1,\n    paddingHorizontal: 16,\n    paddingVertical: 20,\n  },\n  disabled: {\n    opacity: 0.4,\n  },\n  secondaryPressedLabel: {\n    opacity: 0.5,\n  },\n  subtitle: {\n    opacity: 0.8,\n  },\n  techSmall: {\n    borderRadius: 4,\n    paddingVertical: 12,\n  },\n  withSubtitle: {\n    paddingBottom: 12,\n    paddingTop: 8,\n  },\n});\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAC7D,SAAwCC,UAAU,EAAyBC,IAAI,QAAQ,cAAc;AAErG,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,gBAAgB,QAA6B,+CAA+C;AACrG,SAASC,UAAU,QAAQ,SAAS;AACpC,SAASC,iBAAiB,QAAQ,UAAU;AAE5C,WAAYC,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AActB,MAAMC,UAAU,GAAG,EAAE;AACrB,MAAMC,OAAe,GAAG;EACtBC,GAAG,EAAEF,UAAU;EACfG,MAAM,EAAEH,UAAU;EAClBI,IAAI,EAAEJ,UAAU;EAChBK,KAAK,EAAEL;AACT,CAAC;AAED,MAAMM,cAA0C,GAAG;EACjD,CAACP,UAAU,CAACQ,OAAO,GAAG,GAAG;EACzB,CAACR,UAAU,CAACS,MAAM,GAAG,CAAC;EACtB,CAACT,UAAU,CAACU,SAAS,GAAG,CAAC;EACzB,CAACV,UAAU,CAACW,SAAS,GAAG;AAC1B,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,MAAM,gBAAGtB,KAAK,CAACuB,UAAU,CACpC,CAAC;EAAEC,KAAK;EAAEC,IAAI,GAAGf,UAAU,CAACQ,OAAO;EAAEQ,QAAQ;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,UAAU;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACjH,MAAMC,WAAW,GAAGzB,iBAAiB,CAAC,CAAC;EACvC,MAAM,CAAC0B,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGjC,QAAQ,CAAC,KAAK,CAAC;EAE/D,MAAMkC,SAAS,GAAGnC,OAAO,CAAC,MAAM;IAC9B,QAAQuB,IAAI;MACV,KAAKf,UAAU,CAACQ,OAAO;QACrB,OAAOgB,WAAW,CAACI,UAAU;MAC/B,KAAK5B,UAAU,CAACS,MAAM;MACtB,KAAKT,UAAU,CAACU,SAAS;QACvB,OAAOc,WAAW,CAACK,IAAI;MACzB,KAAK7B,UAAU,CAACW,SAAS;QACvB,OAAOa,WAAW,CAACM,UAAU;IACjC;EACF,CAAC,EAAE,CAACf,IAAI,EAAES,WAAW,CAAC,CAAC;EAEvB,MAAMO,eAAe,GAAGvC,OAAO,CAAC,MAAM;IACpC,QAAQuB,IAAI;MACV,KAAKf,UAAU,CAACQ,OAAO;QACrB,OAAOgB,WAAW,CAACQ,MAAM;MAC3B,KAAKhC,UAAU,CAACS,MAAM;MACtB,KAAKT,UAAU,CAACU,SAAS;QACvB,OAAOe,gBAAgB,GAAGD,WAAW,CAACS,UAAU,GAAGT,WAAW,CAACU,KAAK;MACtE,KAAKlC,UAAU,CAACW,SAAS;QACvB,OAAO,2BAA2B;IACtC;EACF,CAAC,EAAE,CAACI,IAAI,EAAES,WAAW,EAAEC,gBAAgB,CAAC,CAAC;EAEzC,MAAMU,WAAW,GAAG3C,OAAO,CAAC,MAAM;IAChC,QAAQuB,IAAI;MACV,KAAKf,UAAU,CAACS,MAAM;QACpB,OAAOe,WAAW,CAACS,UAAU;MAC/B;QACE,OAAOF,eAAe;IAC1B;EACF,CAAC,EAAE,CAAChB,IAAI,EAAES,WAAW,CAACS,UAAU,EAAEF,eAAe,CAAC,CAAC;EAEnD,MAAMK,gBAAgB,GAAG7C,WAAW,CACjC8C,KAA4B,IAAK;IAChCX,mBAAmB,CAAC,IAAI,CAAC;IACzBP,SAAS,aAATA,SAAS,eAATA,SAAS,CAAGkB,KAAK,CAAC;EACpB,CAAC,EACD,CAAClB,SAAS,CACZ,CAAC;EAED,MAAMmB,iBAAiB,GAAG/C,WAAW,CAClC8C,KAA4B,IAAK;IAChCX,mBAAmB,CAAC,KAAK,CAAC;IAC1BN,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAGiB,KAAK,CAAC;EACrB,CAAC,EACD,CAACjB,UAAU,CACb,CAAC;EAED,oBACE9B,KAAA,CAAAiD,aAAA,CAAC1C,gBAAgB,EAAA2C,QAAA;IACfC,iBAAiB,EAAC,QAAQ;IAC1BC,aAAa,EAAEnC,cAAc,CAACQ,IAAI,CAAE;IACpCb,OAAO,EAAEA,OAAQ;IACjBqB,GAAG,EAAEA,GAAI;IACTT,KAAK,EAAE,CACL6B,MAAM,CAACC,MAAM,EACb1B,QAAQ,GAAGyB,MAAM,CAACE,YAAY,GAAGC,SAAS,EAC1C;MAAEf,eAAe;MAAEI;IAAY,CAAC,EAChCpB,IAAI,KAAKf,UAAU,CAACW,SAAS,IAAIgC,MAAM,CAACI,SAAS,EACjDjC,KAAK,CACL;IACFE,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAEJ,IAAI,KAAKf,UAAU,CAACU,SAAS,GAAG0B,gBAAgB,GAAGjB,SAAU;IACxEC,UAAU,EAAEL,IAAI,KAAKf,UAAU,CAACU,SAAS,GAAG4B,iBAAiB,GAAGlB,UAAW;IAC3EC,MAAM,EAAEA;EAAO,GACXC,KAAK,gBACThC,KAAA,CAAAiD,aAAA,CAAC5C,IAAI;IACHmB,KAAK,EAAE,CAACW,gBAAgB,IAAIkB,MAAM,CAACK,qBAAqB,EAAEhC,QAAQ,IAAI2B,MAAM,CAAC3B,QAAQ,CAAE;IACvFK,MAAM,EAAEzB,YAAY,CAACyB,MAAM,EAAEL,QAAQ,GAAG,UAAU,GAAG,SAAS;EAAE,gBAChE1B,KAAA,CAAAiD,aAAA,CAACzC,UAAU;IACTmD,MAAM,EAAElC,IAAI,KAAKf,UAAU,CAACW,SAAS,GAAG,GAAG,GAAG,SAAU;IACxDuC,KAAK,EAAEvB,SAAU;IACjBwB,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAE;EAAE,GAChBnC,KACS,CAAC,EACZC,QAAQ,gBACP5B,KAAA,CAAAiD,aAAA,CAACzC,UAAU;IACTmD,MAAM,EAAC,sBAAsB;IAC7BnC,KAAK,EAAE6B,MAAM,CAACzB,QAAS;IACvBgC,KAAK,EAAEvB,SAAU;IACjBwB,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAE;EAAE,GAChBlC,QACS,CAAC,GACX,IACA,CACU,CAAC;AAEvB,CACF,CAAC;AAEDN,MAAM,CAACyC,WAAW,GAAG,QAAQ;AAE7B,MAAMV,MAAM,GAAGjD,UAAU,CAAC4D,MAAM,CAAC;EAC/BV,MAAM,EAAE;IACNW,YAAY,EAAE,EAAE;IAChBC,WAAW,EAAE,CAAC;IACdC,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE;EACnB,CAAC;EACD1C,QAAQ,EAAE;IACR2C,OAAO,EAAE;EACX,CAAC;EACDX,qBAAqB,EAAE;IACrBW,OAAO,EAAE;EACX,CAAC;EACDzC,QAAQ,EAAE;IACRyC,OAAO,EAAE;EACX,CAAC;EACDZ,SAAS,EAAE;IACTQ,YAAY,EAAE,CAAC;IACfG,eAAe,EAAE;EACnB,CAAC;EACDb,YAAY,EAAE;IACZe,aAAa,EAAE,EAAE;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/ui-components/buttons/connectivity-button.js

@@ -5,22 +5,21 @@ import { TouchableHighlight } from '../accessibility';
 import { ConnectivityBluetoothOffIcon, ConnectivityBluetoothOnIcon, ConnectivityInternetOffIcon, ConnectivityInternetOnIcon, ConnectivityStatusIcon } from '../icons/connectivity';
 import { Typography } from '../text';
 import { useAppColorScheme } from '../theme';
-export let ConnectivityTransport;
-(function (ConnectivityTransport) {
+export let ConnectivityTransport = /*#__PURE__*/function (ConnectivityTransport) {
   ConnectivityTransport["Internet"] = "Internet";
   ConnectivityTransport["Bluetooth"] = "Bluetooth";
   ConnectivityTransport["All"] = "All";
-})(ConnectivityTransport || (ConnectivityTransport = {}));
-const ConnectivityButton = _ref => {
-  let {
-    available,
-    disabled,
-    onPress,
-    status,
-    title,
-    transport,
-    testID
-  } = _ref;
+  return ConnectivityTransport;
+}({});
+const ConnectivityButton = ({
+  available,
+  disabled,
+  onPress,
+  status,
+  title,
+  transport,
+  testID
+}) => {
   const colorScheme = useAppColorScheme();
   const backgroundColor = status === undefined ? colorScheme.grayDark : colorScheme.white;
   const opacity = disabled ? 0.7 : 1.0;
@@ -37,7 +36,8 @@ const ConnectivityButton = _ref => {
   })));
   return /*#__PURE__*/React.createElement(TouchableHighlight, {
     onPress: onPress,
-    style: styles.button
+    style: styles.button,
+    testID: testID
   }, /*#__PURE__*/React.createElement(View, {
     style: [styles.container, {
       backgroundColor,

package/lib/module/ui-components/buttons/connectivity-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","View","concatTestID","TouchableHighlight","ConnectivityBluetoothOffIcon","ConnectivityBluetoothOnIcon","ConnectivityInternetOffIcon","ConnectivityInternetOnIcon","ConnectivityStatusIcon","Typography","useAppColorScheme","ConnectivityTransport","ConnectivityButton","_ref","available","disabled","onPress","status","title","transport","testID","colorScheme","backgroundColor","undefined","grayDark","white","opacity","icons","createElement","style","styles","Bluetooth","Internet","button","container","color","text","preset","create","borderRadius","overflow","alignItems","flexDirection","height","paddingHorizontal","paddingVertical","gap"],"sources":["connectivity-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableHighlight } from '../accessibility';\nimport {\n  ConnectivityBluetoothOffIcon,\n  ConnectivityBluetoothOnIcon,\n  ConnectivityInternetOffIcon,\n  ConnectivityInternetOnIcon,\n  ConnectivityStatusIcon,\n} from '../icons/connectivity';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport enum ConnectivityTransport {\n  Internet = 'Internet',\n  Bluetooth = 'Bluetooth',\n  All = 'All',\n}\n\nexport type ConnectivityButtonProps = {\n  available: boolean;\n  disabled?: boolean;\n  onPress?: () => void;\n  status?: boolean;\n  title?: string;\n  transport: ConnectivityTransport;\n  testID?: string;\n};\n\nconst ConnectivityButton: FC<ConnectivityButtonProps> = ({\n  available,\n  disabled,\n  onPress,\n  status,\n  title,\n  transport,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const backgroundColor = status === undefined ? colorScheme.grayDark : colorScheme.white;\n  const opacity = disabled ? 0.7 : 1.0;\n  const icons = (\n    <View style={styles.icons}>\n      {transport !== ConnectivityTransport.Bluetooth &&\n        (available ? (\n          <ConnectivityInternetOnIcon testID={concatTestID(testID, 'icon.on')} />\n        ) : (\n          <ConnectivityInternetOffIcon testID={concatTestID(testID, 'icon.off')} />\n        ))}\n      {transport !== ConnectivityTransport.Internet &&\n        (available ? (\n          <ConnectivityBluetoothOnIcon testID={concatTestID(testID, 'icon.on')} />\n        ) : (\n          <ConnectivityBluetoothOffIcon testID={concatTestID(testID, 'icon.off')} />\n        ))}\n    </View>\n  );\n  return (\n    <TouchableHighlight onPress={onPress} style={styles.button}>\n      <View style={[styles.container, { backgroundColor, opacity }]}>\n        {icons}\n        {title && (\n          <Typography testID={concatTestID(testID, 'title')} color={colorScheme.text} preset=\"s\">\n            {title}\n          </Typography>\n        )}\n        {status !== undefined && <ConnectivityStatusIcon status={status} />}\n      </View>\n    </TouchableHighlight>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 20,\n    overflow: 'hidden',\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 40,\n    paddingHorizontal: 12,\n    paddingVertical: 9,\n  },\n  icons: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 5,\n  },\n});\n\nexport default ConnectivityButton;\n"],"mappings":"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"}
+{"version":3,"names":["React","StyleSheet","View","concatTestID","TouchableHighlight","ConnectivityBluetoothOffIcon","ConnectivityBluetoothOnIcon","ConnectivityInternetOffIcon","ConnectivityInternetOnIcon","ConnectivityStatusIcon","Typography","useAppColorScheme","ConnectivityTransport","ConnectivityButton","available","disabled","onPress","status","title","transport","testID","colorScheme","backgroundColor","undefined","grayDark","white","opacity","icons","createElement","style","styles","Bluetooth","Internet","button","container","color","text","preset","create","borderRadius","overflow","alignItems","flexDirection","height","paddingHorizontal","paddingVertical","gap"],"sources":["connectivity-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { concatTestID } from '../../utils';\nimport { TouchableHighlight } from '../accessibility';\nimport {\n  ConnectivityBluetoothOffIcon,\n  ConnectivityBluetoothOnIcon,\n  ConnectivityInternetOffIcon,\n  ConnectivityInternetOnIcon,\n  ConnectivityStatusIcon,\n} from '../icons/connectivity';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport enum ConnectivityTransport {\n  Internet = 'Internet',\n  Bluetooth = 'Bluetooth',\n  All = 'All',\n}\n\nexport type ConnectivityButtonProps = {\n  available: boolean;\n  disabled?: boolean;\n  onPress?: () => void;\n  status?: boolean;\n  title?: string;\n  transport: ConnectivityTransport;\n  testID?: string;\n};\n\nconst ConnectivityButton: FC<ConnectivityButtonProps> = ({\n  available,\n  disabled,\n  onPress,\n  status,\n  title,\n  transport,\n  testID,\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const backgroundColor = status === undefined ? colorScheme.grayDark : colorScheme.white;\n  const opacity = disabled ? 0.7 : 1.0;\n  const icons = (\n    <View style={styles.icons}>\n      {transport !== ConnectivityTransport.Bluetooth &&\n        (available ? (\n          <ConnectivityInternetOnIcon testID={concatTestID(testID, 'icon.on')} />\n        ) : (\n          <ConnectivityInternetOffIcon testID={concatTestID(testID, 'icon.off')} />\n        ))}\n      {transport !== ConnectivityTransport.Internet &&\n        (available ? (\n          <ConnectivityBluetoothOnIcon testID={concatTestID(testID, 'icon.on')} />\n        ) : (\n          <ConnectivityBluetoothOffIcon testID={concatTestID(testID, 'icon.off')} />\n        ))}\n    </View>\n  );\n  return (\n    <TouchableHighlight onPress={onPress} style={styles.button} testID={testID}>\n      <View style={[styles.container, { backgroundColor, opacity }]}>\n        {icons}\n        {title && (\n          <Typography testID={concatTestID(testID, 'title')} color={colorScheme.text} preset=\"s\">\n            {title}\n          </Typography>\n        )}\n        {status !== undefined && <ConnectivityStatusIcon status={status} />}\n      </View>\n    </TouchableHighlight>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    borderRadius: 20,\n    overflow: 'hidden',\n  },\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    height: 40,\n    paddingHorizontal: 12,\n    paddingVertical: 9,\n  },\n  icons: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    gap: 5,\n  },\n});\n\nexport default ConnectivityButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/buttons/filter-button.js

@@ -1,4 +1,4 @@
-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 { StyleSheet } from 'react-native';
 import { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';
@@ -10,12 +10,11 @@ const hitslop = {
   right: 10,
   top: 10
 };
-const FilterButton = _ref => {
-  let {
-    active,
-    style,
-    ...props
-  } = _ref;
+const FilterButton = ({
+  active,
+  style,
+  ...props
+}) => {
   const colorScheme = useAppColorScheme();
   return /*#__PURE__*/React.createElement(TouchableOpacity, _extends({
     accessibilityRole: "button",

package/lib/module/ui-components/buttons/filter-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","StyleSheet","TouchableOpacity","FilterIcon","useAppColorScheme","hitslop","bottom","left","right","top","FilterButton","_ref","active","style","props","colorScheme","createElement","_extends","accessibilityRole","accessibilityState","selected","hitSlop","styles","button","backgroundColor","accent","undefined","color","white","create","alignItems","borderRadius","height","justifyContent","width"],"sources":["filter-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { FilterIcon } from '../icons/icons';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type FilterButtonProps = TouchableOpacityProps & {\n  active: boolean;\n};\n\nconst hitslop: Insets = { bottom: 10, left: 10, right: 10, top: 10 };\n\nconst FilterButton: FC<FilterButtonProps> = ({ active, style, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <TouchableOpacity\n      accessibilityRole=\"button\"\n      accessibilityState={{ selected: active }}\n      hitSlop={hitslop}\n      style={[styles.button, { backgroundColor: active ? colorScheme.accent : undefined }, style]}\n      {...props}>\n      <FilterIcon color={active ? colorScheme.white : colorScheme.accent} />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    alignItems: 'center',\n    borderRadius: 20,\n    height: 40,\n    justifyContent: 'center',\n    width: 40,\n  },\n});\n\nexport default FilterButton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAAiBC,UAAU,QAA+B,cAAc;AAExE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AAMjE,MAAMC,OAAe,GAAG;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,GAAG,EAAE;AAAG,CAAC;AAEpE,MAAMC,YAAmC,GAAGC,IAAA,IAAiC;EAAA,IAAhC;IAAEC,MAAM;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACtE,MAAMI,WAAW,GAAGX,iBAAiB,EAAE;EACvC,oBACEJ,KAAA,CAAAgB,aAAA,CAACd,gBAAgB,EAAAe,QAAA;IACfC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAER;IAAO,CAAE;IACzCS,OAAO,EAAEhB,OAAQ;IACjBQ,KAAK,EAAE,CAACS,MAAM,CAACC,MAAM,EAAE;MAAEC,eAAe,EAAEZ,MAAM,GAAGG,WAAW,CAACU,MAAM,GAAGC;IAAU,CAAC,EAAEb,KAAK;EAAE,GACxFC,KAAK,gBACTd,KAAA,CAAAgB,aAAA,CAACb,UAAU;IAACwB,KAAK,EAAEf,MAAM,GAAGG,WAAW,CAACa,KAAK,GAAGb,WAAW,CAACU;EAAO,EAAG,CACrD;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAGrB,UAAU,CAAC4B,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAexB,YAAY"}
+{"version":3,"names":["React","StyleSheet","TouchableOpacity","FilterIcon","useAppColorScheme","hitslop","bottom","left","right","top","FilterButton","active","style","props","colorScheme","createElement","_extends","accessibilityRole","accessibilityState","selected","hitSlop","styles","button","backgroundColor","accent","undefined","color","white","create","alignItems","borderRadius","height","justifyContent","width"],"sources":["filter-button.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Insets, StyleSheet, TouchableOpacityProps } from 'react-native';\n\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { FilterIcon } from '../icons/icons';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type FilterButtonProps = TouchableOpacityProps & {\n  active: boolean;\n};\n\nconst hitslop: Insets = { bottom: 10, left: 10, right: 10, top: 10 };\n\nconst FilterButton: FC<FilterButtonProps> = ({ active, style, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <TouchableOpacity\n      accessibilityRole=\"button\"\n      accessibilityState={{ selected: active }}\n      hitSlop={hitslop}\n      style={[styles.button, { backgroundColor: active ? colorScheme.accent : undefined }, style]}\n      {...props}>\n      <FilterIcon color={active ? colorScheme.white : colorScheme.accent} />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    alignItems: 'center',\n    borderRadius: 20,\n    height: 40,\n    justifyContent: 'center',\n    width: 40,\n  },\n});\n\nexport default FilterButton;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SAAiBC,UAAU,QAA+B,cAAc;AAExE,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,UAAU,QAAQ,gBAAgB;AAC3C,SAASC,iBAAiB,QAAQ,+BAA+B;AAMjE,MAAMC,OAAe,GAAG;EAAEC,MAAM,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,KAAK,EAAE,EAAE;EAAEC,GAAG,EAAE;AAAG,CAAC;AAEpE,MAAMC,YAAmC,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,KAAK;EAC3E,MAAMC,WAAW,GAAGV,iBAAiB,CAAC,CAAC;EACvC,oBACEJ,KAAA,CAAAe,aAAA,CAACb,gBAAgB,EAAAc,QAAA;IACfC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAER;IAAO,CAAE;IACzCS,OAAO,EAAEf,OAAQ;IACjBO,KAAK,EAAE,CAACS,MAAM,CAACC,MAAM,EAAE;MAAEC,eAAe,EAAEZ,MAAM,GAAGG,WAAW,CAACU,MAAM,GAAGC;IAAU,CAAC,EAAEb,KAAK;EAAE,GACxFC,KAAK,gBACTb,KAAA,CAAAe,aAAA,CAACZ,UAAU;IAACuB,KAAK,EAAEf,MAAM,GAAGG,WAAW,CAACa,KAAK,GAAGb,WAAW,CAACU;EAAO,CAAE,CACrD,CAAC;AAEvB,CAAC;AAED,MAAMH,MAAM,GAAGpB,UAAU,CAAC2B,MAAM,CAAC;EAC/BN,MAAM,EAAE;IACNO,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAevB,YAAY","ignoreList":[]}

package/lib/module/ui-components/buttons/ghost-button.js

@@ -1,4 +1,4 @@
-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, { useMemo } from 'react';
 import { StyleSheet } from 'react-native';
 import { useAccessibleAfterTransition } from '../accessibility';
@@ -10,18 +10,17 @@ const hitSlop = {
   bottom: 10,
   right: 10
 };
-const GhostButton = _ref => {
-  let {
-    accessibilityLabel,
-    icon,
-    onPress,
-    style,
-    ...props
-  } = _ref;
+const GhostButton = ({
+  accessibilityLabel,
+  icon,
+  onPress,
+  style,
+  ...props
+}) => {
   const colorScheme = useAppColorScheme();
   const accessible = useAccessibleAfterTransition();
   const iconElement = useMemo(() => {
-    if ( /*#__PURE__*/React.isValidElement(icon)) {
+    if (/*#__PURE__*/React.isValidElement(icon)) {
       return icon;
     }
     const Icon = icon;

package/lib/module/ui-components/buttons/ghost-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","useAccessibleAfterTransition","TouchableOpacity","useAppColorScheme","hitSlop","top","left","bottom","right","GhostButton","_ref","accessibilityLabel","icon","onPress","style","props","colorScheme","accessible","iconElement","isValidElement","Icon","createElement","color","text","_extends","accessibilityRole","styles","button","create","alignItems","backgroundColor","borderRadius","height","justifyContent","overflow","width"],"sources":["ghost-button.tsx"],"sourcesContent":["import React, { FC, ReactNode, useMemo } from 'react';\nimport { Insets, StyleProp, StyleSheet, TouchableOpacityProps, ViewStyle } from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\nimport { useAccessibleAfterTransition } from '../accessibility';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAppColorScheme } from '../theme';\n\nexport type GhostButtonProps = TouchableOpacityProps & {\n  accessibilityLabel: string;\n  icon?: FC<SvgProps> | ReactNode;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst GhostButton: FC<GhostButtonProps> = ({ accessibilityLabel, icon, onPress, style, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  const accessible = useAccessibleAfterTransition();\n\n  const iconElement = useMemo(() => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    }\n    const Icon = icon as FC<SvgProps>;\n    return <Icon color={colorScheme.text} />;\n  }, [colorScheme.text, icon]);\n\n  return (\n    <TouchableOpacity\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessible={accessible}\n      hitSlop={hitSlop}\n      onPress={onPress}\n      style={[styles.button, style]}\n      {...props}>\n      {iconElement}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    alignItems: 'center',\n    backgroundColor: 'transparent',\n    borderRadius: 12,\n    height: 24,\n    justifyContent: 'center',\n    overflow: 'hidden',\n    width: 24,\n  },\n});\n\nexport default GhostButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAmBC,OAAO,QAAQ,OAAO;AACrD,SAA4BC,UAAU,QAA0C,cAAc;AAG9F,SAASC,4BAA4B,QAAQ,kBAAkB;AAC/D,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAEpE,MAAMC,WAAiC,GAAGC,IAAA,IAA4D;EAAA,IAA3D;IAAEC,kBAAkB;IAAEC,IAAI;IAAEC,OAAO;IAAEC,KAAK;IAAE,GAAGC;EAAM,CAAC,GAAAL,IAAA;EAC/F,MAAMM,WAAW,GAAGb,iBAAiB,EAAE;EACvC,MAAMc,UAAU,GAAGhB,4BAA4B,EAAE;EAEjD,MAAMiB,WAAW,GAAGnB,OAAO,CAAC,MAAM;IAChC,kBAAID,KAAK,CAACqB,cAAc,CAACP,IAAI,CAAC,EAAE;MAC9B,OAAOA,IAAI;IACb;IACA,MAAMQ,IAAI,GAAGR,IAAoB;IACjC,oBAAOd,KAAA,CAAAuB,aAAA,CAACD,IAAI;MAACE,KAAK,EAAEN,WAAW,CAACO;IAAK,EAAG;EAC1C,CAAC,EAAE,CAACP,WAAW,CAACO,IAAI,EAAEX,IAAI,CAAC,CAAC;EAE5B,oBACEd,KAAA,CAAAuB,aAAA,CAACnB,gBAAgB,EAAAsB,QAAA;IACfb,kBAAkB,EAAEA,kBAAmB;IACvCc,iBAAiB,EAAC,QAAQ;IAC1BR,UAAU,EAAEA,UAAW;IACvBb,OAAO,EAAEA,OAAQ;IACjBS,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAE,CAACY,MAAM,CAACC,MAAM,EAAEb,KAAK;EAAE,GAC1BC,KAAK,GACRG,WAAW,CACK;AAEvB,CAAC;AAED,MAAMQ,MAAM,GAAG1B,UAAU,CAAC4B,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAe1B,WAAW"}
+{"version":3,"names":["React","useMemo","StyleSheet","useAccessibleAfterTransition","TouchableOpacity","useAppColorScheme","hitSlop","top","left","bottom","right","GhostButton","accessibilityLabel","icon","onPress","style","props","colorScheme","accessible","iconElement","isValidElement","Icon","createElement","color","text","_extends","accessibilityRole","styles","button","create","alignItems","backgroundColor","borderRadius","height","justifyContent","overflow","width"],"sources":["ghost-button.tsx"],"sourcesContent":["import React, { FC, ReactNode, useMemo } from 'react';\nimport { Insets, StyleProp, StyleSheet, TouchableOpacityProps, ViewStyle } from 'react-native';\nimport type { SvgProps } from 'react-native-svg';\n\nimport { useAccessibleAfterTransition } from '../accessibility';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport { useAppColorScheme } from '../theme';\n\nexport type GhostButtonProps = TouchableOpacityProps & {\n  accessibilityLabel: string;\n  icon?: FC<SvgProps> | ReactNode;\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst hitSlop: Insets = { top: 10, left: 10, bottom: 10, right: 10 };\n\nconst GhostButton: FC<GhostButtonProps> = ({ accessibilityLabel, icon, onPress, style, ...props }) => {\n  const colorScheme = useAppColorScheme();\n  const accessible = useAccessibleAfterTransition();\n\n  const iconElement = useMemo(() => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    }\n    const Icon = icon as FC<SvgProps>;\n    return <Icon color={colorScheme.text} />;\n  }, [colorScheme.text, icon]);\n\n  return (\n    <TouchableOpacity\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"button\"\n      accessible={accessible}\n      hitSlop={hitSlop}\n      onPress={onPress}\n      style={[styles.button, style]}\n      {...props}>\n      {iconElement}\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    alignItems: 'center',\n    backgroundColor: 'transparent',\n    borderRadius: 12,\n    height: 24,\n    justifyContent: 'center',\n    overflow: 'hidden',\n    width: 24,\n  },\n});\n\nexport default GhostButton;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAmBC,OAAO,QAAQ,OAAO;AACrD,SAA4BC,UAAU,QAA0C,cAAc;AAG9F,SAASC,4BAA4B,QAAQ,kBAAkB;AAC/D,SAASC,gBAAgB,QAAQ,+CAA+C;AAChF,SAASC,iBAAiB,QAAQ,UAAU;AAS5C,MAAMC,OAAe,GAAG;EAAEC,GAAG,EAAE,EAAE;EAAEC,IAAI,EAAE,EAAE;EAAEC,MAAM,EAAE,EAAE;EAAEC,KAAK,EAAE;AAAG,CAAC;AAEpE,MAAMC,WAAiC,GAAGA,CAAC;EAAEC,kBAAkB;EAAEC,IAAI;EAAEC,OAAO;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,KAAK;EACpG,MAAMC,WAAW,GAAGZ,iBAAiB,CAAC,CAAC;EACvC,MAAMa,UAAU,GAAGf,4BAA4B,CAAC,CAAC;EAEjD,MAAMgB,WAAW,GAAGlB,OAAO,CAAC,MAAM;IAChC,iBAAID,KAAK,CAACoB,cAAc,CAACP,IAAI,CAAC,EAAE;MAC9B,OAAOA,IAAI;IACb;IACA,MAAMQ,IAAI,GAAGR,IAAoB;IACjC,oBAAOb,KAAA,CAAAsB,aAAA,CAACD,IAAI;MAACE,KAAK,EAAEN,WAAW,CAACO;IAAK,CAAE,CAAC;EAC1C,CAAC,EAAE,CAACP,WAAW,CAACO,IAAI,EAAEX,IAAI,CAAC,CAAC;EAE5B,oBACEb,KAAA,CAAAsB,aAAA,CAAClB,gBAAgB,EAAAqB,QAAA;IACfb,kBAAkB,EAAEA,kBAAmB;IACvCc,iBAAiB,EAAC,QAAQ;IAC1BR,UAAU,EAAEA,UAAW;IACvBZ,OAAO,EAAEA,OAAQ;IACjBQ,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAE,CAACY,MAAM,CAACC,MAAM,EAAEb,KAAK;EAAE,GAC1BC,KAAK,GACRG,WACe,CAAC;AAEvB,CAAC;AAED,MAAMQ,MAAM,GAAGzB,UAAU,CAAC2B,MAAM,CAAC;EAC/BD,MAAM,EAAE;IACNE,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,aAAa;IAC9BC,YAAY,EAAE,EAAE;IAChBC,MAAM,EAAE,EAAE;IACVC,cAAc,EAAE,QAAQ;IACxBC,QAAQ,EAAE,QAAQ;IAClBC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,eAAezB,WAAW","ignoreList":[]}

package/lib/module/ui-components/buttons/hold-button.js

@@ -0,0 +1,236 @@
+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, { useCallback, useEffect, useMemo, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import Animated, { cancelAnimation, Easing, runOnJS, useAnimatedStyle, useDerivedValue, useSharedValue, withTiming } from 'react-native-reanimated';
+import { TouchableWithoutFeedback } from '../accessibility/accessibilityHistoryWrappers';
+import { Typography } from '../text';
+import { useAppColorScheme } from '../theme';
+const Content = ({
+  title,
+  subtitlePrefix,
+  subtitleSuffix,
+  width,
+  height,
+  textColor,
+  progress,
+  holdTimeoutSecs,
+  disabled
+}) => {
+  const nums = useMemo(() => Array.from({
+    length: holdTimeoutSecs + 1
+  }).map((_, index) => holdTimeoutSecs - index), [holdTimeoutSecs]);
+  const [subtitleHeight, setSubtitleHeight] = useState(0);
+  const onSubtitleLayout = useCallback(({
+    nativeEvent
+  }) => {
+    setSubtitleHeight(nativeEvent.layout.height);
+  }, []);
+  const translateY = useDerivedValue(() => progress.value * subtitleHeight * holdTimeoutSecs, [subtitleHeight, holdTimeoutSecs]);
+  const movingUpStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateY: -translateY.value
+    }]
+  }), [translateY]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.contentWrapper, disabled && styles.contentDisabled, {
+      width,
+      height
+    }],
+    pointerEvents: "none"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    color: textColor,
+    numberOfLines: 1
+  }, title), /*#__PURE__*/React.createElement(View, {
+    style: [styles.subtitle, disabled && styles.subtitleDisabled]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    onLayout: onSubtitleLayout,
+    preset: "s/line-height-capped",
+    color: textColor,
+    numberOfLines: 1
+  }, subtitlePrefix), /*#__PURE__*/React.createElement(View, {
+    style: [styles.subtitleSecsWrapper, {
+      height: subtitleHeight
+    }]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.subtitleSecs, movingUpStyle]
+  }, nums.map(val => /*#__PURE__*/React.createElement(Typography, {
+    key: val,
+    preset: "s/line-height-capped",
+    color: textColor,
+    numberOfLines: 1
+  }, val)))), /*#__PURE__*/React.createElement(Typography, {
+    preset: "s/line-height-capped",
+    color: textColor,
+    numberOfLines: 1
+  }, subtitleSuffix)));
+};
+const HoldButtonLayouted = ({
+  title,
+  subtitlePrefix,
+  subtitleSuffix,
+  onFinished,
+  holdTimeoutSecs = 3,
+  width,
+  height,
+  disabled,
+  ref,
+  ...props
+}) => {
+  const colorScheme = useAppColorScheme();
+  const [isFinished, setFinished] = useState(false);
+  useEffect(() => {
+    if (isFinished) {
+      onFinished();
+    }
+  }, [isFinished, onFinished]);
+  const progress = useSharedValue(0);
+  const onLongPress = useCallback(() => {
+    // Fix for detox bug https://github.com/wix/Detox/issues/4754
+    if (isFinished || progress.value !== 0) {
+      return;
+    }
+    setFinished(true);
+  }, [progress, isFinished]);
+  const onPressIn = useCallback(() => {
+    const holdTimeout = holdTimeoutSecs * 1000;
+
+    // start moving forward
+    progress.value = withTiming(1, {
+      duration: (1 - progress.value) * holdTimeout,
+      easing: Easing.linear
+    }, finished => {
+      if (finished) {
+        runOnJS(setFinished)(true);
+      } else {
+        // start moving back
+        progress.value = withTiming(0, {
+          duration: progress.value * holdTimeout,
+          easing: Easing.linear
+        });
+      }
+    });
+  }, [holdTimeoutSecs, progress]);
+  const onPressOut = useCallback(() => cancelAnimation(progress), [progress]);
+  const translateX = useDerivedValue(() => progress.value * width, [width]);
+  const movingRightStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: translateX.value
+    }]
+  }), [translateX]);
+  const movingLeftStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: -translateX.value
+    }]
+  }), [translateX]);
+  const contentProps = useMemo(() => ({
+    title,
+    subtitlePrefix,
+    subtitleSuffix,
+    progress,
+    holdTimeoutSecs,
+    width,
+    height
+  }), [title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Content, _extends({
+    textColor: colorScheme.accent,
+    disabled: disabled
+  }, contentProps)), !disabled && /*#__PURE__*/React.createElement(Animated.View, {
+    style: [styles.movingLayer, {
+      backgroundColor: colorScheme.accent
+    }, movingRightStyle]
+  }, /*#__PURE__*/React.createElement(Animated.View, {
+    style: movingLeftStyle
+  }, /*#__PURE__*/React.createElement(Content, _extends({
+    textColor: colorScheme.accentText
+  }, contentProps)))), /*#__PURE__*/React.createElement(View, {
+    style: styles.pressableLayer
+  }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, _extends({
+    accessibilityRole: "button",
+    ref: ref,
+    disabled: isFinished || disabled,
+    onLongPress: onLongPress,
+    onPressIn: isFinished ? undefined : onPressIn,
+    onPressOut: isFinished ? undefined : onPressOut
+  }, props), /*#__PURE__*/React.createElement(View, {
+    style: {
+      width,
+      height
+    }
+  }))));
+};
+
+/**
+ * Press and hold button component
+ *
+ * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871
+ */
+const HoldButton = /*#__PURE__*/React.forwardRef(({
+  style,
+  disabled,
+  ...props
+}, ref) => {
+  const colorScheme = useAppColorScheme();
+  const [layout, setLayout] = useState();
+  const onContainerLayout = useCallback(({
+    nativeEvent
+  }) => {
+    setLayout({
+      width: nativeEvent.layout.width,
+      height: nativeEvent.layout.height
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    onLayout: onContainerLayout,
+    style: [styles.container, disabled && styles.disabled, {
+      backgroundColor: disabled ? colorScheme.white : colorScheme.background,
+      borderColor: colorScheme.background
+    }, style]
+  }, layout && /*#__PURE__*/React.createElement(HoldButtonLayouted, _extends({
+    ref: ref,
+    disabled: disabled
+  }, props, layout)));
+});
+HoldButton.displayName = 'HoldButton';
+const styles = StyleSheet.create({
+  container: {
+    borderRadius: 12,
+    height: 68,
+    overflow: 'hidden'
+  },
+  contentDisabled: {
+    opacity: 0.4
+  },
+  contentWrapper: {
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingBottom: 16,
+    paddingHorizontal: 24,
+    paddingTop: 12
+  },
+  disabled: {
+    borderWidth: 1
+  },
+  movingLayer: {
+    overflow: 'hidden',
+    position: 'absolute'
+  },
+  pressableLayer: {
+    position: 'absolute'
+  },
+  subtitle: {
+    alignItems: 'flex-end',
+    flexDirection: 'row',
+    opacity: 0.8
+  },
+  subtitleDisabled: {
+    opacity: 1
+  },
+  subtitleSecs: {
+    alignItems: 'center'
+  },
+  subtitleSecsWrapper: {
+    overflow: 'hidden'
+  }
+});
+export default HoldButton;
+//# sourceMappingURL=hold-button.js.map

package/lib/module/ui-components/buttons/hold-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","StyleSheet","View","Animated","cancelAnimation","Easing","runOnJS","useAnimatedStyle","useDerivedValue","useSharedValue","withTiming","TouchableWithoutFeedback","Typography","useAppColorScheme","Content","title","subtitlePrefix","subtitleSuffix","width","height","textColor","progress","holdTimeoutSecs","disabled","nums","Array","from","length","map","_","index","subtitleHeight","setSubtitleHeight","onSubtitleLayout","nativeEvent","layout","translateY","value","movingUpStyle","transform","createElement","style","styles","contentWrapper","contentDisabled","pointerEvents","color","numberOfLines","subtitle","subtitleDisabled","onLayout","preset","subtitleSecsWrapper","subtitleSecs","val","key","HoldButtonLayouted","onFinished","ref","props","colorScheme","isFinished","setFinished","onLongPress","onPressIn","holdTimeout","duration","easing","linear","finished","onPressOut","translateX","movingRightStyle","movingLeftStyle","contentProps","Fragment","_extends","accent","movingLayer","backgroundColor","accentText","pressableLayer","accessibilityRole","undefined","HoldButton","forwardRef","setLayout","onContainerLayout","container","white","background","borderColor","displayName","create","borderRadius","overflow","opacity","alignItems","justifyContent","paddingBottom","paddingHorizontal","paddingTop","borderWidth","position","flexDirection"],"sources":["hold-button.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { ColorValue, LayoutChangeEvent, StyleSheet, TouchableWithoutFeedbackProps, View } from 'react-native';\nimport Animated, {\n  cancelAnimation,\n  Easing,\n  runOnJS,\n  SharedValue,\n  useAnimatedStyle,\n  useDerivedValue,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { TouchableWithoutFeedback, TouchableWithoutFeedbackRef } from '../accessibility/accessibilityHistoryWrappers';\nimport { Typography } from '../text';\nimport { useAppColorScheme } from '../theme';\n\nexport interface HoldButtonProps\n  extends Omit<\n    TouchableWithoutFeedbackProps,\n    'children' | 'onLayout' | 'onPress' | 'onLongPress' | 'onPressIn' | 'onPressOut'\n  > {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  holdTimeoutSecs?: number;\n  onFinished: () => void;\n}\n\ninterface ContentProps {\n  title: string;\n  subtitlePrefix: string;\n  subtitleSuffix: string;\n  width: number;\n  height: number;\n  textColor: ColorValue;\n  progress: SharedValue<number>;\n  holdTimeoutSecs: number;\n  disabled?: boolean;\n}\n\nconst Content = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  width,\n  height,\n  textColor,\n  progress,\n  holdTimeoutSecs,\n  disabled,\n}: ContentProps) => {\n  const nums = useMemo(\n    () => Array.from({ length: holdTimeoutSecs + 1 }).map((_, index) => holdTimeoutSecs - index),\n    [holdTimeoutSecs],\n  );\n\n  const [subtitleHeight, setSubtitleHeight] = useState<number>(0);\n  const onSubtitleLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n    setSubtitleHeight(nativeEvent.layout.height);\n  }, []);\n\n  const translateY = useDerivedValue(\n    () => progress.value * subtitleHeight * holdTimeoutSecs,\n    [subtitleHeight, holdTimeoutSecs],\n  );\n  const movingUpStyle = useAnimatedStyle(() => ({\n    transform: [{ translateY: -translateY.value }],\n  }), [translateY]);\n\n  return (\n    <View style={[styles.contentWrapper, disabled && styles.contentDisabled, { width, height }]} pointerEvents=\"none\">\n      <Typography color={textColor} numberOfLines={1}>\n        {title}\n      </Typography>\n\n      <View style={[styles.subtitle, disabled && styles.subtitleDisabled]}>\n        <Typography onLayout={onSubtitleLayout} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitlePrefix}\n        </Typography>\n        <View style={[styles.subtitleSecsWrapper, { height: subtitleHeight }]}>\n          <Animated.View style={[styles.subtitleSecs, movingUpStyle]}>\n            {nums.map((val) => (\n              <Typography key={val} preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n                {val}\n              </Typography>\n            ))}\n          </Animated.View>\n        </View>\n        <Typography preset=\"s/line-height-capped\" color={textColor} numberOfLines={1}>\n          {subtitleSuffix}\n        </Typography>\n      </View>\n    </View>\n  );\n};\n\ninterface HoldButtonLayoutedProps extends Omit<HoldButtonProps, 'style'> {\n  ref: React.ForwardedRef<TouchableWithoutFeedbackRef>;\n  width: number;\n  height: number;\n}\n\nconst HoldButtonLayouted = ({\n  title,\n  subtitlePrefix,\n  subtitleSuffix,\n  onFinished,\n  holdTimeoutSecs = 3,\n  width,\n  height,\n  disabled,\n  ref,\n  ...props\n}: HoldButtonLayoutedProps) => {\n  const colorScheme = useAppColorScheme();\n\n  const [isFinished, setFinished] = useState(false);\n  useEffect(() => {\n    if (isFinished) {\n      onFinished();\n    }\n  }, [isFinished, onFinished]);\n\n  const progress = useSharedValue(0);\n\n  const onLongPress = useCallback(() => {\n    // Fix for detox bug https://github.com/wix/Detox/issues/4754\n    if (isFinished || progress.value !== 0) {\n      return;\n    }\n    setFinished(true);\n  }, [progress, isFinished]);\n\n  const onPressIn = useCallback(() => {\n    const holdTimeout = holdTimeoutSecs * 1000;\n\n    // start moving forward\n    progress.value = withTiming(\n      1,\n      {\n        duration: (1 - progress.value) * holdTimeout,\n        easing: Easing.linear,\n      },\n      (finished) => {\n        if (finished) {\n          runOnJS(setFinished)(true);\n        } else {\n          // start moving back\n          progress.value = withTiming(0, {\n            duration: progress.value * holdTimeout,\n            easing: Easing.linear,\n          });\n        }\n      },\n    );\n  }, [holdTimeoutSecs, progress]);\n\n  const onPressOut = useCallback(() => cancelAnimation(progress), [progress]);\n\n  const translateX = useDerivedValue(() => progress.value * width, [width]);\n  const movingRightStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: translateX.value }],\n  }), [translateX]);\n  const movingLeftStyle = useAnimatedStyle(() => ({\n    transform: [{ translateX: -translateX.value }],\n  }), [translateX]);\n\n  const contentProps = useMemo(\n    () => ({ title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height }),\n    [title, subtitlePrefix, subtitleSuffix, progress, holdTimeoutSecs, width, height],\n  );\n\n  return (\n    <>\n      <Content textColor={colorScheme.accent} disabled={disabled} {...contentProps} />\n      {!disabled && (\n        <Animated.View style={[styles.movingLayer, { backgroundColor: colorScheme.accent }, movingRightStyle]}>\n          <Animated.View style={movingLeftStyle}>\n            <Content textColor={colorScheme.accentText} {...contentProps} />\n          </Animated.View>\n        </Animated.View>\n      )}\n      <View style={styles.pressableLayer}>\n        <TouchableWithoutFeedback\n          accessibilityRole=\"button\"\n          ref={ref}\n          disabled={isFinished || disabled}\n          onLongPress={onLongPress}\n          onPressIn={isFinished ? undefined : onPressIn}\n          onPressOut={isFinished ? undefined : onPressOut}\n          {...props}>\n          <View style={{ width, height }} />\n        </TouchableWithoutFeedback>\n      </View>\n    </>\n  );\n};\n\n/**\n * Press and hold button component\n *\n * follows design: https://www.figma.com/design/cCmAyBQrQWCQZuDi85pJfe/Procivis-One-Wallet-Developments-2025?node-id=1-871\n */\nconst HoldButton = React.forwardRef<TouchableWithoutFeedbackRef, HoldButtonProps>(\n  ({ style, disabled, ...props }, ref) => {\n    const colorScheme = useAppColorScheme();\n\n    const [layout, setLayout] = useState<{ width: number; height: number }>();\n    const onContainerLayout = useCallback(({ nativeEvent }: LayoutChangeEvent) => {\n      setLayout({ width: nativeEvent.layout.width, height: nativeEvent.layout.height });\n    }, []);\n\n    return (\n      <View\n        onLayout={onContainerLayout}\n        style={[\n          styles.container,\n          disabled && styles.disabled,\n          {\n            backgroundColor: disabled ? colorScheme.white : colorScheme.background,\n            borderColor: colorScheme.background,\n          },\n          style,\n        ]}>\n        {layout && <HoldButtonLayouted ref={ref} disabled={disabled} {...props} {...layout} />}\n      </View>\n    );\n  },\n);\n\nHoldButton.displayName = 'HoldButton';\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 12,\n    height: 68,\n    overflow: 'hidden',\n  },\n  contentDisabled: {\n    opacity: 0.4,\n  },\n  contentWrapper: {\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    paddingBottom: 16,\n    paddingHorizontal: 24,\n    paddingTop: 12,\n  },\n  disabled: {\n    borderWidth: 1,\n  },\n  movingLayer: {\n    overflow: 'hidden',\n    position: 'absolute',\n  },\n  pressableLayer: {\n    position: 'absolute',\n  },\n  subtitle: {\n    alignItems: 'flex-end',\n    flexDirection: 'row',\n    opacity: 0.8,\n  },\n  subtitleDisabled: {\n    opacity: 1,\n  },\n  subtitleSecs: {\n    alignItems: 'center',\n  },\n  subtitleSecsWrapper: {\n    overflow: 'hidden',\n  },\n});\n\nexport default HoldButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/module/ui-components/buttons/index.js

@@ -1,8 +1,9 @@
-import BackButton, { BackButtonIcon, BackButtonProps } from './back-button';
-import { Button, ButtonProps, ButtonType } from './button';
-import ConnectivityButton, { ConnectivityButtonProps, ConnectivityTransport } from './connectivity-button';
-import FilterButton, { FilterButtonProps } from './filter-button';
-import GhostButton, { GhostButtonProps } from './ghost-button';
-import ScanButton, { ScanButtonProps } from './scan-button';
-export { BackButton, BackButtonIcon, BackButtonProps, Button, ButtonProps, ButtonType, ConnectivityButton, ConnectivityButtonProps, ConnectivityTransport, FilterButton, FilterButtonProps, GhostButton, GhostButtonProps, ScanButton, ScanButtonProps };
+import BackButton, { BackButtonIcon } from './back-button';
+import { Button, ButtonType } from './button';
+import ConnectivityButton, { ConnectivityTransport } from './connectivity-button';
+import FilterButton from './filter-button';
+import GhostButton from './ghost-button';
+import HoldButton from './hold-button';
+import ScanButton from './scan-button';
+export { BackButton, BackButtonIcon, Button, ButtonType, ConnectivityButton, ConnectivityTransport, FilterButton, GhostButton, HoldButton, ScanButton };
 //# sourceMappingURL=index.js.map

package/lib/module/ui-components/buttons/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["BackButton","BackButtonIcon","BackButtonProps","Button","ButtonProps","ButtonType","ConnectivityButton","ConnectivityButtonProps","ConnectivityTransport","FilterButton","FilterButtonProps","GhostButton","GhostButtonProps","ScanButton","ScanButtonProps"],"sources":["index.ts"],"sourcesContent":["import BackButton, { BackButtonIcon, BackButtonProps } from './back-button';\nimport { Button, ButtonProps, ButtonType } from './button';\nimport ConnectivityButton, { ConnectivityButtonProps, ConnectivityTransport } from './connectivity-button';\nimport FilterButton, { FilterButtonProps } from './filter-button';\nimport GhostButton, { GhostButtonProps } from './ghost-button';\nimport ScanButton, { ScanButtonProps } from './scan-button';\n\nexport {\n  BackButton,\n  BackButtonIcon,\n  BackButtonProps,\n  Button,\n  ButtonProps,\n  ButtonType,\n  ConnectivityButton,\n  ConnectivityButtonProps,\n  ConnectivityTransport,\n  FilterButton,\n  FilterButtonProps,\n  GhostButton,\n  GhostButtonProps,\n  ScanButton,\n  ScanButtonProps,\n};\n"],"mappings":"AAAA,OAAOA,UAAU,IAAIC,cAAc,EAAEC,eAAe,QAAQ,eAAe;AAC3E,SAASC,MAAM,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC1D,OAAOC,kBAAkB,IAAIC,uBAAuB,EAAEC,qBAAqB,QAAQ,uBAAuB;AAC1G,OAAOC,YAAY,IAAIC,iBAAiB,QAAQ,iBAAiB;AACjE,OAAOC,WAAW,IAAIC,gBAAgB,QAAQ,gBAAgB;AAC9D,OAAOC,UAAU,IAAIC,eAAe,QAAQ,eAAe;AAE3D,SACEd,UAAU,EACVC,cAAc,EACdC,eAAe,EACfC,MAAM,EACNC,WAAW,EACXC,UAAU,EACVC,kBAAkB,EAClBC,uBAAuB,EACvBC,qBAAqB,EACrBC,YAAY,EACZC,iBAAiB,EACjBC,WAAW,EACXC,gBAAgB,EAChBC,UAAU,EACVC,eAAe"}
+{"version":3,"names":["BackButton","BackButtonIcon","Button","ButtonType","ConnectivityButton","ConnectivityTransport","FilterButton","GhostButton","HoldButton","ScanButton"],"sources":["index.ts"],"sourcesContent":["import type { BackButtonProps } from './back-button';\nimport BackButton, { BackButtonIcon } from './back-button';\nimport type { ButtonProps } from './button';\nimport { Button, ButtonType } from './button';\nimport type { ConnectivityButtonProps } from './connectivity-button';\nimport ConnectivityButton, { ConnectivityTransport } from './connectivity-button';\nimport type { FilterButtonProps } from './filter-button';\nimport FilterButton from './filter-button';\nimport type { GhostButtonProps } from './ghost-button';\nimport GhostButton from './ghost-button';\nimport type { HoldButtonProps } from './hold-button';\nimport HoldButton from './hold-button';\nimport type { ScanButtonProps } from './scan-button';\nimport ScanButton from './scan-button';\n\nexport {\n  BackButton,\n  BackButtonIcon,\n  BackButtonProps,\n  Button,\n  ButtonProps,\n  ButtonType,\n  ConnectivityButton,\n  ConnectivityButtonProps,\n  ConnectivityTransport,\n  FilterButton,\n  FilterButtonProps,\n  GhostButton,\n  GhostButtonProps,\n  HoldButton,\n  HoldButtonProps,\n  ScanButton,\n  ScanButtonProps,\n};\n"],"mappings":"AACA,OAAOA,UAAU,IAAIC,cAAc,QAAQ,eAAe;AAE1D,SAASC,MAAM,EAAEC,UAAU,QAAQ,UAAU;AAE7C,OAAOC,kBAAkB,IAAIC,qBAAqB,QAAQ,uBAAuB;AAEjF,OAAOC,YAAY,MAAM,iBAAiB;AAE1C,OAAOC,WAAW,MAAM,gBAAgB;AAExC,OAAOC,UAAU,MAAM,eAAe;AAEtC,OAAOC,UAAU,MAAM,eAAe;AAEtC,SACET,UAAU,EACVC,cAAc,EAEdC,MAAM,EAENC,UAAU,EACVC,kBAAkB,EAElBC,qBAAqB,EACrBC,YAAY,EAEZC,WAAW,EAEXC,UAAU,EAEVC,UAAU","ignoreList":[]}