@devalok/shilp-sutra-karm 0.1.0

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

@@ -0,0 +1,153 @@
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import * as C from "react";
+import { DropdownMenu as x, DropdownMenuTrigger as h, DropdownMenuContent as p, DropdownMenuItem as o } from "@devalok/shilp-sutra/ui";
+import { Button as D } from "@devalok/shilp-sutra/ui";
+import { IconButton as f } from "@devalok/shilp-sutra/ui";
+import { SegmentedControl as k } from "@devalok/shilp-sutra/ui";
+import { cn as b } from "@devalok/shilp-sutra/ui";
+import { IconChevronDown as N, IconX as I, IconUser as M, IconChevronLeft as z, IconChevronRight as H } from "@tabler/icons-react";
+const R = C.forwardRef(
+  function({
+    selectedMonth: m,
+    yearsList: n,
+    isTodaySelected: w,
+    selectedAssociate: r,
+    users: a,
+    userImages: s,
+    activeTimeFrame: u,
+    onMonthSelection: v,
+    onTodayClick: y,
+    onSelectAssociate: c,
+    onTimeFrameChange: g,
+    onDateChange: i
+  }, j) {
+    return /* @__PURE__ */ d("div", { ref: j, className: "mb-ds-06 flex w-full flex-col items-start justify-between md:flex-row md:items-center", children: [
+      /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-ds-05 md:w-auto md:justify-start", children: [
+        /* @__PURE__ */ d(x, { children: [
+          /* @__PURE__ */ d(h, { className: "text-ds-xl flex items-center gap-ds-03 text-text-secondary", children: [
+            m,
+            /* @__PURE__ */ e(N, {})
+          ] }),
+          /* @__PURE__ */ e(p, { className: "custom-scrollbar absolute ml-ds-08 max-h-[300px] overflow-y-auto rounded-ds-md border border-0 border-border p-0 shadow-brand", children: n.map((t, l) => /* @__PURE__ */ e(
+            o,
+            {
+              onSelect: () => {
+                v(t);
+              },
+              className: b("p-0", l !== n.length - 1 ? "border-b border-b-border" : ""),
+              children: /* @__PURE__ */ e(
+                "span",
+                {
+                  className: b("w-full py-ds-04 pl-ds-05 pr-ds-06", m === t ? "text-ds-md font-semibold bg-interactive text-text-on-color" : "text-ds-md text-text-secondary hover:bg-layer-02", l === 0 ? "rounded-t-[7px]" : l === n.length - 1 ? "rounded-b-[7px]" : ""),
+                  children: t.split(" ")[1]
+                }
+              )
+            },
+            t
+          )) })
+        ] }),
+        !w && /* @__PURE__ */ e(
+          D,
+          {
+            variant: "secondary",
+            onClick: y,
+            children: "Today"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-ds-05 md:mt-0 md:w-auto md:justify-start max-md:mt-[17px] max-lg:gap-[0.5rem]", children: [
+        /* @__PURE__ */ e("div", { className: "hidden md:flex", children: r ? /* @__PURE__ */ d("div", { className: "text-ds-md flex items-center justify-start rounded-ds-md bg-interactive px-ds-03 py-ds-02b text-text-on-color", children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center justify-start gap-0", children: [
+            s[r.id] ? /* @__PURE__ */ e(
+              "img",
+              {
+                src: s[r.id],
+                alt: `${r.name}'s avatar`,
+                className: "h-ico-md w-ico-md rounded-ds-full"
+              }
+            ) : /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md flex-shrink-0 items-center justify-center rounded-ds-full bg-layer-03", children: /* @__PURE__ */ e("span", { className: "text-interactive", children: r.name.charAt(0) }) }),
+            /* @__PURE__ */ e("span", { className: "text-ds-md ml-ds-01 mr-ds-02 text-text-on-color", children: r.name })
+          ] }),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              onClick: () => c(null),
+              className: "border-0 bg-transparent p-0",
+              children: /* @__PURE__ */ e(I, { className: "h-ico-sm w-ico-sm text-text-on-color" })
+            }
+          )
+        ] }) : /* @__PURE__ */ d(x, { children: [
+          /* @__PURE__ */ d(h, { className: "text-ds-md hidden items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 px-ds-03 py-ds-02b md:flex", children: [
+            /* @__PURE__ */ d("div", { className: "flex items-center", children: [
+              /* @__PURE__ */ e(M, { className: "h-ico-md w-ico-md" }),
+              /* @__PURE__ */ e("span", { className: "text-ds-md ml-ds-01 mr-ds-02 text-text-secondary max-lg:mx-0 max-lg:text-ds-sm", children: "Associate" })
+            ] }),
+            /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
+          ] }),
+          /* @__PURE__ */ e(p, { className: "custom-scrollbar max-h-[400px] w-64 overflow-y-auto p-ds-03", children: (a == null ? void 0 : a.length) === 0 ? /* @__PURE__ */ e(o, { disabled: !0, children: "No users available" }) : a == null ? void 0 : a.map((t) => /* @__PURE__ */ d(
+            o,
+            {
+              onSelect: () => {
+                const l = {
+                  ...t,
+                  createdAt: new Date(t.createdAt)
+                };
+                c(l);
+              },
+              className: "flex items-center gap-ds-03 p-ds-03",
+              children: [
+                s[t.id] ? /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: s[t.id],
+                    alt: `${t.name}'s avatar`,
+                    className: "h-ds-xs w-ds-xs rounded-ds-full"
+                  }
+                ) : /* @__PURE__ */ e("div", { className: "flex h-ds-xs w-ds-xs items-center justify-center rounded-ds-full bg-layer-03", children: /* @__PURE__ */ e("span", { className: "text-ds-md text-interactive", children: t.name.charAt(0) }) }),
+                /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: t.name })
+              ]
+            },
+            t.id
+          )) })
+        ] }) }),
+        /* @__PURE__ */ e(
+          k,
+          {
+            size: "md",
+            color: "tonal",
+            options: [
+              { id: "weekly", text: "Weekly" },
+              { id: "monthly", text: "Monthly" }
+            ],
+            selectedId: u,
+            onSelect: g
+          }
+        ),
+        /* @__PURE__ */ d("div", { className: "flex gap-0", children: [
+          /* @__PURE__ */ e(
+            f,
+            {
+              icon: /* @__PURE__ */ e(z, {}),
+              size: "sm",
+              "aria-label": "Previous",
+              onClick: () => i("prev")
+            }
+          ),
+          /* @__PURE__ */ e(
+            f,
+            {
+              icon: /* @__PURE__ */ e(H, {}),
+              size: "sm",
+              "aria-label": "Next",
+              onClick: () => i("next")
+            }
+          )
+        ] })
+      ] })
+    ] });
+  }
+);
+R.displayName = "DashboardHeader";
+export {
+  R as DashboardHeader
+};

