@korsolutions/ui 0.0.72 → 0.0.75

package/src/components/calendar/timeline/variants/default.tsx

@@ -0,0 +1,59 @@
+import { useThemedStyles } from "../../../../utils/use-themed-styles";
+import type { TimelineStyles } from "../types";
+
+const HOUR_HEIGHT = 60;
+const TIME_COLUMN_WIDTH = 60;
+
+export const useTimelineVariantDefault = (): TimelineStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): TimelineStyles => ({
+      container: {
+        backgroundColor: colors.background,
+        borderRadius: radius,
+        borderWidth: 1,
+        borderColor: colors.border,
+      },
+      timeline: {
+        flexDirection: "row",
+        minHeight: HOUR_HEIGHT * 24,
+      },
+      timeColumn: {
+        width: TIME_COLUMN_WIDTH,
+        borderRightWidth: 1,
+        borderRightColor: colors.border,
+      },
+      timeSlot: {
+        height: HOUR_HEIGHT,
+        paddingHorizontal: 8,
+        alignItems: "flex-end",
+      },
+      timeText: {
+        fontSize: fontSize * 0.75,
+        fontWeight: "500",
+        fontFamily,
+        color: colors.mutedForeground,
+      },
+      eventsColumn: {
+        flex: 1,
+        position: "relative",
+      },
+      hourLine: {
+        height: HOUR_HEIGHT,
+        borderBottomWidth: 1,
+        borderBottomColor: colors.border,
+      },
+      currentTimeDot: {
+        width: 10,
+        height: 10,
+        borderRadius: 5,
+        marginLeft: -5,
+        backgroundColor: colors.danger,
+      },
+      currentTimeLineBar: {
+        flex: 1,
+        height: 2,
+        backgroundColor: colors.danger,
+      },
+    }),
+  );
+};

package/src/components/calendar/timeline/variants/index.ts

@@ -0,0 +1,5 @@
+import { useTimelineVariantDefault } from "./default";
+
+export const TimelineVariants = {
+  default: useTimelineVariantDefault,
+};

package/src/components/calendar/week-calendar/index.ts

@@ -0,0 +1,3 @@
+export type { WeekCalendarStyles } from "./types";
+export { WeekCalendar } from "./week-calendar";
+export type { WeekCalendarProps } from "./week-calendar";

package/src/components/calendar/week-calendar/types.ts

@@ -0,0 +1,7 @@
+import type { StyleProp, ViewStyle } from "react-native";
+import type { BaseCalendarStyles } from "../shared/types";
+
+export interface WeekCalendarStyles extends BaseCalendarStyles {
+  weekStrip?: StyleProp<ViewStyle>;
+  swipeContainer?: StyleProp<ViewStyle>;
+}

package/src/components/calendar/week-calendar/variants/default.tsx

