@devalok/shilp-sutra-karm 0.8.2 → 0.9.0

package/dist/admin/break/leave-request.js

@@ -1,162 +0,0 @@
-"use client";
-import { jsxs as r, Fragment as p, jsx as e } from "react/jsx-runtime";
-import * as S from "react";
-import { useState as O } from "react";
-import { Dialog as W, DialogContent as Y, DialogHeader as B, DialogTitle as E, DialogDescription as H } from "@devalok/shilp-sutra/ui/dialog";
-import { Textarea as V } from "@devalok/shilp-sutra/ui/textarea";
-import { formatDateWithWeekday as h } from "../utils/date-utils.js";
-import { Avatar as X, AvatarImage as G, AvatarFallback as J } from "@devalok/shilp-sutra/ui/avatar";
-import { Button as x } from "@devalok/shilp-sutra/ui/button";
-import { isSameDay as K } from "date-fns";
-import { Tooltip as s, TooltipTrigger as d, TooltipContent as n } from "@devalok/shilp-sutra/ui/tooltip";
-import { IconX as M, IconCheck as P } from "@tabler/icons-react";
-const Q = S.forwardRef(function({
-  request: a,
-  userImages: R,
-  handleRejectRequest: f,
-  handleApproveRequest: b,
-  commentBoxOpen: z,
-  onCommentBoxClose: A,
-  clickedAction: o,
-  userId: t
-}, F) {
-  var N, y, w, u, D, C, k, j, T;
-  const [c, g] = O(""), m = new Date(a.startDate), v = new Date(a.endDate), L = K(m, v);
-  return /* @__PURE__ */ r(p, { children: [
-    /* @__PURE__ */ r(
-      "div",
-      {
-        ref: F,
-        className: "flex justify-between border-b border-border px-ds-03 py-ds-04 last:border-b-0",
-        children: [
-          /* @__PURE__ */ r("div", { className: "flex w-full items-center gap-ds-04", children: [
-            /* @__PURE__ */ r(X, { className: "h-ds-md w-ds-md", children: [
-              /* @__PURE__ */ e(G, { src: R[((N = a.user) == null ? void 0 : N.id) || ""], alt: ((y = a.user) == null ? void 0 : y.name) || "" }),
-              /* @__PURE__ */ e(J, { children: (((w = a.user) == null ? void 0 : w.name) || "?")[0] })
-            ] }),
-            /* @__PURE__ */ r("div", { className: "flex w-auto max-w-[75%] flex-col items-start gap-ds-02b", children: [
-              /* @__PURE__ */ e("div", { className: "flex flex-row gap-ds-02b", children: /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-03", children: [
-                /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-secondary", children: (u = a.user) == null ? void 0 : u.name }),
-                a.correction && /* @__PURE__ */ r(p, { children: [
-                  /* @__PURE__ */ e("div", { className: "block h-3 w-[1px] bg-border-subtle" }),
-                  " ",
-                  /* @__PURE__ */ e("p", { className: "text-ds-sm text-interactive", children: "Attendance Corrections" }),
-                  " "
-                ] })
-              ] }) }),
-              /* @__PURE__ */ e("div", { className: "flex w-full flex-wrap items-center gap-ds-04", children: L ? /* @__PURE__ */ r("div", { className: "flex w-full flex-wrap items-center gap-ds-03", children: [
-                /* @__PURE__ */ r(s, { children: [
-                  /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e("p", { className: "text-ds-base font-semibold line-clamp-2 cursor-default text-text-primary", children: a.reason }) }),
-                  /* @__PURE__ */ e(n, { children: a.reason })
-                ] }),
-                /* @__PURE__ */ r("p", { className: "text-ds-base text-text-tertiary", children: [
-                  "• ",
-                  h(m)
-                ] })
-              ] }) : /* @__PURE__ */ r(p, { children: [
-                /* @__PURE__ */ r(s, { children: [
-                  /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e("p", { className: "text-ds-base font-semibold line-clamp-2 cursor-default text-text-primary", children: a.reason }) }),
-                  /* @__PURE__ */ e(n, { children: a.reason })
-                ] }),
-                /* @__PURE__ */ r("p", { className: "text-ds-base text-text-tertiary", children: [
-                  h(m),
-                  " to",
-                  " ",
-                  h(v),
-                  ",",
-                  /* @__PURE__ */ r("span", { className: "text-interactive-hover", children: [
-                    " ",
-                    a.numberOfDays,
-                    " days"
-                  ] })
-                ] })
-              ] }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "flex items-center gap-ds-04", children: [
-            /* @__PURE__ */ r(s, { delayDuration: 0, children: [
-              /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(
-                x,
-                {
-                  variant: "ghost",
-                  size: "icon-sm",
-                  onClick: (l) => {
-                    var i;
-                    return ((i = a.user) == null ? void 0 : i.id) !== t && f(l, a.id);
-                  },
-                  disabled: ((D = a.user) == null ? void 0 : D.id) === t,
-                  "aria-label": "Reject break request",
-                  children: /* @__PURE__ */ e(M, { className: "h-ico-lg w-ico-lg" })
-                }
-              ) }),
-              ((C = a.user) == null ? void 0 : C.id) === t && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("p", { children: "You cannot approve/reject your own break request" }) })
-            ] }),
-            /* @__PURE__ */ r(s, { delayDuration: 0, children: [
-              /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(
-                x,
-                {
-                  variant: "ghost",
-                  size: "icon-sm",
-                  onClick: (l) => {
-                    var i;
-                    return ((i = a.user) == null ? void 0 : i.id) !== t && b(l, a.id);
-                  },
-                  disabled: ((k = a.user) == null ? void 0 : k.id) === t,
-                  "aria-label": "Approve break request",
-                  children: /* @__PURE__ */ e(P, { className: "h-ico-lg w-ico-lg" })
-                }
-              ) }),
-              ((j = a.user) == null ? void 0 : j.id) === t && /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e("p", { children: "You cannot approve/reject your own break request" }) })
-            ] })
-          ] })
-        ]
-      },
-      a.id
-    ),
-    /* @__PURE__ */ e(
-      W,
-      {
-        open: z,
-        onOpenChange: () => {
-          A(), g("");
-        },
-        children: /* @__PURE__ */ r(Y, { children: [
-          /* @__PURE__ */ r(B, { children: [
-            /* @__PURE__ */ e(E, { className: "text-ds-xl", children: (T = a.user) == null ? void 0 : T.name }),
-            /* @__PURE__ */ e(H, { className: "text-ds-lg", children: a.reason })
-          ] }),
-          /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ r("div", { className: "text-ds-md flex flex-col items-start justify-center gap-ds-03 rounded-ds-lg border border-border-subtle bg-layer-01 shadow-01 px-ds-05 pb-ds-01 pt-ds-03 text-text-primary", children: [
-              /* @__PURE__ */ e("label", { className: "text-ds-xs font-semibold uppercase tracking-wider text-text-helper", htmlFor: "comment", children: "Comment" }),
-              /* @__PURE__ */ e(
-                V,
-                {
-                  id: "comment",
-                  defaultValue: c,
-                  onChange: (l) => g(l.target.value),
-                  placeholder: "Enjoy your break",
-                  className: "resize-none border-none px-0 shadow-none placeholder:font-accent"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(
-              x,
-              {
-                className: "mt-ds-06",
-                variant: "solid",
-                onClick: () => {
-                  o === "approve" ? b(void 0, a.id, c) : o === "reject" && f(void 0, a.id, c);
-                },
-                children: o === "approve" ? "Approve" : "Reject"
-              }
-            )
-          ] })
-        ] })
-      }
-    )
-  ] });
-});
-Q.displayName = "LeaveRequest";
-export {
-  Q as LeaveRequest
-};

