panelui-native 0.32.0 → 0.35.2

package/lib/module/components/swipe/index.js

@@ -0,0 +1,537 @@
+"use strict";
+
+/**
+ * Swipe — a row that slides aside to reveal the things you can do to it.
+ *
+ * It is the one list interaction a phone has that a page does not: the actions
+ * are not on screen taking up room, they are behind the row, and the gesture
+ * that reveals them is the same one everywhere else in the OS. An inbox, a
+ * task list, a settings screen — all of them want it, and all of them
+ * otherwise end up with a trailing button too small to hit.
+ *
+ * ```tsx
+ * <Swipe>
+ *   <Swipe.End>
+ *     <Swipe.Action icon={<TrashIcon />} label="Delete" color="destructive" onPress={remove} />
+ *   </Swipe.End>
+ *   <Item variant="outline">
+ *     <Item.Content><Item.Title>Invoice.pdf</Item.Title></Item.Content>
+ *   </Item>
+ * </Swipe>
+ * ```
+ *
+ * The sides are `start` and `end` rather than left and right, because the
+ * gesture mirrors with the reading direction: in a right-to-left app the row
+ * that opened toward the right has to open toward the left, and a caller
+ * should not have to write that twice. Yoga mirrors where the panels sit; the
+ * drag is measured in raw pixels and cannot be mirrored for us, so it reads
+ * the direction and turns itself around.
+ *
+ * Everything that moves runs on the UI thread. A row being dragged does not
+ * re-render — the only React work in a swipe is the callback at the end of it.
+ */
+import { Children, cloneElement, createContext, forwardRef, isValidElement, useCallback, useContext, useImperativeHandle, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { Gesture, GestureDetector } from 'react-native-gesture-handler';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withSpring } from 'react-native-reanimated';
+import { useCSSVariable } from 'uniwind';
+import { tv } from 'tailwind-variants';
+import { useDirectionSign } from "../../hooks/use-direction.js";
+import { IconColorProvider } from "../../icons/index.js";
+import { AnimatedPressable } from "../../primitives/animated-pressable.js";
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { selectionTick } from "../../utils/haptics.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SPRING = {
+  damping: 22,
+  stiffness: 220,
+  mass: 0.7
+};
+
+/**
+ * Past its own width a panel has nothing left to reveal, so the row is let go
+ * of gradually rather than stopped dead. 8 is where the rubber band reads as
+ * resistance rather than as something broken.
+ */
+const OVERSHOOT_FRICTION = 8;
+
+/** How far past the panel a drag has to reach before a release fires an action. */
+const FULL_SWIPE_RATIO = 1.6;
+
+/** Fraction of the panel a release has to clear for the row to stay open. */
+const OPEN_RATIO = 0.5;
+
+/** How much of a fling to count as distance already travelled, in seconds. */
+const VELOCITY_LOOKAHEAD = 0.12;
+
+/** The side a row is open on, or `null` while it is closed. */
+
+const SwipeContext = /*#__PURE__*/createContext(null);
+
+/* -------------------------------------------------------------------------- */
+/* Action                                                                     */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * A tile is a filled block of colour with its content laid over it, which
+ * settles both halves of how it is coloured:
+ *
+ * - The fill is the status colour at full strength, never a tint of it. A tile
+ *   only exists while the row is out of the way, so it has to be legible in the
+ *   moment it appears; a 6%-alpha wash of the row's own background is not a
+ *   tile at all, it is a hole with a glyph floating in it.
+ * - The content is white, because the status colours are chosen to be carried
+ *   at full strength with white over them. The `-foreground` token of a status
+ *   is the *darker text* form of that hue, meant for a neutral surface — laid
+ *   over the fill it is the same hue twice and the label all but disappears.
+ *
+ * `default` and `primary` are the two that cannot take white. `primary`
+ * inverts with the theme and owns a true on-primary token, so it uses it;
+ * `default` is a mid grey in every theme, and takes the background colour,
+ * which is the neutral furthest from it in whichever direction the theme runs.
+ */
+const actionVariants = tv({
+  slots: {
+    root: 'h-full min-w-[80px] items-center justify-center gap-1.5 px-4',
+    label: 'text-center text-xs font-semibold'
+  },
+  variants: {
+    color: {
+      default: {
+        root: 'bg-muted-foreground',
+        label: 'text-background'
+      },
+      primary: {
+        root: 'bg-primary',
+        label: 'text-primary-foreground'
+      },
+      success: {
+        root: 'bg-success',
+        label: 'text-white'
+      },
+      warning: {
+        root: 'bg-warning',
+        label: 'text-white'
+      },
+      info: {
+        root: 'bg-info',
+        label: 'text-white'
+      },
+      destructive: {
+        root: 'bg-destructive',
+        label: 'text-white'
+      }
+    }
+  },
+  defaultVariants: {
+    color: 'default'
+  }
+});
+/**
+ * The fill a panel takes behind its tiles, so that dragging past the tiles
+ * extends the outermost action's colour instead of opening a hole.
+ */
+const PANEL_FILL = {
+  default: 'bg-muted-foreground',
+  primary: 'bg-primary',
+  success: 'bg-success',
+  warning: 'bg-warning',
+  info: 'bg-info',
+  destructive: 'bg-destructive'
+};
+/**
+ * One tile behind the row. Sized by its own content down to a minimum wide
+ * enough to hit, so a one-word action and a two-word one still line up.
+ */
+const SwipeAction = /*#__PURE__*/forwardRef(({
+  className,
+  labelClassName,
+  color = 'default',
+  label,
+  icon,
+  onPress,
+  keepOpen = false,
+  ...props
+}, ref) => {
+  const context = useContext(SwipeContext);
+  const slots = actionVariants({
+    color
+  });
+  const tint = useActionTint(color);
+  return /*#__PURE__*/_jsxs(AnimatedPressable, {
+    ref: ref,
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    onPress: () => {
+      if (!keepOpen) context?.close();
+      onPress?.();
+    },
+    className: slots.root({
+      className
+    }),
+    ...props,
+    children: [icon ? /*#__PURE__*/_jsx(IconColorProvider, {
+      color: tint,
+      children: sizeIcon(icon)
+    }) : null, /*#__PURE__*/_jsx(Text, {
+      className: slots.label({
+        className: labelClassName
+      }),
+      numberOfLines: 1,
+      children: label
+    })]
+  });
+});
+SwipeAction.displayName = 'Swipe.Action';
+
+/**
+ * How big a glyph is drawn on a tile. The icons default to the 16 that suits
+ * them inline in a row of text, which is too small here: a tile is 80 wide and
+ * mostly empty, and the icon is the part of it read first — at 16 it looks
+ * like a mistake rather than a target.
+ */
+const ICON_SIZE = 22;
+
+/**
+ * The icon at tile size, unless the caller asked for one. Sizing it here rather
+ * than asking every call site to is what keeps two tiles beside each other
+ * matching, which is the whole reason a panel of them reads as a set.
+ */
+function sizeIcon(icon) {
+  if (! /*#__PURE__*/isValidElement(icon)) return icon;
+  if (icon.props.size !== undefined) return icon;
+  return /*#__PURE__*/cloneElement(icon, {
+    size: ICON_SIZE
+  });
+}
+
+/**
+ * The colour a tile's glyph is drawn in — the same colour as its label, so the
+ * two read as one thing. Resolved from the theme rather than written down as a
+ * hex wherever the theme has an answer, since a hex stops being right the
+ * moment the theme inverts; white is the exception, because a status fill is
+ * the same saturated colour in every theme and white is what it carries.
+ *
+ * Both tokens are resolved on every render because a hook cannot be called for
+ * one branch only. They are variable lookups, not work.
+ */
+function useActionTint(color) {
+  const background = useCSSVariable('--color-background');
+  const primary = useCSSVariable('--color-primary-foreground');
+  if (color === 'default') return typeof background === 'string' ? background : undefined;
+  if (color === 'primary') return typeof primary === 'string' ? primary : undefined;
+  return '#ffffff';
+}
+
+/* -------------------------------------------------------------------------- */
+/* Panels                                                                     */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * The panels are markers rather than renderers: the root lifts their children
+ * out and lays them out itself, because it is the root that knows how wide the
+ * gap behind the row currently is. Declaring them as elements is still how a
+ * caller says which side an action belongs to, and it keeps both sides
+ * readable in source rather than hidden inside two render props.
+ */
+const SwipeStart = /*#__PURE__*/forwardRef(() => null);
+SwipeStart.displayName = 'Swipe.Start';
+const SwipeEnd = /*#__PURE__*/forwardRef(() => null);
+SwipeEnd.displayName = 'Swipe.End';
+
+/* -------------------------------------------------------------------------- */
+/* Reading the declared actions                                               */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * The actions a panel declared, in source order. Only direct `Swipe.Action`
+ * children count — anything else in a panel is decoration, and calling a
+ * stranger's `onPress` because it happened to have one would be worse than
+ * ignoring it.
+ */
+function collectActions(node) {
+  const found = [];
+  for (const child of Children.toArray(node)) {
+    if (! /*#__PURE__*/isValidElement(child) || child.type !== SwipeAction) continue;
+    const {
+      label,
+      color,
+      onPress
+    } = child.props;
+    found.push({
+      label,
+      color: color ?? 'default',
+      onPress
+    });
+  }
+  return found;
+}
+
+/* -------------------------------------------------------------------------- */
+/* Root                                                                       */
+/* -------------------------------------------------------------------------- */
+
+/**
+ * A row that opens sideways.
+ *
+ * The panels sit behind the row rather than beside it, so nothing about the
+ * layout changes when one opens: the row is the only thing that moves, and it
+ * moves as a transform. Each panel stretches to exactly the gap the row has
+ * left behind, which is what keeps an overshoot showing the outermost action's
+ * colour rather than a hole through to the screen underneath.
+ */
+const SwipeRoot = /*#__PURE__*/forwardRef(({
+  className,
+  contentClassName,
+  children,
+  fullSwipe = true,
+  disabled = false,
+  haptics = false,
+  onOpenChange,
+  ...props
+}, ref) => {
+  const sign = useDirectionSign();
+
+  /** Logical offset of the row in points; positive reveals the start side. */
+  const offset = useSharedValue(0);
+  /**
+   * Where the offset stood when this drag began. A pan reports translation
+   * from the touch down, so without it a row that is already open snaps shut
+   * the instant a second drag starts.
+   */
+  const origin = useSharedValue(0);
+  /** Natural width of each panel's tiles, measured once and then only read. */
+  const startWidth = useSharedValue(0);
+  const endWidth = useSharedValue(0);
+  /** Whether a full swipe is currently armed, so the tick fires just once. */
+  const armed = useSharedValue(false);
+  const {
+    startNode,
+    endNode,
+    row
+  } = useMemo(() => {
+    let start = null;
+    let end = null;
+    const rest = [];
+    for (const child of Children.toArray(children)) {
+      if (/*#__PURE__*/isValidElement(child) && child.type === SwipeStart) {
+        start = child.props.children;
+      } else if (/*#__PURE__*/isValidElement(child) && child.type === SwipeEnd) {
+        end = child.props.children;
+      } else {
+        rest.push(child);
+      }
+    }
+    return {
+      startNode: start,
+      endNode: end,
+      row: rest
+    };
+  }, [children]);
+  const startActions = useMemo(() => collectActions(startNode), [startNode]);
+  const endActions = useMemo(() => collectActions(endNode), [endNode]);
+  const hasStart = startNode != null;
+  const hasEnd = endNode != null;
+
+  /**
+   * The side the row is open on, held in a ref rather than in state: nothing
+   * here renders from it, and a row that re-rendered every time a drag
+   * settled would be paying for the one thing this component exists to
+   * avoid.
+   */
+  const openSide = useRef(null);
+
+  /**
+   * Only a genuine change is reported. The gesture cannot know whether the
+   * row was already closed when it settles it closed, so the comparison has
+   * to happen here rather than at each call site.
+   *
+   * The comparison and the callback both have to sit outside React's state,
+   * because `onOpenChange` is the caller's and will usually set state of its
+   * own. Run from inside a state updater — which React is free to call while
+   * rendering — that lands as a set during another component's render, and
+   * React says so.
+   */
+  const reportOpen = useCallback(side => {
+    if (openSide.current === side) return;
+    openSide.current = side;
+    onOpenChange?.(side);
+  }, [onOpenChange]);
+  const close = useCallback(() => {
+    offset.value = withSpring(0, SPRING);
+    reportOpen(null);
+  }, [offset, reportOpen]);
+  useImperativeHandle(ref, () => ({
+    open: side => {
+      const width = side === 'start' ? startWidth.value : endWidth.value;
+      if (width === 0) return;
+      offset.value = withSpring(side === 'start' ? width : -width, SPRING);
+      reportOpen(side);
+    },
+    close
+  }), [offset, startWidth, endWidth, reportOpen, close]);
+
+  /**
+   * The action a full swipe fires: the one furthest from the row, since that
+   * is the one the gesture travelled all the way to. The panels pack their
+   * tiles against the row, so on the start side that is the first declared
+   * and on the end side the last.
+   */
+  const fire = useCallback(side => {
+    const action = side === 'start' ? startActions[0] : endActions[endActions.length - 1];
+    action?.onPress?.();
+  }, [startActions, endActions]);
+  const tick = useCallback(() => selectionTick(), []);
+
+  /**
+   * The drag has to lose to a scroll, or a list of swipeable rows could not
+   * be scrolled without rows twitching open under the finger.
+   * `activeOffsetX` makes it wait for clearly horizontal intent, and
+   * `failOffsetY` hands the touch to the scroller outright the moment the
+   * finger commits vertically.
+   */
+  const pan = useMemo(() => Gesture.Pan().enabled(!disabled && (hasStart || hasEnd)).activeOffsetX([-12, 12]).failOffsetY([-14, 14]).onBegin(() => {
+    origin.value = offset.value;
+    armed.value = false;
+  }).onUpdate(event => {
+    // The gesture is raw pixels and the offset is logical, so a
+    // right-to-left subtree runs all of this backwards.
+    const next = origin.value + event.translationX * sign;
+    const limit = next > 0 ? startWidth.value : endWidth.value;
+    if (limit === 0) {
+      // Nothing to reveal on this side: hold the row at rest rather
+      // than letting it drift open over an empty panel.
+      offset.value = 0;
+      return;
+    }
+    const beyond = Math.abs(next) - limit;
+    offset.value = beyond > 0 ? Math.sign(next) * (limit + beyond / OVERSHOOT_FRICTION) : next;
+    if (!fullSwipe) return;
+    const reached = Math.abs(offset.value) > limit * FULL_SWIPE_RATIO;
+    if (reached !== armed.value) {
+      armed.value = reached;
+      if (reached && haptics) runOnJS(tick)();
+    }
+  }).onEnd(event => {
+    const current = offset.value;
+    const toStart = current > 0;
+    const side = toStart ? 'start' : 'end';
+    const limit = toStart ? startWidth.value : endWidth.value;
+    if (limit === 0) {
+      offset.value = withSpring(0, SPRING);
+      return;
+    }
+    if (fullSwipe && armed.value) {
+      armed.value = false;
+      offset.value = withSpring(0, SPRING);
+      runOnJS(fire)(side);
+      runOnJS(reportOpen)(null);
+      return;
+    }
+
+    // Part of the fling counts as distance already covered, so a short
+    // flick opens the row where a slow drag to the same point does not.
+    const projected = Math.abs(current + event.velocityX * sign * VELOCITY_LOOKAHEAD);
+    if (projected > limit * OPEN_RATIO) {
+      offset.value = withSpring(toStart ? limit : -limit, SPRING);
+      runOnJS(reportOpen)(side);
+    } else {
+      offset.value = withSpring(0, SPRING);
+      runOnJS(reportOpen)(null);
+    }
+  }), [disabled, hasStart, hasEnd, sign, fullSwipe, haptics, offset, origin, armed, startWidth, endWidth, fire, tick, reportOpen]);
+  const contentStyle = useAnimatedStyle(() => ({
+    transform: [{
+      translateX: offset.value * sign
+    }]
+  }));
+
+  /**
+   * A panel is exactly the gap the row has left behind — no wider, so it can
+   * never paint over the row, and no narrower, so an overshoot extends the
+   * outermost action's colour instead of opening a hole onto the screen
+   * underneath. At rest both are zero wide and neither is on screen at all.
+   */
+  const startStyle = useAnimatedStyle(() => ({
+    width: Math.max(offset.value, 0)
+  }));
+  const endStyle = useAnimatedStyle(() => ({
+    width: Math.max(-offset.value, 0)
+  }));
+
+  /**
+   * Measured from the tiles rather than from the panel around them. The panel
+   * is as wide as the gesture has made it, which is the number being derived
+   * here — reading it back off the panel would only ever report the animation
+   * to itself, and the width would stay at the zero it starts from.
+   */
+  const measure = target => event => {
+    target.value = event.nativeEvent.layout.width;
+  };
+
+  /**
+   * A swipe is invisible to a screen reader, so every action is offered as an
+   * accessibility action on the row as well. That is the whole of the
+   * alternative path: there is no other way to reach a tile that stays off
+   * screen until a gesture nobody announced has been performed.
+   */
+  const allActions = useMemo(() => [...startActions, ...endActions], [startActions, endActions]);
+  const a11yActions = useMemo(() => allActions.map(({
+    label
+  }) => ({
+    name: label,
+    label
+  })), [allActions]);
+  const context = useMemo(() => ({
+    close
+  }), [close]);
+  return /*#__PURE__*/_jsx(SwipeContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsxs(View, {
+      accessibilityActions: a11yActions.length > 0 ? a11yActions : undefined,
+      onAccessibilityAction: event => {
+        allActions.find(({
+          label
+        }) => label === event.nativeEvent.actionName)?.onPress?.();
+      },
+      className: cn('relative w-full overflow-hidden', className),
+      ...props,
+      children: [hasStart ?
+      /*#__PURE__*/
+      // Yoga puts the panel on the edge text begins at and mirrors it for
+      // us; only the transform above had to be turned around.
+      _jsx(Animated.View, {
+        className: cn('absolute bottom-0 start-0 top-0 overflow-hidden', PANEL_FILL[startActions[0]?.color ?? 'default']),
+        style: startStyle,
+        children: /*#__PURE__*/_jsx(View, {
+          className: "absolute bottom-0 end-0 top-0 flex-row items-stretch",
+          onLayout: measure(startWidth),
+          children: startNode
+        })
+      }) : null, hasEnd ? /*#__PURE__*/_jsx(Animated.View, {
+        className: cn('absolute bottom-0 end-0 top-0 overflow-hidden', PANEL_FILL[endActions[endActions.length - 1]?.color ?? 'default']),
+        style: endStyle,
+        children: /*#__PURE__*/_jsx(View, {
+          className: "absolute bottom-0 start-0 top-0 flex-row items-stretch",
+          onLayout: measure(endWidth),
+          children: endNode
+        })
+      }) : null, /*#__PURE__*/_jsx(GestureDetector, {
+        gesture: pan,
+        children: /*#__PURE__*/_jsx(Animated.View, {
+          style: contentStyle,
+          className: cn('w-full', contentClassName),
+          children: row
+        })
+      })]
+    })
+  });
+});
+SwipeRoot.displayName = 'Swipe';
+export const Swipe = Object.assign(SwipeRoot, {
+  Start: SwipeStart,
+  End: SwipeEnd,
+  Action: SwipeAction
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/swipe/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Children","cloneElement","createContext","forwardRef","isValidElement","useCallback","useContext","useImperativeHandle","useMemo","useRef","View","Gesture","GestureDetector","Animated","runOnJS","useAnimatedStyle","useSharedValue","withSpring","useCSSVariable","tv","useDirectionSign","IconColorProvider","AnimatedPressable","Text","cn","selectionTick","jsx","_jsx","jsxs","_jsxs","SPRING","damping","stiffness","mass","OVERSHOOT_FRICTION","FULL_SWIPE_RATIO","OPEN_RATIO","VELOCITY_LOOKAHEAD","SwipeContext","actionVariants","slots","root","label","variants","color","default","primary","success","warning","info","destructive","defaultVariants","PANEL_FILL","SwipeAction","className","labelClassName","icon","onPress","keepOpen","props","ref","context","tint","useActionTint","accessibilityRole","accessibilityLabel","close","children","sizeIcon","numberOfLines","displayName","ICON_SIZE","size","undefined","background","SwipeStart","SwipeEnd","collectActions","node","found","child","toArray","type","push","SwipeRoot","contentClassName","fullSwipe","disabled","haptics","onOpenChange","sign","offset","origin","startWidth","endWidth","armed","startNode","endNode","row","start","end","rest","startActions","endActions","hasStart","hasEnd","openSide","reportOpen","side","current","value","open","width","fire","action","length","tick","pan","Pan","enabled","activeOffsetX","failOffsetY","onBegin","onUpdate","event","next","translationX","limit","beyond","Math","abs","reached","onEnd","toStart","projected","velocityX","contentStyle","transform","translateX","startStyle","max","endStyle","measure","target","nativeEvent","layout","allActions","a11yActions","map","name","Provider","accessibilityActions","onAccessibilityAction","find","actionName","style","onLayout","gesture","Swipe","Object","assign","Start","End","Action"],"sourceRoot":"../../../../src","sources":["components/swipe/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/icons/index.js

@@ -294,6 +294,26 @@ export function EllipsisIcon({
     })]
   });
 }
+export function MenuIcon({
+  size = 20,
+  color,
+  ...props
+}) {
+  const resolved = useResolvedColor(color, '#737373');
+  return /*#__PURE__*/_jsx(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    ...props,
+    children: /*#__PURE__*/_jsx(Path, {
+      d: "M4 6h16M4 12h16M4 18h16",
+      stroke: resolved,
+      strokeWidth: 2,
+      strokeLinecap: "round"
+    })
+  });
+}
 export function XIcon({
   size = 16,
   color,