@@ -0,0 +1,141 @@
+import { hslaSetRelativeLightness } from "../../../../utils/hsla-utils";
+import { useThemedStyles } from "../../../../utils/use-themed-styles";
+import type { WeekCalendarStyles } from "../types";
+
+export const useWeekCalendarVariantDefault = (): WeekCalendarStyles => {
+  return useThemedStyles(
+    ({ colors, radius, fontFamily, fontSize }): WeekCalendarStyles => ({
+      root: {
+        padding: 16,
+        backgroundColor: colors.background,
+        borderRadius: radius,
+        borderWidth: 1,
+        borderColor: colors.border,
+      },
+      header: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        marginBottom: 16,
+        paddingHorizontal: 8,
+      },
+      headerTitle: {
+        fontSize: fontSize * 1.125,
+        fontWeight: "600",
+        fontFamily,
+        color: colors.foreground,
+      },
+      navButtons: {
+        flexDirection: "row",
+        gap: 4,
+      },
+      navButton: {
+        default: {
+          width: 32,
+          height: 32,
+          borderRadius: radius,
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "transparent",
+        },
+        disabled: {
+          opacity: 0.5,
+        },
+        hovered: {
+          backgroundColor: hslaSetRelativeLightness(colors.secondary, -1),
+        },
+      },
+      navButtonIcon: {
+        default: {
+          color: colors.foreground,
+          size: fontSize * 1.25,
+          style: {
+            color: colors.foreground,
+            fontSize: fontSize * 1.25,
+            lineHeight: fontSize * 1.25,
+            textAlign: "center",
+            fontWeight: "500",
+            pointerEvents: "none",
+          },
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      weekLabels: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        marginBottom: 8,
+        paddingVertical: 8,
+        gap: 2,
+      },
+      weekLabel: {
+        fontSize: fontSize * 0.875,
+        fontWeight: "500",
+        fontFamily,
+        color: colors.mutedForeground,
+        width: 40,
+        textAlign: "center",
+      },
+      swipeContainer: {
+        overflow: "hidden",
+      },
+      weekStrip: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        gap: 2,
+      },
+      dayButton: {
+        default: {
+          width: 40,
+          height: 40,
+          borderRadius: radius * 0.5,
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: "transparent",
+        },
+        selected: {
+          backgroundColor: colors.primary,
+        },
+        today: {
+          borderWidth: 1,
+          borderColor: colors.primary,
+        },
+        disabled: {
+          opacity: 0.3,
+        },
+        hovered: {
+          backgroundColor: colors.muted,
+        },
+      },
+      dayText: {
+        default: {
+          fontSize,
+          fontFamily,
+          color: colors.foreground,
+          fontWeight: "400",
+          pointerEvents: "none",
+        },
+        selected: {
+          color: colors.primaryForeground,
+          fontWeight: "600",
+        },
+        today: {
+          color: colors.primary,
+          fontWeight: "600",
+        },
+        disabled: {
+          color: colors.mutedForeground,
+        },
+      },
+      dayMarker: {
+        width: 5,
+        height: 5,
+        borderRadius: 2.5,
+        backgroundColor: colors.primary,
+        marginTop: 2,
+        alignSelf: "center",
+      },
+    }),
+  );
+};

package/src/components/calendar/week-calendar/variants/index.ts

@@ -0,0 +1,5 @@
+import { useWeekCalendarVariantDefault } from "./default";
+
+export const WeekCalendarVariants = {
+  default: useWeekCalendarVariantDefault,
+};

package/src/components/calendar/week-calendar/week-calendar.tsx

