@djangocfg/ui-tools 2.1.133 → 2.1.135

package/dist/{chunk-CBGBDVUG.cjs → chunk-WU6ZLOL4.cjs}

@@ -9,24 +9,29 @@ var lucideReact = require('lucide-react');
 
 // src/tools/CronScheduler/utils/cron-builder.ts
 function buildCron(state) {
-  const { type, hour, minute, weekDays, monthDays, customCron } = state;
-  const h = Math.max(0, Math.min(23, hour));
-  const m = Math.max(0, Math.min(59, minute));
+  if (!state || typeof state !== "object") {
+    return "0 0 * * *";
+  }
+  const { type, hour = 0, minute = 0, weekDays = [], monthDays = [], customCron = "" } = state;
+  const h = Math.max(0, Math.min(23, Number(hour) || 0));
+  const m = Math.max(0, Math.min(59, Number(minute) || 0));
+  const safeWeekDays = Array.isArray(weekDays) ? weekDays : [];
+  const safeMonthDays = Array.isArray(monthDays) ? monthDays : [];
   switch (type) {
     case "daily":
       return `${m} ${h} * * *`;
     case "weekly": {
-      const sortedDays = [...weekDays].sort((a, b) => a - b);
+      const sortedDays = [...safeWeekDays].sort((a, b) => a - b);
       const daysStr = sortedDays.length > 0 ? formatNumberList(sortedDays) : "*";
       return `${m} ${h} * * ${daysStr}`;
     }
     case "monthly": {
-      const sortedDays = [...monthDays].sort((a, b) => a - b);
+      const sortedDays = [...safeMonthDays].sort((a, b) => a - b);
       const daysStr = sortedDays.length > 0 ? formatNumberList(sortedDays) : "1";
       return `${m} ${h} ${daysStr} * *`;
     }
     case "custom":
-      return customCron.trim() || "* * * * *";
+      return (customCron || "").trim() || "* * * * *";
     default:
       return "0 0 * * *";
   }
@@ -59,10 +64,13 @@ function parseCron(cron) {
   const parts = cron.trim().split(/\s+/);
   if (parts.length !== 5) return null;
   const [minutePart, hourPart, dayOfMonthPart, monthPart, dayOfWeekPart] = parts;
-  const minute = parseField(minutePart, 0, 59);
-  if (minute === null && minutePart !== "*") return null;
-  const hour = parseField(hourPart, 0, 23);
-  if (hour === null && hourPart !== "*") return null;
+  if (!isValidCronField(minutePart, 0, 59)) return null;
+  if (!isValidCronField(hourPart, 0, 23)) return null;
+  if (!isValidCronField(dayOfMonthPart, 1, 31)) return null;
+  if (!isValidCronField(monthPart, 1, 12)) return null;
+  if (!isValidCronField(dayOfWeekPart, 0, 6)) return null;
+  const minute = parseField(minutePart);
+  const hour = parseField(hourPart);
   const result = detectScheduleType(
     minutePart,
     hourPart,
@@ -97,10 +105,31 @@ function detectScheduleType(_minutePart, _hourPart, dayOfMonthPart, monthPart, d
   return { type, weekDays, monthDays };
 }
 chunkWGEGR3DF_cjs.__name(detectScheduleType, "detectScheduleType");
-function parseField(part, min, max) {
+function isValidCronField(part, min, max) {
+  if (part === "*") return true;
+  if (part.includes("/")) {
+    const [base, step] = part.split("/");
+    if (!step || !/^\d+$/.test(step)) return false;
+    if (base === "*") return true;
+    return isValidCronField(base, min, max);
+  }
+  if (part.includes("-") && !part.includes(",")) {
+    const [start, end] = part.split("-").map((s) => parseInt(s, 10));
+    return !isNaN(start) && !isNaN(end) && start >= min && end <= max && start <= end;
+  }
+  if (part.includes(",")) {
+    return part.split(",").every((p) => isValidCronField(p.trim(), min, max));
+  }
   if (/^\d+$/.test(part)) {
     const num = parseInt(part, 10);
-    if (num >= min && num <= max) return num;
+    return num >= min && num <= max;
+  }
+  return false;
+}
+chunkWGEGR3DF_cjs.__name(isValidCronField, "isValidCronField");
+function parseField(part, _min, _max) {
+  if (/^\d+$/.test(part)) {
+    return parseInt(part, 10);
   }
   return null;
 }
@@ -149,19 +178,8 @@ function isValidCron(cron) {
   if (!cron || typeof cron !== "string") return false;
   const parts = cron.trim().split(/\s+/);
   if (parts.length !== 5) return false;
-  const patterns = [
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // minute
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // hour
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // day of month
-    /^(\*|\d{1,2}|\d{1,2}-\d{1,2}|\d{1,2}(,\d{1,2})*|\*\/\d{1,2})$/,
-    // month
-    /^(\*|\d{1}|\d{1}-\d{1}|\d{1}(,\d{1})*|\*\/\d{1,2})$/
-    // day of week
-  ];
-  return parts.every((part, i) => patterns[i].test(part));
+  const [minutePart, hourPart, dayOfMonthPart, monthPart, dayOfWeekPart] = parts;
+  return isValidCronField(minutePart, 0, 59) && isValidCronField(hourPart, 0, 23) && isValidCronField(dayOfMonthPart, 1, 31) && isValidCronField(monthPart, 1, 12) && isValidCronField(dayOfWeekPart, 0, 6);
 }
 chunkWGEGR3DF_cjs.__name(isValidCron, "isValidCron");
 
@@ -311,21 +329,27 @@ function CronSchedulerProvider({
   const onChangeRef = react.useRef(onChange);
   onChangeRef.current = onChange;
   const [state, setState] = react.useState(() => {
-    if (value) {
-      const parsed = parseCron(value);
-      if (parsed) return parsed;
+    try {
+      if (value) {
+        const parsed = parseCron(value);
+        if (parsed) return parsed;
+      }
+    } catch {
     }
     return { ...DEFAULT_STATE, type: defaultType };
   });
   react.useEffect(() => {
-    if (value) {
-      const parsed = parseCron(value);
-      if (parsed) {
-        const currentCron = buildCron(state);
-        if (value !== currentCron) {
-          setState(parsed);
+    try {
+      if (value) {
+        const parsed = parseCron(value);
+        if (parsed) {
+          const currentCron = buildCron(state);
+          if (value !== currentCron) {
+            setState(parsed);
+          }
         }
       }
+    } catch {
     }
   }, [value]);
   const cronExpression = react.useMemo(() => buildCron(state), [state]);
@@ -495,25 +519,32 @@ function ScheduleTypeSelector({
   className
 }) {
   const { type, setType } = useCronType();
+  const triggerClassName = lib.cn(
+    "text-xs font-medium px-2 py-1.5",
+    "data-[state=active]:shadow-sm",
+    "transition-all duration-150"
+  );
+  const triggers = SCHEDULE_TYPES.map(({ value, label }) => ({
+    value,
+    label,
+    disabled,
+    className: triggerClassName
+  }));
   return /* @__PURE__ */ jsxRuntime.jsx(
     components.Tabs,
     {
       value: type,
       onValueChange: (v) => setType(v),
       className: lib.cn("w-full", className),
-      children: /* @__PURE__ */ jsxRuntime.jsx(components.TabsList, { className: "!grid w-full !grid-cols-4 h-9 p-0.5", children: SCHEDULE_TYPES.map(({ value, label }) => /* @__PURE__ */ jsxRuntime.jsx(
+      children: /* @__PURE__ */ jsxRuntime.jsx(components.TabsList, { className: "grid w-full grid-cols-4 h-9 p-0.5", children: triggers.map((trigger) => /* @__PURE__ */ jsxRuntime.jsx(
         components.TabsTrigger,
         {
-          value,
-          disabled,
-          className: lib.cn(
-            "text-xs font-medium px-2 py-1.5",
-            "data-[state=active]:shadow-sm",
-            "transition-all duration-150"
-          ),
-          children: label
+          value: trigger.value,
+          disabled: trigger.disabled,
+          className: trigger.className,
+          children: trigger.label
         },
-        value
+        trigger.value
       )) })
     }
   );
@@ -614,66 +645,60 @@ function DayChips({
   className
 }) {
   const { weekDays, toggleWeekDay, setWeekDays } = useCronWeekDays();
-  const isWeekdays2 = weekDays.length === 5 && [1, 2, 3, 4, 5].every((d) => weekDays.includes(d));
-  const isWeekend2 = weekDays.length === 2 && [0, 6].every((d) => weekDays.includes(d));
-  const isEveryday = weekDays.length === 7;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-1", children: DAYS.map(({ value, label }) => {
-      const isSelected = weekDays.includes(value);
-      const isWeekend3 = value === 0 || value === 6;
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          disabled,
-          onClick: () => toggleWeekDay(value),
-          "aria-pressed": isSelected,
-          className: lib.cn(
-            "flex flex-col items-center justify-center",
-            "py-2.5 rounded-lg text-xs font-medium",
-            "transition-all duration-150",
-            "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "active:scale-[0.97]",
-            isSelected ? "bg-primary text-primary-foreground shadow-sm" : lib.cn(
-              "bg-muted/50 hover:bg-muted",
-              isWeekend3 ? "text-muted-foreground/70" : "text-muted-foreground"
-            ),
-            disabled && "opacity-50 cursor-not-allowed pointer-events-none"
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
-        },
-        value
-      );
-    }) }),
-    showPresets && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        PresetButton,
-        {
-          label: "Weekdays",
-          isActive: isWeekdays2,
-          onClick: () => setWeekDays([1, 2, 3, 4, 5]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        PresetButton,
-        {
-          label: "Weekends",
-          isActive: isWeekend2,
-          onClick: () => setWeekDays([0, 6]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        PresetButton,
-        {
-          label: "Every day",
-          isActive: isEveryday,
-          onClick: () => setWeekDays([0, 1, 2, 3, 4, 5, 6]),
-          disabled
-        }
+  const safeWeekDays = Array.isArray(weekDays) ? weekDays : [];
+  const isWeekdays2 = safeWeekDays.length === 5 && [1, 2, 3, 4, 5].every((d) => safeWeekDays.includes(d));
+  const isWeekendPreset = safeWeekDays.length === 2 && [0, 6].every((d) => safeWeekDays.includes(d));
+  const isEveryday = safeWeekDays.length === 7;
+  const dayButtons = DAYS.map(({ value, label }) => {
+    const isSelected = safeWeekDays.includes(value);
+    const isWeekendDay = value === 0 || value === 6;
+    return {
+      value,
+      label,
+      isSelected,
+      isWeekendDay,
+      className: lib.cn(
+        "flex flex-col items-center justify-center",
+        "py-2.5 rounded-lg text-xs font-medium",
+        "transition-all duration-150",
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
+        "active:scale-[0.97]",
+        isSelected ? "bg-primary text-primary-foreground shadow-sm" : lib.cn(
+          "bg-muted/50 hover:bg-muted",
+          isWeekendDay ? "text-muted-foreground/70" : "text-muted-foreground"
+        ),
+        disabled && "opacity-50 cursor-not-allowed pointer-events-none"
       )
-    ] })
+    };
+  });
+  const presets = [
+    { label: "Weekdays", isActive: isWeekdays2, days: [1, 2, 3, 4, 5] },
+    { label: "Weekends", isActive: isWeekendPreset, days: [0, 6] },
+    { label: "Every day", isActive: isEveryday, days: [0, 1, 2, 3, 4, 5, 6] }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-1", children: dayButtons.map((day) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        disabled,
+        onClick: () => toggleWeekDay(day.value),
+        "aria-pressed": day.isSelected,
+        className: day.className,
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: day.label })
+      },
+      day.value
+    )) }),
+    showPresets && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+      PresetButton,
+      {
+        label: preset.label,
+        isActive: preset.isActive,
+        onClick: () => setWeekDays(preset.days),
+        disabled
+      },
+      preset.label
+    )) })
   ] });
 }
 chunkWGEGR3DF_cjs.__name(DayChips, "DayChips");
