@devalok/shilp-sutra-karm 0.1.0

package/dist/admin/break/edit-break.js

@@ -0,0 +1,485 @@
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { useState as g, useRef as Z, useEffect as A } from "react";
+import { useToast as _ } from "@devalok/shilp-sutra/ui";
+import { Dialog as $, DialogTrigger as v, DialogContent as L, DialogHeader as tt, DialogDescription as et } from "@devalok/shilp-sutra/ui";
+import { Button as q } from "@devalok/shilp-sutra/ui";
+import { DeleteBreak as rt } from "./delete-break.js";
+import { removeAllEmojis as at } from "../utils/emoji-utils.js";
+import { cn as f } from "@devalok/shilp-sutra/ui";
+import { isBreakDay as Y, checkDateOverlap as B, isDateAfter as nt, isDateSameOrAfter as st, isDateInRange as it } from "../utils/date-range-utils.js";
+import { isSameDay as S } from "../utils/date-utils.js";
+import { useBreakDatePicker as dt } from "./use-break-date-picker.js";
+import { format as D, endOfMonth as ot, getDay as J, subDays as lt, getDaysInMonth as ct, addDays as ut } from "date-fns";
+import { IconPencil as mt, IconArrowRight as ft, IconChevronDown as Dt } from "@tabler/icons-react";
+function pt({
+  selectedLeave: r,
+  existingBreaks: p,
+  onFetchMonthBreaks: y,
+  onSave: k,
+  onDelete: W
+}) {
+  var T;
+  const [w, C] = g(!1), [x, M] = g(
+    p || []
+  ), [V, I] = g(!1), [i, u] = g({
+    status: (r == null ? void 0 : r.status) || "",
+    comment: (r == null ? void 0 : r.adminComment) || "",
+    startDate: (r == null ? void 0 : r.startDate) || "",
+    endDate: (r == null ? void 0 : r.endDate) || ""
+  }), e = dt(), P = Z(null), { toast: m } = _();
+  A(() => {
+    if (r) {
+      const t = (a) => a ? D(new Date(a), "yyyy-MM-dd") : "";
+      u({
+        status: (r == null ? void 0 : r.status) || "",
+        comment: (r == null ? void 0 : r.adminComment) || "",
+        startDate: t(r == null ? void 0 : r.startDate),
+        endDate: t(r == null ? void 0 : r.endDate)
+      }), e.setSelectedStartDate(t(r == null ? void 0 : r.startDate)), e.setSelectedEndDate(t(r == null ? void 0 : r.endDate));
+    }
+  }, [r]), A(() => {
+    if (p) {
+      M(p);
+      return;
+    }
+    y && y(e.currentMonth, e.currentYear).then((t) => {
+      t && M(
+        t.map((a) => ({
+          ...a,
+          startDate: new Date(a.startDate).toISOString(),
+          endDate: new Date(a.endDate).toISOString()
+        }))
+      );
+    }).catch((t) => {
+      console.error("Error fetching breaks:", t);
+    });
+  }, [e.currentMonth, e.currentYear, p, y]);
+  const F = (t) => {
+    const { name: a, value: o } = t.target;
+    u((d) => ({
+      ...d,
+      [a]: o
+    }));
+  }, h = (t) => {
+    u((a) => ({
+      ...a,
+      status: t
+    })), C(!1);
+  }, R = (t) => {
+    if (e.setActiveDate(t), t === "start" && i.startDate) {
+      const a = new Date(i.startDate);
+      e.setCurrentMonth(a.getMonth()), e.setCurrentYear(a.getFullYear());
+    } else if (t === "end" && i.endDate) {
+      const a = new Date(i.endDate);
+      e.setCurrentMonth(a.getMonth()), e.setCurrentYear(a.getFullYear());
+    }
+    e.setShowCalendar(!0);
+  }, U = async (t) => {
+    if (t.preventDefault(), i.status === "PENDING") {
+      m({
+        title: "Action Required",
+        description: "Please update the status",
+        variant: "default"
+      });
+      return;
+    }
+    I(!0);
+    try {
+      k && k({
+        requestId: r.id,
+        userId: r.userId,
+        status: i.status,
+        adminComment: i.comment,
+        startDate: new Date(i.startDate).toISOString(),
+        endDate: new Date(i.endDate).toISOString(),
+        isEditing: !0
+      }), m({
+        description: "Break request updated successfully",
+        variant: "default"
+      });
+    } catch (a) {
+      console.error("Error updating break request:", a), m({
+        title: "Error",
+        description: "Failed to update break request",
+        variant: "error"
+      });
+    } finally {
+      I(!1);
+    }
+  }, E = (t) => {
+    const a = {
+      APPROVED: {
+        text: "Approved",
+        className: "bg-success-surface text-text-success"
+      },
+      PENDING: {
+        text: "Pending",
+        className: "bg-warning-surface text-text-warning"
+      },
+      REJECTED: {
+        text: "Deny",
+        className: "bg-error-surface text-text-error"
+      },
+      CANCELLED: {
+        text: "Redacted",
+        className: "bg-error-surface text-text-error"
+      }
+    }, { text: o, className: d } = a[t] || a.REJECTED;
+    return /* @__PURE__ */ n(
+      "div",
+      {
+        className: f("text-ds-sm w-fit rounded-ds-2xl px-ds-02b py-ds-02 capitalize", d),
+        children: o
+      }
+    );
+  }, O = (t) => t ? D(new Date(t), "EEEE, MMMM d") : "", G = (t, a) => {
+    const o = [], d = new Date(a, t, 1), j = ot(d), K = J(d), Q = 6 - J(j), N = /* @__PURE__ */ new Date();
+    for (let l = K - 1; l >= 0; l--) {
+      const c = lt(d, l + 1);
+      o.push({
+        date: c.getDate(),
+        fullDate: D(c, "yyyy-MM-dd"),
+        isPadding: !0,
+        isToday: S(c, N),
+        isWeekend: !1
+      });
+    }
+    const X = ct(d);
+    for (let l = 1; l <= X; l++) {
+      const c = new Date(a, t, l);
+      o.push({
+        date: l,
+        fullDate: D(c, "yyyy-MM-dd"),
+        isPadding: !1,
+        isToday: S(c, N),
+        isWeekend: !1
+      });
+    }
+    for (let l = 1; l <= Q; l++) {
+      const c = ut(j, l);
+      o.push({
+        date: c.getDate(),
+        fullDate: D(c, "yyyy-MM-dd"),
+        isPadding: !0,
+        isToday: S(c, N),
+        isWeekend: !1
+      });
+    }
+    return o;
+  }, z = (t) => {
+    if (Y(t.fullDate, x, r.id)) {
+      m({
+        title: "Error",
+        description: "This date is already part of another break request.",
+        variant: "error"
+      });
+      return;
+    }
+    if (!t.isPadding) {
+      if (e.activeDate === "start") {
+        const a = t.fullDate, o = e.selectedEndDate || a;
+        if (B(a, o, x, r.id)) {
+          m({
+            title: "Error",
+            description: "The selected date range overlaps with an existing break request.",
+            variant: "error"
+          });
+          return;
+        }
+        e.setSelectedStartDate(a), u((d) => ({
+          ...d,
+          startDate: a
+        })), e.selectedEndDate && nt(a, e.selectedEndDate) && (e.setSelectedEndDate(a), u((d) => ({
+          ...d,
+          endDate: a
+        })));
+      } else if (e.activeDate === "end") {
+        const a = t.fullDate, o = e.selectedStartDate || a;
+        if (B(o, a, x, r.id)) {
+          m({
+            title: "Error",
+            description: "The selected date range overlaps with an existing break request.",
+            variant: "error"
+          });
+          return;
+        }
+        e.selectedStartDate && st(a, e.selectedStartDate) ? (e.setSelectedEndDate(a), u((d) => ({
+          ...d,
+          endDate: a
+        }))) : e.selectedStartDate || (e.setSelectedStartDate(a), e.setSelectedEndDate(a), u((d) => ({
+          ...d,
+          startDate: a,
+          endDate: a
+        })));
+      }
+      e.setShowCalendar(!1);
+    }
+  }, b = (t) => !e.selectedStartDate || !e.selectedEndDate ? !!(e.showCalendar && (e.activeDate === "start" && i.startDate === t || e.activeDate === "end" && i.endDate === t)) : it(t, e.selectedStartDate, e.selectedEndDate), H = G(e.currentMonth, e.currentYear);
+  return /* @__PURE__ */ s($, { children: [
+    /* @__PURE__ */ n(v, { asChild: !0, children: /* @__PURE__ */ s(
+      q,
+      {
+        variant: "secondary",
+        className: "text-ds-base border-border bg-layer-01 px-ds-05 py-ds-04 pr-ds-06 text-text-secondary shadow-02",
+        children: [
+          /* @__PURE__ */ n(mt, {}),
+          /* @__PURE__ */ n("span", { children: "Edit" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ n(L, { className: "w-[440px] p-ds-06 max-md:w-[90%] max-md:rounded-ds-lg", children: /* @__PURE__ */ n(tt, { children: /* @__PURE__ */ n(et, { children: /* @__PURE__ */ s("div", { className: "flex w-full flex-col items-center gap-ds-05", children: [
+      /* @__PURE__ */ s("p", { className: "text-ds-md w-full text-left text-text-tertiary", children: [
+        "Edit break details of",
+        " ",
+        /* @__PURE__ */ n("span", { className: "font-semibold text-interactive", children: (T = r == null ? void 0 : r.user) == null ? void 0 : T.name })
+      ] }),
+      /* @__PURE__ */ s(
+        "form",
+        {
+          ref: P,
+          onSubmit: U,
+          id: "updateleaveform",
+          className: "flex w-full flex-col gap-ds-05",
+          children: [
+            /* @__PURE__ */ s("div", { className: "flex w-full flex-col gap-ds-02 rounded-ds-lg border border-border-subtle px-ds-05 pb-ds-03 pt-ds-04", children: [
+              /* @__PURE__ */ n("h2", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "Reason" }),
+              /* @__PURE__ */ n("p", { className: "text-ds-md text-text-primary", children: at(r == null ? void 0 : r.reason) })
+            ] }),
+            /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-center gap-ds-02", children: [
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => R("start"),
+                  className: f(
+                    "text-ds-md flex w-full items-center justify-center gap-ds-03 rounded-ds-full border bg-layer-02 px-ds-03 py-ds-03 text-text-secondary max-md:text-ds-sm",
+                    e.showCalendar && e.activeDate === "start" ? "border-border-strong" : "border-border"
+                  ),
+                  children: O(i.startDate)
+                }
+              ),
+              /* @__PURE__ */ n("div", { className: "flex h-ico-sm w-ico-sm items-center", children: /* @__PURE__ */ n(ft, { className: "h-ico-sm w-ico-sm text-icon-secondary" }) }),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => R("end"),
+                  className: f(
+                    "text-ds-md flex w-full items-center justify-center gap-ds-03 rounded-ds-full border bg-layer-02 px-ds-03 py-ds-03 text-text-secondary max-md:text-ds-sm",
+                    e.showCalendar && e.activeDate === "end" ? "border-border-strong" : "border-border"
+                  ),
+                  children: O(i.endDate)
+                }
+              )
+            ] }),
+            e.showCalendar && /* @__PURE__ */ s("div", { className: "", children: [
+              /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: "rounded-ds-full p-ds-03 hover:bg-field-hover",
+                    onClick: () => e.navigateMonth("prev"),
+                    children: /* @__PURE__ */ n(
+                      "svg",
+                      {
+                        className: "h-ico-md w-ico-md",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        children: /* @__PURE__ */ n(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M15 19l-7-7 7-7"
+                          }
+                        )
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ s("div", { className: "text-ds-md font-semibold uppercase", children: [
+                  new Date(e.currentYear, e.currentMonth).toLocaleString(
+                    "default",
+                    {
+                      month: "long"
+                    }
+                  ),
+                  " ",
+                  e.currentYear
+                ] }),
+                /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    className: "rounded-ds-full p-ds-03 hover:bg-field-hover",
+                    onClick: () => e.navigateMonth("next"),
+                    children: /* @__PURE__ */ n(
+                      "svg",
+                      {
+                        className: "h-ico-md w-ico-md",
+                        fill: "none",
+                        viewBox: "0 0 24 24",
+                        stroke: "currentColor",
+                        children: /* @__PURE__ */ n(
+                          "path",
+                          {
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round",
+                            strokeWidth: 2,
+                            d: "M9 5l7 7-7 7"
+                          }
+                        )
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ s("div", { className: "calendar grid w-full grid-cols-7 items-center gap-0 overflow-hidden", children: [
+                ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"].map(
+                  (t) => /* @__PURE__ */ n("div", { className: "pb-ds-03 pt-ds-05 text-center", children: /* @__PURE__ */ n("span", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-tertiary", children: t }) }, t)
+                ),
+                H.map((t, a) => /* @__PURE__ */ n(
+                  "button",
+                  {
+                    type: "button",
+                    tabIndex: t.isPadding ? -1 : 0,
+                    "aria-label": t.isPadding ? void 0 : D(new Date(t.fullDate), "MMMM d, yyyy"),
+                    className: f(
+                      "flex cursor-pointer flex-col items-center pb-0 pt-0 text-center",
+                      b(t.fullDate) && t.fullDate !== e.selectedStartDate && t.fullDate !== e.selectedEndDate && "bg-layer-accent-subtle",
+                      t.isPadding && "opacity-50",
+                      t.fullDate === e.selectedStartDate && b(t.fullDate) && "start-date mini",
+                      t.fullDate === e.selectedEndDate && b(t.fullDate) && "end-date mini",
+                      b(t.fullDate) && t.fullDate !== e.selectedStartDate && t.fullDate !== e.selectedEndDate && "in-range-date",
+                      e.selectedStartDate === e.selectedEndDate && "same-date"
+                    ),
+                    onClick: () => z(t),
+                    children: /* @__PURE__ */ n(
+                      "div",
+                      {
+                        className: f(
+                          "mx-ds-02 my-ds-02",
+                          t.isPadding && "opacity-50"
+                        ),
+                        children: /* @__PURE__ */ n(
+                          "span",
+                          {
+                            className: f(
+                              "text-ds-base flex h-ds-md w-ds-md items-center justify-center rounded-ds-full",
+                              (t.fullDate === e.selectedStartDate || t.fullDate === e.selectedEndDate || Y(t.fullDate, x, r.id)) && "bg-accent ring-2 ring-inset ring-accent",
+                              t.isToday ? "bg-interactive-hover p-ds-03 text-text-on-color" : "text-text-secondary"
+                            ),
+                            children: t.date
+                          }
+                        )
+                      }
+                    )
+                  },
+                  a
+                ))
+              ] })
+            ] }),
+            /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-border px-ds-05 py-ds-04", children: [
+              /* @__PURE__ */ n("p", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "No of Days" }),
+              /* @__PURE__ */ n("p", { className: "text-ds-xl font-semibold text-text-primary", children: r.numberOfDays })
+            ] }),
+            /* @__PURE__ */ s("div", { className: "flex w-full items-center justify-between rounded-ds-lg border border-border px-ds-05 py-ds-04", children: [
+              /* @__PURE__ */ n("p", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "Status" }),
+              /* @__PURE__ */ s("div", { className: "relative flex items-center gap-ds-02", children: [
+                /* @__PURE__ */ s(
+                  "button",
+                  {
+                    type: "button",
+                    className: "flex cursor-pointer items-center gap-ds-02",
+                    "aria-label": "Change status",
+                    "aria-haspopup": "listbox",
+                    "aria-expanded": w,
+                    onClick: () => C(!w),
+                    children: [
+                      E(i.status),
+                      /* @__PURE__ */ n(Dt, {})
+                    ]
+                  }
+                ),
+                w && /* @__PURE__ */ s("div", { className: "text-ds-base absolute left-[10px] top-[25px] z-raised flex flex-col overflow-hidden rounded-ds-md border border-border bg-layer-01 shadow-02", role: "listbox", children: [
+                  /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: "cursor-pointer border-b border-b-border bg-layer-01 px-ds-04 py-ds-03 text-left",
+                      role: "option",
+                      tabIndex: 0,
+                      "aria-selected": i.status === "APPROVED",
+                      onClick: () => h("APPROVED"),
+                      onKeyDown: (t) => {
+                        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), h("APPROVED"));
+                      },
+                      children: E("APPROVED")
+                    }
+                  ),
+                  /* @__PURE__ */ n(
+                    "div",
+                    {
+                      className: "cursor-pointer bg-layer-01 px-ds-04 py-ds-03 text-left",
+                      role: "option",
+                      tabIndex: 0,
+                      "aria-selected": i.status === "REJECTED",
+                      onClick: () => h("REJECTED"),
+                      onKeyDown: (t) => {
+                        (t.key === "Enter" || t.key === " ") && (t.preventDefault(), h("REJECTED"));
+                      },
+                      children: E("REJECTED")
+                    }
+                  )
+                ] })
+              ] })
+            ] }),
+            /* @__PURE__ */ s("div", { className: "flex w-full flex-col gap-ds-02 rounded-ds-lg border border-border-subtle px-ds-05 pb-ds-03 pt-ds-04", children: [
+              /* @__PURE__ */ n("h2", { className: "text-ds-xs font-semibold uppercase tracking-wider  text-text-placeholder", children: "Comment" }),
+              /* @__PURE__ */ n(
+                "input",
+                {
+                  type: "text",
+                  name: "comment",
+                  className: "text-ds-md text-text-primary outline-none",
+                  placeholder: "Enjoy your break, TC",
+                  value: i.comment,
+                  onChange: F
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s("div", { className: "flex w-full justify-between", children: [
+              /* @__PURE__ */ n("div", { className: "flex h-ds-md w-ds-md items-center justify-center", children: /* @__PURE__ */ n(
+                rt,
+                {
+                  id: r.id,
+                  userId: r.userId,
+                  onDelete: W
+                }
+              ) }),
+              /* @__PURE__ */ n(
+                q,
+                {
+                  className: "w-fit",
+                  variant: "secondary",
+                  disabled: V,
+                  onClick: () => {
+                    var t;
+                    return (t = P.current) == null ? void 0 : t.requestSubmit();
+                  },
+                  children: "Update"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }) }) }) })
+  ] });
+}
+pt.displayName = "EditBreak";
+export {
+  pt as EditBreak
+};

package/dist/admin/break/header.d.ts

@@ -0,0 +1,22 @@
+import { AdminUser } from '../types';
+import * as React from 'react';
+export interface BreakAdminFilters {
+    selectedAssociate: AdminUser | null;
+    dateFilterStart: string | Date | null;
+    dateFilterEnd: string | Date | null;
+    currMonth: number;
+    currYear: number;
+    isOpen: boolean;
+}
+export interface BreakAdminHeaderProps {
+    filters: BreakAdminFilters;
+    onFilterChange: (filters: BreakAdminFilters) => void;
+    breakBalance?: {
+        remainingDays: number;
+        breakBalance: number;
+    } | null;
+    userImages: Record<string, string>;
+    users: AdminUser[];
+}
+export declare const BreakAdminHeader: React.ForwardRefExoticComponent<BreakAdminHeaderProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=header.d.ts.map

package/dist/admin/break/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/admin/break/header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAqBzC,MAAM,WAAW,iBAAiB;IAChC,iBAAiB,EAAE,SAAS,GAAG,IAAI,CAAA;IACnC,eAAe,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACrC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;IACnC,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,OAAO,CAAA;CAChB;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,iBAAiB,CAAA;IAC1B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,YAAY,CAAC,EAAE;QAAE,aAAa,EAAE,MAAM,CAAC;QAAC,YAAY,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACrE,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAClC,KAAK,EAAE,SAAS,EAAE,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,8FAqP5B,CAAA"}