@itilite/lumina-ui 0.0.323 → 1.0.0-alpha

package/dist/chunk-N355RJGH.mjs

@@ -0,0 +1,141 @@
+import {
+  Button
+} from "./chunk-HISCHZ5H.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/atom/Modal/Modal.tsx
+import { Modal as AntModal } from "antd";
+import clsx from "clsx";
+
+// src/atom/Modal/Modal.module.scss
+var Modal_module_default = { "modal": "Modal-module__modal___PKrAi", "footerMargintopDisable": "Modal-module__footerMargintopDisable___4B6u-", "ant-modal-footer": "Modal-module__ant-modal-footer___HKsDR", "okBtn": "Modal-module__okBtn___Ut8e5", "cancelBtn": "Modal-module__cancelBtn___i0Rm8" };
+
+// src/atom/Modal/Modal.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Close = (_a) => {
+  var _b = _a, { size = 14, color = "#B6BAC3" } = _b, rest = __objRest(_b, ["size", "color"]);
+  return /* @__PURE__ */ jsx(
+    "svg",
+    __spreadProps(__spreadValues({
+      width: size,
+      height: size,
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, rest), {
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7 5.58579L12.2929 0.292893C12.6834 -0.0976311 13.3166 -0.0976311 13.7071 0.292893C14.0976 0.683417 14.0976 1.31658 13.7071 1.70711L8.41421 7L13.7071 12.2929C14.0976 12.6834 14.0976 13.3166 13.7071 13.7071C13.3166 14.0976 12.6834 14.0976 12.2929 13.7071L7 8.41421L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",
+          fill: color
+        }
+      )
+    })
+  );
+};
+var Modal = (_a) => {
+  var _b = _a, {
+    className = "",
+    title = "",
+    children,
+    open = false,
+    handleOk,
+    handleCancel,
+    okText = "",
+    cancelText = "",
+    closeIcon = /* @__PURE__ */ jsx(Close, { color: "#6B7280" }),
+    bodyClassName = "modalBody",
+    outsideClickDisable = false,
+    hideCross = false,
+    okButtonLoading = false,
+    okButtonDisabled = false,
+    variant = "primary",
+    okBtnClasses = "",
+    cancelButtonAnalytics = {},
+    okButtonAnalytics = {},
+    footerMargintopDisable = true
+  } = _b, rest = __objRest(_b, [
+    "className",
+    "title",
+    "children",
+    "open",
+    "handleOk",
+    "handleCancel",
+    "okText",
+    "cancelText",
+    "closeIcon",
+    "bodyClassName",
+    "outsideClickDisable",
+    "hideCross",
+    "okButtonLoading",
+    "okButtonDisabled",
+    "variant",
+    "okBtnClasses",
+    "cancelButtonAnalytics",
+    "okButtonAnalytics",
+    "footerMargintopDisable"
+  ]);
+  return /* @__PURE__ */ jsx("div", { onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(
+    AntModal,
+    __spreadProps(__spreadValues({
+      title,
+      open,
+      onOk: handleOk,
+      onCancel: handleCancel,
+      className: clsx(Modal_module_default.modal, className, {
+        footerMargintopDisable
+      }),
+      okText,
+      cancelText,
+      closeIcon,
+      closable: !hideCross,
+      maskClosable: !outsideClickDisable,
+      footer: okText || cancelText ? /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: clsx({
+            primaryFooter: variant === "primary",
+            secondaryFooter: variant === "secondary"
+          }),
+          children: [
+            cancelText && /* @__PURE__ */ jsx(
+              Button,
+              __spreadProps(__spreadValues({
+                onClick: handleCancel,
+                type: "secondary",
+                className: "cancelBtn",
+                variant: "subtle"
+              }, cancelButtonAnalytics), {
+                children: cancelText
+              })
+            ),
+            okText && /* @__PURE__ */ jsx(
+              Button,
+              __spreadProps(__spreadValues({
+                onClick: handleOk,
+                className: clsx(okBtnClasses, "okBtn"),
+                loading: okButtonLoading,
+                disabled: okButtonDisabled
+              }, okButtonAnalytics), {
+                children: okText
+              })
+            )
+          ]
+        }
+      ) : null
+    }, rest), {
+      children: /* @__PURE__ */ jsx("div", { className: bodyClassName, children })
+    })
+  ) });
+};
+Modal.displayName = "Modal";
+var Modal_default = Modal;
+
+export {
+  Modal,
+  Modal_default
+};

