@bacon-pos/ui 0.2.1 → 0.4.0

package/lib/commonjs/components/Toast/Toast.js

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastView = ToastView;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _palette = require("../../theme/palette.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Built-in statuses. More can be added later, or use custom colors. */
+
+function statusColors(theme, status) {
+  switch (status) {
+    case 'success':
+      return {
+        bg: theme.colors.feedback.successSubtle,
+        fg: theme.colors.feedback.success
+      };
+    case 'error':
+      return {
+        bg: theme.colors.feedback.errorSubtle,
+        fg: theme.colors.feedback.error
+      };
+    case 'warning':
+      return {
+        bg: theme.colors.feedback.warningSubtle,
+        fg: _palette.palette.warning[600]
+      };
+    case 'info':
+    default:
+      return {
+        bg: theme.colors.background.subtle,
+        fg: _palette.palette.neutral[500]
+      };
+  }
+}
+/**
+ * A single toast with an elegant slide + fade in/out. Self-contained: it runs
+ * its own duration timer and exit animation. Managed by `ToastProvider`.
+ */
+function ToastView({
+  id,
+  message,
+  status = 'info',
+  icon,
+  duration = 3000,
+  height,
+  width,
+  showProgress = false,
+  backgroundColor,
+  color,
+  progressColor,
+  position,
+  leaving,
+  onRequestClose,
+  onRemove,
+  maxWidth
+}) {
+  const theme = (0, _index.useTheme)();
+  const base = statusColors(theme, status);
+  const bg = backgroundColor ?? base.bg;
+  const fg = color ?? base.fg;
+  const from = position === 'top' ? -12 : 12;
+  const translateY = (0, _react.useRef)(new _reactNative.Animated.Value(from)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const remaining = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  const [contentW, setContentW] = (0, _react.useState)(0);
+  const withProgress = showProgress && duration > 0;
+  (0, _react.useEffect)(() => {
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 260,
+      easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(translateY, {
+      toValue: 0,
+      duration: 260,
+      easing: _reactNative.Easing.out(_reactNative.Easing.cubic),
+      useNativeDriver: true
+    })]).start();
+    if (withProgress) {
+      _reactNative.Animated.timing(remaining, {
+        toValue: 0,
+        duration,
+        easing: _reactNative.Easing.linear,
+        useNativeDriver: false
+      }).start();
+    }
+    if (duration > 0) {
+      const timer = setTimeout(() => onRequestClose(id), duration);
+      return () => clearTimeout(timer);
+    }
+    return undefined;
+    // Mount only.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(() => {
+    if (!leaving) return;
+    _reactNative.Animated.parallel([_reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration: 200,
+      easing: _reactNative.Easing.in(_reactNative.Easing.cubic),
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(translateY, {
+      toValue: from,
+      duration: 200,
+      easing: _reactNative.Easing.in(_reactNative.Easing.cubic),
+      useNativeDriver: true
+    })]).start(() => onRemove(id));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [leaving]);
+  const pressStyle = {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: 12,
+    paddingHorizontal: 20,
+    paddingVertical: height ? 0 : 20,
+    borderRadius: 16,
+    backgroundColor: bg,
+    overflow: 'hidden',
+    ...(height ? {
+      height
+    } : null)
+  };
+
+  // Fixed width if given, otherwise full width (capped by the provider maxWidth).
+  const outerWidth = width != null ? {
+    width
+  } : {
+    width: '100%',
+    maxWidth
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    accessibilityRole: "alert",
+    accessibilityLiveRegion: "polite",
+    style: {
+      opacity,
+      transform: [{
+        translateY
+      }],
+      ...outerWidth
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+      onPress: () => onRequestClose(id),
+      onLayout: e => setContentW(e.nativeEvent.layout.width),
+      style: pressStyle,
+      children: [icon ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        name: icon,
+        size: 24,
+        color: fg
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        weight: "medium",
+        color: fg,
+        numberOfLines: 1,
+        align: "center",
+        style: {
+          flexShrink: 1
+        },
+        children: message
+      }), withProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        pointerEvents: "none",
+        style: {
+          position: 'absolute',
+          left: 0,
+          bottom: 0,
+          height: 3,
+          borderRadius: 3,
+          backgroundColor: progressColor ?? fg,
+          width: remaining.interpolate({
+            inputRange: [0, 1],
+            outputRange: [0, contentW]
+          })
+        }
+      }) : null]
+    })
+  });
+}
+//# sourceMappingURL=Toast.js.map