package/dist/admin/break/use-break-date-picker.js

@@ -1,43 +0,0 @@
-"use client";
-import { useState as t, useCallback as w } from "react";
-function m() {
-  const [i, u] = t(!1), [M, D] = t(null), [s, a] = t((/* @__PURE__ */ new Date()).getMonth()), [o, c] = t((/* @__PURE__ */ new Date()).getFullYear()), [S, d] = t(
-    null
-  ), [f, h] = t(null), C = w(
-    (g) => {
-      const e = s, n = o;
-      if (g === "next") {
-        const l = e === 11 ? 0 : e + 1, r = e === 11 ? n + 1 : n;
-        a(l), c(r);
-      } else {
-        const l = e === 0 ? 11 : e - 1, r = e === 0 ? n - 1 : n;
-        a(l), c(r);
-      }
-    },
-    [s, o]
-  ), Y = w(() => {
-    u(!1), D(null), d(null), h(null);
-  }, []);
-  return {
-    // State
-    showCalendar: i,
-    activeDate: M,
-    currentMonth: s,
-    currentYear: o,
-    selectedStartDate: S,
-    selectedEndDate: f,
-    // Setters (for cases needing direct access)
-    setShowCalendar: u,
-    setActiveDate: D,
-    setCurrentMonth: a,
-    setCurrentYear: c,
-    setSelectedStartDate: d,
-    setSelectedEndDate: h,
-    // Helpers
-    navigateMonth: C,
-    resetDates: Y
-  };
-}
-export {
-  m as useBreakDatePicker
-};

