panelui-native 0.87.0 → 0.88.0

package/lib/module/components/feedback-dialog/index.js

@@ -0,0 +1,474 @@
+"use strict";
+
+/**
+ * FeedbackDialog — a dialog whose body is something to write in, and whose
+ * actions sit in a band around it.
+ *
+ * ```tsx
+ * <FeedbackDialog open={open} onOpenChange={setOpen}>
+ *   <FeedbackDialog.Content>
+ *     <FeedbackDialog.Panel>
+ *       <FeedbackDialog.Title>Help us improve, Gabe!</FeedbackDialog.Title>
+ *       <FeedbackDialog.Close />
+ *       <FeedbackDialog.Field value={text} onChangeText={setText} />
+ *     </FeedbackDialog.Panel>
+ *     <FeedbackDialog.Footer>
+ *       <FeedbackDialog.Cancel />
+ *       <FeedbackDialog.Submit onPress={send} />
+ *     </FeedbackDialog.Footer>
+ *   </FeedbackDialog.Content>
+ * </FeedbackDialog>
+ * ```
+ *
+ * ## Why the panel is a panel and not the dialog
+ *
+ * A dialog that asks for a sentence has two jobs on screen at once: hold what
+ * is being written, and offer the two things to do with it. `Dialog` puts both
+ * on one surface, which is right when the body is a line of prose — nothing
+ * about it says "this is where you type".
+ *
+ * Here the writing surface is a well set into the dialog, and the buttons sit
+ * in the band around it. The recess is the whole affordance: it says the field
+ * is the page and everything else is the frame around it, before a word has
+ * been read. It is also why the field has no border of its own — an outline
+ * inside a well is two edges saying the same thing.
+ *
+ * ## The actions are equal, and one of them is not
+ *
+ * Cancel and Submit take the same width, because they are the same size of
+ * decision — this is a sentence somebody wrote, not a deletion. What separates
+ * them is weight: Submit is filled in the foreground colour and Cancel is a
+ * tint of it, so the difference is legible at a glance without either being
+ * hidden.
+ *
+ * ## Nothing is submitted empty
+ *
+ * `Submit` disables itself while the field is empty. A dialog that accepts an
+ * empty answer produces empty feedback, and the person who sent it believes
+ * they said something.
+ */
+import { createContext, forwardRef, isValidElement, useCallback, useContext, useMemo, useState } from 'react';
+import { Pressable, TextInput, View } from 'react-native';
+import Animated, { FadeIn, FadeOut, ZoomIn } from 'react-native-reanimated';
+import { tv } from 'tailwind-variants';
+import { XIcon } from "../../icons/index.js";
+import { AnimatedPressable } from "../../primitives/animated-pressable.js";
+import { KeyboardAvoider } from "../../primitives/keyboard-avoider.js";
+import { ModalPortal } from "../../primitives/portal.js";
+import { Scrim } from "../../primitives/scrim.js";
+import { Text, textChildren } from "../../primitives/text.js";
+import { useBackHandler } from "../../hooks/use-back-handler.js";
+import { cn } from "../../utils/cn.js";
+
+/**
+ * The shell's padding, in points, and the corner it draws.
+ *
+ * The panel's corner is the shell's less that padding, which is what keeps the
+ * two curves concentric — a well whose radius does not account for the band
+ * around it leaves a crescent of shell at each corner, thicker there than it is
+ * along the sides.
+ */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const SHELL_PADDING = 8;
+const SHELL_RADIUS = 38;
+const PANEL_RADIUS = SHELL_RADIUS - SHELL_PADDING;
+
+/**
+ * How far the action row is held in from the shell's own edge, beyond the
+ * padding the panel gets.
+ *
+ * The buttons are narrower than the well above them on purpose: a row that ran
+ * the full width would read as a third edge of the dialog rather than as two
+ * things to press.
+ */
+const FOOTER_INSET = 26;
+
+/** Room to write in before the field starts growing. */
+const FIELD_MIN_HEIGHT = 200;
+
+/**
+ * The ✕'s drawn size, and the slop that takes its touch box to 48.
+ *
+ * Made up with slop rather than with size, because the glyph is set against
+ * the title's cap height and a circle large enough to press comfortably would
+ * be taller than the line it sits on.
+ */
+const CLOSE_SIZE = 22;
+const CLOSE_HIT_SLOP = 13;
+const feedbackDialogVariants = tv({
+  slots: {
+    /*
+     * The shell is `bg-popover` with an `inset` band laid over it rather than
+     * a colour of its own. `--color-inset` is a translucent black in every
+     * theme, so the shell always comes out darker than the panel it holds —
+     * which is the one thing this design cannot get from the surface ladder,
+     * because that ladder runs darker in a light theme and lighter in a dark
+     * one, and the recess has to read the same way in both.
+     */
+    shell: 'w-full max-w-sm overflow-hidden bg-popover shadow-xl',
+    recess: 'absolute inset-0 bg-inset',
+    panel: 'overflow-hidden bg-popover',
+    title: 'pe-9 text-[22px] font-semibold leading-[28px] text-popover-foreground',
+    close: 'absolute items-center justify-center rounded-full bg-foreground/10',
+    field: 'p-0 text-[17px] leading-[24px] text-muted-foreground',
+    footer: 'flex-row items-center gap-3.5',
+    action: 'h-11 flex-1 items-center justify-center rounded-full',
+    actionLabel: 'text-[16px]'
+  },
+  variants: {
+    tone: {
+      /** The one that discards. A tint of the foreground, not a fill. */
+      cancel: {
+        action: 'bg-foreground/10',
+        actionLabel: 'font-medium text-muted-foreground'
+      },
+      /** The one that sends. Filled, and the only filled thing on the dialog. */
+      submit: {
+        action: 'bg-primary',
+        actionLabel: 'font-semibold text-primary-foreground'
+      }
+    },
+    disabled: {
+      true: {
+        action: 'opacity-[0.45]'
+      }
+    }
+  }
+});
+const FeedbackDialogContext = /*#__PURE__*/createContext(null);
+function useFeedbackDialog(component) {
+  const context = useContext(FeedbackDialogContext);
+  if (!context) {
+    throw new Error(`${component} must be used within a <FeedbackDialog>`);
+  }
+  return context;
+}
+function FeedbackDialogRoot({
+  children,
+  open,
+  onOpenChange,
+  defaultOpen = false,
+  value,
+  defaultValue = '',
+  onValueChange
+}) {
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const openControlled = open !== undefined;
+  const resolvedOpen = openControlled ? open : internalOpen;
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const valueControlled = value !== undefined;
+  const resolvedValue = valueControlled ? value : internalValue;
+  const setOpen = useCallback(next => {
+    if (!openControlled) setInternalOpen(next);
+    onOpenChange?.(next);
+  }, [openControlled, onOpenChange]);
+  const setValue = useCallback(next => {
+    if (!valueControlled) setInternalValue(next);
+    onValueChange?.(next);
+  }, [valueControlled, onValueChange]);
+  const context = useMemo(() => ({
+    open: resolvedOpen,
+    setOpen,
+    value: resolvedValue,
+    setValue
+  }), [resolvedOpen, setOpen, resolvedValue, setValue]);
+  return /*#__PURE__*/_jsx(FeedbackDialogContext.Provider, {
+    value: context,
+    children: children
+  });
+}
+FeedbackDialogRoot.displayName = 'FeedbackDialog';
+/** Wraps its child and opens the dialog on press. */
+function FeedbackDialogTrigger({
+  children
+}) {
+  const {
+    setOpen
+  } = useFeedbackDialog('FeedbackDialog.Trigger');
+  if (! /*#__PURE__*/isValidElement(children)) return children;
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: () => setOpen(true),
+    children: /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      children: children
+    })
+  });
+}
+FeedbackDialogTrigger.displayName = 'FeedbackDialog.Trigger';
+/** The shell: the recessed band, and everything laid in it. */
+function FeedbackDialogContent({
+  className,
+  dismissible = true,
+  blur = false,
+  children,
+  ...props
+}) {
+  const context = useFeedbackDialog('FeedbackDialog.Content');
+  const {
+    open,
+    setOpen
+  } = context;
+  const slots = feedbackDialogVariants();
+  useBackHandler(open && dismissible, () => setOpen(false));
+  if (!open) return null;
+  return /*#__PURE__*/_jsx(ModalPortal, {
+    children: /*#__PURE__*/_jsx(FeedbackDialogContext.Provider, {
+      value: context,
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        entering: FadeIn.duration(150),
+        exiting: FadeOut.duration(150),
+        className: "absolute inset-0 items-center justify-center p-6",
+        children: [/*#__PURE__*/_jsx(Scrim, {
+          blur: blur
+        }), /*#__PURE__*/_jsx(Pressable, {
+          accessibilityLabel: "Close dialog",
+          className: "absolute inset-0",
+          onPress: dismissible ? () => setOpen(false) : undefined
+        }), /*#__PURE__*/_jsx(KeyboardAvoider, {
+          mode: "lift",
+          offset: 16,
+          className: "w-full items-center",
+          children: /*#__PURE__*/_jsxs(Animated.View, {
+            entering: ZoomIn.springify().damping(18).stiffness(250).mass(0.6),
+            exiting: FadeOut.duration(120),
+            accessibilityViewIsModal: true,
+            className: slots.shell({
+              className
+            }),
+            style: {
+              borderRadius: SHELL_RADIUS,
+              padding: SHELL_PADDING
+            },
+            ...props,
+            children: [/*#__PURE__*/_jsx(View, {
+              pointerEvents: "none",
+              className: slots.recess()
+            }), textChildren(children)]
+          })
+        })]
+      })
+    })
+  });
+}
+FeedbackDialogContent.displayName = 'FeedbackDialog.Content';
+/** The well set into the shell: the title, the ✕ and the field. */
+const FeedbackDialogPanel = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const slots = feedbackDialogVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: cn(slots.panel(), 'gap-4 p-5', className),
+    style: {
+      borderRadius: PANEL_RADIUS
+    },
+    ...props,
+    children: textChildren(children)
+  });
+});
+FeedbackDialogPanel.displayName = 'FeedbackDialog.Panel';
+const FeedbackDialogTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const slots = feedbackDialogVariants();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: slots.title({
+      className
+    }),
+    ...props
+  });
+});
+FeedbackDialogTitle.displayName = 'FeedbackDialog.Title';
+/** The ✕ in the panel's corner. */
+function FeedbackDialogClose({
+  className,
+  label = 'Close',
+  onPress,
+  ...props
+}) {
+  const {
+    setOpen
+  } = useFeedbackDialog('FeedbackDialog.Close');
+  const slots = feedbackDialogVariants();
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    accessibilityRole: "button",
+    accessibilityLabel: label,
+    hitSlop: CLOSE_HIT_SLOP,
+    pressScale: 1,
+    pressOpacity: 0.55,
+    onPress: onPress ?? (() => setOpen(false)),
+    className: slots.close({
+      className
+    }),
+    style: {
+      top: 20,
+      right: 20,
+      width: CLOSE_SIZE,
+      height: CLOSE_SIZE
+    },
+    ...props,
+    children: /*#__PURE__*/_jsx(XIcon, {
+      size: 12
+    })
+  });
+}
+FeedbackDialogClose.displayName = 'FeedbackDialog.Close';
+/**
+ * What is being written.
+ *
+ * No border and no background of its own: it is already inside a well, and an
+ * outline drawn inside one is two edges making the same point.
+ *
+ * The caret is deliberately left to the platform. Every system draws its own
+ * accent there, and a field that overrides it is a field that looks like it
+ * belongs to a different phone.
+ */
+const FeedbackDialogField = /*#__PURE__*/forwardRef(({
+  className,
+  value,
+  onChangeText,
+  minHeight = FIELD_MIN_HEIGHT,
+  placeholder = 'Tell us what you think',
+  style,
+  ...props
+}, ref) => {
+  const dialog = useFeedbackDialog('FeedbackDialog.Field');
+  const slots = feedbackDialogVariants();
+  const text = value ?? dialog.value;
+  return /*#__PURE__*/_jsx(TextInput, {
+    ref: ref,
+    multiline: true,
+    textAlignVertical: "top",
+    placeholder: placeholder,
+    value: text,
+    onChangeText: next => {
+      dialog.setValue(next);
+      onChangeText?.(next);
+    },
+    className: slots.field({
+      className
+    }),
+    style: [{
+      minHeight
+    }, style],
+    ...props
+  });
+});
+FeedbackDialogField.displayName = 'FeedbackDialog.Field';
+/** The action row, in the band under the panel. */
+const FeedbackDialogFooter = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  style,
+  ...props
+}, ref) => {
+  const slots = feedbackDialogVariants();
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: slots.footer({
+      className
+    }),
+    style: [{
+      marginTop: 16,
+      marginHorizontal: FOOTER_INSET - SHELL_PADDING
+    }, style],
+    ...props,
+    children: children
+  });
+});
+FeedbackDialogFooter.displayName = 'FeedbackDialog.Footer';
+/** Shared body for the two buttons, so they can only differ in the ways they should. */
+function Action({
+  tone,
+  className,
+  labelClassName,
+  disabled,
+  onPress,
+  children,
+  ...props
+}) {
+  const slots = feedbackDialogVariants({
+    tone,
+    disabled: !!disabled
+  });
+  return /*#__PURE__*/_jsx(AnimatedPressable, {
+    accessibilityRole: "button",
+    accessibilityState: {
+      disabled: !!disabled
+    },
+    disabled: disabled,
+    pressScale: 0.97,
+    pressOpacity: 0.9,
+    onPress: onPress,
+    className: slots.action({
+      className
+    }),
+    ...props,
+    children: textChildren(children, label => /*#__PURE__*/_jsx(Text, {
+      className: slots.actionLabel({
+        className: labelClassName
+      }),
+      children: label
+    }))
+  });
+}
+
+/** Discards and closes. Give it `onPress` to do something else first. */
+function FeedbackDialogCancel({
+  children = 'Cancel',
+  onPress,
+  ...props
+}) {
+  const {
+    setOpen
+  } = useFeedbackDialog('FeedbackDialog.Cancel');
+  return /*#__PURE__*/_jsx(Action, {
+    tone: "cancel",
+    onPress: onPress ?? (() => setOpen(false)),
+    ...props,
+    children: children
+  });
+}
+FeedbackDialogCancel.displayName = 'FeedbackDialog.Cancel';
+/** Sends. Inert while the field is empty. */
+function FeedbackDialogSubmit({
+  children = 'Submit',
+  disabled,
+  onPress,
+  onSubmit,
+  ...props
+}) {
+  const {
+    value
+  } = useFeedbackDialog('FeedbackDialog.Submit');
+  // Empty feedback is worse than none: it is sent by somebody who believes
+  // they said something.
+  const empty = value.trim().length === 0;
+  return /*#__PURE__*/_jsx(Action, {
+    tone: "submit",
+    disabled: disabled ?? empty,
+    onPress: () => {
+      onPress?.();
+      onSubmit?.(value);
+    },
+    ...props,
+    children: children
+  });
+}
+FeedbackDialogSubmit.displayName = 'FeedbackDialog.Submit';
+export const FeedbackDialog = Object.assign(FeedbackDialogRoot, {
+  Trigger: FeedbackDialogTrigger,
+  Content: FeedbackDialogContent,
+  Panel: FeedbackDialogPanel,
+  Title: FeedbackDialogTitle,
+  Close: FeedbackDialogClose,
+  Field: FeedbackDialogField,
+  Footer: FeedbackDialogFooter,
+  Cancel: FeedbackDialogCancel,
+  Submit: FeedbackDialogSubmit
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/feedback-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","isValidElement","useCallback","useContext","useMemo","useState","Pressable","TextInput","View","Animated","FadeIn","FadeOut","ZoomIn","tv","XIcon","AnimatedPressable","KeyboardAvoider","ModalPortal","Scrim","Text","textChildren","useBackHandler","cn","jsx","_jsx","jsxs","_jsxs","SHELL_PADDING","SHELL_RADIUS","PANEL_RADIUS","FOOTER_INSET","FIELD_MIN_HEIGHT","CLOSE_SIZE","CLOSE_HIT_SLOP","feedbackDialogVariants","slots","shell","recess","panel","title","close","field","footer","action","actionLabel","variants","tone","cancel","submit","disabled","true","FeedbackDialogContext","useFeedbackDialog","component","context","Error","FeedbackDialogRoot","children","open","onOpenChange","defaultOpen","value","defaultValue","onValueChange","internalOpen","setInternalOpen","openControlled","undefined","resolvedOpen","internalValue","setInternalValue","valueControlled","resolvedValue","setOpen","next","setValue","Provider","displayName","FeedbackDialogTrigger","onPress","pointerEvents","FeedbackDialogContent","className","dismissible","blur","props","entering","duration","exiting","accessibilityLabel","mode","offset","springify","damping","stiffness","mass","accessibilityViewIsModal","style","borderRadius","padding","FeedbackDialogPanel","ref","FeedbackDialogTitle","FeedbackDialogClose","label","accessibilityRole","hitSlop","pressScale","pressOpacity","top","right","width","height","size","FeedbackDialogField","onChangeText","minHeight","placeholder","dialog","text","multiline","textAlignVertical","FeedbackDialogFooter","marginTop","marginHorizontal","Action","labelClassName","accessibilityState","FeedbackDialogCancel","FeedbackDialogSubmit","onSubmit","empty","trim","length","FeedbackDialog","Object","assign","Trigger","Content","Panel","Title","Close","Field","Footer","Cancel","Submit"],"sourceRoot":"../../../../src","sources":["components/feedback-dialog/index.tsx"],"mappings":"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","ignoreList":[]}