@@ -704,74 +729,74 @@ function MonthDayGrid({
   className
 }) {
   const { monthDays, toggleMonthDay, setMonthDays } = useCronMonthDays();
-  const is1st = monthDays.length === 1 && monthDays[0] === 1;
-  const is15th = monthDays.length === 1 && monthDays[0] === 15;
-  const is1stAnd15th = monthDays.length === 2 && monthDays.includes(1) && monthDays.includes(15);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
-    showPresets && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        PresetButton2,
-        {
-          label: "1st",
-          isActive: is1st,
-          onClick: () => setMonthDays([1]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        PresetButton2,
-        {
-          label: "15th",
-          isActive: is15th,
-          onClick: () => setMonthDays([15]),
-          disabled
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        PresetButton2,
-        {
-          label: "1st & 15th",
-          isActive: is1stAnd15th,
-          onClick: () => setMonthDays([1, 15]),
-          disabled
-        }
+  const safeMonthDays = Array.isArray(monthDays) ? monthDays : [];
+  const is1st = safeMonthDays.length === 1 && safeMonthDays[0] === 1;
+  const is15th = safeMonthDays.length === 1 && safeMonthDays[0] === 15;
+  const is1stAnd15th = safeMonthDays.length === 2 && safeMonthDays.includes(1) && safeMonthDays.includes(15);
+  const presets = [
+    { label: "1st", isActive: is1st, days: [1] },
+    { label: "15th", isActive: is15th, days: [15] },
+    { label: "1st & 15th", isActive: is1stAnd15th, days: [1, 15] }
+  ];
+  const gridCells = Array.from({ length: GRID_SIZE }, (_, i) => {
+    const day = i + 1;
+    const isValidDay = day <= 31;
+    const isSelected = isValidDay && safeMonthDays.includes(day);
+    const isPartialMonth = day > 28;
+    if (!isValidDay) {
+      return { type: "empty", key: i };
+    }
+    return {
+      type: "day",
+      key: day,
+      day,
+      isSelected,
+      className: lib.cn(
+        "aspect-square flex items-center justify-center",
+        "rounded-lg text-sm font-medium",
+        "transition-all duration-150",
+        "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
+        "active:scale-[0.95]",
+        isSelected ? "bg-primary text-primary-foreground shadow-sm" : lib.cn(
+          "bg-muted/30 hover:bg-muted/60",
+          isPartialMonth ? "text-muted-foreground/50" : "text-muted-foreground"
+        ),
+        disabled && "opacity-50 cursor-not-allowed pointer-events-none"
       )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-1", children: Array.from({ length: GRID_SIZE }, (_, i) => {
-      const day = i + 1;
-      const isValidDay = day <= 31;
-      const isSelected = isValidDay && monthDays.includes(day);
-      const isPartialMonth = day > 28;
-      if (!isValidDay) {
-        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square" }, i);
+    };
+  });
+  const selectionCount = safeMonthDays.length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
+    showPresets && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: presets.map((preset) => /* @__PURE__ */ jsxRuntime.jsx(
+      PresetButton2,
+      {
+        label: preset.label,
+        isActive: preset.isActive,
+        onClick: () => setMonthDays(preset.days),
+        disabled
+      },
+      preset.label
+    )) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-7 gap-1", children: gridCells.map((cell) => {
+      if (cell.type === "empty") {
+        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-square" }, cell.key);
       }
       return /* @__PURE__ */ jsxRuntime.jsx(
         "button",
         {
           type: "button",
           disabled,
-          onClick: () => toggleMonthDay(day),
-          "aria-pressed": isSelected,
-          "aria-label": `Day ${day}`,
-          className: lib.cn(
-            "aspect-square flex items-center justify-center",
-            "rounded-lg text-sm font-medium",
-            "transition-all duration-150",
-            "focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50",
-            "active:scale-[0.95]",
-            isSelected ? "bg-primary text-primary-foreground shadow-sm" : lib.cn(
-              "bg-muted/30 hover:bg-muted/60",
-              isPartialMonth ? "text-muted-foreground/50" : "text-muted-foreground"
-            ),
-            disabled && "opacity-50 cursor-not-allowed pointer-events-none"
-          ),
-          children: day
+          onClick: () => toggleMonthDay(cell.day),
+          "aria-pressed": cell.isSelected,
+          "aria-label": `Day ${cell.day}`,
+          className: cell.className,
+          children: cell.day
         },
-        day
+        cell.key
       );
     }) }),
-    monthDays.length > 1 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground text-center", children: [
-      monthDays.length,
+    selectionCount > 1 && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground text-center", children: [
+      selectionCount,
       " days selected"
     ] })
   ] });
@@ -1011,5 +1036,5 @@ exports.useCronSchedulerContext = useCronSchedulerContext;
 exports.useCronTime = useCronTime;
 exports.useCronType = useCronType;
 exports.useCronWeekDays = useCronWeekDays;
-//# sourceMappingURL=chunk-CBGBDVUG.cjs.map
-//# sourceMappingURL=chunk-CBGBDVUG.cjs.map
+//# sourceMappingURL=chunk-WU6ZLOL4.cjs.map
+//# sourceMappingURL=chunk-WU6ZLOL4.cjs.map