package/dist/admin/dashboard/admin-dashboard.js

@@ -1,337 +0,0 @@
-"use client";
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import A, { useState as F, useCallback as E, useMemo as H, useEffect as T, createContext as I, useContext as P } from "react";
-import { cva as C } from "class-variance-authority";
-import { cn as N } from "@devalok/shilp-sutra/ui/lib/utils";
-import { DashboardSkeleton as _ } from "./dashboard-skeleton.js";
-import { DashboardHeader as B } from "./dashboard-header.js";
-import { RenderDate as V } from "./render-date.js";
-import { AttendanceOverview as z } from "./attendance-overview.js";
-import { AssociateDetail as G } from "./associate-detail.js";
-import { CorrectionList as K } from "./correction-list.js";
-import { LeaveRequests as W } from "./leave-requests.js";
-import { useCalendarNavigation as Y } from "./use-calendar-navigation.js";
-import { format as w } from "date-fns";
-const q = I(
-  null
-);
-function R() {
-  const x = P(q);
-  if (!x)
-    throw new Error(
-      "AdminDashboard compound components must be used within <AdminDashboard.Root>"
-    );
-  return x;
-}
-const g = A.forwardRef(function({
-  currentUserId: s,
-  currentUserRole: a,
-  currentUser: n,
-  assetsBaseUrl: l = "",
-  userImages: d = {},
-  isLoading: m = !1,
-  onAssociateChange: e,
-  children: u
-}, h) {
-  const b = Y(), [i, c] = F("leaveRequest"), [f, o] = F(
-    null
-  ), y = E(
-    (t) => {
-      o(t), e == null || e(t);
-    },
-    [e]
-  ), D = H(
-    () => ({
-      currentUserId: s,
-      currentUserRole: a,
-      currentUser: n,
-      assetsBaseUrl: l,
-      userImages: d,
-      cal: b,
-      activeTab: i,
-      setActiveTab: c,
-      selectedAssociate: f,
-      setSelectedAssociate: y
-    }),
-    [
-      s,
-      a,
-      n,
-      l,
-      d,
-      b,
-      i,
-      f,
-      y
-    ]
-  );
-  return m ? /* @__PURE__ */ r(_, {}) : /* @__PURE__ */ r(q.Provider, { value: D, children: /* @__PURE__ */ r(
-    "div",
-    {
-      ref: h,
-      className: "flex w-full max-w-layout flex-col items-center justify-center max-md:h-[100%] max-md:justify-start",
-      children: /* @__PURE__ */ r("div", { className: "z-raised flex w-full flex-col items-start justify-start rounded-ds-lg border border-border bg-layer-02 p-ds-05 shadow-05 max-md:flex-1 max-md:min-h-0 max-md:overflow-y-auto max-md:border-0 max-md:px-ds-05 max-md:pb-0 max-md:pt-ds-06", children: u })
-    }
-  ) });
-});
-g.displayName = "AdminDashboard.Root";
-const M = A.forwardRef(function({
-  dateAttendanceMap: s = null,
-  onDateChange: a,
-  onTimeFrameChange: n,
-  users: l = [],
-  selectedUserAttendance: d = null
-}, m) {
-  const { cal: e, selectedAssociate: u, setSelectedAssociate: h, userImages: b, setActiveTab: i } = R(), c = () => {
-    e.goToday(), i("leaveRequest");
-  }, f = (t) => {
-    e.navigateDate(t), i("leaveRequest");
-  }, o = (t) => {
-    e.selectMonth(t), i("leaveRequest");
-  }, y = (t) => {
-    const v = e.days[t].fullDate;
-    e.selectDate(t, v), a == null || a(w(v, "yyyy-MM-dd'T'HH:mm:ssxxx"));
-  }, D = (t, v) => {
-    e.activeTimeFrame === "weekly" ? (y(t), i("leaveRequest")) : (e.selectDayMonthly(v), i("leaveRequest"), a == null || a(w(v, "yyyy-MM-dd'T'HH:mm:ssxxx")));
-  };
-  return T(() => {
-    n == null || n(e.activeTimeFrame);
-  }, [e.activeTimeFrame]), T(() => {
-    a == null || a(e.selectedDate);
-  }, [e.selectedDate]), /* @__PURE__ */ p("div", { ref: m, children: [
-    /* @__PURE__ */ r(
-      B,
-      {
-        selectedMonth: e.selectedMonth,
-        yearsList: e.getYearsList(),
-        isTodaySelected: e.isTodaySelected(),
-        selectedAssociate: u,
-        users: l,
-        userImages: b,
-        activeTimeFrame: e.activeTimeFrame,
-        onMonthSelection: o,
-        onTodayClick: c,
-        onSelectAssociate: h,
-        onTimeFrameChange: (t) => e.setActiveTimeFrame(t),
-        onDateChange: f
-      }
-    ),
-    /* @__PURE__ */ p(
-      "div",
-      {
-        className: N(
-          "calendar",
-          e.activeTimeFrame === "weekly" ? "flex" : "grid grid-cols-7 gap-0",
-          "w-full items-center"
-        ),
-        children: [
-          e.activeTimeFrame === "monthly" && ["SUN", "MON", "TUE", "WED", "THU", "FRI", "SAT"].map((t) => /* @__PURE__ */ r("div", { className: "pb-ds-03 pt-ds-05 text-center", children: /* @__PURE__ */ r("span", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-tertiary", children: t }) }, t)),
-          e.days.map((t, v) => /* @__PURE__ */ p(
-            "button",
-            {
-              type: "button",
-              tabIndex: t.isPadding ? -1 : 0,
-              "aria-label": t.isPadding ? void 0 : w(t.fullDate, "MMMM d, yyyy"),
-              className: N(
-                e.activeTimeFrame === "weekly" ? "w-full rounded-t-ds-lg pb-ds-04 pt-ds-05 max-md:rounded-ds-lg" : "pb-0 pt-0",
-                "flex cursor-pointer flex-col items-center text-center",
-                e.activeTimeFrame === "weekly" && e.activeIndex === v ? (d == null ? void 0 : d.status) === "BREAK" ? "bg-layer-accent-subtle" : "bg-layer-02" : "",
-                t.isPadding && "opacity-[0.5]"
-              ),
-              onClick: () => D(v, t.fullDate),
-              children: [
-                e.activeTimeFrame === "weekly" && /* @__PURE__ */ r("span", { className: "text-ds-sm font-semibold uppercase tracking-wider mb-ds-03  text-text-tertiary", children: t.day }),
-                /* @__PURE__ */ r(
-                  V,
-                  {
-                    day: t,
-                    isAdmin: !0,
-                    selectedDate: e.selectedDate,
-                    dateAttendanceMap: u ? s : null,
-                    activeTimeFrame: e.activeTimeFrame
-                  }
-                )
-              ]
-            },
-            v
-          ))
-        ]
-      }
-    )
-  ] });
-});
-M.displayName = "AdminDashboard.Calendar";
-const S = A.forwardRef(function({ groupedAttendance: s = null, users: a = [] }, n) {
-  const { cal: l, selectedAssociate: d, userImages: m } = R();
-  return d ? null : /* @__PURE__ */ r("div", { ref: n, children: /* @__PURE__ */ r(
-    z,
-    {
-      isFutureDate: l.isFutureDate,
-      users: a,
-      groupedAttendance: s,
-      userImages: m,
-      selectedDate: l.selectedDate
-    }
-  ) });
-});
-S.displayName = "AdminDashboard.AttendanceOverview";
-const L = A.forwardRef(function({
-  attendance: s = null,
-  tasks: a = [],
-  breakRequest: n = null,
-  onUpdateAttendanceStatus: l,
-  onToggleTaskStatus: d,
-  onAddTask: m,
-  onReorderTasks: e,
-  onCancelBreak: u,
-  onRefreshSelectedUserAttendance: h,
-  onRefreshAttendanceData: b
-}, i) {
-  const { cal: c, selectedAssociate: f, assetsBaseUrl: o } = R();
-  return f ? /* @__PURE__ */ r("div", { ref: i, children: /* @__PURE__ */ r(
-    G,
-    {
-      selectedAssociate: f,
-      selectedDate: c.selectedDate,
-      selectedUserAttendance: s,
-      userTasks: a,
-      selectedBreakRequest: n,
-      isFutureDate: c.isFutureDate,
-      assetsBaseUrl: o,
-      onUpdateAttendanceStatus: l,
-      onToggleTaskStatus: d,
-      onAddTask: m,
-      onReorderTasks: e,
-      onCancelBreak: u,
-      onRefreshSelectedUserAttendance: h,
-      onRefreshAttendanceData: b
-    }
-  ) }) : null;
-});
-L.displayName = "AdminDashboard.AssociateDetail";
-const k = C(
-  "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer px-ds-03 py-ds-04",
-  {
-    variants: {
-      active: {
-        true: "border-b-[1px] border-b-interactive-hover text-text-primary",
-        false: "text-text-tertiary"
-      }
-    },
-    defaultVariants: {
-      active: !1
-    }
-  }
-), O = A.forwardRef(function({
-  requests: s = [],
-  corrections: a = [],
-  onApproveBreak: n,
-  onRejectBreak: l,
-  onApproveCorrection: d,
-  onRejectCorrection: m
-}, e) {
-  const { currentUserId: u, userImages: h, cal: b, activeTab: i, setActiveTab: c, assetsBaseUrl: f } = R(), o = a.filter(
-    (D) => D.correctionStatus === "PENDING"
-  );
-  T(() => {
-    s.length > 0 ? c("leaveRequest") : o.length > 0 && c("attendanceRequest");
-  }, [s.length, o.length, c]);
-  const y = (D) => {
-    c(D);
-  };
-  return o.length === 0 && s.length === 0 ? null : /* @__PURE__ */ r("div", { ref: e, className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ p("div", { className: "max-md:pt-[16px] flex flex-col items-start overflow-hidden rounded-ds-lg border-0 border-border-subtle bg-layer-01 shadow-01 pt-ds-03 md:border max-md:pb-0", children: [
-    /* @__PURE__ */ p("div", { className: "flex w-full items-start border-b-[1px] border-b-border px-ds-06 md:border-b max-md:border-0 max-md:px-0", children: [
-      s.length > 0 && /* @__PURE__ */ p(
-        "button",
-        {
-          type: "button",
-          onClick: () => y("leaveRequest"),
-          "aria-current": i === "leaveRequest" ? "true" : void 0,
-          className: k({ active: i === "leaveRequest" }),
-          children: [
-            /* @__PURE__ */ r("span", { className: "hidden sm:inline", children: "break " }),
-            "Requests",
-            /* @__PURE__ */ p("span", { className: "text-interactive-hover", children: [
-              "(",
-              s.length,
-              ")"
-            ] })
-          ]
-        }
-      ),
-      o.length > 0 && /* @__PURE__ */ p(
-        "button",
-        {
-          type: "button",
-          onClick: () => y("attendanceRequest"),
-          "aria-current": i === "attendanceRequest" ? "true" : void 0,
-          className: k({ active: i === "attendanceRequest" }),
-          children: [
-            "Attendance Correction",
-            " ",
-            /* @__PURE__ */ p("span", { className: "text-interactive-hover", children: [
-              "(",
-              o.length,
-              ")"
-            ] })
-          ]
-        }
-      )
-    ] }),
-    i === "attendanceRequest" && o.length > 0 && /* @__PURE__ */ r(
-      K,
-      {
-        corrections: o,
-        currentUserId: u,
-        userImages: h,
-        assetsBaseUrl: f,
-        activeTimeFrame: b.activeTimeFrame,
-        onApproveCorrection: d,
-        onRejectCorrection: m
-      }
-    ),
-    i === "leaveRequest" && s.length > 0 && /* @__PURE__ */ r(
-      W,
-      {
-        requests: s,
-        currentUserId: u,
-        userImages: h,
-        activeTimeFrame: b.activeTimeFrame,
-        onApproveBreak: n,
-        onRejectBreak: l
-      }
-    )
-  ] }) });
-});
-O.displayName = "AdminDashboard.LeaveRequests";
-const j = A.forwardRef(function({ children: s }, a) {
-  const { cal: n } = R(), l = n.isFirstDate(), d = n.isLastDate();
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      ref: a,
-      className: N(
-        "flex w-full flex-col rounded-ds-lg bg-layer-02 md:p-ds-06 max-md:bg-transparent",
-        {
-          "rounded-ds-lg": !l && !d,
-          "rounded-ds-lg rounded-tl-none": l && !d,
-          "rounded-b-ds-lg rounded-tr-none": !l && d,
-          "rounded-ds-none": l && d
-        }
-      ),
-      children: s
-    }
-  );
-});
-j.displayName = "AdminDashboard.Content";
-const le = Object.assign(g, {
-  Root: g,
-  Calendar: M,
-  AttendanceOverview: S,
-  AssociateDetail: L,
-  LeaveRequests: O,
-  Content: j
-});
-export {
-  le as AdminDashboard
-};