package/dist/chunk-N3YFQDW7.mjs

@@ -0,0 +1,77 @@
+// src/atom/Button/Button.tsx
+import { Button as AntButton } from "antd";
+import clsx from "clsx";
+
+// src/atom/Button/Button.module.scss
+var Button_module_default = { "button": "Button-module__button___cLCyl", "size_large": "Button-module__size_large___S-mbU", "shape_circle": "Button-module__shape_circle___sPUS5", "size_normal": "Button-module__size_normal___qJUMj", "size_small": "Button-module__size_small___IUeei", "type_primary": "Button-module__type_primary___Tauz-", "variant_subtle": "Button-module__variant_subtle___BMbbd", "variant_text": "Button-module__variant_text___Pc5Ia", "variant_link": "Button-module__variant_link___Cj1O9", "type_secondary": "Button-module__type_secondary___CLmrA", "type_critical": "Button-module__type_critical___6ILOp", "onHoverUnderline": "Button-module__onHoverUnderline___LOfXo" };
+
+// src/atom/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button(props) {
+  const {
+    // type = "primary",
+    variant = "default",
+    size = "normal",
+    shape = "default",
+    className = "",
+    icon = null,
+    children,
+    onClick,
+    href = "",
+    disabled = false,
+    loading = false,
+    onHoverUnderline = false
+  } = props;
+  const buttonMap = {
+    default: "primary",
+    subtle: "default",
+    text: "text",
+    link: "link"
+  };
+  const sizeMap = {
+    small: "small",
+    normal: "middle",
+    // Map "default" to "middle"
+    large: "large"
+  };
+  return /* @__PURE__ */ jsx(
+    AntButton,
+    {
+      className: clsx(
+        Button_module_default.button,
+        Button_module_default[`size_${size}`],
+        Button_module_default[`variant_${variant}`],
+        Button_module_default[`shape_${shape}`],
+        Button_module_default[`type_${type}`],
+        `size_${size}`,
+        `variant_${variant}`,
+        `shape_${shape}`,
+        `type_${type}`,
+        className,
+        {
+          "tw-cursor-not-allowed": disabled,
+          "tw-opacity-40": disabled
+        },
+        disabled && Button_module_default.disabled,
+        onHoverUnderline && Button_module_default.onHoverUnderline
+      ),
+      "data-testid": "lumina-button",
+      disabled,
+      href: href || void 0,
+      icon,
+      loading,
+      onClick,
+      shape,
+      size: sizeMap[size],
+      type: buttonMap[variant],
+      children
+    }
+  );
+}
+Button.displayName = "Button";
+var Button_default = Button;
+
+export {
+  Button,
+  Button_default
+};

package/dist/chunk-N4DPPZVJ.mjs

