@lockin90/ui-native 0.0.0-stage → 1.0.1

package/lib/module/components/DateField.js

@@ -0,0 +1,361 @@
+"use strict";
+
+import { useState } from 'react';
+import { View, Text, TextInput, Pressable, Platform, StyleSheet } from 'react-native';
+import Svg, { Path, Rect, Polyline } from 'react-native-svg';
+import { colors, radii, fonts } from '@lockin90/tokens';
+
+/* @react-native-community/datetimepicker is an optional peer dependency. When
+ * installed, tapping the field opens the OS date picker — the native analogue of
+ * web's `<input type="date">`; when absent the field falls back to an editable
+ * text input. Resolved lazily so the kit never hard-depends on it. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+let DateTimePicker = null;
+try {
+  // eslint-disable-next-line @typescript-eslint/no-require-imports
+  DateTimePicker = require('@react-native-community/datetimepicker').default;
+} catch {
+  DateTimePicker = null;
+}
+
+/** Parse a `YYYY-MM-DD` string into a local Date (or undefined). */
+function parseDate(v) {
+  if (!v) return undefined;
+  const m = /^(\d{4})-(\d{2})-(\d{2})/.exec(v);
+  if (!m) return undefined;
+  const d = new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
+  return Number.isNaN(d.getTime()) ? undefined : d;
+}
+
+/** Format a Date as `YYYY-MM-DD`. */
+function formatDate(d) {
+  const p = n => String(n).padStart(2, '0');
+  return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;
+}
+
+/* ============================================================================
+   DateField — a dark glassy date field. Mono uppercase label above, a leading
+   calendar glyph, and an accent focus border. When the optional datetimepicker
+   peer is present, tapping opens the OS date picker (the native analogue of web's
+   `<input type="date">`) and `onChange` receives a 'YYYY-MM-DD' string; otherwise
+   it falls back to a plain text field. Mirrors the web `@lockin90/ui` DateField.
+   ========================================================================== */
+
+/** Leading calendar glyph for the date field. */
+function CalendarIcon({
+  color
+}) {
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: 16,
+    height: 16,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 1.8,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [/*#__PURE__*/_jsx(Rect, {
+      x: "3",
+      y: "4.5",
+      width: "18",
+      height: "16",
+      rx: "2.5"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M3 9h18"
+    }), /*#__PURE__*/_jsx(Path, {
+      d: "M8 2.5v4M16 2.5v4"
+    })]
+  });
+}
+
+/** Dark glassy date field — leading calendar glyph, accent focus border.
+ *  Opens the OS date picker when the optional datetimepicker peer is installed;
+ *  otherwise an editable text field (graceful fallback). */
+export function DateField({
+  value,
+  onChange,
+  placeholder = 'YYYY-MM-DD',
+  label,
+  style,
+  ...rest
+}) {
+  const [focused, setFocused] = useState(false);
+  const [show, setShow] = useState(false);
+  const borderColor = focused || show ? colors.accent : colors.border2;
+  const labelEl = label ? /*#__PURE__*/_jsx(Text, {
+    style: styles.dateLabel,
+    children: label.toUpperCase()
+  }) : null;
+
+  // OS picker path — tap the field to open the platform date picker.
+  if (DateTimePicker) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: [styles.dateWrap, style],
+      ...rest,
+      children: [labelEl, /*#__PURE__*/_jsxs(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: label ?? placeholder,
+        onPress: () => setShow(true),
+        style: [styles.dateField, {
+          borderColor
+        }],
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.dateLead,
+          children: /*#__PURE__*/_jsx(CalendarIcon, {
+            color: colors.textFaint
+          })
+        }), /*#__PURE__*/_jsx(Text, {
+          style: [styles.dateInput, !value && styles.datePlaceholder],
+          numberOfLines: 1,
+          children: value || placeholder
+        })]
+      }), show ? /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(DateTimePicker, {
+          value: parseDate(value) ?? new Date(),
+          mode: "date",
+          display: Platform.OS === 'ios' ? 'spinner' : 'default',
+          onChange: (event, date) => {
+            if (Platform.OS !== 'ios') setShow(false);
+            if (event.type === 'dismissed') return;
+            if (date) onChange?.(formatDate(date));
+          }
+        }), Platform.OS === 'ios' ? /*#__PURE__*/_jsx(Pressable, {
+          accessibilityRole: "button",
+          onPress: () => setShow(false),
+          style: styles.dateDone,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.dateDoneText,
+            children: "Done"
+          })
+        }) : null]
+      }) : null]
+    });
+  }
+
+  // Fallback path — editable text field (no picker installed).
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.dateWrap, style],
+    ...rest,
+    children: [labelEl, /*#__PURE__*/_jsxs(View, {
+      style: [styles.dateField, {
+        borderColor
+      }],
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.dateLead,
+        children: /*#__PURE__*/_jsx(CalendarIcon, {
+          color: colors.textFaint
+        })
+      }), /*#__PURE__*/_jsx(TextInput, {
+        style: styles.dateInput,
+        value: value,
+        placeholder: placeholder,
+        placeholderTextColor: colors.textFaint,
+        onChangeText: onChange,
+        onFocus: () => setFocused(true),
+        onBlur: () => setFocused(false),
+        autoCapitalize: "none",
+        autoCorrect: false
+      })]
+    })]
+  });
+}
+
+/* ============================================================================
+   TreeItem — a nested, expandable tree row for nav / page trees. A chevron that
+   rotates when expanded, an optional leading icon, the label, an optional faint
+   drag handle, an accent-tinted active state, and indented children rendered
+   below when expanded. Mirrors the web `@lockin90/ui` TreeItem.
+   ========================================================================== */
+
+/** Chevron glyph — rotated 90° when expanded. */
+function ChevronIcon({
+  color
+}) {
+  return /*#__PURE__*/_jsx(Svg, {
+    width: 13,
+    height: 13,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: color,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /*#__PURE__*/_jsx(Polyline, {
+      points: "9 6 15 12 9 18"
+    })
+  });
+}
+
+/** Nested, expandable tree row — chevron, optional icon, label, drag handle. */
+export function TreeItem({
+  label = 'Page',
+  depth = 0,
+  expandable = false,
+  expanded = false,
+  onToggle,
+  icon,
+  active = false,
+  dragHandle = false,
+  children,
+  style,
+  ...rest
+}) {
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.treeItem,
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      style: [styles.treeRow, active && styles.treeActive, {
+        paddingLeft: depth * 16 + 8
+      }, style],
+      onPress: expandable ? onToggle : undefined,
+      ...rest,
+      children: [dragHandle ? /*#__PURE__*/_jsx(Text, {
+        style: styles.treeGrip,
+        children: "\u283F"
+      }) : null, expandable ? /*#__PURE__*/_jsx(Pressable, {
+        accessibilityRole: "button",
+        accessibilityLabel: expanded ? 'Collapse' : 'Expand',
+        accessibilityState: {
+          expanded
+        },
+        onPress: onToggle,
+        style: styles.treeChevron,
+        hitSlop: 6,
+        children: /*#__PURE__*/_jsx(View, {
+          style: expanded ? styles.treeChevronOpen : undefined,
+          children: /*#__PURE__*/_jsx(ChevronIcon, {
+            color: colors.textFaint
+          })
+        })
+      }) : /*#__PURE__*/_jsx(View, {
+        style: styles.treeSpacer
+      }), icon ? /*#__PURE__*/_jsx(View, {
+        style: styles.treeIcon,
+        children: icon
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        style: styles.treeLabel,
+        numberOfLines: 1,
+        children: label
+      })]
+    }), expandable && expanded && children ? /*#__PURE__*/_jsx(View, {
+      style: styles.treeChildren,
+      children: children
+    }) : null]
+  });
+}
+const styles = StyleSheet.create({
+  /* ---- DateField ---- */
+  dateWrap: {
+    alignSelf: 'flex-start',
+    gap: 6,
+    minWidth: 0
+  },
+  dateLabel: {
+    fontFamily: fonts.mono,
+    fontSize: 10,
+    fontWeight: '500',
+    letterSpacing: 1.2,
+    color: colors.textFaint
+  },
+  dateField: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 9,
+    minWidth: 0,
+    paddingVertical: 9,
+    paddingHorizontal: 12,
+    borderRadius: radii.sm,
+    borderWidth: 1,
+    backgroundColor: colors.glass2
+  },
+  dateLead: {
+    flexShrink: 0
+  },
+  dateInput: {
+    flex: 1,
+    minWidth: 0,
+    padding: 0,
+    color: colors.text,
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    lineHeight: 20
+  },
+  datePlaceholder: {
+    color: colors.textFaint
+  },
+  dateDone: {
+    alignSelf: 'flex-end',
+    paddingVertical: 6,
+    paddingHorizontal: 14
+  },
+  dateDoneText: {
+    fontFamily: fonts.ui,
+    fontSize: 14,
+    fontWeight: '600',
+    color: colors.accent
+  },
+  /* ---- TreeItem ---- */
+  treeItem: {},
+  treeRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    paddingRight: 10,
+    borderRadius: radii.sm,
+    borderWidth: 1,
+    borderColor: 'transparent'
+  },
+  treeActive: {
+    backgroundColor: 'rgba(124,92,255,0.12)',
+    borderColor: 'rgba(124,92,255,0.4)'
+  },
+  treeGrip: {
+    flexShrink: 0,
+    fontSize: 13,
+    lineHeight: 13,
+    color: colors.textFaint
+  },
+  treeChevron: {
+    flexShrink: 0,
+    width: 18,
+    height: 18,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  treeChevronOpen: {
+    transform: [{
+      rotate: '90deg'
+    }]
+  },
+  treeSpacer: {
+    flexShrink: 0,
+    width: 18,
+    height: 18
+  },
+  treeIcon: {
+    flexShrink: 0,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  treeLabel: {
+    flex: 1,
+    minWidth: 0,
+    fontFamily: fonts.ui,
+    fontSize: 13.5,
+    fontWeight: '600',
+    lineHeight: 16,
+    color: colors.text
+  },
+  treeChildren: {
+    marginTop: 2,
+    marginBottom: 2,
+    marginLeft: 17,
+    paddingLeft: 12,
+    borderLeftWidth: 1,
+    borderLeftColor: colors.border2,
+    borderStyle: 'dashed',
+    gap: 2
+  }
+});
+//# sourceMappingURL=DateField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","Text","TextInput","Pressable","Platform","StyleSheet","Svg","Path","Rect","Polyline","colors","radii","fonts","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DateTimePicker","require","default","parseDate","v","undefined","m","exec","d","Date","Number","isNaN","getTime","formatDate","p","n","String","padStart","getFullYear","getMonth","getDate","CalendarIcon","color","width","height","viewBox","fill","stroke","strokeWidth","strokeLinecap","strokeLinejoin","children","x","y","rx","DateField","value","onChange","placeholder","label","style","rest","focused","setFocused","show","setShow","borderColor","accent","border2","labelEl","styles","dateLabel","toUpperCase","dateWrap","accessibilityRole","accessibilityLabel","onPress","dateField","dateLead","textFaint","dateInput","datePlaceholder","numberOfLines","mode","display","OS","event","date","type","dateDone","dateDoneText","placeholderTextColor","onChangeText","onFocus","onBlur","autoCapitalize","autoCorrect","ChevronIcon","points","TreeItem","depth","expandable","expanded","onToggle","icon","active","dragHandle","treeItem","treeRow","treeActive","paddingLeft","treeGrip","accessibilityState","treeChevron","hitSlop","treeChevronOpen","treeSpacer","treeIcon","treeLabel","treeChildren","create","alignSelf","gap","minWidth","fontFamily","mono","fontSize","fontWeight","letterSpacing","flexDirection","alignItems","paddingVertical","paddingHorizontal","borderRadius","sm","borderWidth","backgroundColor","glass2","flexShrink","flex","padding","text","ui","lineHeight","paddingTop","paddingBottom","paddingRight","justifyContent","transform","rotate","marginTop","marginBottom","marginLeft","borderLeftWidth","borderLeftColor","borderStyle"],"sourceRoot":"../../../src","sources":["components/DateField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/DayTimelineBlocks.js