package/lib/commonjs/components/Toast/Toast.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_palette","_Icon","_Text","_jsxRuntime","statusColors","theme","status","bg","colors","feedback","successSubtle","fg","success","errorSubtle","error","warningSubtle","palette","warning","background","subtle","neutral","ToastView","id","message","icon","duration","height","width","showProgress","backgroundColor","color","progressColor","position","leaving","onRequestClose","onRemove","maxWidth","useTheme","base","from","translateY","useRef","Animated","Value","current","opacity","remaining","contentW","setContentW","useState","withProgress","useEffect","parallel","timing","toValue","easing","Easing","out","cubic","useNativeDriver","start","linear","timer","setTimeout","clearTimeout","undefined","in","pressStyle","flexDirection","alignItems","justifyContent","gap","paddingHorizontal","paddingVertical","borderRadius","overflow","outerWidth","jsx","View","accessibilityRole","accessibilityLiveRegion","style","transform","children","jsxs","Pressable","onPress","onLayout","e","nativeEvent","layout","Icon","name","size","Text","variant","weight","numberOfLines","align","flexShrink","pointerEvents","left","bottom","interpolate","inputRange","outputRange"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Toast/Toast.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Toast/Toast.stories.js

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Top = exports.Bottom = void 0;
+var _reactNative = require("react-native");
+var _ToastProvider = require("./ToastProvider.js");
+var _Button = require("../Button/Button.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Toast',
+  component: _ToastProvider.ToastProvider
+};
+var _default = exports.default = meta;
+function Triggers() {
+  const {
+    show,
+    hideAll
+  } = (0, _ToastProvider.useToast)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      gap: 12,
+      padding: 24
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Success",
+      variant: "success",
+      onPress: () => show({
+        message: 'Clocked out successfully. 11:58 AM',
+        status: 'success',
+        icon: 'check'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Error",
+      variant: "destructive",
+      onPress: () => show({
+        message: 'Something went wrong, please try again',
+        status: 'error',
+        icon: 'close'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Warning",
+      variant: "secondary",
+      onPress: () => show({
+        message: 'Your session is about to expire',
+        status: 'warning',
+        icon: 'info'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Info (no icon)",
+      variant: "secondary",
+      onPress: () => show({
+        message: 'A new update is available',
+        status: 'info'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Long text (ellipsis)",
+      variant: "secondary",
+      onPress: () => show({
+        message: 'This is a very long toast message that should be truncated with an ellipsis when it exceeds the available width of the toast',
+        status: 'info'
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "With countdown bar",
+      variant: "secondary",
+      onPress: () => show({
+        message: 'Saving… this will dismiss soon',
+        status: 'success',
+        icon: 'check',
+        showProgress: true,
+        duration: 4000
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Custom width (280)",
+      variant: "secondary",
+      onPress: () => show({
+        message: 'Compact toast',
+        status: 'info',
+        width: 280
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Sticky (duration 0)",
+      variant: "secondary",
+      onPress: () => show({
+        message: 'I stay until dismissed — tap me',
+        status: 'warning',
+        duration: 0
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Hide all",
+      variant: "inverse",
+      onPress: hideAll
+    })]
+  });
+}
+const Bottom = exports.Bottom = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToastProvider.ToastProvider, {
+    position: "bottom",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Triggers, {})
+  })
+};
+const Top = exports.Top = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToastProvider.ToastProvider, {
+    position: "top",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Triggers, {})
+  })
+};
+//# sourceMappingURL=Toast.stories.js.map

package/lib/commonjs/components/Toast/Toast.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_ToastProvider","_Button","_jsxRuntime","meta","title","component","ToastProvider","_default","exports","default","Triggers","show","hideAll","useToast","jsxs","View","style","gap","padding","children","jsx","Button","label","variant","onPress","message","status","icon","showProgress","duration","width","Bottom","render","position","Top"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Toast/Toast.stories.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Toast/Toast.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _ToastProvider = require("./ToastProvider.js");
+var _Button = require("../Button/Button.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Harness() {
+  const {
+    show,
+    hideAll
+  } = (0, _ToastProvider.useToast)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "add",
+      onPress: () => show({
+        message: `Toast ${Date.now()}`,
+        duration: 0
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "named",
+      onPress: () => show({
+        message: 'Saved!',
+        status: 'success',
+        duration: 0
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "clear",
+      onPress: hideAll
+    })]
+  });
+}
+function renderProvider(maxVisible = 2) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToastProvider.ToastProvider, {
+      maxVisible: maxVisible,
+      duration: 0,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Harness, {})
+    })
+  }));
+}
+describe('Toast', () => {
+  it('shows a toast when triggered', () => {
+    renderProvider();
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('named'));
+    expect(_reactNative.screen.getByText('Saved!')).toBeTruthy();
+  });
+  it('keeps at most maxVisible toasts', () => {
+    renderProvider(2);
+    const add = _reactNative.screen.getByText('add');
+    _reactNative.fireEvent.press(add);
+    _reactNative.fireEvent.press(add);
+    _reactNative.fireEvent.press(add);
+    // 3 shown, but only 2 remain (plus the two trigger buttons' labels aren't "Toast ...")
+    const toasts = _reactNative.screen.queryAllByText(/^Toast /);
+    expect(toasts.length).toBe(2);
+  });
+  it('useToast throws outside a provider', () => {
+    const Boom = () => {
+      (0, _ToastProvider.useToast)();
+      return null;
+    };
+    const spy = jest.spyOn(console, 'error').mockImplementation(() => {});
+    expect(() => (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(Boom, {}))).toThrow(/ToastProvider/);
+    spy.mockRestore();
+  });
+});
+//# sourceMappingURL=Toast.test.js.map

