@wireservers-ui/react-natives 2.0.0 → 2.0.2-rc.0

package/src/calendar/calendar-legend.tsx

@@ -1,41 +1,41 @@
-import React from 'react';
-import { View, Text } from 'react-native';
-import type { EventColor } from './types';
-import {
-  calendarLegendContainerStyle,
-  calendarLegendItemStyle,
-  calendarLegendDotStyle,
-  calendarLegendTextStyle,
-} from './styles';
-
-export interface CalendarLegendItem {
-  color: EventColor;
-  label: string;
-}
-
-interface CalendarLegendProps {
-  items: CalendarLegendItem[];
-  className?: string;
-}
-
-export const CalendarLegend = React.forwardRef<
-  React.ElementRef<typeof View>,
-  CalendarLegendProps
->(({ items, className, ...props }, ref) => {
-  return (
-    <View
-      ref={ref}
-      className={calendarLegendContainerStyle({ class: className })}
-      {...props}
-    >
-      {items.map((item) => (
-        <View key={item.label} className={calendarLegendItemStyle({})}>
-          <View className={calendarLegendDotStyle({ color: item.color })} />
-          <Text className={calendarLegendTextStyle({})}>{item.label}</Text>
-        </View>
-      ))}
-    </View>
-  );
-});
-
-CalendarLegend.displayName = 'CalendarLegend';
+import React from 'react';
+import { View, Text } from 'react-native';
+import type { EventColor } from './types';
+import {
+  calendarLegendContainerStyle,
+  calendarLegendItemStyle,
+  calendarLegendDotStyle,
+  calendarLegendTextStyle,
+} from './styles';
+
+export interface CalendarLegendItem {
+  color: EventColor;
+  label: string;
+}
+
+interface CalendarLegendProps {
+  items: CalendarLegendItem[];
+  className?: string;
+}
+
+export const CalendarLegend = React.forwardRef<
+  React.ElementRef<typeof View>,
+  CalendarLegendProps
+>(({ items, className, ...props }, ref) => {
+  return (
+    <View
+      ref={ref}
+      className={calendarLegendContainerStyle({ class: className })}
+      {...props}
+    >
+      {items.map((item) => (
+        <View key={item.label} className={calendarLegendItemStyle({})}>
+          <View className={calendarLegendDotStyle({ color: item.color })} />
+          <Text className={calendarLegendTextStyle({})}>{item.label}</Text>
+        </View>
+      ))}
+    </View>
+  );
+});
+
+CalendarLegend.displayName = 'CalendarLegend';

package/src/calendar/calendar-month-view.tsx

@@ -1,47 +1,47 @@
-import React, { useMemo } from 'react';
-import { View, Text } from 'react-native';
-import { useCalendarContext } from './calendar';
-import { buildMonthGrid, getWeekDays } from './utils';
-import { CalendarDayCell } from './calendar-day-cell';
-import {
-  calendarWeekDayLabelStyle,
-  calendarWeekDayLabelTextStyle,
-} from './styles';
-
-export const CalendarMonthView = React.forwardRef<
-  React.ElementRef<typeof View>,
-  { className?: string }
->(({ className, ...props }, ref) => {
-  const { displayDate, events } = useCalendarContext();
-
-  const weeks = useMemo(
-    () =>
-      buildMonthGrid(
-        displayDate.getFullYear(),
-        displayDate.getMonth(),
-        events,
-      ),
-    [displayDate, events],
-  );
-
-  return (
-    <View ref={ref} className={className} {...props}>
-      <View className="flex-row">
-        {getWeekDays().map((day) => (
-          <View key={day} className={calendarWeekDayLabelStyle({})}>
-            <Text className={calendarWeekDayLabelTextStyle({})}>{day}</Text>
-          </View>
-        ))}
-      </View>
-      {weeks.map((week, i) => (
-        <View key={i} className="flex-row">
-          {week.days.map((day) => (
-            <CalendarDayCell key={day.date.toISOString()} day={day} />
-          ))}
-        </View>
-      ))}
-    </View>
-  );
-});
-
-CalendarMonthView.displayName = 'CalendarMonthView';
+import React, { useMemo } from 'react';
+import { View, Text } from 'react-native';
+import { useCalendarContext } from './calendar';
+import { buildMonthGrid, getWeekDays } from './utils';
+import { CalendarDayCell } from './calendar-day-cell';
+import {
+  calendarWeekDayLabelStyle,
+  calendarWeekDayLabelTextStyle,
+} from './styles';
+
+export const CalendarMonthView = React.forwardRef<
+  React.ElementRef<typeof View>,
+  { className?: string }
+>(({ className, ...props }, ref) => {
+  const { displayDate, events } = useCalendarContext();
+
+  const weeks = useMemo(
+    () =>
+      buildMonthGrid(
+        displayDate.getFullYear(),
+        displayDate.getMonth(),
+        events,
+      ),
+    [displayDate, events],
+  );
+
+  return (
+    <View ref={ref} className={className} {...props}>
+      <View className="flex-row">
+        {getWeekDays().map((day) => (
+          <View key={day} className={calendarWeekDayLabelStyle({})}>
+            <Text className={calendarWeekDayLabelTextStyle({})}>{day}</Text>
+          </View>
+        ))}
+      </View>
+      {weeks.map((week, i) => (
+        <View key={i} className="flex-row">
+          {week.days.map((day) => (
+            <CalendarDayCell key={day.date.toISOString()} day={day} />
+          ))}
+        </View>
+      ))}
+    </View>
+  );
+});
+
+CalendarMonthView.displayName = 'CalendarMonthView';