@@ -0,0 +1,249 @@
+"use strict";
+
+import { View, Text, StyleSheet } from 'react-native';
+import { colors, fonts, radii } from '@lockin90/tokens';
+
+/** One time block on the day rail. */
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** default block fill when a block has no `color` */
+const DEFAULT_COLOR = colors.accent;
+
+/** A sample work-day so `<DayTimelineBlocks />` renders something on its own. */
+const DEFAULT_BLOCKS = [{
+  start: 7.75,
+  end: 8.6,
+  label: 'Commute',
+  color: colors.indigo
+}, {
+  start: 9,
+  end: 10.5,
+  label: 'Deep work',
+  color: colors.mint
+}, {
+  start: 10.5,
+  end: 12,
+  label: 'Meetings',
+  color: colors.violet
+}, {
+  start: 12,
+  end: 12.75,
+  label: 'Break',
+  color: colors.warn
+}, {
+  start: 13.25,
+  end: 15,
+  label: 'Deep work',
+  color: colors.mint
+}];
+
+/** Clamp x into [lo, hi]. */
+const clamp = (x, lo, hi) => Math.max(lo, Math.min(hi, x));
+
+/** Format an hour (0..24) as a short clock label, e.g. 0→12am, 13→1pm, 18→6pm. */
+function hourLabel(h) {
+  const hh = (Math.round(h) % 24 + 24) % 24;
+  if (hh === 0) return '12am';
+  if (hh === 12) return '12pm';
+  return hh < 12 ? `${hh}am` : `${hh - 12}pm`;
+}
+
+/** The hour tick stops: every 6h across the span, always including the end. */
+function tickHours(startHour, endHour) {
+  const out = [];
+  for (let h = Math.ceil(startHour / 6) * 6; h < endHour; h += 6) out.push(h);
+  if (out[0] !== startHour) out.unshift(startHour);
+  if (out[out.length - 1] !== endHour) out.push(endHour);
+  return out;
+}
+
+/**
+ * DayTimelineBlocks — a horizontal 24-hour activity rail.
+ *
+ * A glass track spanning `startHour..endHour` carrying absolutely-positioned
+ * rounded color blocks (each placed by its start/end hour as left% + width% of
+ * the rail span), optional faint hour gridlines with mono clock labels (every
+ * 6h), and an optional bright "now" marker line + dot. Mirrors the web
+ * DayTimelineBlocks (same export + prop API + visuals); positions are pure
+ * percentages so the layout matches the web 1:1.
+ */
+export function DayTimelineBlocks({
+  blocks = DEFAULT_BLOCKS,
+  now,
+  startHour = 0,
+  endHour = 24,
+  height = 44,
+  hourTicks = true,
+  style
+}) {
+  const span = endHour - startHour || 1;
+  const pct = h => (clamp(h, startHour, endHour) - startHour) / span;
+  const ticks = hourTicks ? tickHours(startHour, endHour) : [];
+  const nowFrac = now != null ? pct(now) : null;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.root, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.wrap,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: [styles.track, {
+          height
+        }],
+        children: [ticks.map(h => h > startHour && h < endHour ? /*#__PURE__*/_jsx(View, {
+          pointerEvents: "none",
+          style: [styles.grid, {
+            left: `${pct(h) * 100}%`
+          }]
+        }, `g${h}`) : null), blocks.map((b, i) => {
+          const left = pct(b.start);
+          const width = Math.max(0, pct(b.end) - left);
+          if (width <= 0) return null;
+          return /*#__PURE__*/_jsx(View, {
+            style: [styles.block, {
+              left: `${left * 100}%`,
+              width: `${width * 100}%`,
+              backgroundColor: b.color ?? DEFAULT_COLOR
+            }],
+            children: b.label != null && /*#__PURE__*/_jsx(Text, {
+              numberOfLines: 1,
+              style: styles.blockLabel,
+              children: b.label
+            })
+          }, i);
+        })]
+      }), nowFrac != null && /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: [styles.now, {
+          left: `${nowFrac * 100}%`,
+          top: -6,
+          bottom: 0
+        }],
+        children: /*#__PURE__*/_jsx(View, {
+          style: styles.nowDot
+        })
+      })]
+    }), hourTicks && /*#__PURE__*/_jsx(View, {
+      style: styles.axis,
+      children: ticks.map((h, i) => {
+        // align edge labels to the rail (left flush / right flush), center the rest
+        const isFirst = i === 0;
+        const isLast = i === ticks.length - 1;
+        const tickStyle = isFirst ? {
+          left: 0,
+          alignItems: 'flex-start'
+        } : isLast ? {
+          right: 0,
+          alignItems: 'flex-end'
+        } : {
+          left: `${pct(h) * 100}%`,
+          marginLeft: -20,
+          width: 40,
+          alignItems: 'center'
+        };
+        return /*#__PURE__*/_jsx(View, {
+          style: [styles.tickWrap, tickStyle],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles.tick,
+            children: hourLabel(h)
+          })
+        }, `a${h}`);
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    width: '100%',
+    gap: 8
+  },
+  /* wrapper lets the now-pointer overflow the clipping track */
+  wrap: {
+    position: 'relative'
+  },
+  /* the rail track — faint glass, hairline border, clips the blocks */
+  track: {
+    position: 'relative',
+    borderRadius: radii.sm,
+    backgroundColor: colors.glass,
+    borderWidth: 1,
+    borderColor: colors.border,
+    overflow: 'hidden'
+  },
+  /* faint vertical hour gridline */
+  grid: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    width: 1,
+    backgroundColor: colors.border
+  },
+  /* a colored time block — positioned by left% / width% */
+  block: {
+    position: 'absolute',
+    top: 4,
+    bottom: 4,
+    borderRadius: 6,
+    overflow: 'hidden',
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 7
+  },
+  /* in-block label — small, dark-on-color */
+  blockLabel: {
+    fontSize: 11,
+    fontWeight: '600',
+    lineHeight: 11,
+    color: 'rgba(8,10,18,0.92)'
+  },
+  /* the bright "now" marker line — kept inside track bounds to avoid overflow:hidden clip */
+  now: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    width: 2,
+    marginLeft: -1,
+    backgroundColor: colors.accent,
+    shadowColor: colors.accent,
+    shadowOpacity: 0.7,
+    shadowRadius: 4,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 6,
+    zIndex: 8
+  },
+  /* glowing circle at the top of the now-line */
+  nowDot: {
+    position: 'absolute',
+    top: -1,
+    left: 1,
+    marginLeft: -5,
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    backgroundColor: colors.accent,
+    shadowColor: colors.accent,
+    shadowOpacity: 0.9,
+    shadowRadius: 8,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    elevation: 8
+  },
+  /* hour axis row under the rail */
+  axis: {
+    position: 'relative',
+    height: 12
+  },
+  tickWrap: {
+    position: 'absolute',
+    top: 0
+  },
+  tick: {
+    fontFamily: fonts.mono,
+    fontSize: 9.5,
+    lineHeight: 12,
+    color: colors.textFaint
+  }
+});
+//# sourceMappingURL=DayTimelineBlocks.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["View","Text","StyleSheet","colors","fonts","radii","jsx","_jsx","jsxs","_jsxs","DEFAULT_COLOR","accent","DEFAULT_BLOCKS","start","end","label","color","indigo","mint","violet","warn","clamp","x","lo","hi","Math","max","min","hourLabel","h","hh","round","tickHours","startHour","endHour","out","ceil","push","unshift","length","DayTimelineBlocks","blocks","now","height","hourTicks","style","span","pct","ticks","nowFrac","styles","root","children","wrap","track","map","pointerEvents","grid","left","b","i","width","block","backgroundColor","numberOfLines","blockLabel","top","bottom","nowDot","axis","isFirst","isLast","tickStyle","alignItems","right","marginLeft","tickWrap","tick","create","gap","position","borderRadius","sm","glass","borderWidth","borderColor","border","overflow","flexDirection","paddingHorizontal","fontSize","fontWeight","lineHeight","shadowColor","shadowOpacity","shadowRadius","shadowOffset","elevation","zIndex","fontFamily","mono","textFaint"],"sourceRoot":"../../../src","sources":["components/DayTimelineBlocks.tsx"],"mappings":"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","ignoreList":[]}