package/lib/commonjs/components/Toast/Toast.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ToastProvider","_Button","_index","_jsxRuntime","e","__esModule","default","Harness","show","hideAll","useToast","jsxs","Fragment","children","jsx","Button","label","onPress","message","Date","now","duration","status","renderProvider","maxVisible","render","ThemeProvider","ToastProvider","describe","it","fireEvent","press","screen","getByText","expect","toBeTruthy","add","toasts","queryAllByText","length","toBe","Boom","spy","jest","spyOn","console","mockImplementation","toThrow","mockRestore"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Toast/Toast.test.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Toast/ToastProvider.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToastProvider = ToastProvider;
+exports.useToast = useToast;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Toast = require("./Toast.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const ToastContext = /*#__PURE__*/(0, _react.createContext)(null);
+/**
+ * Provides the imperative toast API and renders the toast stack. Wrap your app
+ * (inside ThemeProvider). Trigger toasts with `useToast().show(...)`. Newest
+ * toasts appear nearest the edge; at most `maxVisible` show at once.
+ */
+function ToastProvider({
+  children,
+  position = 'bottom',
+  maxVisible = 2,
+  duration = 3000,
+  offset = 24,
+  gap = 8,
+  maxWidth
+}) {
+  const [toasts, setToasts] = (0, _react.useState)([]);
+  const idRef = (0, _react.useRef)(0);
+  const show = (0, _react.useCallback)(options => {
+    const id = idRef.current += 1;
+    setToasts(prev => {
+      const next = [...prev, {
+        leaving: false,
+        duration,
+        ...options,
+        id
+      }];
+      return next.length > maxVisible ? next.slice(next.length - maxVisible) : next;
+    });
+    return id;
+  }, [duration, maxVisible]);
+  const hide = (0, _react.useCallback)(id => {
+    setToasts(prev => prev.map(t => t.id === id ? {
+      ...t,
+      leaving: true
+    } : t));
+  }, []);
+  const remove = (0, _react.useCallback)(id => {
+    setToasts(prev => prev.filter(t => t.id !== id));
+  }, []);
+  const hideAll = (0, _react.useCallback)(() => {
+    setToasts(prev => prev.map(t => ({
+      ...t,
+      leaving: true
+    })));
+  }, []);
+  const api = (0, _react.useMemo)(() => ({
+    show,
+    hide,
+    hideAll
+  }), [show, hide, hideAll]);
+
+  // Newest nearest the edge.
+  const display = position === 'top' ? [...toasts].reverse() : toasts;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToastContext.Provider, {
+    value: api,
+    children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "box-none",
+      style: {
+        position: 'absolute',
+        left: 0,
+        right: 0,
+        [position]: offset,
+        alignItems: 'center',
+        paddingHorizontal: 16,
+        gap
+      },
+      children: display.map(t => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Toast.ToastView, {
+        ...t,
+        position: position,
+        maxWidth: maxWidth,
+        onRequestClose: hide,
+        onRemove: remove
+      }, t.id))
+    })]
+  });
+}
+
+/** Access the toast API. Must be used within a `ToastProvider`. */
+function useToast() {
+  const ctx = (0, _react.useContext)(ToastContext);
+  if (!ctx) throw new Error('useToast must be used within a ToastProvider');
+  return ctx;
+}
+//# sourceMappingURL=ToastProvider.js.map