package/dist/admin/dashboard/dashboard-skeleton.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare const DashboardSkeleton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=dashboard-skeleton.d.ts.map

package/dist/admin/dashboard/dashboard-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboard-skeleton.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/dashboard-skeleton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,eAAO,MAAM,iBAAiB,sEA0H7B,CAAA"}

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

@@ -0,0 +1,110 @@
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as m } from "@devalok/shilp-sutra/ui";
+import { Skeleton as s } from "@devalok/shilp-sutra/ui";
+import { DropdownMenu as n, DropdownMenuTrigger as c } from "@devalok/shilp-sutra/ui";
+import { IconButton as t } from "@devalok/shilp-sutra/ui";
+import { IconChevronDown as x, IconChevronLeft as f, IconChevronRight as p } from "@tabler/icons-react";
+const u = o.forwardRef(
+  function(h, i) {
+    return /* @__PURE__ */ e("div", { ref: i, className: "flex w-full max-w-layout flex-col items-center justify-center max-md:h-[100%] max-md:justify-start", children: /* @__PURE__ */ d("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: [
+      /* @__PURE__ */ d("div", { className: "mb-ds-06 flex w-full flex-col items-start justify-between md:flex-row md:items-center", children: [
+        /* @__PURE__ */ e(n, { children: /* @__PURE__ */ d(c, { className: "text-ds-xl flex items-center gap-ds-03 text-text-secondary", children: [
+          /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
+            /* @__PURE__ */ e(s, { className: "h-[25px] w-[50px] rounded-ds-md bg-field" }),
+            /* @__PURE__ */ e(s, { className: "h-[25px] w-[50px] rounded-ds-md bg-field" })
+          ] }),
+          /* @__PURE__ */ e(x, {})
+        ] }) }),
+        /* @__PURE__ */ d("div", { className: "flex w-full items-center justify-between gap-ds-05 md:mt-0 md:w-auto md:justify-start max-md:mt-[17px] max-lg:gap-[0.5rem]", children: [
+          /* @__PURE__ */ e("div", { className: "hidden md:flex", children: /* @__PURE__ */ e(s, { className: "h-ds-sm w-[180px] rounded-ds-md" }) }),
+          /* @__PURE__ */ d("div", { className: "flex w-[200px] items-center justify-between overflow-clip rounded-ds-full border border-layer-03", children: [
+            /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-[100px] items-center justify-center rounded-r-none bg-field", children: /* @__PURE__ */ e(s, { className: "h-[20px] w-[40px] rounded-r-none bg-layer-03" }) }),
+            /* @__PURE__ */ e("div", { className: "flex h-ds-sm w-[100px] items-center justify-center", children: /* @__PURE__ */ e(s, { className: "h-[20px] w-[40px] bg-layer-03" }) })
+          ] }),
+          /* @__PURE__ */ d("div", { className: "flex gap-0", children: [
+            /* @__PURE__ */ e(t, { icon: /* @__PURE__ */ e(f, {}), size: "sm", "aria-label": "Previous" }),
+            /* @__PURE__ */ e(
+              t,
+              {
+                icon: /* @__PURE__ */ e(p, {}),
+                size: "sm",
+                "aria-label": "Next",
+                onClick: () => {
+                }
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "flex w-full items-center", children: Array.from({ length: 7 }).map((r, l) => /* @__PURE__ */ d(
+        "div",
+        {
+          className: "flex w-full flex-col items-center rounded-t-ds-lg pb-ds-04 pt-ds-05 max-md:rounded-ds-lg",
+          children: [
+            /* @__PURE__ */ e(s, { className: "mb-ds-03 h-[10px] w-[10px] rounded-ds-lg bg-field" }),
+            /* @__PURE__ */ e("div", { className: "mx-ds-02 my-ds-02 flex items-center justify-center", children: /* @__PURE__ */ e(s, { className: "h-ds-md w-ds-md rounded-ds-full bg-field" }) })
+          ]
+        },
+        l
+      )) }),
+      /* @__PURE__ */ d("div", { className: "flex w-full flex-col rounded-ds-lg bg-layer-02 md:p-0 md:p-ds-06 max-md:bg-transparent", children: [
+        /* @__PURE__ */ e("div", { className: "no-scrollbar w-full cursor-grab overflow-x-auto active:cursor-grabbing max-md:pb-ds-05", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: "items-flex-start flex flex-row justify-start gap-ds-04 px-0 pt-ds-03 md:gap-0 md:px-ds-06",
+            style: { minWidth: "max-content" },
+            children: Array.from({ length: 3 }).map((r, l) => /* @__PURE__ */ d(
+              "div",
+              {
+                className: m("flex w-full flex-col gap-ds-04 rounded-ds-md bg-layer-02 p-ds-06 md:rounded-ds-lg md:p-ds-05", l !== 2 ? "border-r border-border" : "", "max-md:border-0 max-md:p-ds-05"),
+                style: { minWidth: "200px" },
+                children: [
+                  /* @__PURE__ */ e(s, { className: "h-[20px] w-[120px] rounded-ds-md bg-field" }),
+                  /* @__PURE__ */ e("div", { className: "flex flex-wrap items-center gap-ds-03", children: Array.from({ length: 4 }).map((g, a) => /* @__PURE__ */ e(
+                    s,
+                    {
+                      className: m("h-ds-md w-ds-md rounded-ds-full bg-field", a > 0 ? "ml-[-5px]" : "")
+                    },
+                    a
+                  )) })
+                ]
+              },
+              l
+            ))
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "w-full p-0 md:p-ds-06", children: /* @__PURE__ */ d("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__ */ d("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: [
+            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer border-b-[1.5px] border-b-interactive-hover px-ds-03 py-ds-04 font-semibold  text-text-primary", children: "REQUESTS(1)" }),
+            /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider cursor-pointer px-ds-03 py-ds-04  text-text-tertiary", children: "ATTENDANCE CORRECTION(1)" })
+          ] }),
+          /* @__PURE__ */ e("div", { className: "flex max-h-[200px] w-full flex-col overflow-y-auto bg-layer-01 px-ds-06 max-md:flex-1 max-md:max-h-none max-md:min-h-[372px] max-md:p-0", children: Array.from({ length: 2 }).map((r, l) => /* @__PURE__ */ d(
+            "div",
+            {
+              className: "flex items-center justify-between px-ds-03 py-ds-04",
+              children: [
+                /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04", children: [
+                  /* @__PURE__ */ e(s, { className: "h-ds-md w-ds-md rounded-ds-full bg-field" }),
+                  /* @__PURE__ */ d("div", { className: "flex flex-col gap-ds-02", children: [
+                    /* @__PURE__ */ e(s, { className: "h-[20px] w-[120px] rounded-ds-md bg-field" }),
+                    /* @__PURE__ */ e(s, { className: "h-[20px] w-[200px] rounded-ds-md bg-field" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04", children: [
+                  /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm rounded-ds-full bg-field" }),
+                  /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm rounded-ds-full bg-field" })
+                ] })
+              ]
+            },
+            l
+          )) })
+        ] }) })
+      ] })
+    ] }) });
+  }
+);
+u.displayName = "DashboardSkeleton";
+export {
+  u as DashboardSkeleton
+};

package/dist/admin/dashboard/index.d.ts

@@ -0,0 +1,13 @@
+export { AdminDashboard, type AdminDashboardRootProps, type AdminDashboardCalendarProps, type AdminDashboardAttendanceOverviewProps, type AdminDashboardAssociateDetailProps, type AdminDashboardLeaveRequestsProps, type AdminDashboardContentProps, } from './admin-dashboard';
+export { type TaskItem } from './associate-detail';
+export { type AttendanceCorrection } from './correction-list';
+export { Calendar, type CalendarProps } from './calendar';
+export { BreakRequestCard, type BreakRequestProps } from './break-request';
+export { LeaveRequests, type LeaveRequestsProps } from './leave-requests';
+export { DashboardSkeleton } from './dashboard-skeleton';
+export { RenderDate, type RenderDateProps, type DateAttendanceInfo, } from './render-date';
+export { DashboardHeader, type DashboardHeaderProps, } from './dashboard-header';
+export { AttendanceOverview, type AttendanceOverviewProps, } from './attendance-overview';
+export { AssociateDetail, type AssociateDetailProps, } from './associate-detail';
+export { CorrectionList, type CorrectionListProps, } from './correction-list';
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EACd,KAAK,uBAAuB,EAC5B,KAAK,2BAA2B,EAChC,KAAK,qCAAqC,EAC1C,KAAK,kCAAkC,EACvC,KAAK,gCAAgC,EACrC,KAAK,0BAA0B,GAChC,MAAM,mBAAmB,CAAA;AAG1B,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAClD,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAE7D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA;AAEzD,OAAO,EAAE,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1E,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAEzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAMxD,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,kBAAkB,GACxB,MAAM,eAAe,CAAA;AAEtB,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,GAC1B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EACL,cAAc,EACd,KAAK,mBAAmB,GACzB,MAAM,mBAAmB,CAAA"}

package/dist/admin/dashboard/leave-requests.d.ts

@@ -0,0 +1,26 @@
+import { BreakRequest } from '../types';
+import * as React from 'react';
+export interface LeaveRequestsProps {
+    /** List of pending break requests */
+    requests: BreakRequest[];
+    /** Current user ID (used to prevent self-approval) */
+    currentUserId: string;
+    /** User images map: userId -> image URL */
+    userImages?: Record<string, string>;
+    /** Active time frame (weekly/monthly) — used for responsive styling */
+    activeTimeFrame?: string;
+    /** Callback when a break is approved */
+    onApproveBreak?: (params: {
+        requestId: string;
+        adminComment: string;
+        userId: string;
+    }) => void | Promise<void>;
+    /** Callback when a break is rejected */
+    onRejectBreak?: (params: {
+        requestId: string;
+        adminComment: string;
+        userId: string;
+    }) => void | Promise<void>;
+}
+export declare const LeaveRequests: React.ForwardRefExoticComponent<LeaveRequestsProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=leave-requests.d.ts.map

package/dist/admin/dashboard/leave-requests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"leave-requests.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/leave-requests.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAM5C,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,QAAQ,EAAE,YAAY,EAAE,CAAA;IACxB,sDAAsD;IACtD,aAAa,EAAE,MAAM,CAAA;IACrB,2CAA2C;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACnC,uEAAuE;IACvE,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,wCAAwC;IACxC,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE;QACxB,SAAS,EAAE,MAAM,CAAA;QACjB,YAAY,EAAE,MAAM,CAAA;QACpB,MAAM,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,wCAAwC;IACxC,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QACvB,SAAS,EAAE,MAAM,CAAA;QACjB,YAAY,EAAE,MAAM,CAAA;QACpB,MAAM,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CAC3B;AAMD,eAAO,MAAM,aAAa,2FA8RzB,CAAA"}

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

@@ -0,0 +1,197 @@
+import { jsx as s, jsxs as d } from "react/jsx-runtime";
+import * as O from "react";
+import { useEffect as S } from "react";
+import { Tooltip as k, TooltipTrigger as E, TooltipContent as M } from "@devalok/shilp-sutra/ui";
+import { cn as x } from "@devalok/shilp-sutra/ui";
+import { useIsMobile as B } from "@devalok/shilp-sutra/ui";
+import { formatDate as p } from "../utils/date-utils.js";
+import { removeAllEmojis as T } from "../utils/emoji-utils.js";
+import { isSameDay as I } from "date-fns";
+import { useLeaveRequestInteraction as F } from "./use-leave-request-interaction.js";
+import { IconX as Y, IconCheck as X, IconSend as _ } from "@tabler/icons-react";
+const z = O.forwardRef(
+  function({
+    requests: r,
+    currentUserId: o,
+    userImages: L = {},
+    activeTimeFrame: J,
+    onApproveBreak: c,
+    onRejectBreak: m
+  }, P) {
+    const t = F(), H = B();
+    S(() => {
+      const e = (a) => {
+        (a.ctrlKey || a.metaKey) && (t.setIsCtrlPressed(!0), t.hoveredRequest ? (t.setActiveAction(t.hoverActionTemp), t.setOpenComment(!0), t.setActiveRequest(t.hoveredRequest)) : (t.setOpenComment(!1), t.setActiveAction(null), t.setActiveRequest(null)));
+      }, i = (a) => {
+        !a.ctrlKey && !a.metaKey && t.setIsCtrlPressed(!1);
+      };
+      return window.addEventListener("keydown", e), window.addEventListener("keyup", i), () => {
+        window.removeEventListener("keydown", e), window.removeEventListener("keyup", i);
+      };
+    }, [t.hoveredRequest, t.isCtrlPressed, t.openComment, t.hoverActionTemp]);
+    const v = (e, i) => {
+      t.setHoverActionTemp(i), t.setHoveredRequest(e);
+    }, f = async (e, i) => {
+      if (!(!e || !i)) {
+        t.setIsProcessing(!0), t.setOpenComment(!1);
+        try {
+          const a = {
+            requestId: e.id,
+            adminComment: t.message,
+            userId: o
+          };
+          i === "approveBreak" ? await (c == null ? void 0 : c(a)) : i === "rejectBreak" && await (m == null ? void 0 : m(a)), t.setActiveRequest(null), t.setActiveAction(null), t.setMessage("");
+        } catch (a) {
+          console.error("Error processing break request:", a);
+        } finally {
+          t.setIsProcessing(!1);
+        }
+      }
+    }, K = (e) => I(new Date(e.startDate), new Date(e.endDate));
+    return /* @__PURE__ */ s(
+      "div",
+      {
+        ref: P,
+        className: "no-scrollbar max-h-[230px] w-full overflow-y-auto px-0 md:px-ds-06 max-md:flex-1 max-md:max-h-none max-md:min-h-[407.2px]",
+        children: /* @__PURE__ */ s("div", { className: "flex h-full flex-col gap-ds-03 py-ds-03 max-md:h-[max-content] max-md:gap-ds-05 max-md:py-0 max-md:pb-ds-05", children: r == null ? void 0 : r.map((e) => {
+          var i, a, h, b, u, w, y, g, N, R, A, j, C, D;
+          return /* @__PURE__ */ d(
+            "div",
+            {
+              className: "flex flex-col justify-start rounded-ds-lg border-b border-border md:gap-ds-05 md:border-b-0 max-md:border-none",
+              children: [
+                /* @__PURE__ */ d("div", { className: "flex flex-col justify-between rounded-t-ds-lg border border-border md:flex-row md:border-0 md:px-ds-03 md:py-ds-04 max-md:border-b-0", children: [
+                  /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-04 border-b border-border p-ds-05 md:border-none md:p-0 max-md:items-start", children: [
+                    /* @__PURE__ */ s(
+                      "img",
+                      {
+                        src: L[((i = e.user) == null ? void 0 : i.id) || ""],
+                        className: "h-ds-md w-ds-md overflow-hidden rounded-ds-full bg-interactive-subtle",
+                        alt: ((h = (a = e.user) == null ? void 0 : a.name) == null ? void 0 : h[0]) || "U"
+                      }
+                    ),
+                    /* @__PURE__ */ d("div", { className: "flex max-w-[277px] flex-col items-start gap-ds-02 sm:max-w-none", children: [
+                      /* @__PURE__ */ s("div", { className: "flex flex-row gap-ds-02b", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-03", children: /* @__PURE__ */ s("p", { className: "text-ds-sm text-text-secondary", children: (b = e.user) == null ? void 0 : b.name }) }) }),
+                      K(e) ? /* @__PURE__ */ d("div", { className: "flex w-full flex-col items-center gap-ds-03 md:flex-row md:flex-wrap max-md:items-start", children: [
+                        /* @__PURE__ */ s("p", { className: "text-ds-base font-semibold text-text-primary", children: T(e.reason) }),
+                        /* @__PURE__ */ s("p", { className: "text-ds-base hidden font-semibold text-text-tertiary md:block", children: "•" }),
+                        /* @__PURE__ */ s("p", { className: "text-ds-base text-text-tertiary", children: p(new Date(e.startDate)) })
+                      ] }) : /* @__PURE__ */ d("div", { className: "flex flex-col items-start justify-start gap-ds-03", children: [
+                        /* @__PURE__ */ s("p", { className: "text-ds-base font-semibold text-text-primary", children: T(e.reason) }),
+                        /* @__PURE__ */ d("p", { className: "text-ds-base text-text-tertiary", children: [
+                          p(new Date(e.startDate)),
+                          " to",
+                          " ",
+                          p(new Date(e.endDate)),
+                          /* @__PURE__ */ d("span", { className: "text-interactive-hover", children: [
+                            ", ",
+                            e.numberOfDays,
+                            " days"
+                          ] })
+                        ] })
+                      ] })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ d("div", { className: "flex h-full w-full items-center justify-between self-stretch sm:w-auto sm:justify-start", children: [
+                    /* @__PURE__ */ s("div", { className: "flex w-1/2 justify-center border-r border-border p-ds-02 md:border-r-0", children: /* @__PURE__ */ d(k, { delayDuration: 0, children: [
+                      /* @__PURE__ */ s(E, { asChild: !0, children: /* @__PURE__ */ s(
+                        "button",
+                        {
+                          onMouseEnter: () => {
+                            v(e, "rejectBreak");
+                          },
+                          onMouseLeave: () => {
+                            t.setHoverActionTemp(null), t.setHoveredRequest(null);
+                          },
+                          onClick: () => {
+                            var l, n;
+                            ((l = e == null ? void 0 : e.user) == null ? void 0 : l.id) !== o && (t.setActiveRequest(e), t.setActiveAction("rejectBreak"), ((n = t.activeRequest) == null ? void 0 : n.id) !== e.id && t.setMessage(""), f(e, "rejectBreak"));
+                          },
+                          disabled: t.isProcessing || ((u = e == null ? void 0 : e.user) == null ? void 0 : u.id) === o,
+                          className: x(
+                            "rounded-ds-full p-ds-03",
+                            ((w = t.activeRequest) == null ? void 0 : w.id) === e.id && t.activeAction === "rejectBreak" && "bg-error-surface",
+                            ((y = e == null ? void 0 : e.user) == null ? void 0 : y.id) === o && "cursor-not-allowed opacity-[0.38]",
+                            "max-md:flex max-md:w-full max-md:justify-center"
+                          ),
+                          children: /* @__PURE__ */ s(
+                            Y,
+                            {
+                              className: x(
+                                "h-ico-lg w-ico-lg",
+                                ((g = t.activeRequest) == null ? void 0 : g.id) === e.id && t.activeAction === "rejectBreak" && "text-text-error"
+                              )
+                            }
+                          )
+                        }
+                      ) }),
+                      ((N = e == null ? void 0 : e.user) == null ? void 0 : N.id) === o && /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s("p", { children: "You cannot approve/reject your own break request" }) })
+                    ] }) }),
+                    /* @__PURE__ */ s("div", { className: "flex w-1/2 justify-center bg-success-surface p-ds-02 md:bg-transparent", children: /* @__PURE__ */ d(k, { delayDuration: 0, children: [
+                      /* @__PURE__ */ s(E, { asChild: !0, children: /* @__PURE__ */ s(
+                        "button",
+                        {
+                          onMouseEnter: () => {
+                            v(e, "approveBreak");
+                          },
+                          onMouseLeave: () => {
+                            t.setHoverActionTemp(null), t.setHoveredRequest(null);
+                          },
+                          onClick: () => {
+                            var l, n;
+                            ((l = e == null ? void 0 : e.user) == null ? void 0 : l.id) !== o && (t.setActiveRequest(e), t.setActiveAction("approveBreak"), ((n = t.activeRequest) == null ? void 0 : n.id) !== e.id && t.setMessage(""), f(e, "approveBreak"));
+                          },
+                          disabled: t.isProcessing || ((R = e == null ? void 0 : e.user) == null ? void 0 : R.id) === o,
+                          className: x(
+                            "rounded-ds-full p-ds-03",
+                            ((A = t.activeRequest) == null ? void 0 : A.id) === e.id && t.activeAction === "approveBreak" && "bg-success-surface",
+                            ((j = e == null ? void 0 : e.user) == null ? void 0 : j.id) === o && "cursor-not-allowed opacity-[0.38]",
+                            "max-md:flex max-md:w-full max-md:justify-center"
+                          ),
+                          children: /* @__PURE__ */ s(X, { className: "h-ico-lg w-ico-lg" })
+                        }
+                      ) }),
+                      ((C = e == null ? void 0 : e.user) == null ? void 0 : C.id) === o && /* @__PURE__ */ s(M, { children: /* @__PURE__ */ s("p", { children: "You cannot approve/reject your own break request" }) })
+                    ] }) })
+                  ] })
+                ] }),
+                (t.openComment && t.activeRequest && ((D = t.activeRequest) == null ? void 0 : D.id) === e.id || H) && /* @__PURE__ */ d("div", { className: "flex flex-row items-start justify-between rounded-ds-lg border-[1px] border-border py-ds-02 max-md:rounded-t-none", children: [
+                  /* @__PURE__ */ d("div", { className: "flex w-full flex-col items-start justify-start gap-ds-02 px-ds-05 pb-ds-02 pt-[10px]", children: [
+                    /* @__PURE__ */ s("div", { className: "text-ds-xs font-semibold uppercase tracking-wider text-text-placeholder", children: "comment" }),
+                    /* @__PURE__ */ s(
+                      "input",
+                      {
+                        type: "text",
+                        value: t.message,
+                        onChange: (l) => {
+                          var n;
+                          return t.setMessage((n = l == null ? void 0 : l.target) == null ? void 0 : n.value);
+                        },
+                        placeholder: "Enter a Comment",
+                        className: "text-ds-md w-full text-text-primary outline-none"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ s(
+                    "button",
+                    {
+                      disabled: t.isProcessing,
+                      onClick: () => f(e, t.activeAction),
+                      className: "my-auto flex hidden items-center justify-center rounded-ds-full p-ds-03",
+                      children: /* @__PURE__ */ s(_, { className: "h-ico-lg w-ico-lg" })
+                    }
+                  )
+                ] })
+              ]
+            },
+            e.id
+          );
+        }) })
+      }
+    );
+  }
+);
+z.displayName = "LeaveRequests";
+export {
+  z as LeaveRequests
+};

package/dist/admin/dashboard/render-date.d.ts

@@ -0,0 +1,16 @@
+import { AttendanceStatus, DayInfo } from '../types';
+import * as React from 'react';
+export interface DateAttendanceInfo {
+    status: AttendanceStatus | null;
+    hasCorrectionOrApproval?: boolean;
+    isBreakApproved?: boolean;
+}
+export interface RenderDateProps {
+    day: DayInfo;
+    isAdmin: boolean;
+    selectedDate: string | Date;
+    dateAttendanceMap: Map<string, DateAttendanceInfo> | null;
+    activeTimeFrame: string;
+}
+export declare const RenderDate: React.ForwardRefExoticComponent<RenderDateProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=render-date.d.ts.map

package/dist/admin/dashboard/render-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-date.d.ts","sourceRoot":"","sources":["../../../src/admin/dashboard/render-date.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAOzD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,OAAO,CAAA;IACZ,OAAO,EAAE,OAAO,CAAA;IAChB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,kBAAkB,CAAC,GAAG,IAAI,CAAA;IACzD,eAAe,EAAE,MAAM,CAAA;CACxB;AAMD,eAAO,MAAM,UAAU,wFAsOtB,CAAA"}