se-design 0.0.120 → 0.0.122

package/dist/index48.js

@@ -1,295 +1,46 @@
-import r, { useState as k } from "react";
-import { Button as E } from "./index3.js";
-import { Icon as x } from "./index5.js";
-import { CustomModal as ce } from "./index11.js";
-import { Dropdown as B } from "./index23.js";
-/* empty css         */
-const ie = ["S", "M", "T", "W", "T", "F", "S"], ue = ["Today", "Yesterday", "This Week", "Last Week", "This Month", "Last Month"], N = [{
-  value: "january",
-  label: "January"
-}, {
-  value: "february",
-  label: "February"
-}, {
-  value: "march",
-  label: "March"
-}, {
-  value: "april",
-  label: "April"
-}, {
-  value: "may",
-  label: "May"
-}, {
-  value: "june",
-  label: "June"
-}, {
-  value: "july",
-  label: "July"
-}, {
-  value: "august",
-  label: "August"
-}, {
-  value: "september",
-  label: "September"
-}, {
-  value: "october",
-  label: "October"
-}, {
-  value: "november",
-  label: "November"
-}, {
-  value: "december",
-  label: "December"
-}], we = ({
-  title: R = "Select modified date",
-  isOpen: z = !0,
-  initialStartDate: C,
-  initialEndDate: S,
-  onApply: Y,
-  onClose: H,
-  shouldAllowFutureDateSelection: g = !1,
-  minYearOption: _,
-  showQuickActions: q = !0
+import a, { useState as x } from "react";
+import { Icon as f } from "./index5.js";
+const w = ({
+  crumbs: t,
+  onCrumbClick: l,
+  className: g
 }) => {
-  const J = () => {
-    if (C && S)
-      return {
-        startDate: C,
-        endDate: S
-      };
-    const t = /* @__PURE__ */ new Date();
-    t.setHours(23, 59, 59, 999);
-    const e = /* @__PURE__ */ new Date();
-    return e.setHours(0, 0, 0, 0), {
-      startDate: e,
-      endDate: t
-    };
-  }, P = () => {
-    const t = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-    return e.setMonth(t.getMonth() - 1), t.setDate(1), t.setHours(0, 0, 0, 0), e.setDate(1), e.setHours(0, 0, 0, 0), [e, t];
-  }, [o, b] = k(J), [$, De] = k(P), [f, T] = k(() => $[0]), [M, F] = k(() => $[1]), Q = (t, e) => new Date(t, e + 1, 0).getDate(), U = (t, e) => new Date(t, e, 1).getDay(), V = (t, e) => {
-    const a = Q(t, e), s = U(t, e), c = [];
-    for (let l = 0; l < s; l++)
-      c.push(null);
-    for (let l = 1; l <= a; l++)
-      c.push(new Date(t, e, l));
-    return c;
-  }, v = (t, e) => t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear(), G = (t) => {
-    if (!o.startDate || !o.endDate) return !1;
-    const e = new Date(t);
-    e.setHours(12, 0, 0, 0);
-    const a = new Date(o.startDate);
-    a.setHours(0, 0, 0, 0);
-    const s = new Date(o.endDate);
-    return s.setHours(23, 59, 59, 999), e >= a && e <= s;
-  }, K = (t) => {
-    const e = /* @__PURE__ */ new Date();
-    return t.getDate() === e.getDate() && t.getMonth() === e.getMonth() && t.getFullYear() === e.getFullYear();
-  }, O = (t) => {
-    if (!t) return !0;
-    if (g) return !1;
-    const e = /* @__PURE__ */ new Date();
-    return e.setHours(0, 0, 0, 0), t > e;
-  }, X = (t) => {
-    if (O(t)) return;
-    const e = new Date(t);
-    if (e.setHours(12, 0, 0, 0), !o.startDate || o.endDate)
-      b({
-        startDate: e,
-        endDate: null
-      });
-    else {
-      const a = new Date(o.startDate);
-      a.setHours(12, 0, 0, 0);
-      const s = e > a ? e : a, c = e > a ? a : e;
-      b({
-        startDate: c,
-        endDate: s
-      });
-    }
-  }, L = (t, e) => {
-    const a = new Date(t);
-    return a.setMonth(a.getMonth() + (e ? 1 : -1)), a;
-  }, W = (t, e) => t.getTime() > e.getTime() ? [e, t] : [t, e], w = (t, e) => {
-    if (e) {
-      const [a, s] = W(t, M);
-      T(a), s !== M && F(s);
-    } else {
-      const [a, s] = W(f, t);
-      a !== f && T(a), F(s);
-    }
-  }, Z = (t) => o != null && o.startDate ? v(t, o.startDate) : !1, ee = (t) => o != null && o.endDate ? v(t, o == null ? void 0 : o.endDate) : !1, te = (t) => !o.startDate || !o.endDate ? !1 : v(o.startDate, o.endDate) && v(t, o.startDate), ae = (t) => {
-    const e = _ || t - 10, s = (g ? t + 10 : t) - e + 1;
-    return Array.from({
-      length: s
-    }, (c, l) => ({
-      value: e + l,
-      label: (e + l).toString()
-    })).filter((c) => g ? !0 : c.value <= t);
-  }, ne = () => {
-    const t = /* @__PURE__ */ new Date(), e = /* @__PURE__ */ new Date();
-    e.setHours(0, 0, 0, 0), t.setHours(23, 59, 59, 999), b({
-      startDate: e,
-      endDate: t
-    });
-  }, m = (t) => {
-    const e = new Date(t);
-    return e.setHours(0, 0, 0, 0), e;
-  }, d = (t) => {
-    const e = new Date(t);
-    return e.setHours(23, 59, 59, 999), e;
-  }, re = (t) => {
-    const e = /* @__PURE__ */ new Date();
-    let a = /* @__PURE__ */ new Date(), s = /* @__PURE__ */ new Date();
-    switch (t) {
-      case "Today":
-        a = m(e), s = d(e);
-        break;
-      case "Yesterday":
-        a = m(new Date(e.setDate(e.getDate() - 1))), s = d(new Date(e));
-        break;
-      case "This Week":
-        const c = new Date(e.setDate(e.getDate() - e.getDay()));
-        a = m(c), s = d(/* @__PURE__ */ new Date());
-        break;
-      case "Last Week":
-        const l = new Date(e.setDate(e.getDate() - e.getDay() - 7)), p = new Date(e.setDate(l.getDate() + 6));
-        a = m(l), s = d(p);
-        break;
-      case "This Month":
-        a = m(new Date(e.getFullYear(), e.getMonth(), 1)), s = d(/* @__PURE__ */ new Date());
-        break;
-      case "Last Month":
-        a = m(new Date(e.getFullYear(), e.getMonth() - 1, 1)), s = d(new Date(e.getFullYear(), e.getMonth(), 0));
-        break;
-    }
-    b({
-      startDate: a,
-      endDate: s
-    });
-  }, oe = () => /* @__PURE__ */ r.createElement("div", {
-    className: "w-[147px] p-4 border-r border-[var(--color-gray-200)]"
-  }, /* @__PURE__ */ r.createElement("div", {
-    className: "flex flex-col gap-3"
-  }, ue.map((t) => /* @__PURE__ */ r.createElement(E, {
-    key: t,
-    label: t,
-    type: "link",
-    onClick: () => re(t)
-  })))), se = () => {
-    Y && o.startDate && o.endDate && Y(o);
-  }, j = (t) => {
-    const e = t.getFullYear(), a = t.getMonth(), s = V(e, a), c = (/* @__PURE__ */ new Date()).getFullYear(), l = t.getTime() === f.getTime(), p = ae(c);
-    return /* @__PURE__ */ r.createElement("div", {
-      className: "w-fit p-4"
-    }, /* @__PURE__ */ r.createElement("div", {
-      className: "flex justify-between items-center"
-    }, /* @__PURE__ */ r.createElement(x, {
-      name: "chevron",
-      rotation: "90",
-      size: 16,
-      onClick: () => {
-        const n = L(t, !1);
-        w(n, l);
-      },
-      className: "datepicker-navigation-icon"
-    }), /* @__PURE__ */ r.createElement("div", {
-      className: "flex gap-2"
-    }, /* @__PURE__ */ r.createElement(B, {
-      type: "select",
-      dropDownOptions: N,
-      defaultSelectedValue: N[a],
-      selectBy: "label",
-      optionsUniqueBy: "value",
-      displaySelected: !0,
-      onOptionClick: (n) => {
-        const u = new Date(t);
-        u.setMonth(N.findIndex((i) => i.value === n.value)), w(u, l);
-      },
-      className: "w-[124px] dropdown-option-container"
-    }), /* @__PURE__ */ r.createElement(B, {
-      type: "select",
-      dropDownOptions: p,
-      defaultSelectedValue: p.find((n) => n.value === e),
-      selectBy: "label",
-      optionsUniqueBy: "value",
-      displaySelected: !0,
-      onOptionClick: (n) => {
-        const u = new Date(t);
-        u.setFullYear(n.value), w(u, l);
-      },
-      className: "w-[104px] dropdown-option-container"
-    })), /* @__PURE__ */ r.createElement(x, {
-      name: "chevron",
-      rotation: "270",
-      size: 16,
-      className: `datepicker-navigation-icon ${!g && a === (/* @__PURE__ */ new Date()).getMonth() && e === (/* @__PURE__ */ new Date()).getFullYear() ? "disabled" : ""}`,
-      onClick: () => {
-        const n = L(t, !0);
-        w(n, l);
-      }
-    })), /* @__PURE__ */ r.createElement("div", {
-      className: "grid grid-cols-7 gap-2 mt-3"
-    }, ie.map((n, u) => /* @__PURE__ */ r.createElement("div", {
-      key: `${n}-${u}`,
-      className: "datepicker-weekdays"
-    }, n)), s.map((n, u) => {
-      const i = n && Z(n), D = n && ee(n), y = n && te(n), I = n && !i && !D && G(n), A = n && K(n), h = O(n);
-      return /* @__PURE__ */ r.createElement("div", {
-        key: `${n}-${u}`,
-        onClick: () => !h && n && X(n),
-        className: `
-                  relative h-10 w-10 flex items-center justify-center transition-colors rounded-md
-                  ${h ? "cursor-not-allowed text-[var(--color-gray-600)] hover:bg-transparent" : "cursor-pointer"}
-                  ${y ? "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]" : ""}
-                  ${!y && i ? "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]" : ""}
-                  ${!y && D ? "bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]" : ""}
-                  ${!i && !D && I ? "bg-[var(--color-blue-100)] text-[var(--color-blue-600)]" : ""}
-                  ${!i && !D && !I && !h ? "hover:bg-[var(--color-blue-100)]" : ""}
-                  ${A && !i && !D ? "text-[var(--color-blue-500)]" : ""}
-                  ${!h && !i && !D && !A ? "text-[var(--color-gray-700)]" : ""}
-                `
-      }, n ? /* @__PURE__ */ r.createElement(r.Fragment, null, n.getDate(), !y && (i || D) && /* @__PURE__ */ r.createElement("div", {
-        className: `absolute top-0 bottom-0 ${i ? "right-[-8px]" : "left-[-8px]"} w-[8px]
-                        bg-[var(--color-blue-100)] -z-10`
-      })) : "");
-    })));
-  }, le = () => /* @__PURE__ */ r.createElement("div", {
-    className: "se-design-datepicker flex flex-col bg-[var(--color-white)] rounded-md shadow-md w-max"
-  }, /* @__PURE__ */ r.createElement("div", {
-    className: "flex justify-between items-center border-b border-[var(--color-gray-200)] p-4"
-  }, /* @__PURE__ */ r.createElement("h2", {
-    className: "datepicker-title"
-  }, R), H && /* @__PURE__ */ r.createElement(x, {
-    name: "close",
-    size: 16,
-    onClick: H,
-    className: "cursor-pointer"
-  })), /* @__PURE__ */ r.createElement("div", {
-    className: "flex"
-  }, q && oe(), /* @__PURE__ */ r.createElement("div", {
-    className: "flex"
-  }, j(f), /* @__PURE__ */ r.createElement("div", {
-    className: "h-full w-[1px] border-r border-[var(--color-gray-200)]"
-  }), j(M))), /* @__PURE__ */ r.createElement("div", {
-    className: "flex justify-end items-center gap-5 p-4 border-t border-[var(--color-gray-200)]"
-  }, /* @__PURE__ */ r.createElement(E, {
-    label: "Clear",
-    type: "link",
-    onClick: ne
-  }), /* @__PURE__ */ r.createElement(E, {
-    label: "Apply",
-    type: "primary",
-    onClick: se
-  })));
-  return /* @__PURE__ */ r.createElement(ce, {
-    renderModalContent: le,
-    width: "fit-content",
-    isOpen: z,
-    className: "custom-modal-style "
-  });
+  const [o, i] = x(!1), s = (t == null ? void 0 : t.length) > 3, n = s ? t == null ? void 0 : t.slice(-2) : t, d = s ? t == null ? void 0 : t.slice(0, -2) : [];
+  return /* @__PURE__ */ a.createElement("div", {
+    className: `se-design-breadcrumbs flex items-center ${g}`,
+    "aria-label": "Breadcrumb"
+  }, s && /* @__PURE__ */ a.createElement("div", {
+    className: "relative"
+  }, /* @__PURE__ */ a.createElement("div", {
+    onClick: () => i(!o),
+    className: "p-1 hover:bg-gray-100 rounded-full"
+  }, /* @__PURE__ */ a.createElement(f, {
+    name: "kebab-menu"
+  })), o && /* @__PURE__ */ a.createElement("div", {
+    className: "se-design-breadcrumbs-dropdown absolute top-full left-0 mt-1 w-48 bg-white shadow-lg rounded-md py-1 z-10"
+  }, d == null ? void 0 : d.map((e) => /* @__PURE__ */ a.createElement("p", {
+    key: e == null ? void 0 : e.id,
+    onClick: () => {
+      l == null || l(e), i(!1);
+    },
+    className: "w-full text-left px-4 py-2 text-xl text-gray-500 cursor-pointer  hover:bg-gray-100"
+  }, e == null ? void 0 : e.label)))), /* @__PURE__ */ a.createElement("div", {
+    className: "se-design-breadcrumbs-list inline-flex items-center"
+  }, n == null ? void 0 : n.map((e, p) => /* @__PURE__ */ a.createElement("div", {
+    key: e == null ? void 0 : e.id,
+    className: "se-design-breadcrumbs-item inline-flex items-center w-fit"
+  }, (p > 0 || s) && /* @__PURE__ */ a.createElement(f, {
+    name: "chevron",
+    rotation: "270"
+  }), /* @__PURE__ */ a.createElement("p", {
+    onClick: () => l == null ? void 0 : l(e),
+    className: `
+                se-design-breadcrumbs-item-label inline-flex items-center w-fit text-xl
+                ${p === (n == null ? void 0 : n.length) - 1 ? "text-black font-medium cursor-default" : "text-gray-500 hover:text-gray-700 cursor-pointer"}
+              `
+  }, e == null ? void 0 : e.label)))));
 };
 export {
-  we as DatePicker
+  w as BreadCrumbs
 };
 //# sourceMappingURL=index48.js.map

package/dist/index48.js.map

@@ -1 +1 @@
-{"version":3,"file":"index48.js","sources":["../src/components/DatePicker/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { CustomModal } from '../CustomModal';\nimport { Dropdown } from '../Dropdown';\n\nimport './style.scss';\n\nexport interface DateRange {\n  startDate: Date | null;\n  endDate: Date | null;\n}\n\nexport interface DatePickerProps {\n  title?: string;\n  isOpen?: boolean;\n  initialStartDate?: Date;\n  initialEndDate?: Date;\n  onApply?: (dateRange: DateRange) => void;\n  onClose?: () => void;\n  shouldAllowFutureDateSelection?: boolean;\n  minYearOption?: number;\n  showQuickActions?: boolean;\n}\n\nconst weekDays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst quickActions = ['Today', 'Yesterday', 'This Week', 'Last Week', 'This Month', 'Last Month'];\n\nconst months = [\n  { value: 'january', label: 'January' },\n  { value: 'february', label: 'February' },\n  { value: 'march', label: 'March' },\n  { value: 'april', label: 'April' },\n  { value: 'may', label: 'May' },\n  { value: 'june', label: 'June' },\n  { value: 'july', label: 'July' },\n  { value: 'august', label: 'August' },\n  { value: 'september', label: 'September' },\n  { value: 'october', label: 'October' },\n  { value: 'november', label: 'November' },\n  { value: 'december', label: 'December' }\n];\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  title = 'Select modified date',\n  isOpen = true,\n  initialStartDate,\n  initialEndDate,\n  onApply,\n  onClose,\n  shouldAllowFutureDateSelection = false,\n  minYearOption,\n  showQuickActions = true\n}) => {\n  const getDefaultDateRange = (): DateRange => {\n    // If initial start and end dates are provided, use them\n    if (initialStartDate && initialEndDate) {\n      return {\n        startDate: initialStartDate,\n        endDate: initialEndDate\n      };\n    }\n\n    // If no initial dates are provided, use today's date\n    const endDate = new Date();\n    endDate.setHours(23, 59, 59, 999); // End of today\n\n    const startDate = new Date();\n    startDate.setHours(0, 0, 0, 0); // Start of today\n\n    return { startDate, endDate };\n  };\n\n  const getDefaultMonths = (): [Date, Date] => {\n    const today = new Date();\n    const lastMonth = new Date();\n    lastMonth.setMonth(today.getMonth() - 1);\n\n    // Set both to first day of their respective months\n    today.setDate(1);\n    today.setHours(0, 0, 0, 0);\n    lastMonth.setDate(1);\n    lastMonth.setHours(0, 0, 0, 0);\n\n    return [lastMonth, today];\n  };\n\n  const [selectedRange, setSelectedRange] = useState<DateRange>(getDefaultDateRange);\n  const [defaultMonths, _] = useState(getDefaultMonths);\n  const [leftMonth, setLeftMonth] = useState(() => defaultMonths[0]);\n  const [rightMonth, setRightMonth] = useState(() => defaultMonths[1]);\n\n  const getDaysInMonth = (year: number, month: number) => {\n    return new Date(year, month + 1, 0).getDate();\n  };\n\n  const getFirstDayOfMonth = (year: number, month: number) => {\n    return new Date(year, month, 1).getDay();\n  };\n\n  const generateCalendarDays = (year: number, month: number) => {\n    const daysInMonth = getDaysInMonth(year, month);\n    const firstDay = getFirstDayOfMonth(year, month);\n    const days = [];\n\n    // Add empty cells for days before the first day of the month\n    for (let i = 0; i < firstDay; i++) {\n      days.push(null);\n    }\n\n    // Add the days of the month\n    for (let day = 1; day <= daysInMonth; day++) {\n      days.push(new Date(year, month, day));\n    }\n\n    return days;\n  };\n\n  const isSameDay = (date1: Date, date2: Date): boolean => {\n    return (\n      date1.getDate() === date2.getDate() &&\n      date1.getMonth() === date2.getMonth() &&\n      date1.getFullYear() === date2.getFullYear()\n    );\n  };\n\n  const isDateInRange = (date: Date) => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n\n    const compareDate = new Date(date);\n    compareDate.setHours(12, 0, 0, 0); // Noon to avoid any timezone issues\n\n    const startDate = new Date(selectedRange.startDate);\n    startDate.setHours(0, 0, 0, 0);\n\n    const endDate = new Date(selectedRange.endDate);\n    endDate.setHours(23, 59, 59, 999);\n\n    return compareDate >= startDate && compareDate <= endDate;\n  };\n\n  const isToday = (date: Date) => {\n    const today = new Date();\n    return (\n      date.getDate() === today.getDate() &&\n      date.getMonth() === today.getMonth() &&\n      date.getFullYear() === today.getFullYear()\n    );\n  };\n\n  const isDateDisabled = (date: Date | null) => {\n    if (!date) return true;\n    if (shouldAllowFutureDateSelection) return false;\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    return date > today;\n  };\n\n  const handleDateClick = (date: Date) => {\n    if (isDateDisabled(date)) return;\n\n    const clickedDate = new Date(date);\n    clickedDate.setHours(12, 0, 0, 0); // Set to noon to avoid timezone issues\n\n    if (!selectedRange.startDate || selectedRange.endDate) {\n      // No dates selected yet, or both dates are selected - start new selection\n      setSelectedRange({ startDate: clickedDate, endDate: null });\n    } else {\n      // Only start date is selected, set end date\n      const currentStart = new Date(selectedRange.startDate);\n      currentStart.setHours(12, 0, 0, 0);\n\n      const endDate = clickedDate > currentStart ? clickedDate : currentStart;\n      const startDate = clickedDate > currentStart ? currentStart : clickedDate;\n\n      setSelectedRange({ startDate, endDate });\n    }\n  };\n\n  const handleMonthNavigation = (date: Date, increment: boolean) => {\n    const newDate = new Date(date);\n    newDate.setMonth(newDate.getMonth() + (increment ? 1 : -1));\n    return newDate;\n  };\n\n  const ensureDateInCorrectOrder = (leftDate: Date, rightDate: Date): [Date, Date] => {\n    if (leftDate.getTime() > rightDate.getTime()) {\n      return [rightDate, leftDate];\n    }\n    return [leftDate, rightDate];\n  };\n\n  const handleMonthChange = (newDate: Date, isLeftCalendar: boolean) => {\n    if (isLeftCalendar) {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(newDate, rightMonth);\n      setLeftMonth(newLeft);\n      if (newRight !== rightMonth) {\n        setRightMonth(newRight);\n      }\n    } else {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(leftMonth, newDate);\n      if (newLeft !== leftMonth) {\n        setLeftMonth(newLeft);\n      }\n      setRightMonth(newRight);\n    }\n  };\n\n  const isStartDate = (date: Date): boolean => {\n    if (!selectedRange?.startDate) return false;\n    return isSameDay(date, selectedRange.startDate);\n  };\n\n  const isEndDate = (date: Date): boolean => {\n    if (!selectedRange?.endDate) return false;\n    return isSameDay(date, selectedRange?.endDate);\n  };\n\n  const isSameStartAndEndDate = (date: Date): boolean => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n    return isSameDay(selectedRange.startDate, selectedRange.endDate) && isSameDay(date, selectedRange.startDate);\n  };\n\n  const getYearOptions = (currentYear: number) => {\n    const startYear = minYearOption || currentYear - 10;\n    const endYear = shouldAllowFutureDateSelection ? currentYear + 10 : currentYear;\n    const yearCount = endYear - startYear + 1;\n\n    return Array.from({ length: yearCount }, (_, i) => ({\n      value: startYear + i,\n      label: (startYear + i).toString()\n    })).filter((year) => (shouldAllowFutureDateSelection ? true : year.value <= currentYear));\n  };\n\n  const handleClear = () => {\n    const today = new Date();\n    const startDate = new Date();\n\n    // Set start date to beginning of today\n    startDate.setHours(0, 0, 0, 0);\n\n    // Set end date to end of today\n    today.setHours(23, 59, 59, 999);\n\n    const defaultRange = { startDate, endDate: today };\n    setSelectedRange(defaultRange);\n  };\n\n  const getStartOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(0, 0, 0, 0);\n    return newDate;\n  };\n\n  const getEndOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(23, 59, 59, 999);\n    return newDate;\n  };\n\n  const handleQuickAction = (action: string) => {\n    const today = new Date();\n    let startDate = new Date();\n    let endDate = new Date();\n\n    switch (action) {\n      case 'Today':\n        startDate = getStartOfDay(today);\n        endDate = getEndOfDay(today);\n        break;\n      case 'Yesterday':\n        startDate = getStartOfDay(new Date(today.setDate(today.getDate() - 1)));\n        endDate = getEndOfDay(new Date(today));\n        break;\n      case 'This Week':\n        const firstDayOfWeek = new Date(today.setDate(today.getDate() - today.getDay()));\n        startDate = getStartOfDay(firstDayOfWeek);\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Week':\n        const lastWeekStart = new Date(today.setDate(today.getDate() - today.getDay() - 7));\n        const lastWeekEnd = new Date(today.setDate(lastWeekStart.getDate() + 6));\n        startDate = getStartOfDay(lastWeekStart);\n        endDate = getEndOfDay(lastWeekEnd);\n        break;\n      case 'This Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth(), 1));\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth() - 1, 1));\n        endDate = getEndOfDay(new Date(today.getFullYear(), today.getMonth(), 0));\n        break;\n    }\n\n    setSelectedRange({ startDate, endDate });\n  };\n\n  const renderQuickActions = () => {\n    return (\n      <div className=\"w-[147px] p-4 border-r border-[var(--color-gray-200)]\">\n        <div className=\"flex flex-col gap-3\">\n          {quickActions.map((action) => (\n            <Button key={action} label={action} type=\"link\" onClick={() => handleQuickAction(action)} />\n          ))}\n        </div>\n      </div>\n    );\n  };\n\n  const handleApply = () => {\n    if (onApply && selectedRange.startDate && selectedRange.endDate) {\n      onApply(selectedRange);\n    }\n  };\n\n  const renderCalendar = (date: Date) => {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const days = generateCalendarDays(year, month);\n    const currentYear = new Date().getFullYear();\n    const isLeftCalendar = date.getTime() === leftMonth.getTime();\n    const yearOptions = getYearOptions(currentYear);\n\n    return (\n      <div className=\"w-fit p-4\">\n        <div className=\"flex justify-between items-center\">\n          <Icon\n            name=\"chevron\"\n            rotation=\"90\"\n            size={16}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, false);\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n            className=\"datepicker-navigation-icon\"\n          />\n\n          <div className=\"flex gap-2\">\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={months}\n              defaultSelectedValue={months[month]}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setMonth(months.findIndex((m) => m.value === selectedOption.value));\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[124px] dropdown-option-container\"\n            />\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={yearOptions}\n              defaultSelectedValue={yearOptions.find((y) => y.value === year)}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setFullYear(selectedOption.value);\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[104px] dropdown-option-container\"\n            />\n          </div>\n\n          <Icon\n            name=\"chevron\"\n            rotation=\"270\"\n            size={16}\n            className={`datepicker-navigation-icon ${!shouldAllowFutureDateSelection && month === new Date().getMonth() && year === new Date().getFullYear() ? 'disabled' : ''}`}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, true);\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n          />\n        </div>\n        <div className=\"grid grid-cols-7 gap-2 mt-3\">\n          {weekDays.map((day, index) => (\n            <div key={`${day}-${index}`} className=\"datepicker-weekdays\">\n              {day}\n            </div>\n          ))}\n          {days.map((date, index) => {\n            const isStart = date && isStartDate(date);\n            const isEnd = date && isEndDate(date);\n            const isSameStartEnd = date && isSameStartAndEndDate(date);\n            const inRange = date && !isStart && !isEnd && isDateInRange(date);\n            const todayDate = date && isToday(date);\n            const disabled = isDateDisabled(date);\n\n            return (\n              <div\n                key={`${date}-${index}`}\n                onClick={() => !disabled && date && handleDateClick(date)}\n                className={`\n                  relative h-10 w-10 flex items-center justify-center transition-colors rounded-md\n                  ${disabled ? 'cursor-not-allowed text-[var(--color-gray-600)] hover:bg-transparent' : 'cursor-pointer'}\n                  ${isSameStartEnd ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]' : ''}\n                  ${!isSameStartEnd && isStart ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]' : ''}\n                  ${!isSameStartEnd && isEnd ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]' : ''}\n                  ${!isStart && !isEnd && inRange ? 'bg-[var(--color-blue-100)] text-[var(--color-blue-600)]' : ''}\n                  ${!isStart && !isEnd && !inRange && !disabled ? 'hover:bg-[var(--color-blue-100)]' : ''}\n                  ${todayDate && !isStart && !isEnd ? 'text-[var(--color-blue-500)]' : ''}\n                  ${!disabled && !isStart && !isEnd && !todayDate ? 'text-[var(--color-gray-700)]' : ''}\n                `}\n              >\n                {date ? (\n                  <>\n                    {date.getDate()}\n                    {!isSameStartEnd && (isStart || isEnd) && (\n                      <div\n                        className={`absolute top-0 bottom-0 ${isStart ? 'right-[-8px]' : 'left-[-8px]'} w-[8px]\n                        bg-[var(--color-blue-100)] -z-10`}\n                      />\n                    )}\n                  </>\n                ) : (\n                  ''\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  };\n\n  const renderDatePicker = () => {\n    return (\n      <div className=\"se-design-datepicker flex flex-col bg-[var(--color-white)] rounded-md shadow-md w-max\">\n        <div className=\"flex justify-between items-center border-b border-[var(--color-gray-200)] p-4\">\n          <h2 className=\"datepicker-title\">{title}</h2>\n          {onClose && <Icon name=\"close\" size={16} onClick={onClose} className=\"cursor-pointer\" />}\n        </div>\n        <div className=\"flex\">\n          {showQuickActions && renderQuickActions()}\n          <div className=\"flex\">\n            {renderCalendar(leftMonth)}\n            <div className=\"h-full w-[1px] border-r border-[var(--color-gray-200)]\"></div>\n            {renderCalendar(rightMonth)}\n          </div>\n        </div>\n        <div className=\"flex justify-end items-center gap-5 p-4 border-t border-[var(--color-gray-200)]\">\n          <Button label=\"Clear\" type=\"link\" onClick={handleClear} />\n          <Button label=\"Apply\" type=\"primary\" onClick={handleApply} />\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <CustomModal\n      renderModalContent={renderDatePicker}\n      width=\"fit-content\"\n      isOpen={isOpen}\n      className=\"custom-modal-style \"\n    />\n  );\n};\n"],"names":["React__default","useState","Button","Icon","CustomModal","Dropdown","weekDays","quickActions","months","value","label","DatePicker","title","isOpen","initialStartDate","initialEndDate","onApply","onClose","shouldAllowFutureDateSelection","minYearOption","showQuickActions","getDefaultDateRange","startDate","endDate","Date","setHours","getDefaultMonths","today","lastMonth","setMonth","getMonth","setDate","selectedRange","setSelectedRange","defaultMonths","_","leftMonth","setLeftMonth","rightMonth","setRightMonth","getDaysInMonth","year","month","getDate","getFirstDayOfMonth","getDay","generateCalendarDays","daysInMonth","firstDay","days","i","push","day","isSameDay","date1","date2","getFullYear","isDateInRange","date","compareDate","isToday","isDateDisabled","handleDateClick","clickedDate","currentStart","handleMonthNavigation","increment","newDate","ensureDateInCorrectOrder","leftDate","rightDate","getTime","handleMonthChange","isLeftCalendar","newLeft","newRight","isStartDate","isEndDate","isSameStartAndEndDate","getYearOptions","currentYear","startYear","yearCount","Array","from","length","toString","filter","handleClear","getStartOfDay","getEndOfDay","handleQuickAction","action","firstDayOfWeek","lastWeekStart","lastWeekEnd","renderQuickActions","React","createElement","className","map","key","type","onClick","handleApply","renderCalendar","yearOptions","name","rotation","size","dropDownOptions","defaultSelectedValue","selectBy","optionsUniqueBy","displaySelected","onOptionClick","selectedOption","findIndex","m","find","y","setFullYear","index","isStart","isEnd","isSameStartEnd","inRange","todayDate","disabled","Fragment","renderDatePicker","renderModalContent","width"],"mappings":"AA0BA,OAAAA,KAAA,YAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,eAAAC,UAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,KAAW,CAAC,KAAK,KAAK,KAAK,KAAK,KAAK,KAAK,GAAG,GAC7CC,KAAe,CAAC,SAAS,aAAa,aAAa,aAAa,cAAc,YAAY,GAE1FC,IAAS,CACb;AAAA,EAAEC,OAAO;AAAA,EAAWC,OAAO;AAAU,GACrC;AAAA,EAAED,OAAO;AAAA,EAAYC,OAAO;AAAW,GACvC;AAAA,EAAED,OAAO;AAAA,EAASC,OAAO;AAAQ,GACjC;AAAA,EAAED,OAAO;AAAA,EAASC,OAAO;AAAQ,GACjC;AAAA,EAAED,OAAO;AAAA,EAAOC,OAAO;AAAM,GAC7B;AAAA,EAAED,OAAO;AAAA,EAAQC,OAAO;AAAO,GAC/B;AAAA,EAAED,OAAO;AAAA,EAAQC,OAAO;AAAO,GAC/B;AAAA,EAAED,OAAO;AAAA,EAAUC,OAAO;AAAS,GACnC;AAAA,EAAED,OAAO;AAAA,EAAaC,OAAO;AAAY,GACzC;AAAA,EAAED,OAAO;AAAA,EAAWC,OAAO;AAAU,GACrC;AAAA,EAAED,OAAO;AAAA,EAAYC,OAAO;AAAW,GACvC;AAAA,EAAED,OAAO;AAAA,EAAYC,OAAO;AAAW,CAAC,GAG7BC,KAAwCA,CAAC;AAAA,EACpDC,OAAAA,IAAQ;AAAA,EACRC,QAAAA,IAAS;AAAA,EACTC,kBAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,gCAAAA,IAAiC;AAAA,EACjCC,eAAAA;AAAAA,EACAC,kBAAAA,IAAmB;AACrB,MAAM;AACJ,QAAMC,IAAsBA,MAAiB;AAE3C,QAAIP,KAAoBC;AACf,aAAA;AAAA,QACLO,WAAWR;AAAAA,QACXS,SAASR;AAAAA,MACX;AAIIQ,UAAAA,wBAAcC,KAAK;AACzBD,IAAAA,EAAQE,SAAS,IAAI,IAAI,IAAI,GAAG;AAE1BH,UAAAA,wBAAgBE,KAAK;AAC3BF,WAAAA,EAAUG,SAAS,GAAG,GAAG,GAAG,CAAC,GAEtB;AAAA,MAAEH,WAAAA;AAAAA,MAAWC,SAAAA;AAAAA,IAAQ;AAAA,EAC9B,GAEMG,IAAmBA,MAAoB;AACrCC,UAAAA,wBAAYH,KAAK,GACjBI,wBAAgBJ,KAAK;AAC3BI,WAAAA,EAAUC,SAASF,EAAMG,SAAS,IAAI,CAAC,GAGvCH,EAAMI,QAAQ,CAAC,GACfJ,EAAMF,SAAS,GAAG,GAAG,GAAG,CAAC,GACzBG,EAAUG,QAAQ,CAAC,GACnBH,EAAUH,SAAS,GAAG,GAAG,GAAG,CAAC,GAEtB,CAACG,GAAWD,CAAK;AAAA,EAC1B,GAEM,CAACK,GAAeC,CAAgB,IAAIhC,EAAoBoB,CAAmB,GAC3E,CAACa,GAAeC,EAAC,IAAIlC,EAASyB,CAAgB,GAC9C,CAACU,GAAWC,CAAY,IAAIpC,EAAS,MAAMiC,EAAc,CAAC,CAAC,GAC3D,CAACI,GAAYC,CAAa,IAAItC,EAAS,MAAMiC,EAAc,CAAC,CAAC,GAE7DM,IAAiBA,CAACC,GAAcC,MAC7B,IAAIlB,KAAKiB,GAAMC,IAAQ,GAAG,CAAC,EAAEC,QAAQ,GAGxCC,IAAqBA,CAACH,GAAcC,MACjC,IAAIlB,KAAKiB,GAAMC,GAAO,CAAC,EAAEG,OAAO,GAGnCC,IAAuBA,CAACL,GAAcC,MAAkB;AACtDK,UAAAA,IAAcP,EAAeC,GAAMC,CAAK,GACxCM,IAAWJ,EAAmBH,GAAMC,CAAK,GACzCO,IAAO,CAAE;AAGf,aAASC,IAAI,GAAGA,IAAIF,GAAUE;AAC5BD,MAAAA,EAAKE,KAAK,IAAI;AAIhB,aAASC,IAAM,GAAGA,KAAOL,GAAaK;AACpCH,MAAAA,EAAKE,KAAK,IAAI3B,KAAKiB,GAAMC,GAAOU,CAAG,CAAC;AAG/BH,WAAAA;AAAAA,EACT,GAEMI,IAAYA,CAACC,GAAaC,MAE5BD,EAAMX,QAAQ,MAAMY,EAAMZ,QAAAA,KAC1BW,EAAMxB,SAAeyB,MAAAA,EAAMzB,cAC3BwB,EAAME,YAAY,MAAMD,EAAMC,YAAY,GAIxCC,IAAgBA,CAACC,MAAe;AACpC,QAAI,CAAC1B,EAAcV,aAAa,CAACU,EAAcT,QAAgB,QAAA;AAEzDoC,UAAAA,IAAc,IAAInC,KAAKkC,CAAI;AACjCC,IAAAA,EAAYlC,SAAS,IAAI,GAAG,GAAG,CAAC;AAEhC,UAAMH,IAAY,IAAIE,KAAKQ,EAAcV,SAAS;AAClDA,IAAAA,EAAUG,SAAS,GAAG,GAAG,GAAG,CAAC;AAE7B,UAAMF,IAAU,IAAIC,KAAKQ,EAAcT,OAAO;AAC9CA,WAAAA,EAAQE,SAAS,IAAI,IAAI,IAAI,GAAG,GAEzBkC,KAAerC,KAAaqC,KAAepC;AAAAA,EACpD,GAEMqC,IAAUA,CAACF,MAAe;AACxB/B,UAAAA,wBAAYH,KAAK;AACvB,WACEkC,EAAKf,QAAQ,MAAMhB,EAAMgB,QAAAA,KACzBe,EAAK5B,SAAeH,MAAAA,EAAMG,cAC1B4B,EAAKF,YAAY,MAAM7B,EAAM6B,YAAY;AAAA,EAE7C,GAEMK,IAAiBA,CAACH,MAAsB;AACxC,QAAA,CAACA,EAAa,QAAA;AAClB,QAAIxC,EAAuC,QAAA;AACrCS,UAAAA,wBAAYH,KAAK;AACvBG,WAAAA,EAAMF,SAAS,GAAG,GAAG,GAAG,CAAC,GAClBiC,IAAO/B;AAAAA,EAChB,GAEMmC,IAAkBA,CAACJ,MAAe;AAClCG,QAAAA,EAAeH,CAAI,EAAG;AAEpBK,UAAAA,IAAc,IAAIvC,KAAKkC,CAAI;AAGjC,QAFAK,EAAYtC,SAAS,IAAI,GAAG,GAAG,CAAC,GAE5B,CAACO,EAAcV,aAAaU,EAAcT;AAE3B,MAAAU,EAAA;AAAA,QAAEX,WAAWyC;AAAAA,QAAaxC,SAAS;AAAA,MAAA,CAAM;AAAA,SACrD;AAEL,YAAMyC,IAAe,IAAIxC,KAAKQ,EAAcV,SAAS;AACrD0C,MAAAA,EAAavC,SAAS,IAAI,GAAG,GAAG,CAAC;AAE3BF,YAAAA,IAAUwC,IAAcC,IAAeD,IAAcC,GACrD1C,IAAYyC,IAAcC,IAAeA,IAAeD;AAE7C,MAAA9B,EAAA;AAAA,QAAEX,WAAAA;AAAAA,QAAWC,SAAAA;AAAAA,MAAAA,CAAS;AAAA,IAAA;AAAA,EAE3C,GAEM0C,IAAwBA,CAACP,GAAYQ,MAAuB;AAC1DC,UAAAA,IAAU,IAAI3C,KAAKkC,CAAI;AAC7BS,WAAAA,EAAQtC,SAASsC,EAAQrC,SAAcoC,KAAAA,IAAY,IAAI,GAAG,GACnDC;AAAAA,EACT,GAEMC,IAA2BA,CAACC,GAAgBC,MAC5CD,EAASE,QAAAA,IAAYD,EAAUC,YAC1B,CAACD,GAAWD,CAAQ,IAEtB,CAACA,GAAUC,CAAS,GAGvBE,IAAoBA,CAACL,GAAeM,MAA4B;AACpE,QAAIA,GAAgB;AAClB,YAAM,CAACC,GAASC,CAAQ,IAAIP,EAAyBD,GAAS7B,CAAU;AACxED,MAAAA,EAAaqC,CAAO,GAChBC,MAAarC,KACfC,EAAcoC,CAAQ;AAAA,IACxB,OACK;AACL,YAAM,CAACD,GAASC,CAAQ,IAAIP,EAAyBhC,GAAW+B,CAAO;AACvE,MAAIO,MAAYtC,KACdC,EAAaqC,CAAO,GAEtBnC,EAAcoC,CAAQ;AAAA,IAAA;AAAA,EAE1B,GAEMC,IAAcA,CAAClB,MACd1B,KAAAA,QAAAA,EAAeV,YACb+B,EAAUK,GAAM1B,EAAcV,SAAS,IADR,IAIlCuD,KAAYA,CAACnB,MACZ1B,KAAAA,QAAAA,EAAeT,UACb8B,EAAUK,GAAM1B,KAAAA,gBAAAA,EAAeT,OAAO,IADT,IAIhCuD,KAAwBA,CAACpB,MACzB,CAAC1B,EAAcV,aAAa,CAACU,EAAcT,UAAgB,KACxD8B,EAAUrB,EAAcV,WAAWU,EAAcT,OAAO,KAAK8B,EAAUK,GAAM1B,EAAcV,SAAS,GAGvGyD,KAAiBA,CAACC,MAAwB;AACxCC,UAAAA,IAAY9D,KAAiB6D,IAAc,IAE3CE,KADUhE,IAAiC8D,IAAc,KAAKA,KACxCC,IAAY;AAExC,WAAOE,MAAMC,KAAK;AAAA,MAAEC,QAAQH;AAAAA,IAAAA,GAAa,CAAC/C,GAAGe,OAAO;AAAA,MAClDzC,OAAOwE,IAAY/B;AAAAA,MACnBxC,QAAQuE,IAAY/B,GAAGoC,SAAS;AAAA,IAAA,EAChC,EAAEC,OAAQ9C,CAAAA,MAAUvB,IAAiC,KAAOuB,EAAKhC,SAASuE,CAAY;AAAA,EAC1F,GAEMQ,KAAcA,MAAM;AAClB7D,UAAAA,wBAAYH,KAAK,GACjBF,wBAAgBE,KAAK;AAG3BF,IAAAA,EAAUG,SAAS,GAAG,GAAG,GAAG,CAAC,GAG7BE,EAAMF,SAAS,IAAI,IAAI,IAAI,GAAG,GAG9BQ,EADqB;AAAA,MAAEX,WAAAA;AAAAA,MAAWC,SAASI;AAAAA,IAAM,CACpB;AAAA,EAC/B,GAEM8D,IAAgBA,CAAC/B,MAAe;AAC9BS,UAAAA,IAAU,IAAI3C,KAAKkC,CAAI;AAC7BS,WAAAA,EAAQ1C,SAAS,GAAG,GAAG,GAAG,CAAC,GACpB0C;AAAAA,EACT,GAEMuB,IAAcA,CAAChC,MAAe;AAC5BS,UAAAA,IAAU,IAAI3C,KAAKkC,CAAI;AAC7BS,WAAAA,EAAQ1C,SAAS,IAAI,IAAI,IAAI,GAAG,GACzB0C;AAAAA,EACT,GAEMwB,KAAoBA,CAACC,MAAmB;AACtCjE,UAAAA,wBAAYH,KAAK;AACnBF,QAAAA,wBAAgBE,KAAK,GACrBD,wBAAcC,KAAK;AAEvB,YAAQoE,GAAM;AAAA,MACZ,KAAK;AACHtE,QAAAA,IAAYmE,EAAc9D,CAAK,GAC/BJ,IAAUmE,EAAY/D,CAAK;AAC3B;AAAA,MACF,KAAK;AACS8D,QAAAA,IAAAA,EAAc,IAAIjE,KAAKG,EAAMI,QAAQJ,EAAMgB,QAAQ,IAAI,CAAC,CAAC,CAAC,GACtEpB,IAAUmE,EAAY,IAAIlE,KAAKG,CAAK,CAAC;AACrC;AAAA,MACF,KAAK;AACGkE,cAAAA,IAAiB,IAAIrE,KAAKG,EAAMI,QAAQJ,EAAMgB,YAAYhB,EAAMkB,OAAO,CAAC,CAAC;AAC/EvB,QAAAA,IAAYmE,EAAcI,CAAc,GAC9BH,IAAAA,EAAgBlE,oBAAAA,MAAM;AAChC;AAAA,MACF,KAAK;AACH,cAAMsE,IAAgB,IAAItE,KAAKG,EAAMI,QAAQJ,EAAMgB,QAAQ,IAAIhB,EAAMkB,OAAW,IAAA,CAAC,CAAC,GAC5EkD,IAAc,IAAIvE,KAAKG,EAAMI,QAAQ+D,EAAcnD,YAAY,CAAC,CAAC;AACvErB,QAAAA,IAAYmE,EAAcK,CAAa,GACvCvE,IAAUmE,EAAYK,CAAW;AACjC;AAAA,MACF,KAAK;AACSN,QAAAA,IAAAA,EAAc,IAAIjE,KAAKG,EAAM6B,eAAe7B,EAAMG,YAAY,CAAC,CAAC,GAClE4D,IAAAA,EAAgBlE,oBAAAA,MAAM;AAChC;AAAA,MACF,KAAK;AACSiE,QAAAA,IAAAA,EAAc,IAAIjE,KAAKG,EAAM6B,eAAe7B,EAAMG,SAAS,IAAI,GAAG,CAAC,CAAC,GACtE4D,IAAAA,EAAY,IAAIlE,KAAKG,EAAM6B,eAAe7B,EAAMG,YAAY,CAAC,CAAC;AACxE;AAAA,IAAA;AAGa,IAAAG,EAAA;AAAA,MAAEX,WAAAA;AAAAA,MAAWC,SAAAA;AAAAA,IAAAA,CAAS;AAAA,EACzC,GAEMyE,KAAqBA,MAEvBC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACZ5F,GAAa6F,IAAKR,CACjBK,MAAAA,gBAAAA,EAAAC,cAAChG,GAAM;AAAA,IAACmG,KAAKT;AAAAA,IAAQlF,OAAOkF;AAAAA,IAAQU,MAAK;AAAA,IAAOC,SAASA,MAAMZ,GAAkBC,CAAM;AAAA,EAAI,CAAA,CAC5F,CACE,CACF,GAIHY,KAAcA,MAAM;AACxB,IAAIxF,KAAWgB,EAAcV,aAAaU,EAAcT,WACtDP,EAAQgB,CAAa;AAAA,EAEzB,GAEMyE,IAAiBA,CAAC/C,MAAe;AAC/BjB,UAAAA,IAAOiB,EAAKF,YAAY,GACxBd,IAAQgB,EAAK5B,SAAS,GACtBmB,IAAOH,EAAqBL,GAAMC,CAAK,GACvCsC,KAAc,oBAAIxD,KAAK,GAAEgC,YAAY,GACrCiB,IAAiBf,EAAKa,QAAQ,MAAMnC,EAAUmC,QAAQ,GACtDmC,IAAc3B,GAAeC,CAAW;AAG5CiB,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAU;AAAA,IAAA,GACbD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,MAAKC,WAAU;AAAA,IAAA,GACbD,gBAAAA,EAAAA,cAAC/F,GAAI;AAAA,MACHwG,MAAK;AAAA,MACLC,UAAS;AAAA,MACTC,MAAM;AAAA,MACNN,SAASA,MAAM;AACPpC,cAAAA,IAAUF,EAAsBP,GAAM,EAAK;AACjDc,QAAAA,EAAkBL,GAASM,CAAc;AAAA,MAC3C;AAAA,MACA0B,WAAU;AAAA,IAAA,CACX,GAEDD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,MAAKC,WAAU;AAAA,IAAA,GACbD,gBAAAA,EAAAA,cAAC7F,GAAQ;AAAA,MACPiG,MAAK;AAAA,MACLQ,iBAAiBtG;AAAAA,MACjBuG,sBAAsBvG,EAAOkC,CAAK;AAAA,MAClCsE,UAAS;AAAA,MACTC,iBAAgB;AAAA,MAChBC,iBAAiB;AAAA,MACjBC,eAAgBC,CAAmBA,MAAA;AAC3BjD,cAAAA,IAAU,IAAI3C,KAAKkC,CAAI;AACrB7B,QAAAA,EAAAA,SAASrB,EAAO6G,UAAWC,CAAAA,MAAMA,EAAE7G,UAAU2G,EAAe3G,KAAK,CAAC,GAC1E+D,EAAkBL,GAASM,CAAc;AAAA,MAC3C;AAAA,MACA0B,WAAU;AAAA,IAAA,CACX,GACDD,gBAAAA,EAAAA,cAAC7F,GAAQ;AAAA,MACPiG,MAAK;AAAA,MACLQ,iBAAiBJ;AAAAA,MACjBK,sBAAsBL,EAAYa,KAAMC,CAAMA,MAAAA,EAAE/G,UAAUgC,CAAI;AAAA,MAC9DuE,UAAS;AAAA,MACTC,iBAAgB;AAAA,MAChBC,iBAAiB;AAAA,MACjBC,eAAgBC,CAAmBA,MAAA;AAC3BjD,cAAAA,IAAU,IAAI3C,KAAKkC,CAAI;AACrB+D,QAAAA,EAAAA,YAAYL,EAAe3G,KAAK,GACxC+D,EAAkBL,GAASM,CAAc;AAAA,MAC3C;AAAA,MACA0B,WAAU;AAAA,IACX,CAAA,CACE,GAELF,gBAAAA,EAAAC,cAAC/F,GAAI;AAAA,MACHwG,MAAK;AAAA,MACLC,UAAS;AAAA,MACTC,MAAM;AAAA,MACNV,WAAW,8BAA8B,CAACjF,KAAkCwB,2BAAclB,QAAOM,SAAS,KAAKW,OAAajB,oBAAAA,QAAOgC,YAAY,IAAI,aAAa,EAAE;AAAA,MAClK+C,SAASA,MAAM;AACPpC,cAAAA,IAAUF,EAAsBP,GAAM,EAAI;AAChDc,QAAAA,EAAkBL,GAASM,CAAc;AAAA,MAAA;AAAA,IAE5C,CAAA,CACE,GACLwB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKC,WAAU;AAAA,IAAA,GACZ7F,GAAS8F,IAAI,CAAChD,GAAKsE,MAClBzB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MAAKG,KAAK,GAAGjD,CAAG,IAAIsE,CAAK;AAAA,MAAIvB,WAAU;AAAA,IAAA,GACpC/C,CACE,CACN,GACAH,EAAKmD,IAAI,CAAC1C,GAAMgE,MAAU;AACnBC,YAAAA,IAAUjE,KAAQkB,EAAYlB,CAAI,GAClCkE,IAAQlE,KAAQmB,GAAUnB,CAAI,GAC9BmE,IAAiBnE,KAAQoB,GAAsBpB,CAAI,GACnDoE,IAAUpE,KAAQ,CAACiE,KAAW,CAACC,KAASnE,EAAcC,CAAI,GAC1DqE,IAAYrE,KAAQE,EAAQF,CAAI,GAChCsE,IAAWnE,EAAeH,CAAI;AAGlCuC,aAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,QACEG,KAAK,GAAG3C,CAAI,IAAIgE,CAAK;AAAA,QACrBnB,SAASA,MAAM,CAACyB,KAAYtE,KAAQI,EAAgBJ,CAAI;AAAA,QACxDyC,WAAW;AAAA;AAAA,oBAEP6B,IAAW,yEAAyE,gBAAgB;AAAA,oBACpGH,IAAiB,0FAA0F,EAAE;AAAA,oBAC7G,CAACA,KAAkBF,IAAU,0FAA0F,EAAE;AAAA,oBACzH,CAACE,KAAkBD,IAAQ,0FAA0F,EAAE;AAAA,oBACvH,CAACD,KAAW,CAACC,KAASE,IAAU,4DAA4D,EAAE;AAAA,oBAC9F,CAACH,KAAW,CAACC,KAAS,CAACE,KAAW,CAACE,IAAW,qCAAqC,EAAE;AAAA,oBACrFD,KAAa,CAACJ,KAAW,CAACC,IAAQ,iCAAiC,EAAE;AAAA,oBACrE,CAACI,KAAY,CAACL,KAAW,CAACC,KAAS,CAACG,IAAY,iCAAiC,EAAE;AAAA;AAAA,MAAA,GAGtFrE,IACCuC,gBAAAA,EAAAC,cAAAD,EAAAgC,UACGvE,MAAAA,EAAKf,QAAQ,GACb,CAACkF,MAAmBF,KAAWC,MAC9B3B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,QACEC,WAAW,2BAA2BwB,IAAU,iBAAiB,aAAa;AAAA;AAAA,MAAA,CAE/E,CAEH,IAEF,EAEC;AAAA,IAER,CAAA,CACE,CACF;AAAA,EAET,GAEMO,KAAmBA,MAErBjC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAA,MAAA;AAAA,IAAIC,WAAU;AAAA,KAAoBvF,CAAU,GAC3CK,KAAWgF,gBAAAA,EAAAC,cAAC/F,GAAI;AAAA,IAACwG,MAAK;AAAA,IAAQE,MAAM;AAAA,IAAIN,SAAStF;AAAAA,IAASkF,WAAU;AAAA,EAAkB,CAAA,CACpF,GACLF,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,KACZ/E,KAAoB4E,GAAAA,GACrBC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,KACZM,EAAerE,CAAS,GACzB6D,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,CAA8D,GAC5EM,EAAenE,CAAU,CACvB,CACF,GACL4D,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAAChG,GAAM;AAAA,IAACQ,OAAM;AAAA,IAAQ4F,MAAK;AAAA,IAAOC,SAASf;AAAAA,EAAAA,CAAc,GACzDU,gBAAAA,EAAAA,cAAChG,GAAM;AAAA,IAACQ,OAAM;AAAA,IAAQ4F,MAAK;AAAA,IAAUC,SAASC;AAAAA,EAAc,CAAA,CACzD,CACF;AAKPP,SAAAA,gBAAAA,EAAAC,cAAC9F,IAAW;AAAA,IACV+H,oBAAoBD;AAAAA,IACpBE,OAAM;AAAA,IACNvH,QAAAA;AAAAA,IACAsF,WAAU;AAAA,EAAA,CACX;AAEL;"}
+{"version":3,"file":"index48.js","sources":["../src/components/BreadCrumbs/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Icon } from '../Icon';\n\ninterface Crumb {\n  id: string | number;\n  label: string;\n}\n\ninterface BreadCrumbsProps {\n  crumbs: Crumb[];\n  onCrumbClick?: (crumb: Crumb) => void;\n  className?: any;\n}\n\nexport const BreadCrumbs: React.FC<BreadCrumbsProps> = ({ crumbs, onCrumbClick, className }) => {\n  const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n\n  const shouldShowDropdown = crumbs?.length > 3;\n  const visibleCrumbs = shouldShowDropdown ? crumbs?.slice(-2) : crumbs;\n  const dropdownCrumbs = shouldShowDropdown ? crumbs?.slice(0, -2) : [];\n\n  return (\n    <div className={`se-design-breadcrumbs flex items-center ${className}`} aria-label=\"Breadcrumb\">\n      {shouldShowDropdown && (\n        <div className=\"relative\">\n          <div onClick={() => setIsDropdownOpen(!isDropdownOpen)} className=\"p-1 hover:bg-gray-100 rounded-full\">\n            <Icon name=\"kebab-menu\" />\n          </div>\n\n          {isDropdownOpen && (\n            <div className=\"se-design-breadcrumbs-dropdown absolute top-full left-0 mt-1 w-48 bg-white shadow-lg rounded-md py-1 z-10\">\n              {dropdownCrumbs?.map((crumb) => (\n                <p\n                  key={crumb?.id}\n                  onClick={() => {\n                    onCrumbClick?.(crumb);\n                    setIsDropdownOpen(false);\n                  }}\n                  className=\"w-full text-left px-4 py-2 text-xl text-gray-500 cursor-pointer  hover:bg-gray-100\"\n                >\n                  {crumb?.label}\n                </p>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      <div className=\"se-design-breadcrumbs-list inline-flex items-center\">\n        {visibleCrumbs?.map((crumb, index) => (\n          <div key={crumb?.id} className=\"se-design-breadcrumbs-item inline-flex items-center w-fit\">\n            {(index > 0 || shouldShowDropdown) && <Icon name=\"chevron\" rotation={'270'} />}\n            <p\n              onClick={() => onCrumbClick?.(crumb)}\n              className={`\n                se-design-breadcrumbs-item-label inline-flex items-center w-fit text-xl\n                ${\n                  index === visibleCrumbs?.length - 1\n                    ? 'text-black font-medium cursor-default'\n                    : 'text-gray-500 hover:text-gray-700 cursor-pointer'\n                }\n              `}\n            >\n              {crumb?.label}\n            </p>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":["BreadCrumbs","crumbs","onCrumbClick","className","isDropdownOpen","setIsDropdownOpen","useState","shouldShowDropdown","length","visibleCrumbs","slice","dropdownCrumbs","React","createElement","onClick","Icon","name","map","crumb","key","id","label","index","rotation"],"mappings":";;AAcO,MAAMA,IAA0CA,CAAC;AAAA,EAAEC,QAAAA;AAAAA,EAAQC,cAAAA;AAAAA,EAAcC,WAAAA;AAAU,MAAM;AAC9F,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAAS,EAAK,GAEpDC,KAAqBN,KAAAA,gBAAAA,EAAQO,UAAS,GACtCC,IAAgBF,IAAqBN,KAAAA,gBAAAA,EAAQS,MAAM,MAAMT,GACzDU,IAAiBJ,IAAqBN,KAAAA,gBAAAA,EAAQS,MAAM,GAAG,MAAM,CAAE;AAGnEE,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKV,WAAW,2CAA2CA,CAAS;AAAA,IAAI,cAAW;AAAA,EAChFI,GAAAA,KACCM,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKV,WAAU;AAAA,EAAA,GACbU,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,SAASA,MAAMT,EAAkB,CAACD,CAAc;AAAA,IAAGD,WAAU;AAAA,EAAA,GAChEU,gBAAAA,EAAAA,cAACE,GAAI;AAAA,IAACC,MAAK;AAAA,EAAc,CAAA,CACtB,GAEJZ,KACCQ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKV,WAAU;AAAA,EAAA,GACZQ,KAAAA,gBAAAA,EAAgBM,IAAKC,CACpBN,MAAAA,gBAAAA,EAAAC,cAAA,KAAA;AAAA,IACEM,KAAKD,KAAAA,gBAAAA,EAAOE;AAAAA,IACZN,SAASA,MAAM;AACbZ,MAAAA,KAAAA,QAAAA,EAAegB,IACfb,EAAkB,EAAK;AAAA,IACzB;AAAA,IACAF,WAAU;AAAA,EAAA,GAETe,KAAAA,gBAAAA,EAAOG,KACP,EAEF,CAEJ,GAGPR,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKV,WAAU;AAAA,EAAA,GACZM,KAAAA,gBAAAA,EAAeQ,IAAI,CAACC,GAAOI,MAC1BV,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKM,KAAKD,KAAAA,gBAAAA,EAAOE;AAAAA,IAAIjB,WAAU;AAAA,EAAA,IAC3BmB,IAAQ,KAAKf,MAAuBK,gBAAAA,EAAAC,cAACE,GAAI;AAAA,IAACC,MAAK;AAAA,IAAUO,UAAU;AAAA,EAAA,CAAQ,GAC7EV,gBAAAA,EAAAA,cAAA,KAAA;AAAA,IACEC,SAASA,MAAMZ,KAAAA,gBAAAA,EAAegB;AAAAA,IAC9Bf,WAAW;AAAA;AAAA,kBAGPmB,OAAUb,KAAAA,gBAAAA,EAAeD,UAAS,IAC9B,0CACA,kDAAkD;AAAA;AAAA,KAIzDU,KAAAA,gBAAAA,EAAOG,KACP,CACA,EAEJ,CACF;AAET;"}