@@ -0,0 +1,269 @@
+import {
+  Chevron
+} from "./chunk-ZTRM4HZJ.mjs";
+
+// src/atom/AdvancedDateRangePicker/InternalCalendar.tsx
+import { memo, useEffect, useRef, useState } from "react";
+import dayjs from "dayjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+var InternalCalendar = ({
+  id = "",
+  onChange = () => {
+  },
+  dateRange = ["", ""],
+  showSingleCalendar: showSingleCalendarProp = false,
+  disablePastDates = false,
+  minDate = null,
+  maxDate = null,
+  minYear = 1900,
+  maxYear = (/* @__PURE__ */ new Date()).getFullYear() + 10,
+  allowSameDates = false
+}) => {
+  const onChangeRef = useRef(onChange);
+  useEffect(() => {
+    onChangeRef.current = onChange;
+  }, [onChange]);
+  const getInitialDate = () => {
+    const today2 = /* @__PURE__ */ new Date();
+    today2.setHours(0, 0, 0, 0);
+    if (dateRange[0]) return new Date(dateRange[0]);
+    if (today2.getFullYear() >= minYear && today2.getFullYear() <= maxYear) {
+      return today2;
+    }
+    if (minDate) {
+      const minDateTime = new Date(minDate);
+      minDateTime.setHours(0, 0, 0, 0);
+      return minDateTime;
+    }
+    return today2;
+  };
+  const [currentDate, setCurrentDate] = useState(() => getInitialDate());
+  const [startDate, setStartDate] = useState(
+    dateRange[0] ? new Date(dateRange[0]) : null
+  );
+  const [endDate, setEndDate] = useState(
+    dateRange[0] && dateRange[1] ? new Date(dateRange[1]) : null
+  );
+  const [hoverDate, setHoverDate] = useState(null);
+  const [isSelectingEnd, setIsSelectingEnd] = useState(
+    dateRange[0] && !dateRange[1] ? true : false
+  );
+  const [isMobile, setIsMobile] = useState(false);
+  useEffect(() => {
+    const checkMobile = () => {
+      setIsMobile(window.innerWidth < 1024);
+    };
+    checkMobile();
+    window.addEventListener("resize", checkMobile);
+    return () => window.removeEventListener("resize", checkMobile);
+  }, []);
+  const showSingle = showSingleCalendarProp || isMobile;
+  const prevRangeRef = useRef(dateRange);
+  useEffect(() => {
+    const isSameRange = dateRange[0] === prevRangeRef.current[0] && dateRange[1] === prevRangeRef.current[1];
+    if (isSameRange) return;
+    prevRangeRef.current = dateRange;
+    const nextStart = dateRange[0] ? new Date(dateRange[0]) : null;
+    const nextEnd = dateRange[1] ? new Date(dateRange[1]) : null;
+    setStartDate(nextStart);
+    setEndDate(nextEnd);
+    if (nextStart) {
+      const startMonth = nextStart.getFullYear() * 12 + nextStart.getMonth();
+      const currentMonthVal = currentDate.getFullYear() * 12 + currentDate.getMonth();
+      const isVisibleInFirst = startMonth === currentMonthVal;
+      const isVisibleInSecond = !showSingle && startMonth === currentMonthVal + 1;
+      if (!isVisibleInFirst && !isVisibleInSecond) {
+        setCurrentDate(new Date(nextStart.getFullYear(), nextStart.getMonth(), 1));
+      }
+    }
+  }, [dateRange, showSingle]);
+  const today = /* @__PURE__ */ new Date();
+  today.setHours(0, 0, 0, 0);
+  const firstMonth = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1);
+  const secondMonth = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+  const monthNames = [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ];
+  const dayNames = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+  const generateCalendarDays = (monthDate) => {
+    const year = monthDate.getFullYear();
+    const month = monthDate.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const lastDay = new Date(year, month + 1, 0);
+    const daysInMonth = lastDay.getDate();
+    const startingDayOfWeek = firstDay.getDay();
+    const days = [];
+    for (let i = 0; i < startingDayOfWeek; i++) days.push(null);
+    for (let day = 1; day <= daysInMonth; day++) days.push(new Date(year, month, day));
+    return days;
+  };
+  const isSameDate = (d1, d2) => {
+    if (!d1 || !d2) return false;
+    return d1.getFullYear() === d2.getFullYear() && d1.getMonth() === d2.getMonth() && d1.getDate() === d2.getDate();
+  };
+  const isDateDisabled = (date) => {
+    if (!date) return false;
+    const checkDate = new Date(date);
+    checkDate.setHours(0, 0, 0, 0);
+    if (disablePastDates && checkDate < today) return true;
+    if (minDate) {
+      const m = new Date(minDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate < m) return true;
+    }
+    if (maxDate) {
+      const m = new Date(maxDate);
+      m.setHours(0, 0, 0, 0);
+      if (checkDate > m) return true;
+    }
+    return false;
+  };
+  const isDateBetweenRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date > s && date < e;
+  };
+  const isDateInRange = (date) => {
+    if (!startDate || !date) return false;
+    const comp = endDate || hoverDate;
+    if (!comp) return false;
+    const s = startDate < comp ? startDate : comp;
+    const e = startDate < comp ? comp : startDate;
+    return date >= s && date <= e;
+  };
+  const handleDateClick = (date) => {
+    if (isDateDisabled(date)) return;
+    let nextStart = startDate;
+    let nextEnd = endDate;
+    const isSame = startDate && dayjs(date).isSame(startDate, "day");
+    if (!allowSameDates && isSame) {
+      setStartDate(null);
+      setEndDate(null);
+      setIsSelectingEnd(false);
+      onChangeRef.current(["", ""]);
+      return;
+    }
+    if (!startDate || startDate && endDate) {
+      nextStart = date;
+      nextEnd = null;
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(true);
+    } else {
+      if (date < startDate) {
+        nextEnd = startDate;
+        nextStart = date;
+      } else {
+        nextEnd = date;
+      }
+      setStartDate(nextStart);
+      setEndDate(nextEnd);
+      setIsSelectingEnd(false);
+    }
+    onChangeRef.current([
+      nextStart ? dayjs(nextStart).format("D MMM, YYYY") : "",
+      nextEnd ? dayjs(nextEnd).format("D MMM, YYYY") : ""
+    ]);
+  };
+  const handleDateHover = (date) => {
+    if (isDateDisabled(date)) return;
+    if (isSelectingEnd && startDate && !endDate) setHoverDate(date);
+  };
+  const navigateMonth = (direction) => {
+    const newDate = new Date(currentDate);
+    newDate.setMonth(currentDate.getMonth() + direction);
+    setCurrentDate(newDate);
+  };
+  const renderCalendar = (monthDate) => {
+    const days = generateCalendarDays(monthDate);
+    const monthName = monthNames[monthDate.getMonth()];
+    const year = monthDate.getFullYear();
+    return /* @__PURE__ */ jsxs("div", { className: "tw-flex-1 tw-mb-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "tw-text-center tw-mb-4", children: /* @__PURE__ */ jsxs("h3", { className: "tw-typography-footNoteBold tw-text-gray-900 tw-m-0", children: [
+        monthName,
+        " ",
+        year
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "tw-grid tw-grid-cols-7 tw-mb-2", children: dayNames.map((day) => /* @__PURE__ */ jsx("div", { className: "tw-py-2 tw-text-center tw-typography-caption2 tw-text-gray-500", children: day }, day)) }),
+      /* @__PURE__ */ jsx("div", { className: "tw-grid tw-grid-cols-7", children: days.map((date, index) => {
+        if (!date) return /* @__PURE__ */ jsx("div", { className: "tw-h-10" }, index);
+        const isStart = isSameDate(date, startDate);
+        const isEnd = isSameDate(date, endDate);
+        const isInRange = isDateBetweenRange(date);
+        const isSelected = isDateInRange(date);
+        const isDisabled = isDateDisabled(date);
+        const isHovering = isSelectingEnd && hoverDate && isSameDate(date, hoverDate);
+        let cellClasses = "tw-relative tw-z-20 tw-h-10 tw-w-10 tw-flex tw-items-center tw-justify-center tw-typography-caption1Bold tw-cursor-pointer tw-transition-all ";
+        if (isDisabled) {
+          cellClasses += "tw-text-gray-300 tw-cursor-not-allowed ";
+        } else if (isStart || isEnd) {
+          cellClasses += "tw-bg-black tw-text-white tw-rounded-full ";
+        } else if (isInRange) {
+          cellClasses += "tw-text-gray-900 ";
+        } else {
+          cellClasses += "tw-text-gray-700 hover:tw-bg-gray-100 tw-rounded-full ";
+        }
+        if (isHovering && !isEnd) {
+          cellClasses += "tw-border-2 tw-border-gray-400 tw-border-dashed ";
+        }
+        return /* @__PURE__ */ jsxs("div", { className: "tw-relative tw-flex tw-justify-center", children: [
+          isInRange && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-inset-x-0 tw-bg-[#f2efec] tw-z-10" }),
+          isStart && endDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-right-0 tw-left-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          isEnd && startDate && !isSameDate(startDate, endDate) && /* @__PURE__ */ jsx("div", { className: "tw-absolute tw-inset-y-1 tw-left-0 tw-right-1/2 tw-bg-[#f2efec] tw-z-10" }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cellClasses,
+              onClick: () => handleDateClick(date),
+              onMouseEnter: () => handleDateHover(date),
+              children: date.getDate()
+            }
+          )
+        ] }, date.toISOString());
+      }) })
+    ] });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "tw-relative tw-bg-white tw-w-full", children: [
+    /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-items-center tw-justify-between tw-absolute tw-inset-x-0 tw-top-0 tw-z-30 tw-px-4", children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(-1),
+          children: /* @__PURE__ */ jsx(Chevron, { size: "medium" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "tw-cursor-pointer tw-p-2 tw-rounded-full hover:tw-bg-gray-100",
+          onClick: () => navigateMonth(1),
+          children: /* @__PURE__ */ jsx(Chevron, { size: "medium", className: "tw-rotate-180" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "tw-flex tw-gap-8 tw-pt-2", children: [
+      renderCalendar(firstMonth),
+      !showSingle && renderCalendar(secondMonth)
+    ] })
+  ] });
+};
+var InternalCalendar_default = memo(InternalCalendar);
+
+export {
+  InternalCalendar_default
+};