@devalok/shilp-sutra-karm 0.1.0

package/dist/admin/break/breaks.js

@@ -0,0 +1,90 @@
+import { jsxs as t, jsx as e, Fragment as N } from "react/jsx-runtime";
+import * as g from "react";
+import { Popover as D, PopoverTrigger as j, PopoverContent as T } from "@devalok/shilp-sutra/ui";
+import { Tooltip as S, TooltipTrigger as A, TooltipContent as B } from "@devalok/shilp-sutra/ui";
+import { EditBreak as C } from "./edit-break.js";
+import { formatOptionalDate as p } from "../utils/date-utils.js";
+import { renderStatus as E } from "../utils/render-status.js";
+import { IconButton as R } from "@devalok/shilp-sutra/ui";
+import { isSameDay as M } from "date-fns";
+import { IconDotsVertical as O } from "@tabler/icons-react";
+const P = g.forwardRef(
+  function({
+    breaks: x,
+    userImages: d,
+    existingBreaks: f,
+    onFetchMonthBreaks: h,
+    onSave: w,
+    onDelete: v,
+    onRefresh: _
+  }, u) {
+    return /* @__PURE__ */ t("div", { ref: u, className: "m-0 flex h-[400px] w-full flex-col items-start justify-start p-0 max-md:h-auto", children: [
+      /* @__PURE__ */ t("div", { className: "mx-auto mb-ds-05 mt-ds-04 flex w-[92%] items-center", children: [
+        /* @__PURE__ */ e("div", { className: "w-[16%] min-w-[120px] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "NAME" }) }),
+        /* @__PURE__ */ e("div", { className: "w-[19%] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "DATE" }) }),
+        /* @__PURE__ */ e("div", { className: "w-[8%] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider w-full text-center text-text-tertiary", children: "DAYS" }) }),
+        /* @__PURE__ */ e("div", { className: "w-[22%] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "REASON" }) }),
+        /* @__PURE__ */ e("div", { className: "flex w-[14%] items-center justify-start overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "STATUS" }) }),
+        /* @__PURE__ */ e("div", { className: "w-[24%] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("div", { className: "text-ds-sm font-semibold uppercase tracking-wider text-text-tertiary", children: "COMMENT" }) }),
+        /* @__PURE__ */ e("div", { className: "w-ds-lg overflow-hidden px-ds-04 py-ds-03" })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "no-scrollbar mx-auto flex w-[92%] flex-col gap-ds-05 overflow-y-auto max-md:h-[calc(100dvh-373px)]", children: x.map((s) => {
+        var l, a, n, c, o, m;
+        const r = new Date(s.startDate), i = new Date(s.endDate), y = M(r, i);
+        return /* @__PURE__ */ t(
+          "div",
+          {
+            className: "flex w-full items-center hover:bg-field",
+            children: [
+              /* @__PURE__ */ t("div", { className: "flex w-[16%] min-w-[120px] items-center gap-ds-03 overflow-hidden px-ds-04 py-ds-03", children: [
+                d[s.userId] ? /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: d[s.userId],
+                    alt: "",
+                    className: "h-ds-xs-plus w-full max-w-7 flex-shrink-0 rounded-ds-full object-cover"
+                  }
+                ) : /* @__PURE__ */ e("span", { className: "flex h-ds-xs-plus w-full max-w-7 items-center justify-center rounded-ds-full bg-layer-02 text-ds-sm font-medium uppercase text-text-primary", children: ((a = (l = s.user) == null ? void 0 : l.name) == null ? void 0 : a[0]) || "U" }),
+                /* @__PURE__ */ t(S, { children: [
+                  /* @__PURE__ */ e(A, { asChild: !0, children: /* @__PURE__ */ e("span", { className: "text-ds-md truncate text-text-primary", children: ((n = s.user) == null ? void 0 : n.name) || ((o = (c = s.user) == null ? void 0 : c.name) == null ? void 0 : o.split(" ")[0]) }) }),
+                  /* @__PURE__ */ e(B, { children: (m = s.user) == null ? void 0 : m.name })
+                ] })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "w-[19%] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ t("span", { className: "text-ds-md whitespace-nowrap text-text-secondary", children: [
+                p(r),
+                " ",
+                !y && /* @__PURE__ */ t(N, { children: [
+                  /* @__PURE__ */ e("span", { children: "-" }),
+                  " ",
+                  p(i)
+                ] })
+              ] }) }),
+              /* @__PURE__ */ e("div", { className: "flex w-[8%] items-center justify-center overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("span", { className: "text-ds-md text-center text-text-secondary", children: s.numberOfDays }) }),
+              /* @__PURE__ */ e("div", { className: "w-[22%] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("span", { className: "text-ds-md text-text-tertiary", children: s.reason }) }),
+              /* @__PURE__ */ e("div", { className: "flex w-[14%] items-center justify-start overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("span", { className: "text-ds-md text-text-tertiary", children: E(s == null ? void 0 : s.status, s == null ? void 0 : s.correction) }) }),
+              /* @__PURE__ */ e("div", { className: "w-[24%] overflow-hidden px-ds-04 py-ds-03", children: /* @__PURE__ */ e("span", { className: "text-ds-md text-text-tertiary", children: s.adminComment || " " }) }),
+              /* @__PURE__ */ e("div", { className: "flex w-ds-lg justify-center px-ds-04 py-ds-03", children: /* @__PURE__ */ t(D, { children: [
+                /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e(R, { icon: /* @__PURE__ */ e(O, {}), size: "md", "aria-label": "More options" }) }),
+                /* @__PURE__ */ e(T, { className: "w-auto p-0", children: /* @__PURE__ */ e(
+                  C,
+                  {
+                    selectedLeave: s,
+                    existingBreaks: f,
+                    onFetchMonthBreaks: h,
+                    onSave: w,
+                    onDelete: v
+                  }
+                ) })
+              ] }) })
+            ]
+          },
+          s.id
+        );
+      }) })
+    ] });
+  }
+);
+P.displayName = "Breaks";
+export {
+  P as Breaks
+};

package/dist/admin/break/delete-break.d.ts

@@ -0,0 +1,10 @@
+export interface DeleteBreakProps {
+    id: string;
+    userId: string;
+    onDelete?: () => void;
+}
+export declare function DeleteBreak({ id: _id, userId: _userId, onDelete }: DeleteBreakProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DeleteBreak {
+    var displayName: string;
+}
+//# sourceMappingURL=delete-break.d.ts.map

package/dist/admin/break/delete-break.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete-break.d.ts","sourceRoot":"","sources":["../../../src/admin/break/delete-break.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,WAAW,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CA4DnF;yBA5De,WAAW"}

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

@@ -0,0 +1,53 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useState as d, useRef as u } from "react";
+import { useToast as p } from "@devalok/shilp-sutra/ui";
+import { Dialog as x, DialogTrigger as h, DialogContent as g } from "@devalok/shilp-sutra/ui";
+import { Button as b } from "@devalok/shilp-sutra/ui";
+import { IconButton as D } from "@devalok/shilp-sutra/ui";
+import { IconTrash as y } from "@tabler/icons-react";
+function k({ id: v, userId: w, onDelete: a }) {
+  const [c, l] = d(!1), { toast: s } = p(), [m, i] = d(!1), n = u(null);
+  return /* @__PURE__ */ r(x, { open: m, onOpenChange: i, children: [
+    /* @__PURE__ */ t(h, { asChild: !0, children: /* @__PURE__ */ t(D, { icon: /* @__PURE__ */ t(y, {}), size: "md", "aria-label": "Delete break" }) }),
+    /* @__PURE__ */ r(g, { className: "flex w-[335px] flex-col items-center gap-ds-06 p-ds-06 max-md:w-[90%] max-md:rounded-ds-lg", children: [
+      /* @__PURE__ */ r("div", { className: "flex w-full max-w-[240px] flex-col items-center gap-ds-04 text-center", children: [
+        /* @__PURE__ */ t("p", { className: "text-ds-lg font-semibold text-center text-text-primary", children: "Delete this break?" }),
+        /* @__PURE__ */ t("p", { className: "text-ds-base text-text-tertiary", children: "This will be permanently deleted and can not undo" })
+      ] }),
+      /* @__PURE__ */ t("form", { ref: n, onSubmit: async (e) => {
+        var o;
+        e.preventDefault(), (o = e.stopPropagation) == null || o.call(e), l(!0);
+        try {
+          a && a(), s({
+            description: "Break request deleted successfully",
+            variant: "default"
+          }), i(!1);
+        } catch (f) {
+          console.error("Error deleting break request:", f), s({
+            title: "Error",
+            description: "Failed to delete break request",
+            variant: "error"
+          });
+        } finally {
+          l(!1);
+        }
+      }, className: "w-full", children: /* @__PURE__ */ t(
+        b,
+        {
+          className: "w-full",
+          variant: "primary",
+          onClick: () => {
+            var e;
+            return (e = n.current) == null ? void 0 : e.requestSubmit();
+          },
+          disabled: c,
+          children: "Yes, Delete"
+        }
+      ) })
+    ] })
+  ] });
+}
+k.displayName = "DeleteBreak";
+export {
+  k as DeleteBreak
+};

package/dist/admin/break/edit-break-balance.d.ts

@@ -0,0 +1,15 @@
+import { BreakBalanceData } from '../types';
+export interface EditBreakBalanceProps {
+    selectedLeave: BreakBalanceData;
+    onSave?: (data: {
+        userId: string;
+        cashOutDays: number;
+        carryForward: number;
+        year: number;
+    }) => void;
+}
+export declare function EditBreakBalance({ selectedLeave, onSave, }: EditBreakBalanceProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace EditBreakBalance {
+    var displayName: string;
+}
+//# sourceMappingURL=edit-break-balance.d.ts.map

package/dist/admin/break/edit-break-balance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-break-balance.d.ts","sourceRoot":"","sources":["../../../src/admin/break/edit-break-balance.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAMhD,MAAM,WAAW,qBAAqB;IACpC,aAAa,EAAE,gBAAgB,CAAA;IAC/B,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,MAAM,EAAE,MAAM,CAAA;QACd,WAAW,EAAE,MAAM,CAAA;QACnB,YAAY,EAAE,MAAM,CAAA;QACpB,IAAI,EAAE,MAAM,CAAA;KACb,KAAK,IAAI,CAAA;CACX;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,aAAa,EACb,MAAM,GACP,EAAE,qBAAqB,2CAkHvB;yBArHe,gBAAgB"}

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

@@ -0,0 +1,111 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { useState as n, useRef as y, useEffect as g } from "react";
+import { useToast as w } from "@devalok/shilp-sutra/ui";
+import { Dialog as N, DialogTrigger as k, DialogContent as D, DialogHeader as C, DialogDescription as E } from "@devalok/shilp-sutra/ui";
+import { Button as p } from "@devalok/shilp-sutra/ui";
+import { NumberInput as j } from "@devalok/shilp-sutra/ui";
+import { IconPencil as B } from "@tabler/icons-react";
+function F({
+  selectedLeave: r,
+  onSave: s
+}) {
+  var e;
+  const [o, l] = n(!1), [c, d] = n(
+    typeof (r == null ? void 0 : r.cashout) == "number" ? r.cashout : 0
+  ), [u, h] = n(
+    (r == null ? void 0 : r.carryForward) || 0
+  ), m = y(null), { toast: f } = w();
+  g(() => {
+    d(
+      typeof (r == null ? void 0 : r.cashout) == "number" ? r.cashout : 0
+    ), h((r == null ? void 0 : r.carryForward) || 0);
+  }, [r]);
+  const b = async (i) => {
+    i.preventDefault(), l(!0);
+    try {
+      s && s({
+        userId: r.userId,
+        cashOutDays: c,
+        carryForward: u,
+        year: (/* @__PURE__ */ new Date()).getFullYear()
+      }), f({
+        description: "Break balance updated successfully",
+        variant: "default"
+      });
+    } catch (x) {
+      console.error("Error updating break balance:", x), f({
+        title: "Error",
+        description: "Failed to update break balance",
+        variant: "error"
+      });
+    } finally {
+      l(!1);
+    }
+  };
+  return /* @__PURE__ */ a(N, { children: [
+    /* @__PURE__ */ t(k, { asChild: !0, children: /* @__PURE__ */ a(
+      p,
+      {
+        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__ */ t(B, {}),
+          /* @__PURE__ */ t("span", { children: "Edit" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(D, { className: "w-[308px] p-ds-06", children: /* @__PURE__ */ t(C, { children: /* @__PURE__ */ t(E, { children: /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-start gap-ds-05", children: [
+      /* @__PURE__ */ a("p", { className: "text-ds-md w-full text-left text-text-tertiary", children: [
+        "Edit break balance conversion of ",
+        /* @__PURE__ */ t("br", { className: "mb-ds-02" }),
+        /* @__PURE__ */ t("span", { className: "font-semibold text-interactive", children: (e = r == null ? void 0 : r.user) == null ? void 0 : e.name })
+      ] }),
+      /* @__PURE__ */ a(
+        "form",
+        {
+          ref: m,
+          onSubmit: b,
+          id: "updatebreakbalanceform",
+          className: "flex w-full flex-col gap-ds-05",
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between", children: [
+              /* @__PURE__ */ t("div", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-placeholder", children: "Cash out" }),
+              /* @__PURE__ */ t(
+                j,
+                {
+                  value: c,
+                  onChange: d,
+                  min: 0,
+                  max: 100,
+                  step: 1,
+                  disabled: o
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex w-full items-center justify-between", children: [
+              /* @__PURE__ */ t("div", { className: "text-ds-sm font-semibold uppercase tracking-wider  text-text-placeholder", children: "Carry forward" }),
+              /* @__PURE__ */ t("div", { className: "flex w-[100px] items-center justify-center", children: /* @__PURE__ */ t("div", { className: "text-ds-base font-semibold text-text-secondary", children: u }) })
+            ] }),
+            /* @__PURE__ */ t(
+              p,
+              {
+                variant: "secondary",
+                fullWidth: !0,
+                onClick: () => {
+                  var i;
+                  return (i = m.current) == null ? void 0 : i.requestSubmit();
+                },
+                disabled: o,
+                children: "Update"
+              }
+            )
+          ]
+        }
+      )
+    ] }) }) }) })
+  ] });
+}
+F.displayName = "EditBreakBalance";
+export {
+  F as EditBreakBalance
+};

package/dist/admin/break/edit-break.d.ts

@@ -0,0 +1,23 @@
+import { BreakRequest } from '../types';
+export interface EditBreakProps {
+    selectedLeave: BreakRequest & {
+        numberOfDays: number;
+    };
+    existingBreaks?: BreakRequest[];
+    onFetchMonthBreaks?: (month: number, year: number) => Promise<BreakRequest[]>;
+    onSave?: (data: {
+        requestId: string;
+        userId: string;
+        status: string;
+        adminComment: string;
+        startDate: string;
+        endDate: string;
+        isEditing: boolean;
+    }) => void;
+    onDelete?: () => void;
+}
+export declare function EditBreak({ selectedLeave, existingBreaks: existingBreaksProp, onFetchMonthBreaks, onSave, onDelete, }: EditBreakProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace EditBreak {
+    var displayName: string;
+}
+//# sourceMappingURL=edit-break.d.ts.map

package/dist/admin/break/edit-break.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"edit-break.d.ts","sourceRoot":"","sources":["../../../src/admin/break/edit-break.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAc5C,MAAM,WAAW,cAAc;IAC7B,aAAa,EAAE,YAAY,GAAG;QAAE,YAAY,EAAE,MAAM,CAAA;KAAE,CAAA;IACtD,cAAc,CAAC,EAAE,YAAY,EAAE,CAAA;IAC/B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,YAAY,EAAE,CAAC,CAAA;IAC7E,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,MAAM,EAAE,MAAM,CAAA;QACd,MAAM,EAAE,MAAM,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,SAAS,EAAE,MAAM,CAAA;QACjB,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,OAAO,CAAA;KACnB,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,aAAa,EACb,cAAc,EAAE,kBAAkB,EAClC,kBAAkB,EAClB,MAAM,EACN,QAAQ,GACT,EAAE,cAAc,2CAqmBhB;yBA3mBe,SAAS"}