@itilite/lumina-ui 0.0.324 → 1.0.0-alpha

package/dist/chunk-X76GNSBB.mjs

@@ -0,0 +1,87 @@
+// src/atom/Avatar/Avatar.tsx
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+var COLOR_MAP = {
+  A: "#6455BF",
+  B: "#C46273",
+  C: "#52A79E",
+  D: "#DF8654",
+  E: "#B8639F",
+  F: "#6455BF",
+  G: "#C46273",
+  H: "#52A79E",
+  I: "#DF8654",
+  J: "#B8639F",
+  K: "#6455BF",
+  L: "#C46273",
+  M: "#52A79E",
+  N: "#DF8654",
+  O: "#B8639F",
+  P: "#6455BF",
+  Q: "#C46273",
+  R: "#52A79E",
+  S: "#DF8654",
+  T: "#B8639F",
+  U: "#6455BF",
+  V: "#C46273",
+  W: "#52A79E",
+  X: "#DF8654",
+  Y: "#B8639F",
+  Z: "#6455BF",
+  0: "#6455BF",
+  1: "#C46273",
+  6: "#C46273",
+  2: "#52A79E",
+  7: "#52A79E",
+  3: "#DF8654",
+  8: "#DF8654",
+  4: "#B8639F",
+  9: "#B8639F"
+};
+function Avatar({
+  img,
+  className,
+  name,
+  height = 28,
+  width = 28,
+  size = "normal"
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: { height, width },
+      className: "tw-rounded-full tw-flex tw-items-center",
+      children: !img && name ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            backgroundColor: COLOR_MAP[name[0]],
+            height,
+            width
+          },
+          className: clsx(
+            { "tw-text-font-size-10": size === "small" },
+            `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
+            className
+          ),
+          children: name[0]
+        }
+      ) : img ? /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: img,
+          style: { height, width },
+          alt: name,
+          className: clsx("tw-rounded-full tw-object-cover", className)
+        }
+      ) : null
+    }
+  );
+}
+Avatar.displayName = "Avatar";
+var Avatar_default = Avatar;
+
+export {
+  Avatar,
+  Avatar_default
+};

package/dist/chunk-XG7CZXBW.mjs

@@ -0,0 +1,244 @@
+import {
+  InternalCalendar_default
+} from "./chunk-RSSEJENT.mjs";
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
+import { useCallback, useEffect, useMemo, useState } from "react";
+import clsx from "clsx";
+import dayjs from "dayjs";
+import customParseFormat from "dayjs/plugin/customParseFormat";
+import isSameOrBefore from "dayjs/plugin/isSameOrBefore";
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.module.scss
+var AdvancedDateRangePicker_module_default = { "root": "AdvancedDateRangePicker-module__root___udir8", "inner": "AdvancedDateRangePicker-module__inner___P4OHa", "left": "AdvancedDateRangePicker-module__left___T6E84", "sidebarItem": "AdvancedDateRangePicker-module__sidebarItem___-NXPm", "sidebarItemActive": "AdvancedDateRangePicker-module__sidebarItemActive___5GmBY", "main": "AdvancedDateRangePicker-module__main___G4MU9", "header": "AdvancedDateRangePicker-module__header___mxXEE", "headerGroup": "AdvancedDateRangePicker-module__headerGroup___J7mJB", "headerLabel": "AdvancedDateRangePicker-module__headerLabel___Yvhkr", "timezoneWrapper": "AdvancedDateRangePicker-module__timezoneWrapper___886Qm", "dateTimeWrapper": "AdvancedDateRangePicker-module__dateTimeWrapper___unDQJ", "headerSeparator": "AdvancedDateRangePicker-module__headerSeparator___Vwx6P", "timezoneSelect": "AdvancedDateRangePicker-module__timezoneSelect___f4oln", "dateTimeColumn": "AdvancedDateRangePicker-module__dateTimeColumn___tdDV3", "dateTimeGroup": "AdvancedDateRangePicker-module__dateTimeGroup___azF09", "dateInput": "AdvancedDateRangePicker-module__dateInput___0t9ww", "inputError": "AdvancedDateRangePicker-module__inputError___A5hid", "timeInput": "AdvancedDateRangePicker-module__timeInput___Jalr9", "errorMessage": "AdvancedDateRangePicker-module__errorMessage___gx7ag", "body": "AdvancedDateRangePicker-module__body___f8XYj", "footer": "AdvancedDateRangePicker-module__footer___rsJ2w", "doneBtn": "AdvancedDateRangePicker-module__doneBtn___mt-Sv" };
+
+// src/atom/AdvancedDateRangePicker/AdvancedDateRangePicker.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+dayjs.extend(customParseFormat);
+dayjs.extend(isSameOrBefore);
+function AdvancedDateRangePicker({
+  value,
+  onChange,
+  confirmLabel = "Done",
+  className = "",
+  disabled = false,
+  disablePastDates = false,
+  minDate = null,
+  maxDate = null,
+  showSingleCalendar = false,
+  id = "adv-drp",
+  defaultTimezone = "UTC",
+  isTimezoneDisabled = false,
+  timezoneOptions = []
+}) {
+  var _a, _b, _c;
+  const PRESETS = useMemo(() => getPresets(), []);
+  const [startDate, setStartDate] = useState((_a = value == null ? void 0 : value.startDate) != null ? _a : null);
+  const [endDate, setEndDate] = useState((_b = value == null ? void 0 : value.endDate) != null ? _b : null);
+  const [timezone, setTimezone] = useState((_c = value == null ? void 0 : value.timezone) != null ? _c : defaultTimezone);
+  const [fromDateStr, setFromDateStr] = useState(formatForDisplay(startDate));
+  const [toDateStr, setToDateStr] = useState(formatForDisplay(endDate));
+  const [fromTimeStr, setFromTimeStr] = useState(
+    (value == null ? void 0 : value.startTime) ? formatTime(value.startTime) : "12:00 PM"
+  );
+  const [toTimeStr, setToTimeStr] = useState(
+    (value == null ? void 0 : value.endTime) ? formatTime(value.endTime) : "12:00 PM"
+  );
+  const [activePreset, setActivePreset] = useState("custom");
+  const fromDateError = useMemo(() => fromDateStr.length > 0 && (fromDateStr.length < 10 || !validateDateString(fromDateStr)), [fromDateStr]);
+  const toDateError = useMemo(() => toDateStr.length > 0 && (toDateStr.length < 10 || !validateDateString(toDateStr)), [toDateStr]);
+  const fromTimeError = useMemo(() => fromTimeStr.length > 0 && (fromTimeStr.length < 8 || !validateTimeString(fromTimeStr)), [fromTimeStr]);
+  const toTimeError = useMemo(() => toTimeStr.length > 0 && (toTimeStr.length < 8 || !validateTimeString(toTimeStr)), [toTimeStr]);
+  const isReady = useMemo(() => {
+    return startDate !== null && endDate !== null && validateDateString(fromDateStr) && validateDateString(toDateStr) && validateTimeString(fromTimeStr) && validateTimeString(toTimeStr) && dayjs(startDate).isSameOrBefore(dayjs(endDate), "day");
+  }, [startDate, endDate, fromDateStr, toDateStr, fromTimeStr, toTimeStr]);
+  useEffect(() => {
+    var _a2, _b2, _c2;
+    if (value) {
+      setStartDate((_a2 = value.startDate) != null ? _a2 : null);
+      setEndDate((_b2 = value.endDate) != null ? _b2 : null);
+      setTimezone((_c2 = value.timezone) != null ? _c2 : defaultTimezone);
+      if (value.startTime) setFromTimeStr(formatTime(value.startTime));
+      if (value.endTime) setToTimeStr(formatTime(value.endTime));
+    }
+  }, [value, defaultTimezone]);
+  useEffect(() => {
+    setFromDateStr(formatForDisplay(startDate));
+  }, [startDate]);
+  useEffect(() => {
+    setToDateStr(formatForDisplay(endDate));
+  }, [endDate]);
+  const rangeValue = useMemo(() => [
+    startDate ? startDate.toISOString() : "",
+    endDate ? endDate.toISOString() : ""
+  ], [startDate, endDate]);
+  const handleRangeChange = useCallback(
+    (range) => {
+      const [s, e] = range;
+      if (s) {
+        const sDateByDayjs = dayjs(s, "D MMM, YYYY").toDate();
+        setStartDate(sDateByDayjs);
+      } else {
+        setStartDate(null);
+      }
+      if (e) {
+        const eDateByDayjs = dayjs(e, "D MMM, YYYY").toDate();
+        setEndDate(eDateByDayjs);
+      } else {
+        setEndDate(null);
+      }
+      setActivePreset("custom");
+    },
+    []
+  );
+  const handlePreset = useCallback(
+    (preset) => {
+      const [s, e] = preset.getRange();
+      setStartDate(s);
+      setEndDate(e);
+      setActivePreset(preset.key);
+    },
+    []
+  );
+  const handleFromDateChange = useCallback((v) => {
+    const masked = applyDateMask(v, fromDateStr);
+    setFromDateStr(masked);
+    setActivePreset("custom");
+    if (masked.length === 10) {
+      const parsed = parseDateInput(masked);
+      if (parsed) {
+        setStartDate(parsed);
+        if (endDate && dayjs(parsed).isAfter(dayjs(endDate), "day")) {
+          setEndDate(null);
+        }
+      }
+    }
+  }, [fromDateStr, endDate]);
+  const handleToDateChange = useCallback((v) => {
+    const masked = applyDateMask(v, toDateStr);
+    setToDateStr(masked);
+    setActivePreset("custom");
+    if (masked.length === 10) {
+      const parsed = parseDateInput(masked);
+      if (parsed) {
+        setEndDate(parsed);
+        if (startDate && dayjs(parsed).isBefore(dayjs(startDate), "day")) {
+          setStartDate(null);
+        }
+      }
+    }
+  }, [toDateStr, startDate]);
+  const handleFromTimeChange = useCallback((v) => {
+    const masked = applyTimeMask(v, fromTimeStr);
+    setFromTimeStr(masked);
+    setActivePreset("custom");
+  }, [fromTimeStr]);
+  const handleToTimeChange = useCallback((v) => {
+    const masked = applyTimeMask(v, toTimeStr);
+    setToTimeStr(masked);
+    setActivePreset("custom");
+  }, [toTimeStr]);
+  const handleDone = useCallback(() => {
+    var _a2, _b2;
+    if (!isReady) return;
+    const fromTime = (_a2 = parseTimeInput(fromTimeStr)) != null ? _a2 : DEFAULT_TIME;
+    const toTime = (_b2 = parseTimeInput(toTimeStr)) != null ? _b2 : DEFAULT_TIME;
+    onChange == null ? void 0 : onChange({
+      startDate,
+      endDate,
+      startTime: fromTime,
+      endTime: toTime,
+      timezone
+    });
+  }, [isReady, onChange, startDate, endDate, fromTimeStr, toTimeStr, timezone]);
+  return /* @__PURE__ */ jsxs("div", { className: clsx(AdvancedDateRangePicker_module_default.root, className), id, children: [
+    /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.inner, children: [
+      /* @__PURE__ */ jsx("aside", { className: AdvancedDateRangePicker_module_default.left, children: PRESETS.map((p) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => handlePreset(p),
+          className: clsx(AdvancedDateRangePicker_module_default.sidebarItem, {
+            [AdvancedDateRangePicker_module_default.sidebarItemActive]: activePreset === p.key
+          }),
+          children: p.label
+        },
+        p.key
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.main, children: [
+        /* @__PURE__ */ jsxs("header", { className: AdvancedDateRangePicker_module_default.header, children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(AdvancedDateRangePicker_module_default.headerGroup, AdvancedDateRangePicker_module_default.timezoneWrapper), children: [
+            /* @__PURE__ */ jsx("span", { className: AdvancedDateRangePicker_module_default.headerLabel, children: "Timezone" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                value: timezone,
+                onChange: (e) => setTimezone(e.target.value),
+                className: AdvancedDateRangePicker_module_default.timezoneSelect,
+                disabled: isTimezoneDisabled,
+                children: TIMEZONES.map((tz) => /* @__PURE__ */ jsx("option", { value: tz.value, children: tz.label }, tz.value))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
+          /* @__PURE__ */ jsxs("div", { className: AdvancedDateRangePicker_module_default.dateTimeWrapper, children: [
+            /* @__PURE__ */ jsx(
+              DateTimeInputGroup,
+              {
+                label: "From",
+                dateValue: fromDateStr,
+                timeValue: fromTimeStr,
+                dateError: fromDateError,
+                timeError: fromTimeError,
+                onDateChange: handleFromDateChange,
+                onTimeChange: handleFromTimeChange
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.headerSeparator }),
+            /* @__PURE__ */ jsx(
+              DateTimeInputGroup,
+              {
+                label: "To",
+                dateValue: toDateStr,
+                timeValue: toTimeStr,
+                dateError: toDateError,
+                timeError: toTimeError,
+                onDateChange: handleToDateChange,
+                onTimeChange: handleToTimeChange
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: AdvancedDateRangePicker_module_default.body, children: /* @__PURE__ */ jsx(
+          InternalCalendar_default,
+          {
+            id: `${id}-calendar`,
+            dateRange: rangeValue,
+            onChange: handleRangeChange,
+            disablePastDates,
+            minDate,
+            maxDate,
+            showSingleCalendar
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("footer", { className: AdvancedDateRangePicker_module_default.footer, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: handleDone,
+        disabled: disabled || !isReady,
+        className: AdvancedDateRangePicker_module_default.doneBtn,
+        children: confirmLabel
+      }
+    ) })
+  ] });
+}
+AdvancedDateRangePicker.displayName = "AdvancedDateRangePicker";
+var AdvancedDateRangePicker_default = AdvancedDateRangePicker;
+
+export {
+  AdvancedDateRangePicker,
+  AdvancedDateRangePicker_default
+};

package/dist/chunk-XXKIBYXD.mjs

@@ -0,0 +1,109 @@
+import {
+  Table_module_default
+} from "./chunk-VY3QH43W.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-HWQBE6PT.mjs";
+
+// src/atom/Table/Table.tsx
+import * as React from "react";
+import { Table as AntTable } from "antd";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+function buildPagination(pagination) {
+  if (pagination === false || pagination === void 0) {
+    return false;
+  }
+  const defaults = {
+    showSizeChanger: true,
+    pageSizeOptions: [10, 25, 50],
+    showTotal: (total, range) => `${range[0]}\u2013${range[1]} of ${total} items`
+  };
+  if (pagination === true) {
+    return defaults;
+  }
+  return __spreadValues(__spreadValues({}, defaults), pagination);
+}
+function Table(props) {
+  const _a = props, {
+    size = "middle",
+    variant = "default",
+    className = "",
+    analytics: _analytics,
+    pagination,
+    rowSelection,
+    rowKey = "key",
+    onRow,
+    dataSource
+  } = _a, rest = __objRest(_a, [
+    "size",
+    "variant",
+    "className",
+    "analytics",
+    "pagination",
+    "rowSelection",
+    "rowKey",
+    "onRow",
+    "dataSource"
+  ]);
+  const isChildVariant = variant === "accordion-child" || variant === "toolbar-child";
+  const resolvedPagination = buildPagination(pagination);
+  const resolvedOnRow = React.useMemo(() => {
+    const onChange = rowSelection == null ? void 0 : rowSelection.onChange;
+    if (variant !== "selectable" || !onChange) return onRow;
+    return (record, index) => {
+      var _a2;
+      const base = (_a2 = onRow == null ? void 0 : onRow(record, index)) != null ? _a2 : {};
+      const getKey = (r, i) => typeof rowKey === "function" ? rowKey(r, i) : r[rowKey];
+      return __spreadProps(__spreadValues({}, base), {
+        style: __spreadValues({ cursor: "pointer" }, base.style),
+        onClick: (e) => {
+          var _a3, _b;
+          (_a3 = base.onClick) == null ? void 0 : _a3.call(base, e);
+          const key = getKey(record, index);
+          const current = (_b = rowSelection.selectedRowKeys) != null ? _b : [];
+          const isSelected = current.includes(key);
+          const newKeys = isSelected ? current.filter((k) => k !== key) : [...current, key];
+          const newRows = (dataSource != null ? dataSource : []).filter(
+            (r) => newKeys.includes(getKey(r))
+          );
+          onChange(newKeys, newRows, { type: "single" });
+        }
+      });
+    };
+  }, [variant, rowSelection, rowKey, onRow, dataSource]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: clsx(
+        Table_module_default.tableWrapper,
+        { [Table_module_default.childVariant]: isChildVariant },
+        { [Table_module_default.showHoverEffect]: variant === "hover" || variant === "selectable" },
+        `variant_${variant}`,
+        className
+      ),
+      "data-testid": "lumina-table",
+      children: /* @__PURE__ */ jsx(
+        AntTable,
+        __spreadValues({
+          className: Table_module_default.table,
+          size,
+          pagination: resolvedPagination,
+          rowSelection,
+          rowKey,
+          onRow: resolvedOnRow,
+          dataSource
+        }, rest)
+      )
+    }
+  );
+}
+Table.displayName = "Table";
+var Table_default = Table;
+
+export {
+  Table,
+  Table_default
+};

package/dist/chunk-XXTUVMAY.mjs

@@ -0,0 +1,51 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-HWQBE6PT.mjs";
+
+// src/atom/Tag/Tag.tsx
+import { Tag as AntTag } from "antd";
+import clsx from "clsx";
+
+// src/atom/Tag/Tag.module.scss
+var Tag_module_default = { "tag": "Tag-module__tag___PIkhI", "small": "Tag-module__small___nG5XQ", "success": "Tag-module__success___99fad", "blue": "Tag-module__blue___Zky2Z", "warning": "Tag-module__warning___KXsly", "processing": "Tag-module__processing___OssXC", "bookingConfirmed": "Tag-module__bookingConfirmed___potR4", "bookingRescheduled": "Tag-module__bookingRescheduled___ynrwI", "bookingRescheduledPending": "Tag-module__bookingRescheduledPending___K3GqS", "failed": "Tag-module__failed___dvpyQ", "bookingPending": "Tag-module__bookingPending___64umX" };
+
+// src/atom/Tag/Tag.tsx
+import { jsx } from "react/jsx-runtime";
+var Tag = (_a) => {
+  var _b = _a, {
+    type = "success",
+    className = "",
+    title = "",
+    icon = null,
+    size = ""
+  } = _b, rest = __objRest(_b, [
+    "type",
+    "className",
+    "title",
+    "icon",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AntTag,
+    __spreadProps(__spreadValues({
+      className: clsx(
+        Tag_module_default.tag,
+        size === "small" && Tag_module_default.small,
+        Tag_module_default[type],
+        className
+      ),
+      icon
+    }, rest), {
+      children: title
+    })
+  );
+};
+Tag.displayName = "Tag";
+var Tag_default = Tag;
+
+export {
+  Tag,
+  Tag_default
+};