@trackunit/react-form-components 0.0.140 → 0.0.142

package/index.cjs.js

@@ -14760,6 +14760,117 @@ const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = []
         }) }));
 };
 
+const weekDay = {
+    Monday: "monday",
+    Tuesday: "tuesday",
+    Wednesday: "wednesday",
+    Thursday: "thursday",
+    Friday: "friday",
+    Saturday: "saturday",
+    Sunday: "sunday",
+};
+exports.ScheduleVariant = void 0;
+(function (ScheduleVariant) {
+    ScheduleVariant["ALL_DAYS"] = "all";
+    ScheduleVariant["WEEKDAYS"] = "week";
+    ScheduleVariant["CUSTOM"] = "custom";
+})(exports.ScheduleVariant || (exports.ScheduleVariant = {}));
+/**
+ * Parse a string of week range schedule string to human readable schedule range.
+ *
+ * @param {string} scheduleString String of week schedule
+ * @returns {WeekSchedule} Week schedule range
+ */
+const parseSchedule = (scheduleString) => {
+    if (!scheduleString) {
+        return {
+            variant: exports.ScheduleVariant.ALL_DAYS,
+            schedule: [],
+        };
+    }
+    const schedule = scheduleString.split(",").map(daySchedule => {
+        const [day, timeRange] = daySchedule.split("#");
+        const [timeFrom, timeTo] = timeRange.split("-");
+        const isAllDay = timeFrom === "00:00" && timeTo === "24:00";
+        return {
+            day: Number(day),
+            range: isAllDay
+                ? undefined
+                : {
+                    timeFrom,
+                    timeTo,
+                },
+            isAllDay,
+        };
+    });
+    const filteredSchedule = schedule
+        .filter(daySchedule => daySchedule.range !== null && daySchedule.range !== undefined)
+        .map(daySchedule => ({ day: daySchedule.day, range: daySchedule.range, isAllDay: daySchedule.isAllDay }));
+    let variant;
+    switch (schedule.length) {
+        case 7:
+            const areEqual = schedule.every((day, _, collection) => {
+                var _a, _b, _c, _d, _e, _f;
+                return ((_b = (_a = collection === null || collection === void 0 ? void 0 : collection[0]) === null || _a === void 0 ? void 0 : _a.range) === null || _b === void 0 ? void 0 : _b.timeFrom) === ((_c = day === null || day === void 0 ? void 0 : day.range) === null || _c === void 0 ? void 0 : _c.timeFrom) &&
+                    ((_e = (_d = collection === null || collection === void 0 ? void 0 : collection[0]) === null || _d === void 0 ? void 0 : _d.range) === null || _e === void 0 ? void 0 : _e.timeTo) === ((_f = day === null || day === void 0 ? void 0 : day.range) === null || _f === void 0 ? void 0 : _f.timeTo);
+            });
+            if (areEqual) {
+                variant = exports.ScheduleVariant.ALL_DAYS;
+            }
+            else {
+                variant = exports.ScheduleVariant.CUSTOM;
+            }
+            break;
+        case 5:
+            const days = [1, 2, 3, 4, 5];
+            const hasConsecutiveDays = schedule.every(({ day }, index) => day === days[index]);
+            if (hasConsecutiveDays) {
+                variant = exports.ScheduleVariant.WEEKDAYS;
+            }
+            else {
+                variant = exports.ScheduleVariant.CUSTOM;
+            }
+            break;
+        default:
+            return {
+                variant: exports.ScheduleVariant.CUSTOM,
+                schedule: filteredSchedule,
+            };
+    }
+    return {
+        variant,
+        schedule: filteredSchedule,
+    };
+};
+/**
+ * Serialize week schedule to string schedule
+ *
+ * @param {WeekSchedule} weekSchedule Week schedule range
+ * @returns {string} Schedule string
+ */
+const serializeSchedule = (weekSchedule) => {
+    return weekSchedule.schedule
+        .filter(({ range, day, isAllDay }) => {
+        const hasRange = (range === null || range === void 0 ? void 0 : range.timeFrom) && (range === null || range === void 0 ? void 0 : range.timeTo);
+        switch (weekSchedule.variant) {
+            case exports.ScheduleVariant.WEEKDAYS:
+                return day <= 5 && hasRange;
+            case exports.ScheduleVariant.ALL_DAYS:
+                return day <= 7 && hasRange;
+            case exports.ScheduleVariant.CUSTOM:
+            default:
+                return hasRange || isAllDay;
+        }
+    })
+        .map(({ day, range, isAllDay }) => {
+        if (isAllDay) {
+            return `${day}#00:00-24:00`;
+        }
+        return `${day}#${range.timeFrom}-${range.timeTo}`;
+    })
+        .join(",");
+};
+
 /**
  * A thin wrapper around the `BaseInput` component for text input fields.
  *
@@ -15087,5 +15198,8 @@ exports.cvaSelectPrefix = cvaSelectPrefix;
 exports.cvaSelectXIcon = cvaSelectXIcon;
 exports.getOrderedOptions = getOrderedOptions;
 exports.isMultiValue = isMultiValue;
+exports.parseSchedule = parseSchedule;
+exports.serializeSchedule = serializeSchedule;
 exports.useCustomComponents = useCustomComponents;
 exports.usePhoneInput = usePhoneInput;
+exports.weekDay = weekDay;

package/index.esm.js

@@ -14734,6 +14734,117 @@ const Schedule = ({ className, dataTestId, schedule, onChange, invalidKeys = []
         }) }));
 };
 
+const weekDay = {
+    Monday: "monday",
+    Tuesday: "tuesday",
+    Wednesday: "wednesday",
+    Thursday: "thursday",
+    Friday: "friday",
+    Saturday: "saturday",
+    Sunday: "sunday",
+};
+var ScheduleVariant;
+(function (ScheduleVariant) {
+    ScheduleVariant["ALL_DAYS"] = "all";
+    ScheduleVariant["WEEKDAYS"] = "week";
+    ScheduleVariant["CUSTOM"] = "custom";
+})(ScheduleVariant || (ScheduleVariant = {}));
+/**
+ * Parse a string of week range schedule string to human readable schedule range.
+ *
+ * @param {string} scheduleString String of week schedule
+ * @returns {WeekSchedule} Week schedule range
+ */
+const parseSchedule = (scheduleString) => {
+    if (!scheduleString) {
+        return {
+            variant: ScheduleVariant.ALL_DAYS,
+            schedule: [],
+        };
+    }
+    const schedule = scheduleString.split(",").map(daySchedule => {
+        const [day, timeRange] = daySchedule.split("#");
+        const [timeFrom, timeTo] = timeRange.split("-");
+        const isAllDay = timeFrom === "00:00" && timeTo === "24:00";
+        return {
+            day: Number(day),
+            range: isAllDay
+                ? undefined
+                : {
+                    timeFrom,
+                    timeTo,
+                },
+            isAllDay,
+        };
+    });
+    const filteredSchedule = schedule
+        .filter(daySchedule => daySchedule.range !== null && daySchedule.range !== undefined)
+        .map(daySchedule => ({ day: daySchedule.day, range: daySchedule.range, isAllDay: daySchedule.isAllDay }));
+    let variant;
+    switch (schedule.length) {
+        case 7:
+            const areEqual = schedule.every((day, _, collection) => {
+                var _a, _b, _c, _d, _e, _f;
+                return ((_b = (_a = collection === null || collection === void 0 ? void 0 : collection[0]) === null || _a === void 0 ? void 0 : _a.range) === null || _b === void 0 ? void 0 : _b.timeFrom) === ((_c = day === null || day === void 0 ? void 0 : day.range) === null || _c === void 0 ? void 0 : _c.timeFrom) &&
+                    ((_e = (_d = collection === null || collection === void 0 ? void 0 : collection[0]) === null || _d === void 0 ? void 0 : _d.range) === null || _e === void 0 ? void 0 : _e.timeTo) === ((_f = day === null || day === void 0 ? void 0 : day.range) === null || _f === void 0 ? void 0 : _f.timeTo);
+            });
+            if (areEqual) {
+                variant = ScheduleVariant.ALL_DAYS;
+            }
+            else {
+                variant = ScheduleVariant.CUSTOM;
+            }
+            break;
+        case 5:
+            const days = [1, 2, 3, 4, 5];
+            const hasConsecutiveDays = schedule.every(({ day }, index) => day === days[index]);
+            if (hasConsecutiveDays) {
+                variant = ScheduleVariant.WEEKDAYS;
+            }
+            else {
+                variant = ScheduleVariant.CUSTOM;
+            }
+            break;
+        default:
+            return {
+                variant: ScheduleVariant.CUSTOM,
+                schedule: filteredSchedule,
+            };
+    }
+    return {
+        variant,
+        schedule: filteredSchedule,
+    };
+};
+/**
+ * Serialize week schedule to string schedule
+ *
+ * @param {WeekSchedule} weekSchedule Week schedule range
+ * @returns {string} Schedule string
+ */
+const serializeSchedule = (weekSchedule) => {
+    return weekSchedule.schedule
+        .filter(({ range, day, isAllDay }) => {
+        const hasRange = (range === null || range === void 0 ? void 0 : range.timeFrom) && (range === null || range === void 0 ? void 0 : range.timeTo);
+        switch (weekSchedule.variant) {
+            case ScheduleVariant.WEEKDAYS:
+                return day <= 5 && hasRange;
+            case ScheduleVariant.ALL_DAYS:
+                return day <= 7 && hasRange;
+            case ScheduleVariant.CUSTOM:
+            default:
+                return hasRange || isAllDay;
+        }
+    })
+        .map(({ day, range, isAllDay }) => {
+        if (isAllDay) {
+            return `${day}#00:00-24:00`;
+        }
+        return `${day}#${range.timeFrom}-${range.timeTo}`;
+    })
+        .join(",");
+};
+
 /**
  * A thin wrapper around the `BaseInput` component for text input fields.
  *
@@ -15008,4 +15119,4 @@ const UploadField = forwardRef((_a, ref) => {
  */
 setupLibraryTranslations();
 