@@ -0,0 +1,256 @@
+import React, { useCallback, useMemo, useRef, useState } from "react";
+import {
+  Platform,
+  Pressable,
+  ScrollView,
+  StyleSheet,
+  Text,
+  View,
+  type NativeScrollEvent,
+  type NativeSyntheticEvent,
+  type StyleProp,
+  type ViewStyle,
+} from "react-native";
+import { useComponentsConfig } from "../../../themes";
+import {
+  addWeeks,
+  endOfWeek,
+  formatDate,
+  getWeekDates,
+  isDateAfter,
+  isDateBefore,
+  startOfWeek,
+  subWeeks,
+} from "../../../utils/date-utils";
+import {
+  CalendarContext,
+  type CalendarContextValue,
+} from "../shared/calendar-context";
+import { CalendarDay } from "../shared/calendar-day";
+import type { CalendarNavButtonState } from "../shared/types";
+import { WeekCalendarVariants } from "./variants";
+
+const DEFAULT_WEEK_DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+
+export interface WeekCalendarProps {
+  value?: Date | null;
+  onChange?: (date: Date | null) => void;
+  defaultWeek?: Date;
+  minDate?: Date;
+  maxDate?: Date;
+  markedDates?: Date[];
+  weekDays?: string[];
+  variant?: keyof typeof WeekCalendarVariants;
+  style?: StyleProp<ViewStyle>;
+}
+
+const calculateNavState = (
+  isDisabled: boolean,
+  isHovered: boolean,
+): CalendarNavButtonState => {
+  if (isDisabled) return "disabled";
+  if (isHovered) return "hovered";
+  return "default";
+};
+
+export function WeekCalendar(props: WeekCalendarProps) {
+  const {
+    value,
+    onChange,
+    defaultWeek = new Date(),
+    minDate,
+    maxDate,
+    markedDates,
+    weekDays = DEFAULT_WEEK_DAYS,
+    style,
+  } = props;
+  const styles = WeekCalendarVariants[props.variant || "default"]();
+  const config = useComponentsConfig();
+  const PrevIcon = config?.calendar?.prevIcon;
+  const NextIcon = config?.calendar?.nextIcon;
+
+  const [currentWeekStart, setCurrentWeekStart] = useState<Date>(
+    startOfWeek(defaultWeek),
+  );
+  const [containerWidth, setContainerWidth] = useState(0);
+  const scrollRef = useRef<React.ComponentRef<typeof ScrollView>>(null);
+  const [prevHovered, setPrevHovered] = useState(false);
+  const [nextHovered, setNextHovered] = useState(false);
+
+  const currentMonth = currentWeekStart;
+
+  const goToPrev = useCallback(() => {
+    setCurrentWeekStart((prev) => subWeeks(prev, 1));
+  }, []);
+
+  const goToNext = useCallback(() => {
+    setCurrentWeekStart((prev) => addWeeks(prev, 1));
+  }, []);
+
+  const isPrevDisabled = useMemo(() => {
+    if (!minDate) return false;
+    const prevWeekEnd = endOfWeek(subWeeks(currentWeekStart, 1));
+    return isDateBefore(prevWeekEnd, minDate);
+  }, [currentWeekStart, minDate]);
+
+  const isNextDisabled = useMemo(() => {
+    if (!maxDate) return false;
+    const nextWeekStart = addWeeks(currentWeekStart, 1);
+    return isDateAfter(nextWeekStart, maxDate);
+  }, [currentWeekStart, maxDate]);
+
+  const prevState = calculateNavState(isPrevDisabled, prevHovered);
+  const nextState = calculateNavState(isNextDisabled, nextHovered);
+
+  const prevIconProps = StyleSheet.flatten([
+    styles.navButtonIcon?.default,
+    styles.navButtonIcon?.[prevState],
+  ]);
+  const nextIconProps = StyleSheet.flatten([
+    styles.navButtonIcon?.default,
+    styles.navButtonIcon?.[nextState],
+  ]);
+
+  // Strip logic
+  const prevWeekDates = getWeekDates(subWeeks(currentWeekStart, 1));
+  const currentWeekDates = getWeekDates(currentWeekStart);
+  const nextWeekDates = getWeekDates(addWeeks(currentWeekStart, 1));
+  const weeks = [prevWeekDates, currentWeekDates, nextWeekDates];
+  const scrollKey = currentWeekStart.getTime();
+
+  const handleScrollEnd = useCallback(
+    (event: NativeSyntheticEvent<NativeScrollEvent>) => {
+      const offsetX = event.nativeEvent.contentOffset.x;
+      const pageIndex = Math.round(offsetX / containerWidth);
+
+      if (pageIndex === 0) {
+        setCurrentWeekStart(subWeeks(currentWeekStart, 1));
+      } else if (pageIndex === 2) {
+        setCurrentWeekStart(addWeeks(currentWeekStart, 1));
+      }
+    },
+    [containerWidth, currentWeekStart],
+  );
+
+  const contextValue = useMemo<CalendarContextValue>(
+    () => ({
+      value,
+      onChange,
+      currentMonth,
+      goToPrev,
+      goToNext,
+      isPrevDisabled,
+      isNextDisabled,
+      minDate,
+      maxDate,
+      markedDates,
+      styles,
+      currentWeekStart,
+      setCurrentWeekStart,
+    }),
+    [
+      value,
+      onChange,
+      currentMonth,
+      goToPrev,
+      goToNext,
+      isPrevDisabled,
+      isNextDisabled,
+      minDate,
+      maxDate,
+      markedDates,
+      styles,
+      currentWeekStart,
+    ],
+  );
+
+  return (
+    <CalendarContext.Provider value={contextValue}>
+      <View style={[styles.root, style]}>
+        {/* Header */}
+        <View style={styles.header}>
+          <Text style={styles.headerTitle}>
+            {formatDate(currentMonth, "MMMM yyyy")}
+          </Text>
+          <View style={styles.navButtons}>
+            <Pressable
+              onPress={goToPrev}
+              onHoverIn={() => setPrevHovered(true)}
+              onHoverOut={() => setPrevHovered(false)}
+              disabled={isPrevDisabled}
+              style={[styles.navButton?.default, styles.navButton?.[prevState]]}
+            >
+              {PrevIcon ? (
+                <PrevIcon {...prevIconProps} />
+              ) : (
+                <Text style={prevIconProps?.style}>‹</Text>
+              )}
+            </Pressable>
+            <Pressable
+              onPress={goToNext}
+              onHoverIn={() => setNextHovered(true)}
+              onHoverOut={() => setNextHovered(false)}
+              disabled={isNextDisabled}
+              style={[styles.navButton?.default, styles.navButton?.[nextState]]}
+            >
+              {NextIcon ? (
+                <NextIcon {...nextIconProps} />
+              ) : (
+                <Text style={nextIconProps?.style}>›</Text>
+              )}
+            </Pressable>
+          </View>
+        </View>
+
+        {/* Week day labels */}
+        <View style={styles.weekLabels}>
+          {weekDays.map((day, index) => (
+            <Text key={index} numberOfLines={1} style={styles.weekLabel}>
+              {day}
+            </Text>
+          ))}
+        </View>
+
+        {/* Swipeable strip */}
+        <View
+          style={styles.swipeContainer}
+          onLayout={(e) => setContainerWidth(e.nativeEvent.layout.width)}
+        >
+          {containerWidth > 0 && (
+            <ScrollView
+              ref={scrollRef}
+              key={scrollKey}
+              horizontal
+              pagingEnabled
+              showsHorizontalScrollIndicator={false}
+              scrollEventThrottle={16}
+              onMomentumScrollEnd={handleScrollEnd}
+              onLayout={() => {
+                if (Platform.OS === "web") {
+                  scrollRef.current?.scrollTo({
+                    x: containerWidth,
+                    animated: false,
+                  });
+                }
+              }}
+              {...(Platform.OS !== "web"
+                ? { contentOffset: { x: containerWidth, y: 0 } }
+                : {})}
+            >
+              {weeks.map((weekDates, weekIndex) => (
+                <View
+                  key={weekIndex}
+                  style={[styles.weekStrip, { width: containerWidth }]}
+                >
+                  {weekDates.map((date, dayIndex) => (
+                    <CalendarDay key={dayIndex} date={date} />
+                  ))}
+                </View>
+              ))}
+            </ScrollView>
+          )}
+        </View>
+      </View>
+    </CalendarContext.Provider>
+  );
+}

