panelui-native 0.4.0 → 0.5.3

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

@@ -0,0 +1,658 @@
+"use strict";
+
+/**
+ * Timeline — a vertical sequence of events.
+ *
+ * Adapted from: origin-space/originui apps/origin/registry/default/ui/timeline.tsx
+ * (the Item / Indicator / Separator / Header / Date / Title / Content anatomy
+ * and the completed-up-to-active state rule), shaped to match this repo's
+ * `Steps` component so the two read as siblings.
+ *
+ * Upstream drives styling through `data-*` attributes, which React Native has
+ * no equivalent for; state is resolved in JS and passed through context into
+ * `tv()` variants instead.
+ *
+ * Vertical only — a horizontal timeline gives each item roughly a fifth of a
+ * phone's width, which is not enough for a date and a title.
+ *
+ * ```tsx
+ * <Timeline variant="icon" value={2}>
+ *   <Timeline.Item step={0} tone="info">
+ *     <Timeline.Aside>
+ *       <Timeline.Date>09:12</Timeline.Date>
+ *       <Timeline.Label>Design</Timeline.Label>
+ *     </Timeline.Aside>
+ *     <Timeline.Indicator><SendIcon /></Timeline.Indicator>
+ *     <Timeline.Content>
+ *       <Timeline.Header>
+ *         <Timeline.Title>Checkout language approved</Timeline.Title>
+ *         <Timeline.Trailing>10:18</Timeline.Trailing>
+ *       </Timeline.Header>
+ *       <Timeline.Description>…</Timeline.Description>
+ *     </Timeline.Content>
+ *   </Timeline.Item>
+ * </Timeline>
+ * ```
+ */
+import { createContext, forwardRef, useContext, useMemo } from 'react';
+import { View } from 'react-native';
+import { tv } from 'tailwind-variants';
+import { useCSSVariable } from 'uniwind';
+import { IconColorProvider } from "../../icons/index.js";
+import { Text } from "../../primitives/text.js";
+
+/** Semantic colour for a single event, independent of progress. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Variants whose node is a filled disc rather than an outlined ring. */
+const SOLID_VARIANTS = ['dot', 'card'];
+const timelineVariants = tv({
+  slots: {
+    root: 'w-full flex-col',
+    item: 'w-full flex-row gap-3',
+    aside: 'w-20 items-end gap-0.5 pt-0.5',
+    rail: 'items-center',
+    // Flat discs, no ring — the same restraint Steps uses. Rings on every node
+    // were most of what made the timeline read as noisy.
+    indicator: 'items-center justify-center rounded-full',
+    indicatorLabel: 'text-xs font-medium',
+    separator: 'w-0.5 flex-1 rounded-full',
+    body: 'flex-1 pb-6',
+    panel: '',
+    header: 'flex-row items-center gap-2',
+    heading: 'flex-1 gap-0.5',
+    date: 'text-xs font-medium text-muted-foreground',
+    label: 'text-xs font-medium',
+    meta: 'text-xs text-muted-foreground',
+    title: 'text-sm font-medium text-foreground',
+    trailing: 'text-xs text-muted-foreground',
+    content: 'pt-1 text-sm text-muted-foreground',
+    stats: 'mt-2 flex-row gap-6 rounded-xl border border-border px-3.5 py-2.5',
+    statLabel: 'text-xs text-muted-foreground',
+    statValue: 'text-sm font-medium text-foreground'
+  },
+  variants: {
+    variant: {
+      dot: {
+        indicator: 'h-4 w-4'
+      },
+      icon: {
+        indicator: 'h-8 w-8'
+      },
+      numbered: {
+        indicator: 'h-7 w-7'
+      },
+      card: {
+        indicator: 'h-4 w-4',
+        // The gap stays on `body` so the connector runs through it; the card
+        // chrome lives on an inner panel. Putting the border on `body` made
+        // consecutive cards sit flush against each other.
+        panel: 'rounded-xl border border-border bg-card p-3.5'
+      },
+      compact: {
+        indicator: 'h-6 w-6',
+        body: 'flex-1 pb-3',
+        title: 'text-base'
+      }
+    },
+    tone: {
+      default: {},
+      info: {
+        label: 'text-info-foreground'
+      },
+      success: {
+        label: 'text-success-foreground'
+      },
+      warning: {
+        label: 'text-warning-foreground'
+      },
+      danger: {
+        label: 'text-destructive-foreground'
+      }
+    },
+    completed: {
+      true: {
+        separator: 'bg-primary'
+      },
+      false: {
+        separator: 'bg-muted'
+      }
+    }
+  },
+  defaultVariants: {
+    variant: 'dot',
+    tone: 'default',
+    completed: false
+  }
+});
+
+/*
+ * Colour rule, matching the Steps component: progress is solid, event kind is
+ * tinted.
+ *
+ * - untoned pending   → bg-muted        (Steps' inactive)
+ * - untoned completed → bg-primary      (Steps' completed)
+ * - toned             → bg-{tone}-soft, content in the tone's foreground
+ *
+ * The `-soft` fills are the same tinted tokens Alert uses, so a toned node sits
+ * in the same family as the rest of the library instead of shouting in raw
+ * brand colour.
+ *
+ * Nodes that hold something — an icon or a number — get a hairline so they read
+ * as a container. The `dot` and `card` discs stay bare: at 16px an outline is
+ * most of what made the original look busy. The border therefore lives on the
+ * tone class rather than the shared `indicator` slot, so a solid disc cannot
+ * pick one up by accident.
+ */
+const TONE_NODE = {
+  default: {
+    solid: 'bg-primary',
+    tinted: 'border border-border bg-muted'
+  },
+  info: {
+    solid: 'bg-info',
+    tinted: 'border border-info/32 bg-info-soft'
+  },
+  success: {
+    solid: 'bg-success',
+    tinted: 'border border-success/32 bg-success-soft'
+  },
+  warning: {
+    solid: 'bg-warning',
+    tinted: 'border border-warning/32 bg-warning-soft'
+  },
+  danger: {
+    solid: 'bg-destructive',
+    tinted: 'border border-destructive/32 bg-destructive-soft'
+  }
+};
+
+/**
+ * The node an incomplete, untoned step gets — bordered when it holds an icon
+ * or a number, bare when it is a status disc.
+ */
+const PENDING_NODE = {
+  solid: 'bg-muted',
+  tinted: 'border border-border bg-muted'
+};
+
+/**
+ * CSS variable a tinted node's contents take their colour from. The
+ * `-foreground` tokens are the ones tuned to read in both light and dark,
+ * which is what sits on a soft tint.
+ */
+const TONE_ICON_VAR = {
+  default: '--color-primary',
+  info: '--color-info-foreground',
+  success: '--color-success-foreground',
+  warning: '--color-warning-foreground',
+  danger: '--color-destructive-foreground'
+};
+const TimelineContext = /*#__PURE__*/createContext(null);
+const TimelineItemContext = /*#__PURE__*/createContext(null);
+function useTimeline(component) {
+  const context = useContext(TimelineContext);
+  if (!context) throw new Error(`${component} must be used within a <Timeline>`);
+  return context;
+}
+function useTimelineItem(component) {
+  const context = useContext(TimelineItemContext);
+  if (!context) throw new Error(`${component} must be used within a <Timeline.Item>`);
+  return context;
+}
+const TimelineRoot = /*#__PURE__*/forwardRef(({
+  className,
+  value = 0,
+  variant = 'dot',
+  children,
+  ...props
+}, ref) => {
+  const {
+    root
+  } = timelineVariants({
+    variant
+  });
+  const context = useMemo(() => ({
+    activeStep: value,
+    variant
+  }), [value, variant]);
+  return /*#__PURE__*/_jsx(TimelineContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: root({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+TimelineRoot.displayName = 'Timeline';
+const TimelineItem = /*#__PURE__*/forwardRef(({
+  className,
+  step,
+  completed,
+  tone = 'default',
+  last = false,
+  children,
+  ...props
+}, ref) => {
+  const {
+    activeStep,
+    variant
+  } = useTimeline('Timeline.Item');
+  const isCompleted = completed ?? step <= activeStep;
+  const {
+    item
+  } = timelineVariants({
+    variant,
+    tone,
+    completed: isCompleted
+  });
+  const context = useMemo(() => ({
+    step,
+    completed: isCompleted,
+    tone,
+    showSeparator: !last
+  }), [step, isCompleted, tone, last]);
+  return /*#__PURE__*/_jsx(TimelineItemContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/_jsx(View, {
+      ref: ref,
+      className: item({
+        className
+      }),
+      ...props,
+      children: children
+    })
+  });
+});
+TimelineItem.displayName = 'Timeline.Item';
+
+/**
+ * Right-aligned meta column to the left of the rail — a time, a category, a
+ * person. Place it before `Timeline.Indicator`.
+ */
+const TimelineAside = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Aside');
+  const {
+    aside
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: aside({
+      className
+    }),
+    ...props
+  });
+});
+TimelineAside.displayName = 'Timeline.Aside';
+/**
+ * The node on the rail, with the connector running below it.
+ *
+ * Children are wrapped in an `IconColorProvider` carrying the colour that
+ * reads against this node, so an icon inside follows the theme instead of
+ * disappearing when the fill inverts.
+ */
+const TimelineIndicator = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Indicator');
+  const {
+    step,
+    completed,
+    tone,
+    showSeparator
+  } = useTimelineItem('Timeline.Indicator');
+  const {
+    rail,
+    indicator,
+    indicatorLabel,
+    separator
+  } = timelineVariants({
+    variant,
+    tone,
+    completed
+  });
+
+  // dot/card nodes are small discs with nothing inside, so they keep full
+  // saturation — a soft tint at 16px would disappear. Nodes that hold an
+  // icon or a number take the tinted fill instead.
+  const isDisc = SOLID_VARIANTS.includes(variant);
+  const toned = tone !== 'default';
+  const fill = isDisc ? 'solid' : 'tinted';
+  const nodeClass = toned ? TONE_NODE[tone][fill] : completed ? TONE_NODE.default.solid : PENDING_NODE[fill];
+
+  // Contents sit on the tint (or on primary once complete), so they take the
+  // colour tuned to read against it.
+  const tintedContent = useCSSVariable(toned ? TONE_ICON_VAR[tone] : '--color-muted-foreground');
+  const solidContent = useCSSVariable('--color-primary-foreground');
+  const resolved = value => typeof value === 'string' ? value : undefined;
+  const contentColor = !toned && completed ? resolved(solidContent) : resolved(tintedContent);
+  return /*#__PURE__*/_jsxs(View, {
+    className: rail(),
+    children: [/*#__PURE__*/_jsx(IconColorProvider, {
+      color: contentColor,
+      children: /*#__PURE__*/_jsx(View, {
+        ref: ref,
+        className: indicator({
+          className: `${nodeClass} ${className ?? ''}`
+        }),
+        ...props,
+        children: variant === 'numbered' ? /*#__PURE__*/_jsx(Text, {
+          className: indicatorLabel(),
+          style: {
+            color: contentColor
+          },
+          children: step + 1
+        }) : variant === 'icon' || variant === 'compact' ? children : null
+      })
+    }), showSeparator ? /*#__PURE__*/_jsx(View, {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      className: separator()
+    }) : null]
+  });
+});
+TimelineIndicator.displayName = 'Timeline.Indicator';
+
+/**
+ * Everything to the right of the rail. Under `variant="card"` the children are
+ * wrapped in the card panel, while the spacing between items stays outside it
+ * so the connector runs unbroken.
+ */
+const TimelineContent = /*#__PURE__*/forwardRef(({
+  className,
+  children,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Content');
+  const {
+    completed,
+    tone
+  } = useTimelineItem('Timeline.Content');
+  const {
+    body,
+    panel
+  } = timelineVariants({
+    variant,
+    tone,
+    completed
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: body({
+      className
+    }),
+    ...props,
+    children: variant === 'card' ? /*#__PURE__*/_jsx(View, {
+      className: panel(),
+      children: children
+    }) : children
+  });
+});
+TimelineContent.displayName = 'Timeline.Content';
+
+/** Title row: heading on the left, `Timeline.Trailing` on the right. */
+const TimelineHeader = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Header');
+  const {
+    header
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: header({
+      className
+    }),
+    ...props
+  });
+});
+TimelineHeader.displayName = 'Timeline.Header';
+
+/** Wraps a title and anything stacked under it inside the header row. */
+const TimelineHeading = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Heading');
+  const {
+    heading
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: heading({
+      className
+    }),
+    ...props
+  });
+});
+TimelineHeading.displayName = 'Timeline.Heading';
+const TimelineDate = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Date');
+  const {
+    date
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: date({
+      className
+    }),
+    ...props
+  });
+});
+TimelineDate.displayName = 'Timeline.Date';
+
+/** Category line in the aside, coloured by the item's tone. */
+const TimelineLabel = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Label');
+  const {
+    tone
+  } = useTimelineItem('Timeline.Label');
+  const {
+    label
+  } = timelineVariants({
+    variant,
+    tone
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: label({
+      className
+    }),
+    ...props
+  });
+});
+TimelineLabel.displayName = 'Timeline.Label';
+
+/** Muted supporting line — a person's name, a source. */
+const TimelineMeta = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Meta');
+  const {
+    meta
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: meta({
+      className
+    }),
+    ...props
+  });
+});
+TimelineMeta.displayName = 'Timeline.Meta';
+const TimelineTitle = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Title');
+  const {
+    title
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: title({
+      className
+    }),
+    ...props
+  });
+});
+TimelineTitle.displayName = 'Timeline.Title';
+
+/** Right-hand slot in the header row — a timestamp, usually. */
+const TimelineTrailing = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Trailing');
+  const {
+    trailing
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: trailing({
+      className
+    }),
+    ...props
+  });
+});
+TimelineTrailing.displayName = 'Timeline.Trailing';
+const TimelineDescription = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Description');
+  const {
+    content
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    className: content({
+      className
+    }),
+    ...props
+  });
+});
+TimelineDescription.displayName = 'Timeline.Description';
+
+/** Bordered strip of label/value pairs under a title. */
+const TimelineStats = /*#__PURE__*/forwardRef(({
+  className,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Stats');
+  const {
+    stats
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsx(View, {
+    ref: ref,
+    className: stats({
+      className
+    }),
+    ...props
+  });
+});
+TimelineStats.displayName = 'Timeline.Stats';
+const TimelineStat = /*#__PURE__*/forwardRef(({
+  className,
+  label,
+  value,
+  ...props
+}, ref) => {
+  const {
+    variant
+  } = useTimeline('Timeline.Stat');
+  const {
+    statLabel,
+    statValue
+  } = timelineVariants({
+    variant
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    ref: ref,
+    className: className,
+    ...props,
+    children: [/*#__PURE__*/_jsx(Text, {
+      className: statLabel(),
+      children: label
+    }), /*#__PURE__*/_jsx(Text, {
+      className: statValue(),
+      children: value
+    })]
+  });
+});
+TimelineStat.displayName = 'Timeline.Stat';
+export const Timeline = Object.assign(TimelineRoot, {
+  Item: TimelineItem,
+  Aside: TimelineAside,
+  Indicator: TimelineIndicator,
+  Content: TimelineContent,
+  Header: TimelineHeader,
+  Heading: TimelineHeading,
+  Date: TimelineDate,
+  Label: TimelineLabel,
+  Meta: TimelineMeta,
+  Title: TimelineTitle,
+  Trailing: TimelineTrailing,
+  Description: TimelineDescription,
+  Stats: TimelineStats,
+  Stat: TimelineStat
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","tv","useCSSVariable","IconColorProvider","Text","jsx","_jsx","jsxs","_jsxs","SOLID_VARIANTS","timelineVariants","slots","root","item","aside","rail","indicator","indicatorLabel","separator","body","panel","header","heading","date","label","meta","title","trailing","content","stats","statLabel","statValue","variants","variant","dot","icon","numbered","card","compact","tone","default","info","success","warning","danger","completed","true","false","defaultVariants","TONE_NODE","solid","tinted","PENDING_NODE","TONE_ICON_VAR","TimelineContext","TimelineItemContext","useTimeline","component","context","Error","useTimelineItem","TimelineRoot","className","value","children","props","ref","activeStep","Provider","displayName","TimelineItem","step","last","isCompleted","showSeparator","TimelineAside","TimelineIndicator","isDisc","includes","toned","fill","nodeClass","tintedContent","solidContent","resolved","undefined","contentColor","color","style","accessibilityElementsHidden","importantForAccessibility","TimelineContent","TimelineHeader","TimelineHeading","TimelineDate","TimelineLabel","TimelineMeta","TimelineTitle","TimelineTrailing","TimelineDescription","TimelineStats","TimelineStat","Timeline","Object","assign","Item","Aside","Indicator","Content","Header","Heading","Date","Label","Meta","Title","Trailing","Description","Stats","Stat"],"sourceRoot":"../../../../src","sources":["components/timeline/index.tsx"],"mappings":"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","ignoreList":[]}