@devalok/shilp-sutra-karm 0.8.1 → 0.9.0

package/dist/admin/break/header.js

@@ -1,231 +0,0 @@
-"use client";
-import { jsxs as a, jsx as e, Fragment as M } from "react/jsx-runtime";
-import * as C from "react";
-import { Fragment as F } from "react";
-import { DropdownMenu as m, DropdownMenuTrigger as o, DropdownMenuContent as x, DropdownMenuItem as h } from "@devalok/shilp-sutra/ui/dropdown-menu";
-import { Button as j } from "@devalok/shilp-sutra/ui/button";
-import { IconButton as l } from "@devalok/shilp-sutra/ui/icon-button";
-import { IconX as u, IconUser as D, IconChevronDown as p, IconCalendar as Y, IconCalendarEvent as I, IconChevronLeft as N, IconChevronRight as f } from "@tabler/icons-react";
-const b = [
-  { id: 1, name: "January" },
-  { id: 2, name: "February" },
-  { id: 3, name: "March" },
-  { id: 4, name: "April" },
-  { id: 5, name: "May" },
-  { id: 6, name: "June" },
-  { id: 7, name: "July" },
-  { id: 8, name: "August" },
-  { id: 9, name: "September" },
-  { id: 10, name: "October" },
-  { id: 11, name: "November" },
-  { id: 12, name: "December" }
-], S = C.forwardRef(
-  function({
-    filters: s,
-    onFilterChange: w,
-    breakBalance: n,
-    userImages: c,
-    users: r
-  }, y) {
-    const d = (t) => {
-      w(t(s));
-    }, g = () => {
-      d((t) => ({
-        ...t,
-        currMonth: t.currMonth === 0 ? 11 : t.currMonth - 1
-      }));
-    }, v = () => {
-      d((t) => ({
-        ...t,
-        currMonth: t.currMonth === 11 ? 0 : t.currMonth + 1
-      }));
-    }, A = () => {
-      d((t) => ({
-        ...t,
-        dateFilterStart: new Date(t.currYear, t.currMonth, 1),
-        dateFilterEnd: new Date(t.currYear, t.currMonth + 1, 0),
-        isOpen: !1
-      }));
-    };
-    return /* @__PURE__ */ a("div", { ref: y, className: "flex min-w-[800px] items-center justify-between bg-field px-ds-06 py-ds-05b max-md:justify-start max-md:gap-ds-05b max-lg:min-w-[100%]", children: [
-      /* @__PURE__ */ e("div", { className: "flex flex-col gap-ds-05", children: s.selectedAssociate && /* @__PURE__ */ a(M, { children: [
-        /* @__PURE__ */ e("p", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "Break Balance" }),
-        /* @__PURE__ */ a("div", { className: "flex items-end", children: [
-          /* @__PURE__ */ e("p", { className: "text-ds-5xl font-semibold mr-ds-02 text-interactive", children: (n == null ? void 0 : n.remainingDays) || 0 }),
-          /* @__PURE__ */ a("p", { className: "text-ds-2xl translate-y-[-5px] text-text-placeholder", children: [
-            "/ ",
-            (n == null ? void 0 : n.breakBalance) || 0
-          ] })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ a("header", { className: "flex items-center gap-ds-04", children: [
-        s.selectedAssociate ? /* @__PURE__ */ a("div", { className: "text-ds-md flex flex-row items-center justify-start gap-ds-02 rounded-ds-md bg-interactive p-ds-02b text-text-on-color", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-start gap-ds-01", children: [
-            c[s.selectedAssociate.id] ? /* @__PURE__ */ e(
-              "img",
-              {
-                src: c[s.selectedAssociate.id],
-                alt: `${s.selectedAssociate.name}'s avatar`,
-                className: "h-ico-md w-ico-md rounded-ds-full"
-              }
-            ) : /* @__PURE__ */ e("div", { className: "flex h-ico-md w-ico-md items-center justify-center rounded-ds-full bg-layer-02", children: /* @__PURE__ */ e("span", { className: "text-interactive", children: s.selectedAssociate.name.charAt(0) }) }),
-            /* @__PURE__ */ e("span", { className: "text-ds-md mx-ds-01 text-text-on-color", children: s.selectedAssociate.name })
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear filter",
-              onClick: () => d((t) => ({
-                ...t,
-                selectedAssociate: null
-              })),
-              className: "border-0 p-0",
-              children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm text-text-on-color" })
-            }
-          )
-        ] }) : /* @__PURE__ */ a(m, { children: [
-          /* @__PURE__ */ a(o, { className: "text-ds-md flex flex-row items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 px-ds-03 py-ds-02b", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-              /* @__PURE__ */ e(D, { className: "h-ico-sm w-ico-sm" }),
-              /* @__PURE__ */ e("span", { className: "text-ds-md mx-ds-03 text-text-secondary max-lg:mx-0 max-lg:text-ds-sm", children: "Associate" })
-            ] }),
-            /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
-          ] }),
-          /* @__PURE__ */ e(x, { className: "custom-scrollbar max-h-[400px] w-64 overflow-y-auto p-ds-03", children: (r == null ? void 0 : r.length) === 0 ? /* @__PURE__ */ e(h, { disabled: !0, children: "No users available" }) : r == null ? void 0 : r.map((t) => /* @__PURE__ */ e(F, { children: /* @__PURE__ */ a(
-            h,
-            {
-              onSelect: () => d((i) => ({
-                ...i,
-                selectedAssociate: t
-              })),
-              className: "flex items-center gap-ds-03 p-ds-03",
-              children: [
-                c[t.id] ? /* @__PURE__ */ e(
-                  "img",
-                  {
-                    src: c[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
-          ) }, t.id)) })
-        ] }),
-        s.dateFilterEnd && /* @__PURE__ */ a("div", { className: "text-ds-md flex items-center justify-between rounded-ds-md bg-interactive px-ds-03 py-ds-02b text-text-on-color", children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-            /* @__PURE__ */ e(Y, {}),
-            /* @__PURE__ */ a("span", { className: "ml-ds-01 mr-ds-02", children: [
-              b[new Date(s.dateFilterStart).getMonth()].name,
-              ","
-            ] }),
-            /* @__PURE__ */ e("span", { className: "mr-ds-02", children: new Date(s.dateFilterStart).getFullYear() })
-          ] }),
-          /* @__PURE__ */ e(
-            "button",
-            {
-              "aria-label": "Clear filter",
-              onClick: () => {
-                d((t) => ({
-                  ...t,
-                  dateFilterStart: null,
-                  dateFilterEnd: null
-                }));
-              },
-              className: "border-0 bg-transparent p-0",
-              children: /* @__PURE__ */ e(u, { className: "h-ico-sm w-ico-sm" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ a(
-          m,
-          {
-            open: s.isOpen,
-            onOpenChange: (t) => {
-              d((i) => ({ ...i, isOpen: t }));
-            },
-            children: [
-              /* @__PURE__ */ a(o, { className: "text-ds-md flex items-center justify-between rounded-ds-md border border-border-subtle bg-layer-01 p-ds-02b", children: [
-                /* @__PURE__ */ a("div", { className: "flex items-center", children: [
-                  /* @__PURE__ */ e(I, {}),
-                  /* @__PURE__ */ e("span", { className: "mx-ds-03 text-text-secondary", children: "Date" })
-                ] }),
-                /* @__PURE__ */ e(p, { className: "h-ico-sm w-ico-sm" })
-              ] }),
-              /* @__PURE__ */ e(x, { className: "mr-32 p-ds-04", children: /* @__PURE__ */ a("div", { className: "flex w-[140px] flex-col items-center justify-start", children: [
-                /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(N, {}),
-                      "aria-label": "Previous month",
-                      onClick: g
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: b[s.currMonth].name }),
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(f, {}),
-                      "aria-label": "Next month",
-                      onClick: v
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ a("div", { className: "mt-ds-04 flex w-full items-center justify-between", children: [
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(N, {}),
-                      "aria-label": "Previous year",
-                      onClick: () => {
-                        d((t) => ({
-                          ...t,
-                          currYear: t.currYear - 1
-                        }));
-                      }
-                    }
-                  ),
-                  /* @__PURE__ */ e("span", { className: "text-ds-md text-text-secondary", children: s.currYear }),
-                  /* @__PURE__ */ e(
-                    l,
-                    {
-                      size: "sm",
-                      icon: /* @__PURE__ */ e(f, {}),
-                      "aria-label": "Next year",
-                      onClick: () => {
-                        d((t) => ({
-                          ...t,
-                          currYear: t.currYear + 1
-                        }));
-                      }
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ e(
-                  j,
-                  {
-                    className: "mt-ds-05",
-                    variant: "outline",
-                    fullWidth: !0,
-                    onClick: A,
-                    children: "Filter"
-                  }
-                )
-              ] }) })
-            ]
-          }
-        )
-      ] })
-    ] });
-  }
-);
-S.displayName = "BreakAdminHeader";
-export {
-  S as BreakAdminHeader
-};

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
-};