@dreamstack-us/kaal 0.0.1 → 0.0.2

package/lib/module/components/TimePicker/ClockFace.web.js

@@ -0,0 +1,253 @@
+"use strict";
+
+/// <reference lib="dom" />
+
+import { memo, useCallback, useMemo, useRef } from 'react';
+import { View } from 'react-native';
+import { useTimePickerOverrides } from "../../context/ThemeOverrideContext.js";
+import { to12Hour, to24Hour } from "../../hooks/useTimePicker.js";
+import { styles } from "./TimePicker.styles.js";
+
+// Clock dimensions
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CLOCK_SIZE = 256;
+const CLOCK_CENTER = CLOCK_SIZE / 2;
+const OUTER_RADIUS = 96;
+const SELECTION_DOT_RADIUS = 20;
+const CENTER_DOT_RADIUS = 4;
+
+// Hour positions (12 at top, clockwise)
+const HOURS_12 = [12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
+const MINUTE_LABELS = [0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55];
+
+// Default colors (dark theme)
+const DEFAULT_COLORS = {
+  clockBackground: '#3F384C',
+  handColor: '#4DA6FF',
+  selectionDotColor: '#4DA6FF',
+  textColor: '#E6E1E5',
+  textSelectedColor: '#FFFFFF'
+};
+
+/**
+ * Converts clock position (0-11 for hours, 0-59 for minutes) to angle in degrees
+ * 12 o'clock is at -90 degrees (top)
+ */
+const positionToAngle = (position, isMinutes = false) => {
+  if (isMinutes) {
+    return position * 6 - 90; // 360/60 = 6 degrees per minute
+  }
+  return position * 30 - 90; // 360/12 = 30 degrees per position
+};
+
+/**
+ * Gets x,y coordinates on circle from angle and radius
+ */
+const getPointOnCircle = (angleDegrees, radius) => {
+  const rad = angleDegrees * Math.PI / 180;
+  return {
+    x: CLOCK_CENTER + radius * Math.cos(rad),
+    y: CLOCK_CENTER + radius * Math.sin(rad)
+  };
+};
+export const ClockFace = /*#__PURE__*/memo(({
+  value,
+  onChange,
+  mode,
+  onModeChange,
+  is24Hour = false
+}) => {
+  const overrides = useTimePickerOverrides();
+  const svgRef = useRef(null);
+  const isDragging = useRef(false);
+  const {
+    hour: hour12,
+    period
+  } = to12Hour(value.hours);
+
+  // Build colors from overrides
+  const colors = useMemo(() => ({
+    clockBackground: overrides?.clockBackground ?? DEFAULT_COLORS.clockBackground,
+    handColor: overrides?.clockHandColor ?? DEFAULT_COLORS.handColor,
+    selectionDotColor: overrides?.clockSelectionColor ?? DEFAULT_COLORS.selectionDotColor,
+    textColor: overrides?.clockTextColor ?? DEFAULT_COLORS.textColor,
+    textSelectedColor: overrides?.clockTextSelectedColor ?? DEFAULT_COLORS.textSelectedColor
+  }), [overrides]);
+
+  // Calculate hand end position based on current value
+  const handAngle = useMemo(() => {
+    if (mode === 'hours') {
+      const hourIndex = HOURS_12.indexOf(hour12);
+      return positionToAngle(hourIndex >= 0 ? hourIndex : 0);
+    }
+    return positionToAngle(value.minutes, true);
+  }, [mode, hour12, value.minutes]);
+  const handEndPos = getPointOnCircle(handAngle, OUTER_RADIUS);
+  const handleInteraction = useCallback((clientX, clientY) => {
+    if (!svgRef.current) return;
+    const rect = svgRef.current.getBoundingClientRect();
+    const x = clientX - rect.left;
+    const y = clientY - rect.top;
+
+    // Convert touch coordinates to angle
+    const dx = x - CLOCK_CENTER;
+    const dy = y - CLOCK_CENTER;
+    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
+
+    // Normalize angle to 0-360, with 0 at top (12 o'clock)
+    const normalized = ((angle + 90) % 360 + 360) % 360;
+    if (mode === 'hours') {
+      // Round to nearest hour position
+      const position = Math.round(normalized / 30) % 12;
+      const hour = HOURS_12[position];
+      if (hour !== undefined) {
+        const newHours = to24Hour(hour, period);
+        onChange({
+          hours: newHours,
+          minutes: value.minutes
+        });
+      }
+    } else {
+      // Round to nearest minute
+      const minutes = Math.round(normalized / 6) % 60;
+      onChange({
+        hours: value.hours,
+        minutes
+      });
+    }
+  }, [mode, period, value, onChange]);
+  const handleInteractionEnd = useCallback(() => {
+    // Switch to minutes mode after selecting hours
+    if (mode === 'hours' && onModeChange) {
+      // Small delay for visual feedback
+      setTimeout(() => onModeChange('minutes'), 200);
+    }
+  }, [mode, onModeChange]);
+  const handleMouseDown = useCallback(e => {
+    isDragging.current = true;
+    handleInteraction(e.clientX, e.clientY);
+  }, [handleInteraction]);
+  const handleMouseMove = useCallback(e => {
+    if (!isDragging.current) return;
+    handleInteraction(e.clientX, e.clientY);
+  }, [handleInteraction]);
+  const handleMouseUp = useCallback(() => {
+    if (isDragging.current) {
+      isDragging.current = false;
+      handleInteractionEnd();
+    }
+  }, [handleInteractionEnd]);
+  const handleTouchStart = useCallback(e => {
+    isDragging.current = true;
+    const touch = e.touches[0];
+    if (touch) {
+      handleInteraction(touch.clientX, touch.clientY);
+    }
+  }, [handleInteraction]);
+  const handleTouchMove = useCallback(e => {
+    if (!isDragging.current) return;
+    const touch = e.touches[0];
+    if (touch) {
+      handleInteraction(touch.clientX, touch.clientY);
+    }
+  }, [handleInteraction]);
+  const handleTouchEnd = useCallback(() => {
+    if (isDragging.current) {
+      isDragging.current = false;
+      handleInteractionEnd();
+    }
+  }, [handleInteractionEnd]);
+
+  // Render clock numbers
+  const numbers = useMemo(() => {
+    if (mode === 'hours') {
+      return HOURS_12.map((hour, index) => {
+        const angle = positionToAngle(index);
+        const pos = getPointOnCircle(angle, OUTER_RADIUS);
+        const isSelected = hour12 === hour;
+        return /*#__PURE__*/_jsx("text", {
+          x: pos.x,
+          y: pos.y,
+          textAnchor: "middle",
+          dominantBaseline: "central",
+          fontSize: 14,
+          fontWeight: isSelected ? '500' : '400',
+          fill: isSelected ? colors.textSelectedColor : colors.textColor,
+          style: {
+            userSelect: 'none'
+          },
+          children: hour
+        }, hour);
+      });
+    }
+    return MINUTE_LABELS.map((minute, index) => {
+      const angle = positionToAngle(index);
+      const pos = getPointOnCircle(angle, OUTER_RADIUS);
+      const isSelected = value.minutes === minute;
+      return /*#__PURE__*/_jsx("text", {
+        x: pos.x,
+        y: pos.y,
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        fontSize: 14,
+        fontWeight: isSelected ? '500' : '400',
+        fill: isSelected ? colors.textSelectedColor : colors.textColor,
+        style: {
+          userSelect: 'none'
+        },
+        children: minute.toString().padStart(2, '0')
+      }, minute);
+    });
+  }, [mode, hour12, value.minutes, colors]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.clockContainer,
+    children: /*#__PURE__*/_jsxs("svg", {
+      ref: svgRef,
+      width: CLOCK_SIZE,
+      height: CLOCK_SIZE,
+      viewBox: `0 0 ${CLOCK_SIZE} ${CLOCK_SIZE}`,
+      onMouseDown: handleMouseDown,
+      onMouseMove: handleMouseMove,
+      onMouseUp: handleMouseUp,
+      onMouseLeave: handleMouseUp,
+      onTouchStart: handleTouchStart,
+      onTouchMove: handleTouchMove,
+      onTouchEnd: handleTouchEnd,
+      style: {
+        cursor: 'pointer',
+        touchAction: 'none'
+      },
+      role: "img",
+      "aria-label": `Clock face for selecting ${mode === 'hours' ? 'hours' : 'minutes'}`,
+      children: [/*#__PURE__*/_jsx("title", {
+        children: mode === 'hours' ? 'Hour selection clock' : 'Minute selection clock'
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: CLOCK_CENTER,
+        cy: CLOCK_CENTER,
+        r: CLOCK_SIZE / 2 - 4,
+        fill: colors.clockBackground
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: handEndPos.x,
+        cy: handEndPos.y,
+        r: SELECTION_DOT_RADIUS,
+        fill: colors.selectionDotColor
+      }), /*#__PURE__*/_jsx("line", {
+        x1: CLOCK_CENTER,
+        y1: CLOCK_CENTER,
+        x2: handEndPos.x,
+        y2: handEndPos.y,
+        stroke: colors.handColor,
+        strokeWidth: 2
+      }), /*#__PURE__*/_jsx("circle", {
+        cx: CLOCK_CENTER,
+        cy: CLOCK_CENTER,
+        r: CENTER_DOT_RADIUS,
+        fill: colors.handColor
+      }), /*#__PURE__*/_jsx("g", {
+        children: numbers
+      })]
+    })
+  });
+});
+ClockFace.displayName = 'ClockFace';
+//# sourceMappingURL=ClockFace.web.js.map

