jfs-components 0.0.21 → 0.0.25

package/lib/module/components/Carousel/Carousel.js

@@ -0,0 +1,333 @@
+"use strict";
+
+import React, { createContext, useContext, useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { View, ScrollView, Animated, Pressable } from 'react-native';
+import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
+
+// ---------------------------------------------------------------------------
+// Context
+// ---------------------------------------------------------------------------
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CarouselContext = /*#__PURE__*/createContext({
+  modes: {},
+  activeIndex: 0,
+  totalItems: 0,
+  goTo: () => {},
+  goNext: () => {},
+  goPrev: () => {}
+});
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+// ---------------------------------------------------------------------------
+// Carousel
+// ---------------------------------------------------------------------------
+
+export function Carousel({
+  children,
+  modes = {},
+  autoPlay = false,
+  autoPlayInterval = 4000,
+  showPagination = true,
+  loop = true,
+  gap: gapProp,
+  itemWidth: itemWidthProp,
+  peekOffset: peekOffsetProp,
+  onIndexChange,
+  style
+}) {
+  // ---- Token resolution ----
+  const tokenGap = parseFloat(getVariableByName('carousel/gap', modes) || '12');
+  const gap = gapProp ?? tokenGap;
+  const tokenPeekOffset = parseFloat(getVariableByName('carousel/peekOffset', modes) || '0');
+  const peekOffset = peekOffsetProp ?? tokenPeekOffset;
+  const containerPaddingH = parseFloat(getVariableByName('carousel/padding/horizontal', modes) || '0');
+  const containerPaddingV = parseFloat(getVariableByName('carousel/padding/vertical', modes) || '0');
+  const paginationGap = parseFloat(getVariableByName('carousel/pagination/gap', modes) || '12');
+
+  // ---- Refs & state ----
+  const scrollRef = useRef(null);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const [containerWidth, setContainerWidth] = useState(0);
+  const autoPlayTimer = useRef(null);
+  const userInteracting = useRef(false);
+
+  // Flatten children so we can count items
+  const items = useMemo(() => React.Children.toArray(children).filter(React.isValidElement), [children]);
+  const totalItems = items.length;
+
+  // Effective item width: provided prop, or full container width minus peek offsets
+  const effectiveItemWidth = useMemo(() => {
+    if (itemWidthProp != null) return itemWidthProp;
+    if (containerWidth === 0) return 0;
+    // Full-width minus peekOffset on each side
+    return containerWidth - peekOffset * 2 - containerPaddingH * 2;
+  }, [itemWidthProp, containerWidth, peekOffset, containerPaddingH]);
+
+  // Snap interval = item width + gap
+  const snapInterval = effectiveItemWidth + gap;
+
+  // ---- Navigation helpers ----
+  const scrollToIndex = useCallback((index, animated = true) => {
+    if (totalItems === 0 || snapInterval === 0) return;
+    let targetIndex = index;
+    if (loop) {
+      targetIndex = (index % totalItems + totalItems) % totalItems;
+    } else {
+      targetIndex = Math.max(0, Math.min(index, totalItems - 1));
+    }
+    scrollRef.current?.scrollTo({
+      x: targetIndex * snapInterval,
+      animated
+    });
+    setActiveIndex(targetIndex);
+    onIndexChange?.(targetIndex);
+  }, [totalItems, snapInterval, loop, onIndexChange]);
+  const goTo = useCallback(index => scrollToIndex(index), [scrollToIndex]);
+  const goNext = useCallback(() => scrollToIndex(activeIndex + 1), [scrollToIndex, activeIndex]);
+  const goPrev = useCallback(() => scrollToIndex(activeIndex - 1), [scrollToIndex, activeIndex]);
+
+  // ---- Scroll event handler ----
+  const handleScroll = useCallback(event => {
+    if (snapInterval === 0) return;
+    const offsetX = event.nativeEvent.contentOffset.x;
+    const newIndex = Math.round(offsetX / snapInterval);
+    const clampedIndex = Math.max(0, Math.min(newIndex, totalItems - 1));
+    if (clampedIndex !== activeIndex) {
+      setActiveIndex(clampedIndex);
+      onIndexChange?.(clampedIndex);
+    }
+  }, [snapInterval, totalItems, activeIndex, onIndexChange]);
+
+  // ---- Auto-play ----
+  const clearAutoPlay = useCallback(() => {
+    if (autoPlayTimer.current != null) {
+      clearInterval(autoPlayTimer.current);
+      autoPlayTimer.current = null;
+    }
+  }, []);
+  const startAutoPlay = useCallback(() => {
+    if (!autoPlay || totalItems <= 1) return;
+    clearAutoPlay();
+    autoPlayTimer.current = setInterval(() => {
+      if (!userInteracting.current) {
+        setActiveIndex(prev => {
+          const next = loop ? (prev + 1) % totalItems : Math.min(prev + 1, totalItems - 1);
+          scrollRef.current?.scrollTo({
+            x: next * snapInterval,
+            animated: true
+          });
+          onIndexChange?.(next);
+          return next;
+        });
+      }
+    }, autoPlayInterval);
+  }, [autoPlay, totalItems, loop, snapInterval, autoPlayInterval, clearAutoPlay, onIndexChange]);
+  useEffect(() => {
+    startAutoPlay();
+    return clearAutoPlay;
+  }, [startAutoPlay, clearAutoPlay]);
+  const handleScrollBeginDrag = useCallback(() => {
+    userInteracting.current = true;
+  }, []);
+  const handleScrollEndDrag = useCallback(() => {
+    userInteracting.current = false;
+    // Reset autoplay timer after interaction
+    if (autoPlay) startAutoPlay();
+  }, [autoPlay, startAutoPlay]);
+
+  // ---- Layout ----
+  const handleLayout = useCallback(e => {
+    setContainerWidth(e.nativeEvent.layout.width);
+  }, []);
+
+  // ---- Context value ----
+  const contextValue = useMemo(() => ({
+    modes,
+    activeIndex,
+    totalItems,
+    goTo,
+    goNext,
+    goPrev
+  }), [modes, activeIndex, totalItems, goTo, goNext, goPrev]);
+
+  // ---- Render ----
+  const outerStyle = {
+    paddingVertical: containerPaddingV
+  };
+  const contentContainerStyle = {
+    paddingHorizontal: peekOffset + containerPaddingH,
+    gap,
+    // Align items to the start so snap works correctly
+    alignItems: 'flex-start'
+  };
+  return /*#__PURE__*/_jsx(CarouselContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/_jsxs(View, {
+      style: [outerStyle, style],
+      onLayout: handleLayout,
+      children: [/*#__PURE__*/_jsx(ScrollView, {
+        ref: scrollRef,
+        horizontal: true,
+        pagingEnabled: false,
+        showsHorizontalScrollIndicator: false,
+        decelerationRate: "fast",
+        snapToInterval: snapInterval > 0 ? snapInterval : undefined,
+        snapToAlignment: "start",
+        contentContainerStyle: contentContainerStyle,
+        onScroll: handleScroll,
+        scrollEventThrottle: 16,
+        onScrollBeginDrag: handleScrollBeginDrag,
+        onScrollEndDrag: handleScrollEndDrag,
+        children: items.map((child, index) => {
+          const itemStyle = {
+            width: effectiveItemWidth > 0 ? effectiveItemWidth : undefined
+          };
+
+          // Pass modes down to children
+          const childWithModes = /*#__PURE__*/React.isValidElement(child) ? /*#__PURE__*/React.cloneElement(child, {
+            modes: {
+              ...(child.props?.modes || {}),
+              ...modes
+            },
+            style: [itemStyle, child.props?.style]
+          }) : child;
+          return /*#__PURE__*/_jsx(View, {
+            style: itemStyle,
+            children: childWithModes
+          }, index);
+        })
+      }), showPagination && totalItems > 1 && /*#__PURE__*/_jsx(Pagination, {
+        modes: modes,
+        style: {
+          marginTop: paginationGap
+        }
+      })]
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Carousel.Item
+// ---------------------------------------------------------------------------
+
+/**
+ * Optional wrapper for carousel items. Not strictly required — any
+ * React node works as a direct child of `<Carousel>`.
+ */
+export function Item({
+  children,
+  modes: _modes,
+  style
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    children: children
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Carousel.Pagination
+// ---------------------------------------------------------------------------
+
+export function Pagination({
+  modes: propModes,
+  style
+}) {
+  const {
+    modes: ctxModes,
+    activeIndex,
+    totalItems,
+    goTo
+  } = useContext(CarouselContext);
+  const modes = propModes || ctxModes || {};
+
+  // Token resolution for dots
+  const dotSize = parseFloat(getVariableByName('carousel/pagination/dotSize', modes) || '8');
+  const dotActiveWidth = parseFloat(getVariableByName('carousel/pagination/dotActiveWidth', modes) || '24');
+  const dotGap = parseFloat(getVariableByName('carousel/pagination/dotGap', modes) || '8');
+  const dotColor = getVariableByName('carousel/pagination/dotColor', modes) || 'rgba(255,255,255,0.35)';
+  const dotActiveColor = getVariableByName('carousel/pagination/dotActiveColor', modes) || '#ffffff';
+  const dotRadius = parseFloat(getVariableByName('carousel/pagination/dotRadius', modes) || '4');
+  const containerStyle = {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    gap: dotGap
+  };
+  return /*#__PURE__*/_jsx(View, {
+    style: [containerStyle, style],
+    accessibilityRole: "tablist",
+    accessibilityLabel: undefined,
+    children: Array.from({
+      length: totalItems
+    }).map((_, i) => {
+      const isActive = i === activeIndex;
+      return /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => goTo(i),
+        accessibilityRole: "tab",
+        accessibilityState: {
+          selected: isActive
+        },
+        accessibilityLabel: undefined,
+        children: /*#__PURE__*/_jsx(AnimatedDot, {
+          isActive: isActive,
+          size: dotSize,
+          activeWidth: dotActiveWidth,
+          radius: dotRadius,
+          color: dotColor,
+          activeColor: dotActiveColor
+        })
+      }, i);
+    })
+  });
+}
+
+// ---------------------------------------------------------------------------
+// AnimatedDot (internal)
+// ---------------------------------------------------------------------------
+
+function AnimatedDot({
+  isActive,
+  size,
+  activeWidth,
+  radius,
+  color,
+  activeColor
+}) {
+  const animValue = useRef(new Animated.Value(isActive ? 1 : 0)).current;
+  useEffect(() => {
+    Animated.timing(animValue, {
+      toValue: isActive ? 1 : 0,
+      duration: 250,
+      useNativeDriver: false
+    }).start();
+  }, [isActive, animValue]);
+  const width = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [size, activeWidth]
+  });
+  const backgroundColor = animValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [color, activeColor]
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: {
+      width,
+      height: size,
+      borderRadius: radius,
+      backgroundColor
+    }
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Attach sub-components
+// ---------------------------------------------------------------------------
+
+Carousel.Item = Item;
+Carousel.Pagination = Pagination;
+export default Carousel;
+//# sourceMappingURL=Carousel.js.map

package/lib/module/components/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","useRef","useState","useEffect","useCallback","useMemo","View","ScrollView","Animated","Pressable","getVariableByName","jsx","_jsx","jsxs","_jsxs","CarouselContext","modes","activeIndex","totalItems","goTo","goNext","goPrev","Carousel","children","autoPlay","autoPlayInterval","showPagination","loop","gap","gapProp","itemWidth","itemWidthProp","peekOffset","peekOffsetProp","onIndexChange","style","tokenGap","parseFloat","tokenPeekOffset","containerPaddingH","containerPaddingV","paginationGap","scrollRef","setActiveIndex","containerWidth","setContainerWidth","autoPlayTimer","userInteracting","items","Children","toArray","filter","isValidElement","length","effectiveItemWidth","snapInterval","scrollToIndex","index","animated","targetIndex","Math","max","min","current","scrollTo","x","handleScroll","event","offsetX","nativeEvent","contentOffset","newIndex","round","clampedIndex","clearAutoPlay","clearInterval","startAutoPlay","setInterval","prev","next","handleScrollBeginDrag","handleScrollEndDrag","handleLayout","e","layout","width","contextValue","outerStyle","paddingVertical","contentContainerStyle","paddingHorizontal","alignItems","Provider","value","onLayout","ref","horizontal","pagingEnabled","showsHorizontalScrollIndicator","decelerationRate","snapToInterval","undefined","snapToAlignment","onScroll","scrollEventThrottle","onScrollBeginDrag","onScrollEndDrag","map","child","itemStyle","childWithModes","cloneElement","props","Pagination","marginTop","Item","_modes","propModes","ctxModes","dotSize","dotActiveWidth","dotGap","dotColor","dotActiveColor","dotRadius","containerStyle","flexDirection","justifyContent","accessibilityRole","accessibilityLabel","Array","from","_","i","isActive","onPress","accessibilityState","selected","AnimatedDot","size","activeWidth","radius","color","activeColor","animValue","Value","timing","toValue","duration","useNativeDriver","start","interpolate","inputRange","outputRange","backgroundColor","height","borderRadius"],"sourceRoot":"../../../../src","sources":["components/Carousel/Carousel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Carousel/Carousel.mdx

@@ -0,0 +1,154 @@
+import { Meta, Story, Canvas, Controls } from '@storybook/blocks';
+import * as CarouselStories from './Carousel.stories';
+import Carousel from './Carousel';
+import { AnatomySection, UsageConstraintsSection } from '../docs/DocSections';
+import { View, Image, Text } from 'react-native';
+
+<Meta of={CarouselStories} />
+
+## Available Collections and Modes
+
+This component does not use any design token collections with multiple modes.
+## Usage
+
+<Canvas>
+  <Story of={CarouselStories.Default} />
+</Canvas>
+
+### Example Usage
+
+```tsx
+import { Image, View } from 'react-native';
+import Carousel from './components/Carousel/Carousel';
+import MediaCard from './components/MediaCard/MediaCard';
+import Avatar from './components/Avatar/Avatar';
+import Button from './components/Button/Button';
+
+function MyCarousel() {
+  const modes = {
+    'Contrast Context': 'on dark',
+    'Colors Router': 'POC',
+  };
+
+  return (
+    <Carousel
+      modes={modes}
+      autoPlay
+      autoPlayInterval={4000}
+      showPagination
+      loop
+    >
+      <Carousel.Item>
+        <MediaCard
+          modes={modes}
+          media={
+            <Image
+              source={{ uri: 'https://picsum.photos/400/400' }}
+              style={{ width: '100%', height: '100%' }}
+              resizeMode="cover"
+            />
+          }
+        >
+          <MediaCard.Header>
+            <MediaCard.Title>Huge Title</MediaCard.Title>
+          </MediaCard.Header>
+          <MediaCard.Footer>
+            <Avatar
+              initials="JS"
+              modes={{ 'Avatar / Size': 'S' }}
+            />
+            <View style={{ flex: 1 }}>
+              <MediaCard.FooterTitle>Subscribed</MediaCard.FooterTitle>
+              <MediaCard.FooterSubtitle>Active now</MediaCard.FooterSubtitle>
+            </View>
+            <Button
+              label="Open"
+              modes={{ 'Button / Size': 'S' }}
+              onPress={() => console.log('Open')}
+            />
+          </MediaCard.Footer>
+        </MediaCard>
+      </Carousel.Item>
+
+      <Carousel.Item>
+        <MediaCard
+          modes={modes}
+          media={
+            <Image
+              source={{ uri: 'https://picsum.photos/seed/two/400/400' }}
+              style={{ width: '100%', height: '100%' }}
+              resizeMode="cover"
+            />
+          }
+        >
+          <MediaCard.Header>
+            <MediaCard.Title>Discover</MediaCard.Title>
+          </MediaCard.Header>
+          <MediaCard.Footer>
+            <MediaCard.FooterTitle>Mutual Fund Insights</MediaCard.FooterTitle>
+          </MediaCard.Footer>
+        </MediaCard>
+      </Carousel.Item>
+    </Carousel>
+  );
+}
+```
+
+### Peek Cards (adjacent items visible)
+
+<Canvas>
+  <Story of={CarouselStories.PeekCards} />
+</Canvas>
+
+### Auto-play
+
+<Canvas>
+  <Story of={CarouselStories.AutoPlay} />
+</Canvas>
+
+### Fixed-width items
+
+<Canvas>
+  <Story of={CarouselStories.FixedWidth} />
+</Canvas>
+
+<AnatomySection>
+  <ul>
+    <li><strong>Container</strong> — Outer <code>View</code> that measures width and holds the scroll track + pagination.</li>
+    <li><strong>ScrollView Track</strong> — Horizontal <code>ScrollView</code> with snap-to-interval behavior and optional CSS scroll-snap on web.</li>
+    <li><strong>Carousel.Item</strong> — Optional wrapper for each slide. Any React node works as a direct child.</li>
+    <li><strong>Pagination</strong> — Row of animated dots. Active dot widens and changes color. Each dot is pressable to navigate.</li>
+  </ul>
+</AnatomySection>
+
+<UsageConstraintsSection>
+  <ul>
+    <li>Each child of <code>Carousel</code> becomes one slide. Use <code>Carousel.Item</code> for semantic clarity.</li>
+    <li>When <code>itemWidth</code> is not provided, items expand to fill the container width minus <code>peekOffset</code>.</li>
+    <li>Auto-play pauses automatically while the user is dragging.</li>
+    <li>The <code>modes</code> prop is forwarded to all children via <code>cloneElement</code>.</li>
+    <li>On web, CSS <code>scroll-snap-type</code> is applied for native-feeling snap behavior.</li>
+  </ul>
+</UsageConstraintsSection>
+
+## Props
+
+<Controls />
+
+## Design Tokens
+
+This component uses the following design tokens, resolved through `getVariableByName`:
+
+- **`carousel/gap`**
+- **`carousel/padding/horizontal`**
+- **`carousel/padding/vertical`**
+- **`carousel/pagination/dotActiveColor`**
+- **`carousel/pagination/dotActiveWidth`**
+- **`carousel/pagination/dotColor`**
+- **`carousel/pagination/dotGap`**
+- **`carousel/pagination/dotRadius`**
+- **`carousel/pagination/dotSize`**
+- **`carousel/pagination/gap`**
+- **`carousel/peekOffset`**
+
+All tokens support mode-based theming through the `modes` prop.

package/lib/module/components/Disclaimer/Disclaimer.js

@@ -70,7 +70,7 @@ function Disclaimer({
   return /*#__PURE__*/_jsx(View, {
     style: [containerStyle, style],
     accessibilityRole: "text",
-    accessibilityLabel: defaultAccessibilityLabel,
+    accessibilityLabel: undefined,
     accessibilityHint: accessibilityHint,
     ...rest,
     children: /*#__PURE__*/_jsxs(Text, {

package/lib/module/components/Disclaimer/Disclaimer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","getVariableByName","useTokens","jsxs","_jsxs","jsx","_jsx","Disclaimer","disclaimer","modes","propModes","style","textStyle","accessibilityLabel","accessibilityHint","rest","globalModes","color","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","baseTextStyle","textAlign","containerStyle","alignSelf","alignItems","justifyContent","maxWidth","defaultAccessibilityLabel","accessibilityRole","children","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/Disclaimer/Disclaimer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAWhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAC;EAClBC,UAAU,GAAG,oEAAoE;EACjFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEN,KAAK,EAAEO;EAAY,CAAC,GAAGd,SAAS,CAAC,CAAC;EAC1C,MAAMO,KAAK,GAAG;IAAE,GAAGO,WAAW;IAAE,GAAGN;EAAU,CAAC;EAC9C;EACA,MAAMO,KAAK,GAAGhB,iBAAiB,CAAC,kBAAkB,EAAEQ,KAAK,CAAC,IAAI,SAAS;EACvE,MAAMS,QAAQ,GACZjB,iBAAiB,CAAC,2BAA2B,EAAEQ,KAAK,CAAC,IAAI,EAAE;EAC7D,MAAMU,UAAU,GACdlB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMW,UAAU,GACdnB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,QAAQ;EACrE,MAAMY,aAAa,GACjBpB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,GAAG;EAChE,MAAMa,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,aAAwB,GAAG;IAC/BP,KAAK;IACLC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVG,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,cAAyB,GAAG;IAChCC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,QAAQ,EAAE;EACZ,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGlB,kBAAkB,IAAIL,UAAU;EAElE,oBACEF,IAAA,CAACP,IAAI;IACHY,KAAK,EAAE,CAACe,cAAc,EAAEf,KAAK,CAAE;IAC/BqB,iBAAiB,EAAC,MAAM;IACxBnB,kBAAkB,EAAEkB,yBAA0B;IAC9CjB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAkB,QAAA,eAER7B,KAAA,CAACJ,IAAI;MACHW,KAAK,EAAE,CAACa,aAAa,EAAEZ,SAAS,CAAE;MAClCsB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAF,QAAA,GAE7BzB,UAAU,EACV,IAAI;IAAA,CACD;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,UAAU","ignoreList":[]}
+{"version":3,"names":["React","View","Text","getVariableByName","useTokens","jsxs","_jsxs","jsx","_jsx","Disclaimer","disclaimer","modes","propModes","style","textStyle","accessibilityLabel","accessibilityHint","rest","globalModes","color","fontSize","lineHeight","fontFamily","fontWeightRaw","fontWeight","toString","baseTextStyle","textAlign","containerStyle","alignSelf","alignItems","justifyContent","maxWidth","defaultAccessibilityLabel","accessibilityRole","undefined","children","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/Disclaimer/Disclaimer.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAwD,cAAc;AACzF,SAASC,iBAAiB,QAAQ,8CAA8C;AAChF,SAASC,SAAS,QAAQ,sCAAsC;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAWhE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAC;EAClBC,UAAU,GAAG,oEAAoE;EACjFC,KAAK,EAAEC,SAAS,GAAG,CAAC,CAAC;EACrBC,KAAK;EACLC,SAAS;EACTC,kBAAkB;EAClBC,iBAAiB;EACjB,GAAGC;AACY,CAAC,EAAE;EAClB,MAAM;IAAEN,KAAK,EAAEO;EAAY,CAAC,GAAGd,SAAS,CAAC,CAAC;EAC1C,MAAMO,KAAK,GAAG;IAAE,GAAGO,WAAW;IAAE,GAAGN;EAAU,CAAC;EAC9C;EACA,MAAMO,KAAK,GAAGhB,iBAAiB,CAAC,kBAAkB,EAAEQ,KAAK,CAAC,IAAI,SAAS;EACvE,MAAMS,QAAQ,GACZjB,iBAAiB,CAAC,2BAA2B,EAAEQ,KAAK,CAAC,IAAI,EAAE;EAC7D,MAAMU,UAAU,GACdlB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,EAAE;EAC/D,MAAMW,UAAU,GACdnB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,QAAQ;EACrE,MAAMY,aAAa,GACjBpB,iBAAiB,CAAC,6BAA6B,EAAEQ,KAAK,CAAC,IAAI,GAAG;EAChE,MAAMa,UAAU,GACd,OAAOD,aAAa,KAAK,QAAQ,GAC7BA,aAAa,CAACE,QAAQ,CAAC,CAAC,GACxBF,aAAa;EAEnB,MAAMG,aAAwB,GAAG;IAC/BP,KAAK;IACLC,QAAQ;IACRC,UAAU;IACVC,UAAU;IACVE,UAAU;IACVG,SAAS,EAAE;EACb,CAAC;EAED,MAAMC,cAAyB,GAAG;IAChCC,SAAS,EAAE,QAAQ;IACnBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB;IACAC,QAAQ,EAAE;EACZ,CAAC;;EAED;EACA,MAAMC,yBAAyB,GAAGlB,kBAAkB,IAAIL,UAAU;EAElE,oBACEF,IAAA,CAACP,IAAI;IACHY,KAAK,EAAE,CAACe,cAAc,EAAEf,KAAK,CAAE;IAC/BqB,iBAAiB,EAAC,MAAM;IACxBnB,kBAAkB,EAAEoB,SAAU;IAC9BnB,iBAAiB,EAAEA,iBAAkB;IAAA,GACjCC,IAAI;IAAAmB,QAAA,eAER9B,KAAA,CAACJ,IAAI;MACHW,KAAK,EAAE,CAACa,aAAa,EAAEZ,SAAS,CAAE;MAClCuB,2BAA2B,EAAE,IAAK;MAClCC,yBAAyB,EAAC,IAAI;MAAAF,QAAA,GAE7B1B,UAAU,EACV,IAAI;IAAA,CACD;EAAC,CACH,CAAC;AAEX;AAEA,eAAeD,UAAU","ignoreList":[]}

package/lib/module/components/Divider/Divider.js

@@ -33,7 +33,7 @@ function Divider({
   direction = 'horizontal',
   modes = {},
   style,
-  accessibilityLabel = 'Divider'
+  accessibilityLabel = undefined
 }) {
   // Resolve design tokens
   const size = getVariableByName('divider/size', modes) ?? 1;
@@ -51,7 +51,7 @@ function Divider({
   return /*#__PURE__*/_jsx(View, {
     style: [dividerStyle, style],
     accessibilityRole: "none",
-    accessibilityLabel: accessibilityLabel
+    accessibilityLabel: undefined
   });
 }
 export default Divider;

package/lib/module/components/Divider/Divider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","getVariableByName","jsx","_jsx","Divider","direction","modes","style","accessibilityLabel","size","color","isVertical","dividerStyle","width","backgroundColor","alignSelf","height","accessibilityRole"],"sourceRoot":"../../../../src","sources":["components/Divider/Divider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAGC,cAAc;AACrB,SAASC,iBAAiB,QAAQ,8CAA8C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAyBhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,OAAOA,CAAC;EACfC,SAAS,GAAG,YAAY;EACxBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,kBAAkB,GAAG;AACT,CAAC,EAAE;EACf;EACA,MAAMC,IAAI,GAAGR,iBAAiB,CAAC,cAAc,EAAEK,KAAK,CAAC,IAAI,CAAC;EAC1D,MAAMI,KAAK,GAAGT,iBAAiB,CAAC,eAAe,EAAEK,KAAK,CAAC,IAAI,SAAS;EAEpE,MAAMK,UAAU,GAAGN,SAAS,KAAK,UAAU;EAE3C,MAAMO,YAAuB,GAAGD,UAAU,GACtC;IACEE,KAAK,EAAEJ,IAAI;IACXK,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC,GACD;IACEC,MAAM,EAAEP,IAAI;IACZK,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC;EAEL,oBACEZ,IAAA,CAACH,IAAI;IACHO,KAAK,EAAE,CAACK,YAAY,EAAEL,KAAK,CAAE;IAC7BU,iBAAiB,EAAC,MAAM;IACxBT,kBAAkB,EAAEA;EAAmB,CACxC,CAAC;AAEN;AAEA,eAAeJ,OAAO","ignoreList":[]}
+{"version":3,"names":["React","View","getVariableByName","jsx","_jsx","Divider","direction","modes","style","accessibilityLabel","undefined","size","color","isVertical","dividerStyle","width","backgroundColor","alignSelf","height","accessibilityRole"],"sourceRoot":"../../../../src","sources":["components/Divider/Divider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAGC,cAAc;AACrB,SAASC,iBAAiB,QAAQ,8CAA8C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAyBhF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,OAAOA,CAAC;EACfC,SAAS,GAAG,YAAY;EACxBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,kBAAkB,GAAGC;AACT,CAAC,EAAE;EACf;EACA,MAAMC,IAAI,GAAGT,iBAAiB,CAAC,cAAc,EAAEK,KAAK,CAAC,IAAI,CAAC;EAC1D,MAAMK,KAAK,GAAGV,iBAAiB,CAAC,eAAe,EAAEK,KAAK,CAAC,IAAI,SAAS;EAEpE,MAAMM,UAAU,GAAGP,SAAS,KAAK,UAAU;EAE3C,MAAMQ,YAAuB,GAAGD,UAAU,GACtC;IACEE,KAAK,EAAEJ,IAAI;IACXK,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC,GACD;IACEC,MAAM,EAAEP,IAAI;IACZK,eAAe,EAAEJ,KAAK;IACtBK,SAAS,EAAE;EACb,CAAC;EAEL,oBACEb,IAAA,CAACH,IAAI;IACHO,KAAK,EAAE,CAACM,YAAY,EAAEN,KAAK,CAAE;IAC7BW,iBAAiB,EAAC,MAAM;IACxBV,kBAAkB,EAAEC;EAAU,CAC/B,CAAC;AAEN;AAEA,eAAeL,OAAO","ignoreList":[]}

package/lib/module/components/Drawer/Drawer.js

@@ -3,7 +3,7 @@
 import React, { useCallback, useEffect, useState, useRef } from 'react';
 import { StyleSheet, Text, useWindowDimensions, View } from 'react-native';
 import { Gesture, GestureDetector, GestureHandlerRootView, ScrollView } from 'react-native-gesture-handler';
-import Animated, { runOnJS, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import Animated, { runOnJS, useAnimatedProps, useAnimatedScrollHandler, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
 import { getVariableByName } from '../../design-tokens/figma-variables-resolver';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
@@ -78,6 +78,13 @@ function Drawer({
   const scrollY = useSharedValue(0);
   const scrollRef = useRef(null);
 
+  // Dynamically disable top bounce so a downward swipe at the top of
+  // the content drags the whole drawer instead of rubber-banding the
+  // scroll view.  Bottom bounce is preserved when the user has scrolled.
+  const animatedScrollProps = useAnimatedProps(() => ({
+    bounces: scrollY.value > 1
+  }));
+
   // We need to know if we are currently dragging the drawer or scrolling the content
   // to prevent conflict.
   const isDrawerActive = useSharedValue(false);
@@ -233,7 +240,7 @@ function Drawer({
         }, sheetStyle, animatedStyle],
         accessible: true,
         accessibilityRole: 'dialog',
-        accessibilityLabel: defaultAccessibilityLabel,
+        accessibilityLabel: undefined,
         accessibilityHint: accessibilityHint || 'Swipe up to expand, swipe down to collapse',
         children: [/*#__PURE__*/_jsx(View, {
           style: [styles.handleArea, !title && !header && {
@@ -266,8 +273,8 @@ function Drawer({
             alignItems: 'stretch'
           }, contentContainerStyle],
           showsVerticalScrollIndicator: showsVerticalScrollIndicator,
-          bounces: true,
-          alwaysBounceVertical: true,
+          animatedProps: animatedScrollProps,
+          alwaysBounceVertical: false,
           overScrollMode: "always",
           onScroll: useAnimatedScrollHandler(event => {
             scrollY.value = event.contentOffset.y;