package/lib/commonjs/components/Toast/ToastProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Toast","_jsxRuntime","ToastContext","createContext","ToastProvider","children","position","maxVisible","duration","offset","gap","maxWidth","toasts","setToasts","useState","idRef","useRef","show","useCallback","options","id","current","prev","next","leaving","length","slice","hide","map","t","remove","filter","hideAll","api","useMemo","display","reverse","jsxs","Provider","value","jsx","View","pointerEvents","style","left","right","alignItems","paddingHorizontal","ToastView","onRequestClose","onRemove","useToast","ctx","useContext","Error"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Toast/ToastProvider.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Toast/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ToastProvider", {
+  enumerable: true,
+  get: function () {
+    return _ToastProvider.ToastProvider;
+  }
+});
+Object.defineProperty(exports, "ToastView", {
+  enumerable: true,
+  get: function () {
+    return _Toast.ToastView;
+  }
+});
+Object.defineProperty(exports, "useToast", {
+  enumerable: true,
+  get: function () {
+    return _ToastProvider.useToast;
+  }
+});
+var _Toast = require("./Toast.js");
+var _ToastProvider = require("./ToastProvider.js");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Toast","require","_ToastProvider"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Toast/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA","ignoreList":[]}

package/lib/commonjs/components/_internal/ScrollArea.js

@@ -0,0 +1,96 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ScrollArea = ScrollArea;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * ScrollView with an elegant custom vertical indicator: thin, rounded, colored,
+ * and only visible while scrolling (fades out when idle). The native indicator
+ * is hidden so it looks the same on iOS, Android and web.
+ */
+function ScrollArea({
+  children,
+  indicatorColor,
+  indicatorWidth = 4,
+  keyboardShouldPersistTaps,
+  keyboardDismissMode,
+  style,
+  contentContainerStyle
+}) {
+  const [viewportH, setViewportH] = (0, _react.useState)(0);
+  const [contentH, setContentH] = (0, _react.useState)(0);
+  const scrollY = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const hideTimer = (0, _react.useRef)(null);
+  const scrollable = contentH > viewportH + 1;
+  const thumbH = scrollable ? Math.max(24, viewportH / contentH * viewportH) : 0;
+  const maxScroll = Math.max(1, contentH - viewportH);
+  const translateY = scrollY.interpolate({
+    inputRange: [0, maxScroll],
+    outputRange: [0, viewportH - thumbH],
+    extrapolate: 'clamp'
+  });
+  const reveal = () => {
+    _reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 120,
+      useNativeDriver: true
+    }).start();
+    if (hideTimer.current) clearTimeout(hideTimer.current);
+    hideTimer.current = setTimeout(() => {
+      _reactNative.Animated.timing(opacity, {
+        toValue: 0,
+        duration: 400,
+        useNativeDriver: true
+      }).start();
+    }, 900);
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    style: [{
+      position: 'relative'
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.ScrollView, {
+      style: {
+        flexShrink: 1
+      },
+      contentContainerStyle: contentContainerStyle,
+      showsVerticalScrollIndicator: false,
+      scrollEventThrottle: 16,
+      keyboardShouldPersistTaps: keyboardShouldPersistTaps,
+      keyboardDismissMode: keyboardDismissMode,
+      onLayout: e => setViewportH(e.nativeEvent.layout.height),
+      onContentSizeChange: (_w, h) => setContentH(h),
+      onScroll: _reactNative.Animated.event([{
+        nativeEvent: {
+          contentOffset: {
+            y: scrollY
+          }
+        }
+      }], {
+        useNativeDriver: true,
+        listener: _e => reveal()
+      }),
+      children: children
+    }), scrollable ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      pointerEvents: "none",
+      style: {
+        position: 'absolute',
+        top: 0,
+        right: 2,
+        width: indicatorWidth,
+        height: thumbH,
+        borderRadius: indicatorWidth / 2,
+        backgroundColor: indicatorColor,
+        opacity,
+        transform: [{
+          translateY
+        }]
+      }
+    }) : null]
+  });
+}
+//# sourceMappingURL=ScrollArea.js.map

package/lib/commonjs/components/_internal/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_jsxRuntime","ScrollArea","children","indicatorColor","indicatorWidth","keyboardShouldPersistTaps","keyboardDismissMode","style","contentContainerStyle","viewportH","setViewportH","useState","contentH","setContentH","scrollY","useRef","Animated","Value","current","opacity","hideTimer","scrollable","thumbH","Math","max","maxScroll","translateY","interpolate","inputRange","outputRange","extrapolate","reveal","timing","toValue","duration","useNativeDriver","start","clearTimeout","setTimeout","jsxs","View","position","jsx","ScrollView","flexShrink","showsVerticalScrollIndicator","scrollEventThrottle","onLayout","e","nativeEvent","layout","height","onContentSizeChange","_w","h","onScroll","event","contentOffset","y","listener","_e","pointerEvents","top","right","width","borderRadius","backgroundColor","transform"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/_internal/ScrollArea.tsx"],"mappings":"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","ignoreList":[]}