package/lib/module/components/TimePicker/ClockFace.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useMemo","useRef","View","useTimePickerOverrides","to12Hour","to24Hour","styles","jsx","_jsx","jsxs","_jsxs","CLOCK_SIZE","CLOCK_CENTER","OUTER_RADIUS","SELECTION_DOT_RADIUS","CENTER_DOT_RADIUS","HOURS_12","MINUTE_LABELS","DEFAULT_COLORS","clockBackground","handColor","selectionDotColor","textColor","textSelectedColor","positionToAngle","position","isMinutes","getPointOnCircle","angleDegrees","radius","rad","Math","PI","x","cos","y","sin","ClockFace","value","onChange","mode","onModeChange","is24Hour","overrides","svgRef","isDragging","hour","hour12","period","hours","colors","clockHandColor","clockSelectionColor","clockTextColor","clockTextSelectedColor","handAngle","hourIndex","indexOf","minutes","handEndPos","handleInteraction","clientX","clientY","current","rect","getBoundingClientRect","left","top","dx","dy","angle","atan2","normalized","round","undefined","newHours","handleInteractionEnd","setTimeout","handleMouseDown","e","handleMouseMove","handleMouseUp","handleTouchStart","touch","touches","handleTouchMove","handleTouchEnd","numbers","map","index","pos","isSelected","textAnchor","dominantBaseline","fontSize","fontWeight","fill","style","userSelect","children","minute","toString","padStart","clockContainer","ref","width","height","viewBox","onMouseDown","onMouseMove","onMouseUp","onMouseLeave","onTouchStart","onTouchMove","onTouchEnd","cursor","touchAction","role","cx","cy","r","x1","y1","x2","y2","stroke","strokeWidth","displayName"],"sourceRoot":"../../../../src","sources":["components/TimePicker/ClockFace.web.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TimePicker/MaterialTimePicker.js