-export { ActionButton, BaseInput, Checkbox, CreatableSelect, DateField, DateInput, DropZone, EmailField, EmailInput, FormGroup, Label, MultiSelectMenuItem, NumberField, NumberInput, OptionCard, PhoneField, PhoneInput, RadioGroup, RadioItem, Schedule, Search, Select, SingleSelectMenuItem, TextArea, TextAreaField, TextField, TextInput, TimeRange, TimeRangeField, Toggle, UploadField, UploadInput, StateManagedSelect$1 as ValueType, cvaInput, cvaInputAddon, cvaInputAddonAfter, cvaInputAddonBefore, cvaInputBase, cvaInputBaseDisabled, cvaInputBaseInvalid, cvaInputField, cvaInputPrefix, cvaInputSuffix, cvaSelect, cvaSelectCounter, cvaSelectDynamicTagContainer, cvaSelectIcon, cvaSelectMenu, cvaSelectMenuList, cvaSelectPrefix, cvaSelectXIcon, getOrderedOptions, isMultiValue, useCustomComponents, usePhoneInput };
+export { ActionButton, BaseInput, Checkbox, CreatableSelect, DateField, DateInput, DropZone, EmailField, EmailInput, FormGroup, Label, MultiSelectMenuItem, NumberField, NumberInput, OptionCard, PhoneField, PhoneInput, RadioGroup, RadioItem, Schedule, ScheduleVariant, Search, Select, SingleSelectMenuItem, TextArea, TextAreaField, TextField, TextInput, TimeRange, TimeRangeField, Toggle, UploadField, UploadInput, StateManagedSelect$1 as ValueType, cvaInput, cvaInputAddon, cvaInputAddonAfter, cvaInputAddonBefore, cvaInputBase, cvaInputBaseDisabled, cvaInputBaseInvalid, cvaInputField, cvaInputPrefix, cvaInputSuffix, cvaSelect, cvaSelectCounter, cvaSelectDynamicTagContainer, cvaSelectIcon, cvaSelectMenu, cvaSelectMenuList, cvaSelectPrefix, cvaSelectXIcon, getOrderedOptions, isMultiValue, parseSchedule, serializeSchedule, useCustomComponents, usePhoneInput, weekDay };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.140",
+  "version": "0.0.142",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -8,8 +8,8 @@
   },
   "dependencies": {
     "@trackunit/css-class-variance-utilities": "0.0.14",
-    "@trackunit/i18n-library-translation": "0.0.77",
-    "@trackunit/react-components": "0.1.157",
+    "@trackunit/i18n-library-translation": "0.0.78",
+    "@trackunit/react-components": "0.1.158",
     "@trackunit/shared-utils": "0.0.7",
     "@trackunit/ui-icons": "0.0.76",
     "date-fns": "2.29.3",

package/src/components/Schedule/ScheduleParser.d.ts

@@ -0,0 +1,39 @@
+import { TimeRangeInput } from "../TimeRange";
+export declare const weekDay: {
+    readonly Monday: "monday";
+    readonly Tuesday: "tuesday";
+    readonly Wednesday: "wednesday";
+    readonly Thursday: "thursday";
+    readonly Friday: "friday";
+    readonly Saturday: "saturday";
+    readonly Sunday: "sunday";
+};
+export type WeekDay = (typeof weekDay)[keyof typeof weekDay];
+export declare enum ScheduleVariant {
+    ALL_DAYS = "all",
+    WEEKDAYS = "week",
+    CUSTOM = "custom"
+}
+export interface DaySchedule {
+    day: number;
+    range: TimeRangeInput;
+    isAllDay: boolean;
+}
+export interface WeekSchedule {
+    variant: ScheduleVariant;
+    schedule: DaySchedule[];
+}
+/**
+ * Parse a string of week range schedule string to human readable schedule range.
+ *
+ * @param {string} scheduleString String of week schedule
+ * @returns {WeekSchedule} Week schedule range
+ */
+export declare const parseSchedule: (scheduleString: string) => WeekSchedule;
+/**
+ * Serialize week schedule to string schedule
+ *
+ * @param {WeekSchedule} weekSchedule Week schedule range
+ * @returns {string} Schedule string
+ */
+export declare const serializeSchedule: (weekSchedule: WeekSchedule) => string;

package/src/index.d.ts

@@ -15,6 +15,7 @@ export * from "./components/PhoneField/PhoneField";
 export * from "./components/PhoneInput/PhoneInput";
 export * from "./components/RadioGroup";
 export * from "./components/Schedule/Schedule";
+export * from "./components/Schedule/ScheduleParser";
 export * from "./components/Search";
 export * from "./components/Select";
 export * from "./components/TextArea";