package/src/components/index.ts

@@ -5,8 +5,8 @@ export * from "./badge";
 export * from "./button";
 export * from "./calendar";
 export * from "./card";
-export * from "./combobox";
 export * from "./checkbox";
+export * from "./combobox";
 export * from "./empty";
 export * from "./field";
 export * from "./icon";

package/src/index.tsx

@@ -1,3 +1,4 @@
+import { ScrollBar } from "./components";
 import { AsyncAlertDialogManager } from "./components/alert-dialog/async-alert-dialog";
 import { PortalHost } from "./components/portal";
 import { type PortalHostProps } from "./components/portal/portal.constants";
@@ -31,6 +32,7 @@ export const UIProvider = ({
   return (
     <SafeAreaProvider insets={safeAreaInsets}>
       <ThemeProvider theme={theme} components={components}>
+        <ScrollBar />
         <ToastContainer />
         {children}
         <PortalHost container={portalContainer} />

package/src/themes/provider.tsx

@@ -41,6 +41,10 @@ export interface ComponentsConfig {
   menu?: {
     selectionIcon?: React.ComponentType<SvgProps>;
   };
+  calendar?: {
+    prevIcon?: React.ComponentType<SvgProps>;
+    nextIcon?: React.ComponentType<SvgProps>;
+  };
 }
 
 const ThemeContext = createContext<ThemeContext | null>(null);

package/src/utils/date-utils.ts

@@ -8,6 +8,9 @@ export const formatDate = (date: Date, format: string): string => {
   if (format === "MMMM yyyy") {
     return `${month} ${year}`;
   }
+  if (format === "MMMM d, yyyy") {
+    return `${month} ${day}, ${year}`;
+  }
   if (format === "d") {
     return day.toString();
   }
@@ -70,35 +73,23 @@ export const isSameMonth = (date1: Date, date2: Date): boolean => {
   return date1.getFullYear() === date2.getFullYear() && date1.getMonth() === date2.getMonth();
 };
 
-export const getWeekDays = (month: number, year: number, week: number): Date[] => {
-  const days: Date[] = [];
+export const getWeekDays = (month: number, year: number, week: number): (Date | null)[] => {
+  const days: (Date | null)[] = [];
   const firstDayOfMonth = new Date(year, month, 1).getDay();
   const daysInMonth = getDaysInMonth(new Date(year, month));
 
-  // Calculate the date of the first day in the week
-  const startDay = week * 7 - (firstDayOfMonth === 0 ? 6 : firstDayOfMonth - 1);
+  // Calculate the date of the first day in the week (Sunday-start)
+  const startDay = week * 7 - firstDayOfMonth + 1;
 
   for (let i = 0; i < 7; i++) {
     const day = startDay + i;
-    let date: Date;
-
-    if (day < 1) {
-      // Days from previous month
-      const prevMonth = month === 0 ? 11 : month - 1;
-      const prevYear = month === 0 ? year - 1 : year;
-      const daysInPrevMonth = getDaysInMonth(new Date(prevYear, prevMonth));
-      date = new Date(prevYear, prevMonth, daysInPrevMonth + day);
-    } else if (day > daysInMonth) {
-      // Days from next month
-      const nextMonth = month === 11 ? 0 : month + 1;
-      const nextYear = month === 11 ? year + 1 : year;
-      date = new Date(nextYear, nextMonth, day - daysInMonth);
+
+    if (day < 1 || day > daysInMonth) {
+      // Outside current month — empty cell
+      days.push(null);
     } else {
-      // Days from current month
-      date = new Date(year, month, day);
+      days.push(new Date(year, month, day));
     }
-
-    days.push(date);
   }
 
   return days;
@@ -111,3 +102,44 @@ export const getWeeksInMonth = (date: Date): number => {
   // Calculate total number of weeks
   return Math.ceil((firstDayOfMonth + daysInMonth) / 7);
 };
+
+export const startOfWeek = (date: Date): Date => {
+  const d = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+  d.setDate(d.getDate() - d.getDay());
+  return d;
+};
+
+export const endOfWeek = (date: Date): Date => {
+  const d = startOfWeek(date);
+  d.setDate(d.getDate() + 6);
+  return d;
+};
+
+export const getWeekDates = (date: Date): Date[] => {
+  const start = startOfWeek(date);
+  return Array.from({ length: 7 }, (_, i) => {
+    const d = new Date(start);
+    d.setDate(start.getDate() + i);
+    return d;
+  });
+};
+
+export const addWeeks = (date: Date, weeks: number): Date => {
+  const d = new Date(date);
+  d.setDate(d.getDate() + weeks * 7);
+  return d;
+};
+
+export const subWeeks = (date: Date, weeks: number): Date => {
+  return addWeeks(date, -weeks);
+};
+
+export const addDays = (date: Date, days: number): Date => {
+  const d = new Date(date);
+  d.setDate(d.getDate() + days);
+  return d;
+};
+
+export const subDays = (date: Date, days: number): Date => {
+  return addDays(date, -days);
+};

package/dist/module/components/calendar/components/calendar-day.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["formatDate","isDateAfter","isDateBefore","isDateSameDay","isDateToday","isSameMonth","React","useMemo","useState","Pressable","Text","useCalendarContext","jsx","_jsx","calculateState","date","selected","isCurrentMonth","isDisabled","isHovered","CalendarDay","props","calendar","setIsHovered","currentMonth","minDate","maxDate","state","value","handlePress","onChange","composedStyle","styles","dayButton","default","style","composedTextStyle","dayText","textStyle","onPress","onHoverIn","onHoverOut","disabled","children"],"sourceRoot":"../../../../../src","sources":["components/calendar/components/calendar-day.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/calendar/components/calendar-header.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","View","useCalendarContext","jsx","_jsx","CalendarHeader","props","children","style","viewProps","styles","headerStyle","header"],"sourceRoot":"../../../../../src","sources":["components/calendar/components/calendar-header.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwD,cAAc;AACnF,SAASC,kBAAkB,QAAQ,eAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhD,OAAO,SAASC,cAAcA,CAACC,KAA0B,EAAE;EACzD,MAAM;IAAEC,QAAQ;IAAEC,KAAK;IAAE,GAAGC;EAAU,CAAC,GAAGH,KAAK;EAC/C,MAAM;IAAEI;EAAO,CAAC,GAAGR,kBAAkB,CAAC,CAAC;EAEvC,MAAMS,WAAW,GAAG,CAACD,MAAM,EAAEE,MAAM,EAAEJ,KAAK,CAAC;EAE3C,oBACEJ,IAAA,CAACH,IAAI;IAAA,GAAKQ,SAAS;IAAED,KAAK,EAAEG,WAAY;IAAAJ,QAAA,EACrCA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/dist/module/components/calendar/components/calendar-nav-button.js

@@ -1,61 +0,0 @@
-"use strict";
-
-import { addMonths, subMonths } from "../../../utils/date-utils.js";
-import React, { useState } from "react";
-import { Pressable, Text } from "react-native";
-import { useCalendarContext } from "../context.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-const calculateState = (isDisabled, isHovered) => {
-  if (isDisabled) return "disabled";
-  if (isHovered) return "hovered";
-  return "default";
-};
-export function CalendarNavButton(props) {
-  const {
-    children = props.direction === "prev" ? "‹" : "›",
-    direction,
-    style,
-    textStyle,
-    ...pressableProps
-  } = props;
-  const {
-    currentMonth,
-    setCurrentMonth,
-    minDate,
-    maxDate,
-    styles
-  } = useCalendarContext();
-  const [isHovered, setIsHovered] = useState(false);
-  const isDisabled = React.useMemo(() => {
-    if (direction === "prev" && minDate) {
-      const prevMonth = subMonths(currentMonth, 1);
-      return prevMonth < minDate;
-    }
-    if (direction === "next" && maxDate) {
-      const nextMonth = addMonths(currentMonth, 1);
-      return nextMonth > maxDate;
-    }
-    return false;
-  }, [direction, currentMonth, minDate, maxDate]);
-  const state = calculateState(isDisabled, isHovered);
-  const handlePress = () => {
-    if (isDisabled) return;
-    const newMonth = direction === "prev" ? subMonths(currentMonth, 1) : addMonths(currentMonth, 1);
-    setCurrentMonth(newMonth);
-  };
-  const buttonStyle = [styles?.navButton?.default, styles?.navButton?.[state], style];
-  const textStyleCombined = [styles?.navButtonText?.default, styles?.navButtonText?.[state], textStyle];
-  return /*#__PURE__*/_jsx(Pressable, {
-    ...pressableProps,
-    onPress: handlePress,
-    onHoverIn: () => setIsHovered(true),
-    onHoverOut: () => setIsHovered(false),
-    disabled: isDisabled,
-    style: buttonStyle,
-    children: /*#__PURE__*/_jsx(Text, {
-      style: textStyleCombined,
-      children: children
-    })
-  });
-}
-//# sourceMappingURL=calendar-nav-button.js.map