@@ -1,11 +1,27 @@
 "use strict";
 
-import { memo, useCallback, useState } from 'react';
+import { memo, useCallback, useMemo, useState } from 'react';
 import { Pressable, Text, View } from 'react-native';
+import { useTimePickerOverrides } from "../../context/ThemeOverrideContext.js";
 import { to12Hour, to24Hour } from "../../hooks/useTimePicker.js";
-import { ClockFace } from "./ClockFace.js";
+import { ClockFace } from './ClockFace';
 import { styles } from "./TimePicker.styles.js";
+
+// Default colors (dark theme)
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const DEFAULT_COLORS = {
+  containerBackground: '#2C2C2E',
+  headerColor: '#8E8E93',
+  timeFieldBackground: '#3A3A3C',
+  timeFieldActiveBackground: '#4DA6FF',
+  textColor: '#FFFFFF',
+  separatorColor: '#FFFFFF',
+  borderColor: '#48484A',
+  periodActiveBackground: 'rgba(77, 166, 255, 0.2)',
+  periodTextColor: '#8E8E93',
+  periodTextActiveColor: '#4DA6FF',
+  actionButtonColor: '#4DA6FF'
+};
 export const MaterialTimePicker = /*#__PURE__*/memo(({
   value,
   onChange,
@@ -13,6 +29,7 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
   onCancel,
   onConfirm
 }) => {
+  const overrides = useTimePickerOverrides();
   const [mode, setMode] = useState('hours');
   const {
     hour: hour12,
@@ -38,10 +55,45 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
   // Format display values
   const displayHour = is24Hour ? value.hours.toString().padStart(2, '0') : hour12.toString().padStart(2, '0');
   const displayMinute = value.minutes.toString().padStart(2, '0');
+
+  // Build override styles
+  const containerStyle = useMemo(() => ({
+    backgroundColor: overrides?.containerBackground ?? DEFAULT_COLORS.containerBackground
+  }), [overrides]);
+  const headerStyle = useMemo(() => ({
+    color: overrides?.headerColor ?? DEFAULT_COLORS.headerColor
+  }), [overrides]);
+  const timeFieldStyle = useMemo(() => ({
+    backgroundColor: overrides?.timeFieldBackground ?? DEFAULT_COLORS.timeFieldBackground
+  }), [overrides]);
+  const timeFieldActiveStyle = useMemo(() => ({
+    backgroundColor: overrides?.timeFieldActiveBackground ?? DEFAULT_COLORS.timeFieldActiveBackground
+  }), [overrides]);
+  const textStyle = useMemo(() => ({
+    color: overrides?.textColor ?? DEFAULT_COLORS.textColor
+  }), [overrides]);
+  const separatorStyle = useMemo(() => ({
+    color: overrides?.separatorColor ?? DEFAULT_COLORS.separatorColor
+  }), [overrides]);
+  const periodContainerStyle = useMemo(() => ({
+    borderColor: overrides?.periodBorderColor ?? DEFAULT_COLORS.borderColor
+  }), [overrides]);
+  const periodActiveStyle = useMemo(() => ({
+    backgroundColor: overrides?.periodActiveBackground ?? DEFAULT_COLORS.periodActiveBackground
+  }), [overrides]);
+  const periodTextStyle = useMemo(() => ({
+    color: overrides?.periodTextColor ?? DEFAULT_COLORS.periodTextColor
+  }), [overrides]);
+  const periodTextActiveStyle = useMemo(() => ({
+    color: overrides?.periodTextActiveColor ?? DEFAULT_COLORS.periodTextActiveColor
+  }), [overrides]);
+  const actionButtonTextStyle = useMemo(() => ({
+    color: overrides?.actionButtonColor ?? DEFAULT_COLORS.actionButtonColor
+  }), [overrides]);
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.materialContainer,
+    style: [styles.materialContainer, containerStyle],
     children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.materialHeader,
+      style: [styles.materialHeader, headerStyle],
       children: "Select time"
     }), /*#__PURE__*/_jsxs(View, {
       style: styles.timeInputContainer,
@@ -49,36 +101,36 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
         style: styles.timeFieldsContainer,
         children: [/*#__PURE__*/_jsx(Pressable, {
           onPress: handleHourPress,
-          style: [styles.timeField, mode === 'hours' && styles.timeFieldActive],
+          style: [styles.timeField, timeFieldStyle, mode === 'hours' && [styles.timeFieldActive, timeFieldActiveStyle]],
           children: /*#__PURE__*/_jsx(Text, {
-            style: [styles.timeFieldText, mode === 'hours' && styles.timeFieldTextActive],
+            style: [styles.timeFieldText, textStyle, mode === 'hours' && styles.timeFieldTextActive],
             children: displayHour
           })
         }), /*#__PURE__*/_jsx(Text, {
-          style: styles.timeSeparator,
+          style: [styles.timeSeparator, separatorStyle],
           children: ":"
         }), /*#__PURE__*/_jsx(Pressable, {
           onPress: handleMinutePress,
-          style: [styles.timeField, mode === 'minutes' && styles.timeFieldActive],
+          style: [styles.timeField, timeFieldStyle, mode === 'minutes' && [styles.timeFieldActive, timeFieldActiveStyle]],
           children: /*#__PURE__*/_jsx(Text, {
-            style: [styles.timeFieldText, mode === 'minutes' && styles.timeFieldTextActive],
+            style: [styles.timeFieldText, textStyle, mode === 'minutes' && styles.timeFieldTextActive],
             children: displayMinute
           })
         })]
       }), !is24Hour && /*#__PURE__*/_jsxs(View, {
-        style: styles.periodToggleContainer,
+        style: [styles.periodToggleContainer, periodContainerStyle],
         children: [/*#__PURE__*/_jsx(Pressable, {
           onPress: () => handlePeriodChange('AM'),
-          style: [styles.periodButton, styles.periodButtonTop, period === 'AM' && styles.periodButtonActive],
+          style: [styles.periodButton, styles.periodButtonTop, period === 'AM' && [styles.periodButtonActive, periodActiveStyle]],
           children: /*#__PURE__*/_jsx(Text, {
-            style: [styles.periodButtonText, period === 'AM' && styles.periodButtonTextActive],
+            style: [styles.periodButtonText, periodTextStyle, period === 'AM' && [styles.periodButtonTextActive, periodTextActiveStyle]],
             children: "AM"
           })
         }), /*#__PURE__*/_jsx(Pressable, {
           onPress: () => handlePeriodChange('PM'),
-          style: [styles.periodButton, period === 'PM' && styles.periodButtonActive],
+          style: [styles.periodButton, period === 'PM' && [styles.periodButtonActive, periodActiveStyle]],
           children: /*#__PURE__*/_jsx(Text, {
-            style: [styles.periodButtonText, period === 'PM' && styles.periodButtonTextActive],
+            style: [styles.periodButtonText, periodTextStyle, period === 'PM' && [styles.periodButtonTextActive, periodTextActiveStyle]],
             children: "PM"
           })
         })]
@@ -103,14 +155,14 @@ export const MaterialTimePicker = /*#__PURE__*/memo(({
           style: styles.actionButton,
           onPress: onCancel,
           children: /*#__PURE__*/_jsx(Text, {
-            style: styles.actionButtonText,
+            style: [styles.actionButtonText, actionButtonTextStyle],
             children: "Cancel"
           })
         }), onConfirm && /*#__PURE__*/_jsx(Pressable, {
           style: styles.actionButton,
           onPress: onConfirm,
           children: /*#__PURE__*/_jsx(Text, {
-            style: styles.actionButtonText,
+            style: [styles.actionButtonText, actionButtonTextStyle],
             children: "OK"
           })
         })]

package/lib/module/components/TimePicker/MaterialTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["memo","useCallback","useState","Pressable","Text","View","to12Hour","to24Hour","ClockFace","styles","jsx","_jsx","jsxs","_jsxs","MaterialTimePicker","value","onChange","is24Hour","onCancel","onConfirm","mode","setMode","hour","hour12","period","hours","handleHourPress","handleMinutePress","handlePeriodChange","newPeriod","newHours","minutes","handleModeChange","newMode","displayHour","toString","padStart","displayMinute","style","materialContainer","children","materialHeader","timeInputContainer","timeFieldsContainer","onPress","timeField","timeFieldActive","timeFieldText","timeFieldTextActive","timeSeparator","periodToggleContainer","periodButton","periodButtonTop","periodButtonActive","periodButtonText","periodButtonTextActive","onModeChange","actionsContainer","keyboardButton","keyboardButtonText","actionButtonsContainer","actionButton","actionButtonText","displayName"],"sourceRoot":"../../../../src","sources":["components/TimePicker/MaterialTimePicker.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memo","useCallback","useMemo","useState","Pressable","Text","View","useTimePickerOverrides","to12Hour","to24Hour","ClockFace","styles","jsx","_jsx","jsxs","_jsxs","DEFAULT_COLORS","containerBackground","headerColor","timeFieldBackground","timeFieldActiveBackground","textColor","separatorColor","borderColor","periodActiveBackground","periodTextColor","periodTextActiveColor","actionButtonColor","MaterialTimePicker","value","onChange","is24Hour","onCancel","onConfirm","overrides","mode","setMode","hour","hour12","period","hours","handleHourPress","handleMinutePress","handlePeriodChange","newPeriod","newHours","minutes","handleModeChange","newMode","displayHour","toString","padStart","displayMinute","containerStyle","backgroundColor","headerStyle","color","timeFieldStyle","timeFieldActiveStyle","textStyle","separatorStyle","periodContainerStyle","periodBorderColor","periodActiveStyle","periodTextStyle","periodTextActiveStyle","actionButtonTextStyle","style","materialContainer","children","materialHeader","timeInputContainer","timeFieldsContainer","onPress","timeField","timeFieldActive","timeFieldText","timeFieldTextActive","timeSeparator","periodToggleContainer","periodButton","periodButtonTop","periodButtonActive","periodButtonText","periodButtonTextActive","onModeChange","actionsContainer","keyboardButton","keyboardButtonText","actionButtonsContainer","actionButton","actionButtonText","displayName"],"sourceRoot":"../../../../src","sources":["components/TimePicker/MaterialTimePicker.tsx"],"mappings":"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","ignoreList":[]}