@bacon-pos/ui 0.2.1 → 0.3.0

package/lib/commonjs/components/Dialog/Dialog.js

@@ -0,0 +1,215 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dialog = Dialog;
+var _reactNative = require("react-native");
+var _index = require("../../theme/index.js");
+var _Button = require("../Button/Button.js");
+var _Icon = require("../Icon/Icon.js");
+var _Text = require("../Text/Text.js");
+var _ScrollArea = require("../_internal/ScrollArea.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Dialog — an accessible, keyboard-aware modal that can hold anything from a
+ * short message to a full form (selects, date pickers, etc. keep working thanks
+ * to `keyboardShouldPersistTaps`). Content scrolls with an elegant thin,
+ * auto-hiding indicator. `scrollMode="page"` scrolls the whole modal on short
+ * screens instead of scrolling inside the card. Footer composes the
+ * design-system `Button`.
+ */
+function Dialog({
+  visible,
+  onClose,
+  title,
+  subtitle,
+  children,
+  actions = [],
+  cancel,
+  showClose = true,
+  closeDestructive = false,
+  dismissOnBackdrop = false,
+  scrollMode = 'inner',
+  stickyHeader = true,
+  stickyFooter = true,
+  padding = 24,
+  contentSpacing = 24,
+  radius = 24,
+  maxWidth = 560,
+  maxHeightRatio = 0.9,
+  scrollbarColor,
+  style
+}) {
+  const theme = (0, _index.useTheme)();
+  const {
+    height
+  } = (0, _reactNative.useWindowDimensions)();
+  const indicatorColor = scrollbarColor ?? theme.colors.text.tertiary;
+  const closeBtn = showClose ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    onPress: onClose,
+    hitSlop: 8,
+    accessibilityRole: "button",
+    accessibilityLabel: "Close",
+    style: {
+      position: 'absolute',
+      top: padding,
+      right: padding,
+      padding: 4,
+      zIndex: 1
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: "close",
+      size: 24,
+      color: closeDestructive ? theme.colors.feedback.error : theme.colors.text.secondary
+    })
+  }) : null;
+  const header = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      paddingHorizontal: padding,
+      paddingTop: padding,
+      paddingBottom: contentSpacing
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: {
+        paddingRight: showClose ? 40 : 0,
+        gap: 4
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "h3",
+        weight: "semibold",
+        color: "primary",
+        children: title
+      }), subtitle ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyLarge",
+        color: "secondary",
+        children: subtitle
+      }) : null]
+    })
+  });
+  const contentBody = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      paddingHorizontal: padding
+    },
+    children: children
+  });
+  const hasFooter = cancel != null || actions.length > 0;
+  const footer = hasFooter ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      flexDirection: 'row',
+      gap: 12,
+      paddingHorizontal: padding,
+      paddingBottom: padding,
+      paddingTop: contentSpacing
+    },
+    children: [cancel ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        fullWidth: true,
+        variant: cancel.destructive ? 'destructive' : 'secondary',
+        label: cancel.label ?? 'Cancel',
+        onPress: cancel.onPress ?? onClose
+      })
+    }) : null, actions.map((action, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+        fullWidth: true,
+        variant: action.variant ?? 'default',
+        label: action.label,
+        onPress: action.onPress,
+        loading: action.loading,
+        disabled: action.disabled
+      })
+    }, i))]
+  }) : null;
+  const cardBase = {
+    width: '100%',
+    maxWidth,
+    backgroundColor: theme.colors.background.default,
+    borderRadius: radius,
+    overflow: 'hidden'
+  };
+  const card = scrollMode === 'page' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityViewIsModal: true,
+    style: [cardBase, style],
+    children: [closeBtn, header, contentBody, footer]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    accessibilityViewIsModal: true,
+    style: [cardBase, {
+      maxHeight: height * maxHeightRatio
+    }, style],
+    children: [closeBtn, stickyHeader ? header : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ScrollArea.ScrollArea, {
+      indicatorColor: indicatorColor,
+      style: {
+        flexShrink: 1
+      },
+      keyboardShouldPersistTaps: "handled",
+      keyboardDismissMode: "interactive",
+      children: [!stickyHeader ? header : null, contentBody, !stickyFooter ? footer : null]
+    }), stickyFooter ? footer : null]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "fade",
+    statusBarTranslucent: true,
+    onRequestClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.KeyboardAvoidingView, {
+      behavior: _reactNative.Platform.OS === 'ios' ? 'padding' : undefined,
+      style: {
+        flex: 1
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          flex: 1,
+          backgroundColor: 'rgba(16, 18, 20, 0.55)'
+        },
+        children: scrollMode === 'page' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          style: {
+            flex: 1
+          },
+          contentContainerStyle: {
+            flexGrow: 1,
+            padding: 16
+          },
+          keyboardShouldPersistTaps: "handled",
+          showsVerticalScrollIndicator: false,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            style: {
+              flexGrow: 1,
+              justifyContent: 'center',
+              alignItems: 'center'
+            },
+            onPress: dismissOnBackdrop ? onClose : undefined,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+              style: {
+                width: '100%',
+                alignItems: 'center'
+              },
+              onPress: () => {},
+              children: card
+            })
+          })
+        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: {
+            flex: 1,
+            justifyContent: 'center',
+            alignItems: 'center',
+            padding: 16
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+            style: _reactNative.StyleSheet.absoluteFill,
+            onPress: dismissOnBackdrop ? onClose : undefined,
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants"
+          }), card]
+        })
+      })
+    })
+  });
+}
+//# sourceMappingURL=Dialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_Button","_Icon","_Text","_ScrollArea","_jsxRuntime","Dialog","visible","onClose","title","subtitle","children","actions","cancel","showClose","closeDestructive","dismissOnBackdrop","scrollMode","stickyHeader","stickyFooter","padding","contentSpacing","radius","maxWidth","maxHeightRatio","scrollbarColor","style","theme","useTheme","height","useWindowDimensions","indicatorColor","colors","text","tertiary","closeBtn","jsx","Pressable","onPress","hitSlop","accessibilityRole","accessibilityLabel","position","top","right","zIndex","Icon","name","size","color","feedback","error","secondary","header","View","paddingHorizontal","paddingTop","paddingBottom","jsxs","paddingRight","gap","Text","variant","weight","contentBody","hasFooter","length","footer","flexDirection","flex","Button","fullWidth","destructive","label","map","action","i","loading","disabled","cardBase","width","backgroundColor","background","default","borderRadius","overflow","card","accessibilityViewIsModal","maxHeight","ScrollArea","flexShrink","keyboardShouldPersistTaps","keyboardDismissMode","Modal","transparent","animationType","statusBarTranslucent","onRequestClose","KeyboardAvoidingView","behavior","Platform","OS","undefined","ScrollView","contentContainerStyle","flexGrow","showsVerticalScrollIndicator","justifyContent","alignItems","StyleSheet","absoluteFill","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ThreeActions = exports.PageScroll = exports.LongScrollingForm = exports.EverythingScrolls = exports.DestructiveCancel = exports.Basic = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Dialog = require("./Dialog.js");
+var _Button = require("../Button/Button.js");
+var _Input = require("../Input/Input.js");
+var _Text = require("../Text/Text.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const meta = {
+  title: 'Components/Dialog',
+  component: _Dialog.Dialog
+};
+var _default = exports.default = meta;
+function Frame({
+  render
+}) {
+  const [open, setOpen] = (0, _react.useState)(false);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: {
+      padding: 24
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+      label: "Open dialog",
+      onPress: () => setOpen(true)
+    }), render(open, () => setOpen(false))]
+  });
+}
+const Basic = exports.Basic = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Enter password",
+      subtitle: "Enter password for Universum WiFi",
+      cancel: {},
+      actions: [{
+        label: 'Update',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+        label: "Password",
+        placeholder: "Enter password",
+        revealable: true
+      })
+    })
+  })
+};
+const DestructiveCancel = exports.DestructiveCancel = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Delete order?",
+      subtitle: "This action cannot be undone.",
+      closeDestructive: true,
+      cancel: {
+        label: 'Delete',
+        destructive: true,
+        onPress: close
+      },
+      actions: [{
+        label: 'Keep',
+        onPress: close
+      }]
+    })
+  })
+};
+const ThreeActions = exports.ThreeActions = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Choose an option",
+      actions: [{
+        label: 'One',
+        variant: 'secondary',
+        onPress: close
+      }, {
+        label: 'Two',
+        variant: 'inverse',
+        onPress: close
+      }, {
+        label: 'Three',
+        onPress: close
+      }]
+    })
+  })
+};
+const LongScrollingForm = exports.LongScrollingForm = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Customer details",
+      subtitle: "Fill in the information below",
+      cancel: {},
+      actions: [{
+        label: 'Save',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: 16
+        },
+        children: Array.from({
+          length: 8
+        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+          label: `Field ${i + 1}`,
+          placeholder: `Value ${i + 1}`
+        }, i))
+      })
+    })
+  })
+};
+const PageScroll = exports.PageScroll = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Page scroll on short screens",
+      subtitle: "scrollMode='page' \u2014 the whole modal scrolls, nothing behind moves",
+      scrollMode: "page",
+      cancel: {},
+      actions: [{
+        label: 'Save',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          gap: 16
+        },
+        children: Array.from({
+          length: 10
+        }).map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Input.Input, {
+          label: `Field ${i + 1}`,
+          placeholder: `Value ${i + 1}`
+        }, i))
+      })
+    })
+  })
+};
+const EverythingScrolls = exports.EverythingScrolls = {
+  render: () => /*#__PURE__*/(0, _jsxRuntime.jsx)(Frame, {
+    render: (open, close) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: open,
+      onClose: close,
+      title: "Scrollable header & footer",
+      subtitle: "stickyHeader/stickyFooter = false",
+      stickyHeader: false,
+      stickyFooter: false,
+      cancel: {},
+      actions: [{
+        label: 'Done',
+        onPress: close
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+        variant: "bodyMedium",
+        color: "secondary",
+        children: 'Lorem ipsum dolor sit amet.\n'.repeat(20)
+      })
+    })
+  })
+};
+//# sourceMappingURL=Dialog.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Dialog","_Button","_Input","_Text","_jsxRuntime","meta","title","component","Dialog","_default","exports","default","Frame","render","open","setOpen","useState","jsxs","View","style","padding","children","jsx","Button","label","onPress","Basic","close","visible","onClose","subtitle","cancel","actions","Input","placeholder","revealable","DestructiveCancel","closeDestructive","destructive","ThreeActions","variant","LongScrollingForm","gap","Array","from","length","map","_","i","PageScroll","scrollMode","EverythingScrolls","stickyHeader","stickyFooter","Text","color","repeat"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.stories.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,71 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("@testing-library/react-native");
+var _Dialog = require("./Dialog.js");
+var _index = require("../../theme/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function renderWithTheme(ui) {
+  return (0, _reactNative.render)(/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ThemeProvider, {
+    children: ui
+  }));
+}
+describe('Dialog', () => {
+  it('renders title, subtitle and content when visible', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: () => {},
+      title: "Enter password",
+      subtitle: "For WiFi",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {})
+    }));
+    expect(_reactNative.screen.getByText('Enter password')).toBeTruthy();
+    expect(_reactNative.screen.getByText('For WiFi')).toBeTruthy();
+  });
+  it('fires an action press', () => {
+    const onPress = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: () => {},
+      title: "T",
+      actions: [{
+        label: 'Update',
+        onPress
+      }]
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Update'));
+    expect(onPress).toHaveBeenCalledTimes(1);
+  });
+  it('cancel defaults to onClose', () => {
+    const onClose = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: onClose,
+      title: "T",
+      cancel: {}
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByText('Cancel'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('close button calls onClose', () => {
+    const onClose = jest.fn();
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: onClose,
+      title: "T"
+    }));
+    _reactNative.fireEvent.press(_reactNative.screen.getByLabelText('Close'));
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  it('hides the close button when showClose is false', () => {
+    renderWithTheme(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Dialog.Dialog, {
+      visible: true,
+      onClose: () => {},
+      title: "T",
+      showClose: false
+    }));
+    expect(_reactNative.screen.queryByLabelText('Close')).toBeNull();
+  });
+});
+//# sourceMappingURL=Dialog.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_Dialog","_index","_jsxRuntime","e","__esModule","default","renderWithTheme","ui","render","jsx","ThemeProvider","children","describe","it","Dialog","visible","onClose","title","subtitle","Fragment","expect","screen","getByText","toBeTruthy","onPress","jest","fn","actions","label","fireEvent","press","toHaveBeenCalledTimes","cancel","getByLabelText","showClose","queryByLabelText","toBeNull"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/Dialog.test.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function () {
+    return _Dialog.Dialog;
+  }
+});
+var _Dialog = require("./Dialog.js");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_Dialog","require"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Dialog/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAMsB,IAAAE,WAAA,GAAAF,OAAA;AActB;AACA;AACA;AACA;AACA;AACO,SAASG,UAAUA,CAAC;EACzBC,QAAQ;EACRC,cAAc;EACdC,cAAc,GAAG,CAAC;EAClBC,yBAAyB;EACzBC,mBAAmB;EACnBC,KAAK;EACLC;AACe,CAAC,EAAE;EAClB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC,CAAC;EAC7C,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAF,eAAQ,EAAC,CAAC,CAAC;EAC3C,MAAMG,OAAO,GAAG,IAAAC,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACrD,MAAMC,OAAO,GAAG,IAAAJ,aAAM,EAAC,IAAIC,qBAAQ,CAACC,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EACrD,MAAME,SAAS,GAAG,IAAAL,aAAM,EAAuC,IAAI,CAAC;EAEpE,MAAMM,UAAU,GAAGT,QAAQ,GAAGH,SAAS,GAAG,CAAC;EAC3C,MAAMa,MAAM,GAAGD,UAAU,GAAGE,IAAI,CAACC,GAAG,CAAC,EAAE,EAAGf,SAAS,GAAGG,QAAQ,GAAIH,SAAS,CAAC,GAAG,CAAC;EAChF,MAAMgB,SAAS,GAAGF,IAAI,CAACC,GAAG,CAAC,CAAC,EAAEZ,QAAQ,GAAGH,SAAS,CAAC;EACnD,MAAMiB,UAAU,GAAGZ,OAAO,CAACa,WAAW,CAAC;IACrCC,UAAU,EAAE,CAAC,CAAC,EAAEH,SAAS,CAAC;IAC1BI,WAAW,EAAE,CAAC,CAAC,EAAEpB,SAAS,GAAGa,MAAM,CAAC;IACpCQ,WAAW,EAAE;EACf,CAAC,CAAC;EAEF,MAAMC,MAAM,GAAGA,CAAA,KAAM;IACnBf,qBAAQ,CAACgB,MAAM,CAACb,OAAO,EAAE;MAAEc,OAAO,EAAE,CAAC;MAAEC,QAAQ,EAAE,GAAG;MAAEC,eAAe,EAAE;IAAK,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACtF,IAAIhB,SAAS,CAACF,OAAO,EAAEmB,YAAY,CAACjB,SAAS,CAACF,OAAO,CAAC;IACtDE,SAAS,CAACF,OAAO,GAAGoB,UAAU,CAAC,MAAM;MACnCtB,qBAAQ,CAACgB,MAAM,CAACb,OAAO,EAAE;QAAEc,OAAO,EAAE,CAAC;QAAEC,QAAQ,EAAE,GAAG;QAAEC,eAAe,EAAE;MAAK,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACxF,CAAC,EAAE,GAAG,CAAC;EACT,CAAC;EAED,oBACE,IAAApC,WAAA,CAAAuC,IAAA,EAACxC,YAAA,CAAAiB,QAAQ,CAACwB,IAAI;IAACjC,KAAK,EAAE,CAAC;MAAEkC,QAAQ,EAAE;IAAW,CAAC,EAAElC,KAAK,CAAE;IAAAL,QAAA,gBACtD,IAAAF,WAAA,CAAA0C,GAAA,EAAC3C,YAAA,CAAAiB,QAAQ,CAAC2B,UAAU;MAClBpC,KAAK,EAAE;QAAEqC,UAAU,EAAE;MAAE,CAAE;MACzBpC,qBAAqB,EAAEA,qBAAsB;MAC7CqC,4BAA4B,EAAE,KAAM;MACpCC,mBAAmB,EAAE,EAAG;MACxBzC,yBAAyB,EAAEA,yBAA0B;MACrDC,mBAAmB,EAAEA,mBAAoB;MACzCyC,QAAQ,EAAGC,CAAC,IAAKtC,YAAY,CAACsC,CAAC,CAACC,WAAW,CAACC,MAAM,CAACC,MAAM,CAAE;MAC3DC,mBAAmB,EAAEA,CAACC,EAAU,EAAEC,CAAS,KAAKzC,WAAW,CAACyC,CAAC,CAAE;MAC/DC,QAAQ,EAAEvC,qBAAQ,CAACwC,KAAK,CAAC,CAAC;QAAEP,WAAW,EAAE;UAAEQ,aAAa,EAAE;YAAEC,CAAC,EAAE5C;UAAQ;QAAE;MAAE,CAAC,CAAC,EAAE;QAC7EqB,eAAe,EAAE,IAAI;QACrBwB,QAAQ,EAAGC,EAA2C,IAAK7B,MAAM,CAAC;MACpE,CAAC,CAAE;MAAA7B,QAAA,EAEFA;IAAQ,CACU,CAAC,EACrBmB,UAAU,gBACT,IAAArB,WAAA,CAAA0C,GAAA,EAAC3C,YAAA,CAAAiB,QAAQ,CAACwB,IAAI;MACZqB,aAAa,EAAC,MAAM;MACpBtD,KAAK,EAAE;QACLkC,QAAQ,EAAE,UAAU;QACpBqB,GAAG,EAAE,CAAC;QACNC,KAAK,EAAE,CAAC;QACRC,KAAK,EAAE5D,cAAc;QACrB+C,MAAM,EAAE7B,MAAM;QACd2C,YAAY,EAAE7D,cAAc,GAAG,CAAC;QAChC8D,eAAe,EAAE/D,cAAc;QAC/BgB,OAAO;QACPgD,SAAS,EAAE,CAAC;UAAEzC;QAAW,CAAC;MAC5B;IAAE,CACH,CAAC,GACA,IAAI;EAAA,CACK,CAAC;AAEpB","ignoreList":[]}