@jobber/components-native 0.34.0 → 0.35.0

package/src/InputTime/utils/index.ts

@@ -0,0 +1,26 @@
+import { getTimezoneOffset } from "date-fns-tz";
+
+export type MinutesIncrement = 15 | 30 | 60;
+
+/**
+ * Rounds up the time by increment.
+ * - 15 mins - rounds to the next quarter time of `00:15`, `00:30`, `00:45`,
+ *   and `01:00`
+ * - 30 mins - rounds to the next half hour be it `00:30` or `01:00`
+ * - 60 mins - rounds to the next hour. I.e., `02:01` gets rounded up
+ *   to `03:00`.
+ */
+export function roundUpToNearestMinutes(
+  date: Date,
+  minutes: MinutesIncrement,
+): Date {
+  const ms = 1000 * 60 * minutes;
+  return new Date(Math.ceil(date.getTime() / ms) * ms);
+}
+
+export function getTimeZoneOffsetInMinutes(
+  timeZone: string,
+  date?: Date,
+): number {
+  return getTimezoneOffset(timeZone, date) / 1000 / 60;
+}

package/src/InputTime/utils/utils.test.ts

@@ -0,0 +1,47 @@
+import { set } from "date-fns";
+import {
+  MinutesIncrement,
+  getTimeZoneOffsetInMinutes,
+  roundUpToNearestMinutes,
+} from ".";
+
+describe("roundUpToNearestMinutes", () => {
+  it.each<[MinutesIncrement, Record<string, number>]>([
+    [15, { hours: 1, minutes: 28, expectedMinutes: 30 }],
+    [15, { hours: 2, minutes: 3, expectedMinutes: 15 }],
+    [30, { hours: 11, minutes: 2, expectedMinutes: 30 }],
+    [30, { hours: 11, minutes: 32, expectedHours: 12, expectedMinutes: 0 }],
+    [60, { hours: 11, minutes: 59, expectedHours: 12, expectedMinutes: 0 }],
+    [60, { hours: 10, minutes: 1, expectedHours: 11, expectedMinutes: 0 }],
+  ])(
+    "should round up the time to the nearest %s mins",
+    (increment, { hours, minutes, expectedMinutes, expectedHours }) => {
+      const timeToUpdate = set(new Date(2022, 5, 27), { hours, minutes });
+      const time = roundUpToNearestMinutes(timeToUpdate, increment);
+
+      expect(time.getHours()).toBe(expectedHours || hours);
+      expect(time.getMinutes()).toBe(expectedMinutes);
+    },
+  );
+});
+
+describe("getTimeZoneOffsetInMinutes", () => {
+  const DSTDate = new Date(2022, 6, 5);
+  const nonDSTDate = new Date(2022, 10, 7);
+
+  it.each<[string, number, Date]>([
+    ["America/Edmonton", -6, DSTDate],
+    ["America/Edmonton", -7, nonDSTDate],
+    ["Africa/Johannesburg", 2, DSTDate],
+    ["America/Los_Angeles", -7, DSTDate],
+    ["Asia/Manila", 8, DSTDate],
+    ["Asia/Manila", 8, nonDSTDate],
+  ])(
+    "should convert %s to the correct timezone offset for %s",
+    (timezone, expectedOffset, date) => {
+      const timeZoneOffset = getTimeZoneOffsetInMinutes(timezone, date);
+
+      expect(timeZoneOffset).toBe(expectedOffset * 60);
+    },
+  );
+});

package/src/index.ts

@@ -23,6 +23,7 @@ export * from "./InputNumber";
 export * from "./InputPassword";
 export * from "./InputPressable";
 export * from "./InputSearch";
+export * from "./InputTime";
 export * from "./InputText";
 export * from "./TextList";
 export * from "./ProgressBar";