panelui-native 0.46.0 → 0.51.1

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

@@ -0,0 +1,514 @@
+"use strict";
+
+/**
+ * Fab — the floating action button: one screen, one thing it is mostly for.
+ *
+ * ```tsx
+ * <Fab icon={<PlusIcon size={24} />} accessibilityLabel="New note" onPress={compose} />
+ * ```
+ *
+ * ## It floats, which is the whole problem with it
+ *
+ * A button pinned over the content is a button covering some of it, and the
+ * bottom-right corner of a scrolling list is exactly where the last row goes. So
+ * a Fab is right when a screen has *one* action worth that trade and wrong when
+ * it has three — a corner with three buttons in it is a toolbar that has been
+ * put in the wrong place. Where a screen has several, the honest shapes are a
+ * `ButtonGroup` in a bar or, if one of them really does lead, this with a
+ * `Fab.Group` behind it.
+ *
+ * It positions itself absolutely against its nearest positioned ancestor, which
+ * on a screen means the screen. Give the content below it enough bottom padding
+ * to scroll clear — this cannot know how tall your list is, and a Fab sitting on
+ * the last row forever is the failure people actually hit.
+ *
+ * ## Extended, and when to bother
+ *
+ * ```tsx
+ * <Fab extended icon={<PencilIcon size={20} />}>Write</Fab>
+ * ```
+ *
+ * A lone glyph is a guess unless the glyph is a plus. `extended` spells the
+ * action out, costs the width, and is worth it for anything a plus would not
+ * have said.
+ *
+ * ## The speed dial
+ *
+ * ```tsx
+ * <Fab.Group icon={<PlusIcon size={24} />} accessibilityLabel="Add">
+ *   <Fab.Action icon={<ImageIcon size={18} />} label="Photo" onPress={addPhoto} />
+ *   <Fab.Action icon={<FileIcon size={18} />} label="File" onPress={addFile} />
+ * </Fab.Group>
+ * ```
+ *
+ * The actions come out of the button one after another rather than together —
+ * a stagger of a few frames each, which is enough to read as a list unfolding
+ * instead of a menu appearing. Every action carries its label beside it, because
+ * a column of unlabelled circles is a quiz.
+ *
+ * Opening also drops a scrim over the screen. Not for looks: an open dial is
+ * modal — the next tap either picks something or closes it — and a scrim is what
+ * says so, as well as what catches the tap that closes it.
+ *
+ * A group draws itself through a portal, above everything else — the scrim and
+ * the buttons together, so the backdrop cannot end up on top of the dial it is
+ * behind. That means its `offset` is measured from the screen's edges rather
+ * than from whatever it is written inside, which is what lets it be declared
+ * next to the content it belongs to instead of at the root of the screen.
+ */
+import { Children, createContext, forwardRef, isValidElement, useCallback, useContext, useMemo, useState } from 'react';
+import { Pressable, StyleSheet, View } from 'react-native';
+import Animated, { interpolate, useAnimatedStyle, useDerivedValue, withTiming } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { IconColorProvider } from "../../icons/index.js";
+import { AnimatedPressable } from "../../primitives/animated-pressable.js";
+import { Portal } from "../../primitives/portal.js";
+import { Scrim } from "../../primitives/scrim.js";
+import { Text } from "../../primitives/text.js";
+import { cn } from "../../utils/cn.js";
+import { selectionTick } from "../../utils/haptics.js";
+
+/** Which corner the button sits in. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** How far from the edges a floating button sits, in points. */
+const DEFAULT_OFFSET = 16;
+
+/** How long the dial takes to open, and how much each action lags the one above it. */
+const OPEN_DURATION = 220;
+const STAGGER = 45;
+
+/** How far an action starts below its resting place, in points. */
+const ACTION_TRAVEL = 12;
+
+/** A quarter turn on the trigger while the dial is open — a plus becomes a cross. */
+const OPEN_ROTATION = 45;
+const fabVariants = tv({
+  slots: {
+    root: 'flex-row items-center justify-center gap-2 rounded-full bg-primary shadow-lg',
+    label: 'font-medium text-primary-foreground'
+  },
+  variants: {
+    size: {
+      sm: {
+        root: 'h-11 min-w-11',
+        label: 'text-sm'
+      },
+      md: {
+        root: 'h-14 min-w-14',
+        label: 'text-base'
+      },
+      lg: {
+        root: 'h-16 min-w-16',
+        label: 'text-lg'
+      }
+    },
+    /* An icon-only button is a circle, so its width is its height and it takes
+       no padding. Extended, it is a stadium and the padding is what makes it
+       one. */
+    extended: {
+      true: {},
+      false: {}
+    },
+    variant: {
+      primary: {
+        root: 'bg-primary',
+        label: 'text-primary-foreground'
+      },
+      secondary: {
+        root: 'bg-secondary',
+        label: 'text-secondary-foreground'
+      },
+      surface: {
+        root: 'border border-border bg-popover',
+        label: 'text-foreground'
+      },
+      destructive: {
+        root: 'bg-destructive',
+        label: 'text-white'
+      }
+    },
+    disabled: {
+      true: {
+        root: 'opacity-[0.64] shadow-none'
+      }
+    }
+  },
+  compoundVariants: [{
+    extended: true,
+    size: 'sm',
+    class: {
+      root: 'px-4'
+    }
+  }, {
+    extended: true,
+    size: 'md',
+    class: {
+      root: 'px-5'
+    }
+  }, {
+    extended: true,
+    size: 'lg',
+    class: {
+      root: 'px-6'
+    }
+  }, {
+    extended: false,
+    size: 'sm',
+    class: {
+      root: 'w-11'
+    }
+  }, {
+    extended: false,
+    size: 'md',
+    class: {
+      root: 'w-14'
+    }
+  }, {
+    extended: false,
+    size: 'lg',
+    class: {
+      root: 'w-16'
+    }
+  }],
+  defaultVariants: {
+    size: 'md',
+    variant: 'primary',
+    extended: false
+  }
+});
+
+/** How big the button is. */
+
+/** What the button is drawn in. */
+
+/** The theme token each variant's icon reads against. */
+const CONTENT_COLOR_VAR = {
+  primary: '--color-primary-foreground',
+  secondary: '--color-secondary-foreground',
+  surface: '--color-foreground'
+};
+
+/** Where a floating button parks itself, given its offset. */
+function anchor(placement, offset) {
+  const base = {
+    position: 'absolute',
+    bottom: offset
+  };
+  if (placement === 'bottom-left') return {
+    ...base,
+    left: offset
+  };
+  if (placement === 'bottom-center') return {
+    ...base,
+    alignSelf: 'center'
+  };
+  return {
+    ...base,
+    right: offset
+  };
+}
+
+/* -------------------------------------------------------------------------- *
+ * Fab
+ * -------------------------------------------------------------------------- */
+
+const FabRoot = /*#__PURE__*/forwardRef(({
+  className,
+  icon,
+  children,
+  extended = false,
+  placement,
+  offset = DEFAULT_OFFSET,
+  size,
+  variant,
+  disabled = false,
+  haptics = false,
+  onPress,
+  style,
+  ...props
+}, ref) => {
+  const {
+    root,
+    label
+  } = fabVariants({
+    size,
+    variant,
+    extended: extended && !!children,
+    disabled
+  });
+  const themed = useCSSVariable(CONTENT_COLOR_VAR[variant === 'destructive' ? 'primary' : variant ?? 'primary']);
+  const contentColor = variant === 'destructive' ? '#ffffff' : typeof themed === 'string' ? themed : undefined;
+  const handlePress = useCallback(() => {
+    if (haptics) selectionTick();
+    onPress?.();
+  }, [haptics, onPress]);
+  return /*#__PURE__*/_jsx(IconColorProvider, {
+    color: contentColor,
+    children: /*#__PURE__*/_jsxs(AnimatedPressable, {
+      ref: ref,
+      accessibilityRole: "button",
+      accessibilityState: {
+        disabled
+      },
+      disabled: disabled,
+      onPress: handlePress,
+      className: root({
+        className
+      }),
+      style: [placement ? anchor(placement, offset) : null, style],
+      ...props,
+      children: [icon, extended && children ? /*#__PURE__*/_jsx(Text, {
+        className: label(),
+        children: children
+      }) : null]
+    })
+  });
+});
+FabRoot.displayName = 'Fab';
+
+/* -------------------------------------------------------------------------- *
+ * Group — the speed dial
+ * -------------------------------------------------------------------------- */
+
+const FabGroupContext = /*#__PURE__*/createContext(null);
+function useFabGroup(part) {
+  const ctx = useContext(FabGroupContext);
+  if (!ctx) throw new Error(`${part} must be used inside <Fab.Group>.`);
+  return ctx;
+}
+/**
+ * A trigger with actions behind it.
+ *
+ * The scrim goes through a portal so it covers the screen rather than the
+ * group's own corner of it; the actions do not, because they belong to the
+ * button and have to stay above the scrim in the same coordinate space as the
+ * trigger they unfold from.
+ */
+const FabGroup = /*#__PURE__*/forwardRef(({
+  className,
+  icon,
+  label,
+  children,
+  open: openProp,
+  onOpenChange,
+  placement = 'bottom-right',
+  offset = DEFAULT_OFFSET,
+  size = 'md',
+  variant,
+  disabled = false,
+  haptics = false,
+  blur = false,
+  rotateOnOpen = true,
+  accessibilityLabel,
+  style,
+  ...props
+}, ref) => {
+  const [internalOpen, setInternalOpen] = useState(false);
+  const open = openProp ?? internalOpen;
+  const setOpen = useCallback(next => {
+    if (openProp === undefined) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [openProp, onOpenChange]);
+  const actions = Children.toArray(children).filter(isValidElement);
+  /*
+   * The count, pulled out as a plain number before any worklet sees it.
+   *
+   * A worklet captures every variable it *references*, whole — so reading
+   * `actions.length` inside one would drag the array of React elements onto
+   * the UI thread with it, and an element holds a fibre, which cannot be
+   * serialised. The error that produces names neither this file nor this
+   * line, so: never reach through an object into a worklet.
+   */
+  const actionCount = actions.length;
+
+  /*
+   * One shared value for the whole dial rather than one per action.
+   *
+   * The stagger is a function of the action's index, applied on the UI
+   * thread inside each action's own style — so opening is a single timing
+   * driving every row, and there is no chain of JavaScript timeouts to get
+   * out of step with itself when the dial is closed halfway through opening.
+   */
+  const progress = useDerivedValue(() => withTiming(open ? 1 : 0, {
+    duration: OPEN_DURATION + STAGGER * actionCount
+  }), [open, actionCount]);
+  const rotation = useAnimatedStyle(() => ({
+    transform: [{
+      rotate: `${interpolate(progress.value, [0, 1], [0, OPEN_ROTATION])}deg`
+    }]
+  }));
+  const close = useCallback(() => setOpen(false), [setOpen]);
+  const context = useMemo(() => ({
+    progress,
+    count: actionCount,
+    size,
+    close
+  }), [progress, actionCount, size, close]);
+  const toggle = useCallback(() => {
+    if (haptics) selectionTick();
+    setOpen(!open);
+  }, [haptics, open, setOpen]);
+
+  /*
+   * The scrim and the buttons go through the same portal, in that order.
+   *
+   * They have to travel together. Portalled content is drawn above
+   * everything in the ordinary tree, so a portalled scrim over an
+   * in-place trigger covers the trigger and its actions — the dial opens
+   * and immediately disappears behind its own backdrop. One portal, scrim
+   * first, keeps the stacking honest: within it they are siblings, and the
+   * later sibling wins.
+   *
+   * The provider goes inside the portalled subtree for the same reason
+   * every other overlay here re-provides its context — the portal renders
+   * its children at the host, which is nowhere below this component, so a
+   * `Fab.Action` looking for the dial would not find it.
+   *
+   * One consequence worth knowing: `offset` is measured from the screen's
+   * edges rather than from whatever this is written inside. That is what a
+   * floating button wants, and it is why a group can be declared next to
+   * the content it belongs to instead of at the root of the screen.
+   */
+  return /*#__PURE__*/_jsxs(Portal, {
+    children: [open ?
+    /*#__PURE__*/
+    // Catches the tap that closes the dial, and says it is modal.
+    _jsx(Pressable, {
+      accessibilityRole: "button",
+      accessibilityLabel: "Close",
+      onPress: close,
+      style: StyleSheet.absoluteFill,
+      children: /*#__PURE__*/_jsx(Scrim, {
+        blur: blur,
+        dimClassName: "bg-black/32"
+      })
+    }) : null, /*#__PURE__*/_jsx(FabGroupContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/_jsxs(View, {
+        ref: ref,
+        className: cn('items-end gap-3', className),
+        style: [anchor(placement, offset), style],
+        ...props,
+        children: [open ? actions.map((action, index) => /*#__PURE__*/_jsx(FabActionSlot, {
+          index: index,
+          children: action
+        }, index)) : null, /*#__PURE__*/_jsx(FabRoot, {
+          icon: rotateOnOpen ? /*#__PURE__*/_jsx(Animated.View, {
+            style: rotation,
+            children: icon
+          }) : icon,
+          extended: !!label && !open,
+          size: size,
+          variant: variant,
+          disabled: disabled,
+          accessibilityLabel: accessibilityLabel,
+          accessibilityState: {
+            disabled,
+            expanded: open
+          },
+          onPress: toggle,
+          children: label
+        })]
+      })
+    })]
+  });
+});
+FabGroup.displayName = 'Fab.Group';
+
+/**
+ * One action's slot in the unfolding.
+ *
+ * The stagger runs bottom-up: the action nearest the trigger arrives first,
+ * which is the order a hand travelling away from the button meets them in.
+ */
+function FabActionSlot({
+  index,
+  children
+}) {
+  const {
+    progress,
+    count
+  } = useFabGroup('Fab.Action');
+  const style = useAnimatedStyle(() => {
+    const steps = Math.max(1, count);
+    const from = (count - 1 - index) / (steps + 1);
+    const to = from + 1 / (steps + 1) + 0.35;
+    const t = interpolate(progress.value, [from, Math.min(1, to)], [0, 1], 'clamp');
+    return {
+      opacity: t,
+      transform: [{
+        translateY: interpolate(t, [0, 1], [ACTION_TRAVEL, 0])
+      }]
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: style,
+    children: children
+  });
+}
+
+/* -------------------------------------------------------------------------- *
+ * Action
+ * -------------------------------------------------------------------------- */
+
+/**
+ * One choice in an open dial: a small round button with its name beside it.
+ *
+ * The label is a chip of its own rather than text on the background, because
+ * the background is whatever the screen behind the scrim happens to be and
+ * plain text over it is legible on some screens and not others.
+ *
+ * Pressing one closes the dial before running the action. Leaving it open over
+ * whatever the action just did is the wrong default: the dial is a menu, and a
+ * menu that stays up after a choice reads as the choice not having registered.
+ */
+const FabAction = /*#__PURE__*/forwardRef(({
+  className,
+  icon,
+  label,
+  onPress,
+  disabled = false,
+  destructive = false,
+  labelClassName,
+  ...props
+}, ref) => {
+  const {
+    size,
+    close
+  } = useFabGroup('Fab.Action');
+  const handlePress = useCallback(() => {
+    close();
+    onPress?.();
+  }, [close, onPress]);
+  return /*#__PURE__*/_jsxs(View, {
+    className: "flex-row items-center justify-end gap-3",
+    ...props,
+    children: [label ? /*#__PURE__*/_jsx(View, {
+      className: "rounded-lg bg-popover px-2.5 py-1 shadow-sm",
+      children: /*#__PURE__*/_jsx(Text, {
+        size: "sm",
+        className: cn('text-foreground', labelClassName),
+        children: label
+      })
+    }) : null, /*#__PURE__*/_jsx(FabRoot, {
+      ref: ref,
+      icon: icon
+      // A step down from the trigger, so the trigger stays the one that
+      // leads even while the dial it opened is on screen.
+      ,
+      size: size === 'lg' ? 'md' : 'sm',
+      variant: destructive ? 'destructive' : 'surface',
+      disabled: disabled,
+      accessibilityLabel: label,
+      onPress: handlePress,
+      className: className
+    })]
+  });
+});
+FabAction.displayName = 'Fab.Action';
+export const Fab = Object.assign(FabRoot, {
+  Group: FabGroup,
+  Action: FabAction
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Children","createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","StyleSheet","View","Animated","interpolate","useAnimatedStyle","useDerivedValue","withTiming","tv","useCSSVariable","IconColorProvider","AnimatedPressable","Portal","Scrim","Text","cn","selectionTick","jsx","_jsx","jsxs","_jsxs","DEFAULT_OFFSET","OPEN_DURATION","STAGGER","ACTION_TRAVEL","OPEN_ROTATION","fabVariants","slots","root","label","variants","size","sm","md","lg","extended","true","false","variant","primary","secondary","surface","destructive","disabled","compoundVariants","class","defaultVariants","CONTENT_COLOR_VAR","anchor","placement","offset","base","position","bottom","left","alignSelf","right","FabRoot","className","icon","children","haptics","onPress","style","props","ref","themed","contentColor","undefined","handlePress","color","accessibilityRole","accessibilityState","displayName","FabGroupContext","useFabGroup","part","ctx","Error","FabGroup","open","openProp","onOpenChange","blur","rotateOnOpen","accessibilityLabel","internalOpen","setInternalOpen","setOpen","next","actions","toArray","filter","actionCount","length","progress","duration","rotation","transform","rotate","value","close","context","count","toggle","absoluteFill","dimClassName","Provider","map","action","index","FabActionSlot","expanded","steps","Math","max","from","to","t","min","opacity","translateY","FabAction","labelClassName","Fab","Object","assign","Group","Action"],"sourceRoot":"../../../../src","sources":["components/fab/index.tsx"],"mappings":"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","ignoreList":[]}